@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Poppins', sans-serif;
font-family: 'Rubik', sans-serif;
*/

html, body { width: 100%; height: 100%; margin:0; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
	color: #06305f;
	transition: .5s;
	margin: 0 0 10px;
	line-height: 1.2;
	font-weight: 700;
	font-style: normal;
	font-family: 'Poppins', sans-serif;
}
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p {
	margin: 0;
	color: #191919;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
	font-style: normal;
	font-family: 'Rubik', sans-serif;
	-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
}

ol, li, ul { font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; }
small { font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.7; }

a, a:visited {
	font-family: 'Rubik', sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #ff007a;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus { text-decoration: underline; color: #1100bb; outline: none; }



/* CUST_AMINATION
============================================================================================================================== */



/* HEADER
============================================================================================================================== */



/* NAVBAR
============================================================================================================================== */



/* CAROUSEL
============================================================================================================================== */

.carousel_main { position: relative; z-index: 10; }
.carousel_main .carousel-caption { top: 10%; text-align: left; padding: 0; left: 10%; width: 80%; }
.carousel_main .carousel-caption h2 {
	color: #FFF;
	font-size: 70px;
	font-weight: 600;
	line-height: 1.1;
	font-family: 'Rubik', sans-serif;
}
.carousel_main .carousel-caption h2 span { color: #0a7482; }
.carousel_main .carousel-caption p { font-size: 18px; color: #FFF; }

@media screen and (max-width: 1174.50px){
	.carousel_main .carousel-caption h2 { font-size: 48px; }
	.carousel_main .carousel-caption p { font-size: 16px; }
}

@media screen and (max-width: 575.50px){
	.carousel_main .carousel-caption h2 { font-size: 30px; }
}



/* FORMS
============================================================================================================================== */



/* BUTTONS
============================================================================================================================== */

.btn-main {
	font-size: 18px;
	font-weight: 600;
	transition: 0.5s;
	border-radius: 0;
	padding: 15px 30px;
	position: relative;
	display: inline-block;
	font-family: 'Rubik', sans-serif;
}

.btn-main.btn-sml { padding: 10px 25px; font-size: 15px; }

.btn-main.blue { background: #0a7482; color: #fff; border: 3px solid #161746; }
.btn-main.blue:hover { background: #161746; border: 3px solid #0a7482; }



/* FOOTER
============================================================================================================================== */

footer { padding-top: 50px; }
footer a, footer a:visited { color: #FFF; text-decoration: underline; }
footer a:hover, footer a:focus { color: #FFF; text-decoration: none; }



/* OTHERS
============================================================================================================================== */

.wrap-yrsExp {
	position: absolute;
	width: 150px;
	right: 80px;
	bottom: 50px;
}

.wrap-yrsExp h2 { font-size: 50px; }
.wrap-yrsExp h2, .wrap-yrsExp p { color: #FFF; }

@media screen and (max-width: 1399.50px){ .wrap-yrsExp { right: 50px; bottom: 35px; } }
@media screen and (max-width: 1199.50px){
	.wrap-yrsExp { right: 70px; bottom: 25px; width: 100px; }
	.wrap-yrsExp h2 { font-size: 50px; }
	.wrap-yrsExp p { font-size: 16px; }
}
@media screen and (max-width: 991.50px){
	.wrap-yrsExp { width: 150px; right: 150px; bottom: 60px; }
	.wrap-yrsExp h2 { font-size: 80px; }
	.wrap-yrsExp p { font-size: 20px; }
}
@media screen and (max-width: 767.50px){ .wrap-yrsExp { right: 90px; bottom: 30px; } }
@media screen and (max-width: 535.50px){ .wrap-yrsExp { display: none; } }


.wrap-logo {
	margin: -80px auto;
	position: relative;
	z-index: 10;
	max-width: 600px;
	background: #FFF;
	padding: 10px 80px 30px 80px;
	border-radius: 50px;
}