@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

::selection {
  color: #fff;
  background: #2ec1d9; 
}
body{font-family: "Poppins", serif;margin:0;padding:0;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;}  
ul{margin: 0;padding: 0;list-style: none;} 
.container{max-width:1430px;} 

.header{position: fixed;left: 0;top:10px;width: 100%;z-index: 999;padding: 0 15px;} 
.header .container{background: #fff;padding: 10px;border-radius: 10px;display: table;}
.logo{float: left;}
.menu{top: 25px;left: 0;right: 0;margin: 0 auto;position: absolute;display: table;}
.menu .navbar{padding:0;float: left;}
.menu .navbar-nav li{margin: 0 10px;}
.menu .navbar-nav li .nav-link{padding:0 0 6px;color: #000;font-weight: 600;text-transform: uppercase;font-size: 14px;border-radius: 0;border-bottom: solid rgba(255,255,255,0.00) 2px;}
.menu .navbar-nav li .nav-link:hover{color: #2ec1d9;border-bottom-color: #2ec1d9;}
.menu .navbar-nav li .nav-link:active{color: #2ec1d9;border-bottom-color: #2ec1d9;}
.menu .navbar-nav li .nav-link:focus{color: #2ec1d9;border-bottom-color: #2ec1d9;}
.menu .navbar-nav li.active .nav-link{color: #2ec1d9;border-bottom-color: #2ec1d9;}  
.menu-fixed{background: #fff;padding-bottom: 5px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);top: 0;} 
.slider-sec{width: 100%;position: relative;}
.slider-sec .item::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 335px;background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);z-index: 9;} 
.slider-sec .item img{width: 100%;object-fit: cover;height: 100vh;}
.slider-sec video{object-fit: cover;height: 100vh;}
.banner-caption{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);text-align: center;z-index: 99;padding: 0 15px;}
.banner-caption small{font-size: 18px;color: #2ec1d9;font-weight: 600;text-transform: uppercase;letter-spacing: 10px;}
.banner-caption h1{font-size: 70px;font-weight: 900;color: #fff;margin: 15px 0;line-height: 62px;}
.banner-caption h2{font-size: 70px;font-weight: 900;color: #fff;margin: 15px 0;line-height: 62px;}
.banner-caption h3{font-size: 70px;font-weight: 900;color: #fff;margin: 15px 0;line-height: 62px;}
.banner-caption p{font-size: 17px;font-weight: 600;color: #fff;margin: 0 0 15px;}
.banner-caption a{display: inline-block;background: #2ec1d9;border-radius: 8px;height: 60px;line-height: 60px;color: #fff;text-transform: uppercase;font-weight: 600;padding: 0 25px 0 25px;letter-spacing: 2px;position: relative;margin-top: 10px;} 
.banner-caption a:hover{background: #fff;color: #2ec1d9;} 
.slider-sec .owl-dots{position: absolute;right: 0;bottom: 100px; width: 100%;text-align: center;}
.slider-sec .owl-dots button span{background: #fff !important;margin: 0 0 0 3px !important;width: 8px !important;height: 8px !important;}
.slider-sec .owl-dots button{border: solid #fff 2px;border-radius: 100%;width: 18px;height: 18px;margin:0 4px;}
.social-fixed{float: right;margin-top: 20px;} 
.social-fixed a{width: 35px;height: 35px;display: inline-block;text-align: center;border: solid #fff 2px;line-height: 32px;color: #000;transition-duration: 0.3s;transition-delay: 0.1s;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);background: #fff;} 
.social-fixed a:hover{background:#2ec1d9;color: #fff;}
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.bounce1 {
    animation: bounce 1.0s infinite alternate;
    -webkit-animation: bounce 1.0s infinite alternate;
}
.bounce2 {
    animation: bounce 1.1s infinite alternate;
    -webkit-animation: bounce 1.1s infinite alternate;
}
.bounce3 {
    animation: bounce 1.2s infinite alternate;
    -webkit-animation: bounce 1.2s infinite alternate;
}
.whatsapp{position: fixed;left:15px;bottom: 15px;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;z-index:99;}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(74, 174, 32, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(74, 174, 32, 0.4),
      0 0 0 8px rgba(74, 174, 32, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(74, 174, 32, 0.4),
      0 0 0 16px rgba(74, 174, 32, 0.2);
  }
}
.about-sec{padding: 60px 0;}
.abou-left{text-align: center;}
.abou-left img{max-width: 100%;}
.about-sec h3{color: #2ec1d9;font-size: 36px;margin: 0 0 10px;padding:0 0 8px;position: relative;font-weight: 900;}
.about-sec h3:before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 1px;background:#2ec1d9;}
.about-sec p{margin: 0 0 10px;color: #6a6a6a;line-height: 20px;text-align: justify;}
.about-sec p strong{font-size: 18px;}
.about-sec a{display: inline-block;padding: 8px 30px;border: solid #2ec1d9 2px;color: #2ec1d9;border-radius: 60px;font-weight: 700;text-transform: uppercase;margin-top: 10px;}
.about-sec a:hover{background: #2ec1d9;color: #fff;}

.service-sec{padding: 60px 0;background: url("../images/service-bg.jpg") no-repeat;background-attachment: fixed;background-position: center top;}
.service-sec h3{color: #fff;font-size: 36px;margin: 0 0 10px;padding:0 0 8px;position: relative;font-weight: 900;text-align: center;}
.service-sec h3:before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 1px;background:#fff;right: 0;margin: 0 auto;}
.service-sec  p{text-align: center;color: #fff;margin: 0 0 15px;}
.service-sec .item{border-radius: 15px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);overflow: hidden;border: solid #fff 2px;}
.service-sec .item figure{width: 100%;margin: 0;}
.service-sec .item figure img{width: 100%;}
.services-thumb-des{width: 100%;float: left;padding: 15px 15px 15px;position: relative;text-align: center;min-height: 140px;}
.services-thumb-des h3{color: #000;font-weight: 700;font-size: 16px;margin: 0 0 5px;}
.services-thumb-des p{color: rgba(0,0,0,0.70);margin: 0;}
.middle-btn{display: table;padding: 8px 30px;border: solid #fff 2px;color: #2ec1d9;border-radius: 60px;font-weight: 700;text-transform: uppercase;margin: 0 auto 0;background: #fff}
.middle-btn:hover{background: #2ec1d9;color: #fff;}
.service-sec .owl-carousel{margin: 30px 0;}
.whychoose-sec{padding: 60px 0;}
.whychoose-sec h3{color: #2ec1d9;font-size: 36px;margin: 0 0 10px;padding:0 0 8px;position: relative;font-weight: 900;text-align: center;}
.whychoose-sec h3:before{position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 1px;background:#2ec1d9;right: 0;margin: 0 auto;} 
.whychoose-box{box-shadow: 0px 0px 10px rgba(0,0,0,0.15);border-top-right-radius: 60px;position: relative;padding: 30px;margin: 15px 0;min-height: 340px;}
.whychoose-box figure{display: inline-block;margin: 0;width: 120px;height: 120px;border-radius: 120px;background: linear-gradient(to bottom, rgba(46,193,217,1) 0%,rgba(71,70,131,1) 100%);text-align: center;padding-top: 14px;}
.whychoose-box h4{font-size: 16px;font-weight: 600;color: #000;margin: 15px 0;}
.whychoose-box p{color: rgba(0,0,0,0.70);margin: 0;}
.contact-sec{padding: 60px 0;position: relative;}
.contact-sec::before{position: absolute;left: 0;top: 0;content:"";background: url("../images/contact-bg.jpg") no-repeat;background-size: cover;background-position: center top;background-attachment: fixed;width: 100%;height: 400px;}
.contact-sec .container{position: relative;z-index: 9;}
.contact-sec h3{font-size: 20px;font-style: italic;font-weight: 700;color: #2ec1d9;}
.contact-sec h4{font-size: 50px;font-weight: 900;color: #fff;text-transform: uppercase;margin: 15px 0;}
.contact-sec p{font-size: 16px;color: #fff;font-weight: 700;}
.home-form{padding: 30px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);background: #fff;margin-top: 20px;display: inline-block;width: 100%;}
.home-form h5{color: #000;font-weight: 700;font-size: 28px;margin: 0 0 15px;text-align: center;}
.home-form input{color: #000;margin: 0 0 30px;width: 100%;background: #f5f5f5;border: none;outline: none;padding: 15px;}
.home-form select{color: #000;margin: 0 0 30px;width: 100%;background: #f5f5f5 url("../images/select-arrow.png") no-repeat;background-position: 98% center;border: none;outline: none;padding: 15px;-moz-appearance:none;  
    -webkit-appearance:none;  
    appearance:none;}
.home-form textarea{color: #000;margin: 0 0 30px;width: 100%;background: #f5f5f5;border: none;outline: none;resize: none;height: 100px;padding: 15px;}
.home-form button{margin: 0 auto;display: table;padding:8px 25px;background: #2ec1d9;border: solid #2ec1d9 2px;color: #fff;border-radius: 60px;font-weight: 700;cursor: pointer;}
.home-form button:hover{background: none;color: #2ec1d9;}

.footer{background: linear-gradient(to bottom, rgba(71,70,131,1) 0%,rgba(46,193,217,1) 100%);padding-top:35px;}
.footer-logo{text-align: center;margin-bottom: 30px;}
.footer-logo img{max-width: 100%;}
.footer-menu{border-bottom: solid rgba(255,255,255,0.30) 1px;padding-bottom: 20px;display: inline-block;width: 100%;}
.footer-menu ul{float: left;margin-top: 12px;}
.footer-menu ul li{float: left;margin-right: 14px;padding-right: 14px;position: relative;}
.footer-menu ul li::after{content: "";right: 0;top: 4px;position: absolute;width: 2px;height: 12px;background: #fff;}
.footer-menu ul li:last-child::after{display: none;}
.footer-menu ul li a{color: #fff;text-transform: uppercase;font-weight: 600;}
.footer-menu ul li a:hover{color: #2ec1d9;}
.footer-menu span{float: right;}
.footer-menu span a{color: #fff;width: 35px;height: 35px;border: solid #fff 2px;text-align: center;padding-top: 5px;display: inline-block;margin-left: 5px;}
.footer-address{width: 100%;margin: 30px 0;border-right: solid rgba(255,255,255,0.10) 1px;}
.footer-address h3{color: #fff;font-weight: 600;font-size: 18px;text-transform: uppercase;margin: 0 0 15px;position: relative;padding-bottom: 10px;}
.footer-address h3:before{position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;content: "";background: #fff;}
.footer-address p{position: relative;padding-left: 75px;color: #fff;margin: 0;line-height: 24px;}
.footer-address p a{color:#fff;}
.footer-address p i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;border: solid #fff 2px;border-radius: 45px;text-align: center;padding-top: 10px;color: #fff;font-size: 20px;}
.footer .container .row .col-md-4:last-child .footer-address{border-right: none;}
.copyright{text-align: center;color: #fff;border-top: solid rgba(255,255,255,0.30) 1px;padding: 15px 0;}
.copyright a{color: #fff;}
.copyright a:hover{color: #474683;}




/*media start here*/




@media screen and (max-width:1440px){ 
	.container{max-width:100%;}  
	.banner-caption h1{font-size: 60px;line-height: 62px;}
	.banner-caption h2{font-size: 60px;line-height: 62px;}
	.banner-caption h3{font-size: 60px;line-height: 62px;} 
}


@media screen and (max-width:1300px){ 
	.banner-caption h1{font-size: 45px;line-height: 45px;}
	.banner-caption h2{font-size: 45px;line-height: 45px;}
	.banner-caption h3{font-size: 45px;line-height: 45px;}   
}

@media screen and (max-width:1199px){  
	.menu .navbar-nav li{margin: 0 5px;}
	.menu .navbar-nav li .nav-link{font-size: 13px;} 
	.whatsapp{left: 10px;bottom: 10px;width: 40px;height: 40px;}
	.whatsapp img{max-width: 100%;} 
}

@media screen and (max-width:1024px){ 
	.header::after {width: 34%;} 
}
 
@media screen and (max-width:991px){   
	.menu .navbar-nav li{margin: 0 6px;}  
	.menu .navbar-toggler{border: none;padding: 0;outline: none;position: absolute;right: 8px;top:10px;width: 40px;background: url("../images/nav.png") no-repeat;height: 40px;overflow: hidden;}
	.menu .navbar-toggler img{max-width: 100%;} 
	.menu .navbar{width: 100%;box-shadow: none;background: none;} 
	.menu .navbar-collapse{top:72px;left: 0;padding: 0 0;position: absolute;width: 100%;background: #000;box-shadow: 0px 0px 15px rgba(0,0,0,0.20);}
	.menu .navbar-nav li .nav-link{background: #fff;color:#000;padding: 10px 15px;border-bottom: solid rgba(0,0,0,0.10) 1px;border-radius: 0;}
	.menu .navbar-nav li{margin: 0 0 0;padding-top: 0;} 
	.menu{width: 100%;top: 11px;padding: 0 15px;left: 0;}   
	.menu-fixed .menu{top: 10px;}
	.menu-fixed .menu .navbar-nav li .nav-link{color: #fff;} 
	.footer-address p{padding-left: 52px;} 
	.social-fixed{margin-right: 55px;}
}
 
@media screen and (max-width:850px){  
	.menu .navbar-nav li{margin: 0 4px;}
}

@media screen and (max-width:767px){   
	.banner-caption h1{font-size: 30px;line-height: 30px;font-weight: 700;}
	.banner-caption h2{font-size: 30px;line-height: 30px;font-weight: 700;}
	.banner-caption h3{font-size: 30px;line-height: 30px;font-weight: 700;}
	.banner-caption p{display: none;} 
	.slider-sec .owl-dots{bottom: 45px;}
	.slider-sec .owl-dots button{margin: 0 4px;}  
	.footer-address{border-right: none;border-bottom: solid rgba(255,255,255,0.10) 1px;padding-bottom: 18px;margin: 10px 0;}
	.copyright{border-top: none;}
	.footer-menu ul{width: 100%;text-align: center;margin: 0 0 15px;}
	.footer-menu ul li{display: inline-block;float: none;}
	.footer-menu span{width: 100%;text-align: center;}
	.footer-menu span a{margin: 0 5px;} 
	.logo img{max-width: 150px;}
	.social-fixed{position: relative;z-index: 9;}
	.social-fixed a{width: 24px;height: 24px;line-height: 21px;}
	.logo{position: relative;z-index: 99;}
	.menu .navbar-collapse{top: 55px;}
	.menu .navbar-nav li{margin: 0;}
	.menu .navbar-toggler{top: 3px;}
	.about-sec{padding: 30px 0px;text-align: center;}
	.about-sec h3{margin-top: 15px;}
	.about-sec h3::before {right: 0;margin: 0 auto;}
	.about-sec p{text-align: center;}
	.service-sec{padding: 30px 0;}
	.whychoose-sec{padding: 30px 0;}
	.whychoose-box{border-top-right-radius: 30px;min-height: 0;}
	.contact-sec{padding: 30px 0;}
	.contact-sec h4{font-size: 30px;}
	.home-form h5{font-size: 20px;}
	.home-form input{margin-bottom: 10px;}
	.home-form textarea{margin-bottom: 10px;}
	.home-form select{margin-bottom: 10px;}
	.home-form{border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
}