@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
    font-family: 'Poppins', sans-serif;

}
body{
    font-family: 'Poppins', sans-serif;
    background-color:#F9F9F9;
}
@font-face {
    font-family: Jost-Regular;
    src: url("../webfonts/Jost-Regular.ttf");
  }
  @font-face {
    font-family: Jost-SemiBold;
    src: url("../webfonts/Jost-SemiBold.ttf");
  }
html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
}
.mb-50{margin-bottom: 50px;}
.my-navbar{
    background: #FFFFFF;
    box-shadow:0px 4px 64px rgb(0, 0, 0, 0.3);
    padding:20px 0px 20px 0px;
    z-index: 999;
    position: relative;
}
.btn-register{
   background: linear-gradient(270.12deg, #18ACEF 1.26%, #1A74C0 99.91%);
   border-radius: 10px;
   color: #fff;
   padding: 20px;
   font-family: 'Poppins', sans-serif;
   padding: 8px 35px;
}
.btn-register:hover{
  color:#b7e5fa;
}
.btn-border{
    border:1px solid #18ACEF;
    border-radius: 10px;
    color: #18ACEF;
    padding: 20px;
    font-family: 'Poppins', sans-serif;
    padding: 8px 35px;
 }
 .slid-img{
    background-image:url('../images/slid-img.webp');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:70px;
    padding-bottom:130px;
 }
 .font-size{
    font-size:69px;
    font-weight: 600;
 }
 .slide-h1{
    font-size:60px;
    color:#fff;
 }
 .rounded-bg {
    margin: auto;
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    box-shadow: 0px 52px 52px rgba(3, 1, 0, 0.12), inset 0px -18px 40px rgba(3, 1, 0, 0.22);
    border-radius: 100px;
    padding: 20px;
  }
  .sec-box-bg {
    background: #fff;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(3.72263px);
    border-radius: 0px 20px;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 305px;
    transition: all .1s;
  }
  .sec-box-bg p{margin-bottom: 0px;}
  .sec-box-bg:hover{
    background: linear-gradient(270.12deg, #18ACEF 0.11%, #1A74C0 99.91%);
    color: #fff;
  }
  .sec-box-bg :hover .sec-box-bg-text:hover .sec-box-bg-h4 h4{ 
    color: #fff !important;
  }
  .sec-box-bg:hover h4, .service-item:hover p, .service-item:hover .text-button a {
    color: #fff;
  }
  .sec-box-bg-text{text-align: center; margin-top: 20px;}
  .sec-box-bg-text h4{font-family: 'Jost-SemiBold' !important;}
  .sec-box-bg-p{font-family: 'Jost-Regular';}
  .ttl-second-color{color: #00ADED;}
  .text-h2{font-weight:600;}
  .bg-img{
    background-image: url('../images/services-left-dec.webp');
    background-repeat: no-repeat;
    align-items: center;
}
footer{
    background-color:#F2F2F2;
    padding-top:50px;
    margin-top: 100px;
}
.footer-test a{text-decoration: none; color: #000;}
.footer-ul li{list-style-type:none; color:#000 !important; text-align: left;}
.copyright{color:#000; text-align: center; padding:10px; padding-bottom:20px; margin-bottom: 0px;}
.sec-box-bg h4{color: #00ADED;}
.navbar{padding-top: 0px !important; padding-bottom: 0px !important;}

/*Loader Css*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	z-index: 999999;
}
.spinner, .spinner-small {
	height: 45px;
	width: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	border: 2px solid #000000;
	border-top: 2px solid #1EAAE7;
	border-radius: 100%;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	z-index: 9999;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform:rotate(0)
	}
	to {
		-webkit-transform:rotate(359deg)
	}
}
@-moz-keyframes rotation {
	from {
		-moz-transform:rotate(0)
	}
	to {
		-moz-transform:rotate(359deg)
	}
}
@-o-keyframes rotation {
	from {
		-o-transform:rotate(0)
	}
	to {
		-o-transform:rotate(359deg)
	}
}
@keyframes rotation {
	from {
		transform:rotate(0)
	}
	to {
		transform:rotate(359deg)
	}
}
.loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background-color: #E7EDF3;
	z-index: 999;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-moz-transform: translateX(0); 
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
.loader-section.section-left {
	left: 0;
}
.loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	-moz-transform: translateX(100%);
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}




 @media (min-width:0px) and (max-width:359.98px) {
    .navbar-brand-logo{display: flex; justify-content: center;}
    .nav-btn{justify-content: center; display: flex; margin-top:20px;}
    .btn-register{margin-right:10px;}
    .mb-50{margin-bottom:30px;}
    .font-size,.slide-h1{font-size: 28px; text-align: center; line-height:1.5;}
    .slid-img{
        background-image: url('../images/mobile.webp');
        background-repeat: no-repeat;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .sec-box-bg{margin-bottom: 20px; min-height: auto;}
    footer{margin-top:50px; text-align: center;}
    .footer-ul{padding-left: 0px;}
    .footer-ul li{text-align: center;}
    .footer-test{margin-top:30px; margin-bottom:30px;}
    .mobile-menu{margin-top:10px; display: flex !important; justify-content: center !important;}
}
@media (min-width:360px) and (max-width:489.98px) {
    .navbar-brand-logo{display: flex; justify-content: center;}
    .nav-btn{justify-content: center; display: flex; margin-top:20px;}
    .btn-register{margin-right:10px;}
    .mb-50{margin-bottom:30px;}
    .mtb-100{margin-top: 50px;}
    .font-size,.slide-h1{font-size:35px; text-align: center; line-height:1.5;}
    .slid-img{
        background-image: url('../images/mobile.webp');
        background-repeat: no-repeat;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .sec-box-bg{margin-bottom: 20px; min-height: auto;}
    footer{margin-top:50px; text-align: center;}
    .footer-ul{padding-left: 0px;}
    .footer-ul li{text-align: center;}
    .footer-test{margin-top:30px; margin-bottom:30px;}
    .mobile-menu{margin-top:10px; display: flex !important; justify-content: center !important;}
}
@media (min-width:480px) and (max-width:576px) {
    .navbar-brand-logo{display: flex; justify-content: center;}
    .nav-btn{justify-content: center; display: flex; margin-top:20px;}
    .btn-register{margin-right:10px;}
    .mb-50{margin-bottom:30px;}
    .mtb-100{margin-top: 50px;}
    .font-size,.slide-h1{font-size:35px; text-align: center; line-height:1.5;}
    .slid-img{
        background-image: url('../images/mobile.webp');
        background-repeat: no-repeat;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .sec-box-bg{margin-bottom: 20px; min-height: 380px;}
    footer{margin-top:50px; text-align: center;}
    .footer-ul{padding-left: 0px;}
    .footer-ul li{text-align: center;}
    .footer-test{margin-top:30px; margin-bottom:30px;}
    .mobile-menu{margin-top:10px; display: flex !important; justify-content: center !important;}

}
@media (min-width:577px) and (max-width:767.98px) {

    .mb-50{margin-bottom:30px;}
    .mtb-100{margin-top: 50px;}
    .font-size,.slide-h1{font-size:35px; text-align: center; line-height:1.5;}
    .slid-img{
        background-image: url('../images/mobile.webp');
        background-repeat: no-repeat;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .sec-box-bg{margin-bottom: 20px; min-height: 407px;}
    footer{margin-top:50px; text-align: center;}
    .footer-ul{padding-left: 0px;}
    .footer-ul li{text-align: center;}
    .footer-test{margin-top:30px; margin-bottom:30px;}
    .mobile-menu{margin-top:10px; display: flex !important; justify-content: center !important;}

}
@media (min-width:768px) and (max-width:991.98px) {
.slide-h1{margin-top: -90px !important;}
    .mb-50{margin-bottom:30px;}
    .mtb-100{margin-top: 50px;}
    .font-size,.slide-h1{font-size:35px; text-align: center; line-height:1.5;}
    .slid-img{
        background-repeat: no-repeat;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .sec-box-bg{margin-bottom: 20px; min-height: 407px;}
    footer{margin-top:50px; text-align: center;}
    .footer-ul{padding-left: 0px;}
    .footer-ul li{text-align: center;}
    .footer-test{margin-top:30px; margin-bottom:30px;}
    .mobile-menu{margin-top:10px; display: flex !important; justify-content: center !important;}

}

@media (min-width:992px) and (max-width:1100px){
    .font-size,.slide-h1{font-size:45px; text-align: center; line-height:1.5;}
    .slid-img{padding-bottom: 110px !important;}
    .sec-box-bg{min-height:335px;}
}
@media (min-width:1101px) and (max-width:1200px){
    .font-size,.slide-h1{font-size:45px; text-align: center; line-height:1.5;}
    .slid-img{padding-bottom: 110px !important;}
    .sec-box-bg{min-height:335px;}
}