@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

* {
	font-family: "Roboto", sans-serif;
}

.whatsappButton{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #00000033;
	z-index:100;
	background-image: url('./../images/whatsapp.svg');
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;	
  }

.navbar-custom {
	/* background-color: #3d5da5 !important; */
	background-color: #67387e !important;
	padding-left: 2rem;
	padding-right: 2rem;
}

.nav-item {
	margin-left: 0.2rem;
	border-radius: 0.5rem;
}

.nav-item a {
	color: white;
}

.nav-item a.active {
	border-bottom: 0.15rem solid white;
}

.nav-item a {
	border-bottom: 0.15rem solid transparent;
	transition: border-bottom 0.3s;
	text-decoration: none;
}

.nav-item a:hover {
	border-bottom-color: white;
}

@media (max-width: 990px) {
	.custom-nav-ul {
		display: inline;
	}
}

.navbar-toggler {
	border-color: white;
	background-color: white;
}

/* Header Section */
.header-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 30vh;

	color: white;

	background-color: #353535;
	background-image: url("./../images/header_003_B3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-section  .container {
	padding: 1rem;
	width: auto;
	box-shadow: inset 0 0 2000px rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	border-radius: 0.5rem;
}

.header-section  .container > p {
	font-size: 3rem;
	text-align: center;
	margin: 0;
	color: #eee;
}

.smallHeaderContent {
	font-size: 1.2rem !important;	
}

@media (max-width: 800px) {
	.header-section > .container > p {
		font-size: 1.5rem;
	}
}

/* Footer */
.footer-section {
	background-color: #353535;
	color: #dedede;
	margin: 0;
	padding: 1rem;
	font-size: 1.1rem;
}
.footer-menu-list {
	list-style: none;
	text-align: center;
}
.footer-menu-list > li {
	vertical-align: top;
	display: inline-block;
	padding: 0.7rem;
	transition: all 0.3s;
}
.footer-menu-list > li > a {
	color: #efefef;
	text-decoration: none;
	padding: 0rem 1rem;
}

.footer-menu-list > li:hover {
	background-color: #008178 !important;
	border-radius: 0.3rem;
}
.footer-cradit {
	padding: 1rem;
	text-align: center;
}

.footer-cradit > a {
	color: white;
}

@media (max-width: 780px) {
	.footer-menu-list {
		display: inline;
	}
	.footer-menu-list > li {
		display: block;		
	}
}