@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap" rel="stylesheet');

body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:14px; color:#000; line-height:24px; font-weight:400;}




a{color:#000; text-decoration:none;}
a:hover{color:#e72327;}
a, .logo img, .btn, .shrink.navbar-expand-lg, .footer i, .video i{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}


h1{font-size: clamp(20px, 4.2vw, 48px);}
h2{font-size: clamp(30px, 3vw, 36px);}
h3{font-size: clamp(16px, 3vw, 30px);}
h4{font-size: clamp(14px, 3vw, 24px);}
.line{width:30px;height: 4px;opacity: 1;border-top: 0;}
.img-height{height:100%; object-fit:cover;}
.imgbox img{aspect-ratio: 4/2; object-fit: cover; width:100%;}
.formbox a{font-size:24px; font-weight:700; display:block; color:#fff;}
.formbox a:hover{color:#358c84;}
.formbox img{max-width:200px;}
.fancypic{aspect-ratio:3/2; object-fit: cover; width:100%;}




.bg-success{background-color:#358c84!important;}
.bg-light{background-color:#f6f9fa!important;}
.bg-info{background-color:#0b3558!important;}

.text-success{color:#358c84!important;}
.text-info{color:#0b3558!important;}

.header{position:fixed; width:100%; z-index:99; background:#fff; border-bottom:1px solid #358c84;}
/*.navbar{position:fixed; width:100%; z-index:9; background:#fff;}*/

.spacer{height:160px;}
.logo img{max-width:130px;}
.shrink .logo img{max-width:80px;}

.btn{font-size:14px; text-decoration:none; padding:10px 25px; font-weight:700; border-radius:5px;}
.btn:hover{background:#000; color:#fff; border-color:#000;}
.btn:focus{box-shadow:none;}
.btn-lg{font-size:18px; padding:14px 30px;}
.btn-sm{padding:6px 15px;}
.btn i{font-size:14px; margin-right:5px;}
.btn-success{background-color:#358c84; border-color:#358c84;}
.btn-info{background-color:#016893; border-color:#016893;}
.lg-link{font-size:70px; text-decoration:none; display: inline-block;}
.btn-link:hover{color:#358c84!important;}


.social a{color:#1c5f97; border:1px solid #ccc; margin-right:-1px; padding:10px 15px;}
.social a:hover{background:#ccc;}








.navbar>.container{display:block;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#80d7cf!important;}
.navbar{background:#358c84;}
.nav-link {font-size: 16px;color: #fff;display: block;margin:0 14px;position: relative; font-weight:700;}
.nav-link:after{position: absolute; content:''; width:2px; height:18px; background:#fff; top: 50%;transform: translate(0, -50%); margin-left: 20px;}
.nav-link i{font-size: 14px;}
.nav-link:hover {color:#80d7cf;}


.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.dropdown-toggle::after{position:absolute; top:50%; transform:translate(0, -50%);}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;top: 40px;border:0;}
.dropdown-item {padding: 5px 10px;font-size: 13px;font-weight: 300;}
.dropdown-toggle::after{display:none;}
.button-search {border: 0;color: #fff;font-size: 20px;vertical-align: middle; background:none; padding:5px;}
.homeform{background:#fff;}
.gradientbox{background: rgb(1,104,147); background: linear-gradient(90deg, rgba(1,104,147,1) 32%, rgba(53,140,132,1) 100%);}
.left-gradient{background: rgb(1,104,147); background: linear-gradient(90deg, rgba(1,104,147,1) 32%, rgba(53,140,132,0) 100%);}



.banner{background:url("images/banner1.jpg")center center no-repeat; width:100%; background-size:cover;}
.banner img{aspect-ratio:2/1; object-fit: cover;}
.banner .btn-link{color:#fff;}
.homeabout img{height:650px; object-fit: cover;}
.blue-gradient:before{position:absolute; content:''; width:100%; height:100%; background: rgb(1,104,147); background: linear-gradient(90deg, rgba(1,104,147,1) 32%, rgba(53,140,132,0) 100%);}












.list{margin: 0;padding: 0;list-style: none;}
.list img{margin-bottom:20px;}
.list li{margin-bottom: 10px; display: flex; column-gap:10px;}
.list li:before{font-family:'Line Awesome Free'; display:flex; content:'\f00c'; font-size:14px; font-weight:700; color:#000;}
.list-white li:before{color:#fff;}
.thumbox{height:450px; border: 1px solid #b1d1ce;}
.thumbox img{width:80px;}

.midbanner{background:#000;}
.midbanner img{    height: 340px; object-fit:cover;}
.midbanner a{color:#fff;}
.midbanner a:hover{color:#016893!important;}
.green-gradient:before{position:absolute; content:''; width:100%; height:100%;background: rgb(54,140,132);
background: linear-gradient(90deg, rgba(54,140,132,1) 25%, rgba(54,140,126,0) 73%);}

.video i{font-size:40px; color:#fff; opacity:.5;}
.video:hover i{opacity:1;}
.leftbox:before{position: absolute;content: '';left: 0;width: 47%;background: #e5f5f3;height: 450px;z-index: -1;top: 50%;transform: translate(0, -50%);}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.form-control{line-height:30px; border-radius:4px; background:#fff; border: 0; border-bottom:1px solid #000; border-radius:0; padding-left:0!important;}
textarea.form-control{height:100px!important;}
.form-control:focus{box-shadow:none;}
.error{color:#F10307; display:block; margin-top:10px;}
.form-floating>.form-select{border-radius:0; border: 0; border-bottom:1px dotted #ccc; padding:0;}
.form-floating>label{color:#000; padding-left:0;}
.form-select:focus{box-shadow:none;}
.homeform .error{text-align:center;}
.middleform .error{color:#fff;}


.middleform .form-control {border-bottom: 1px solid #d3d3d3; background:none; color:#FFF;}

.middleform input:-webkit-autofill,
.middleform input:-webkit-autofill:hover,
.middleform input:-webkit-autofill:focus,
.middleform input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff!important;
}
.middleform .form-floating>label{color:#fff!important;}
.middleform .form-floating>.form-control:not(:placeholder-shown)~label::after{background:none!important;}
.form-floating label:after{display:none;}

.testimonialslider .slick-slide {position: relative; margin: 0 10px;}
.testimonialslider i {font-size: 50px;color: #e7e7e7; display:flex;}
.testimonialslider span{display:block; margin-top:30px;}
.testimonialslider img{margin-top:15px;}
.testimonialslider .slick-arrow {position: absolute; top:50%; font-size: 25px;cursor: pointer;z-index: 9;color: #bbb;font-weight: 700; padding:15px; background: #016893; border-radius:50px; transform:translate(0, -50%);}
.testimonialslider .las.la-angle-right {right:0;}
.testimonialslider .las.la-angle-left {left:0;}

.testibox{position:relative; padding:80px 50px; background:#eaf5f4; height: 280px;}
.testibox i{font-size: 30px;
    position: absolute;
    top: -20px;
    background: #358c84;
    border-radius: 100px;
    padding: 10px;
    color: #fff;
    width: 60px;
    height: 60px;
    justify-content: center;
    display: flex;
    align-items: center;}
.testibox span{display:block; font-weight:700; margin:10px 0;}

.fancythumb{position:relative;}
.fancythumb img{position:relative; border:6px solid #fff; z-index:9;}
.fancythumb:before, .fancythumb:after{position: absolute; content:''; top:0; width:100%; height:100%; left:0; right:0; box-shadow: 0 0 10px rgb(0 0 0 / 20%); border:6px solid #fff;}

.fancythumb:before{background:#358c84; webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg); transform: rotate(-5deg);}

.fancythumb:after{background:#016893; webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg); transform: rotate(5deg);}









.footer{font-size:14px; background:#000; color:#fff;    line-height: normal;}
.footer h5{font-size:16px; color:#016893; font-weight:700;}
.footer i{color:#016893; font-size:20px; vertical-align:middle;}
.footer a{font-size:14px; color:#fff; display:block;}
.footer a:hover{color:#358c84;}
.f-social i{font-size:30px;}
.f-social a{border:0; padding:0; display:inline-block; margin:0 60px; color:#016893;}
.f-social a:hover, .f-social i:hover{color:#689f40!important;}
.f-last{background:#202020; color:#545454;}


.reviewslider .slick-slide img {
    height: 40px;
    margin: 0 auto;
}
/*.testimonialslider .slick-slide{margin:0;}*/
.reviewslider .slick-arrow {position: absolute; top:50%; font-size: 20px;cursor: pointer;z-index: 9;color: #fff;font-weight: 700; padding:10px; background: #358c84; border-radius:50px; transform:translate(0, -50%);}
.reviewslider .las.la-angle-right {right:0;}
.reviewslider .las.la-angle-left {left:0;}
iframe{margin:0 auto;}










@media (max-width:1400px){
	.container{max-width:1230px; position:relative; }
}

@media (max-width:1199.98px){
	.lg-link{font-size:50px;}
	.thumbox{height:380px;}
}

@media (max-width:991.98px){
	.spacer {height:127px;}
	.logo img, .shrink .logo img{max-width:100px;}
	.nav-link{font-size:14px; margin:0 6px;}
	.navbar .btn-lg{font-size:14px; padding:10px 12px;}
	.nav-link:after{margin-left:12px;}
	.banner{height:800px;}
	.headericon i{font-size: 25px;}
	.midbanner img{height:250px;}
	.testibox{height:330px; padding:50px 40px;}
	.testibox i{font-size:34px; width:50px; height:50px;}
	.f-social i {font-size: 30px;}
	
}


@media (max-width:767.98px){
	.spacer {height:84px;}
	.btn-lg {font-size: 14px;padding: 10px 20px;}
	.lg-link{font-size:40px;}
	.nav-link{font-size:16px;}
	.nav-link:after{display:none;}
	.navbar-toggler:focus{box-shadow:none;}
	.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse{position: absolute;left:0; right:0; top:68px; background-color:#1c5f97; padding:0 8px;}
	.navbar-collapse{top:0;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit; border-radius:0;}
	.dropdown .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
	box-shadow: 0 10px 10px rgb(0 0 0 / 10%); 
	padding: 10px;border-radius:0;
}
.dropdown:hover > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color:#358c84;
    padding-left: 15px;
}
	.banner {height: 870px;}

	
	.f-social a{margin:0 3px;}

}

@media (max-width: 575.98px) {
	body{font-size:13px; line-height:16px;}
	.banner {height: calc(100vh - -100px);}
	.homeabout img {height:450px;object-fit: cover;}
	.midbanner img{height:200px;}
	.thumbox{height:100%;}
	.lg-link{font-size:30px;}

	.f-social a{display: inline-block!important;}
	textarea.form-control {height: 100px!important;}

	h2, h4{font-size:20px;}
	h5{font-size:14px;}
	.testibox{height:100%;}
	.formbox a{font-size:14px;}
	.list{font-size: 14px;}
	.btn i{margin-right:0;}
	.header .btn-sm{padding:6px 10px;}
	
	

}