@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
body{font-family: 'Lato', sans-serif; color: #444444; font-weight: 400; font-size: 14px;}
a {text-decoration: none; color: #444444;}
a:hover{transition: 0.1s all;;}
.logo{width: 200px;transition: 0.1s all}
.logo-small{width: 150px;}

section{padding: 60px 0 50px; position: relative;}
section.light{background: #F7E6D5; position: relative;}
section.dark{background: #187180; position: relative;}

p{font-family: 'Inter', sans-serif; line-height: 1.4; }
ol, ul {padding-left: 18px;}
h1, h2, h3, h4, h5, h6{font-weight: 700;}
.bg-dark{background-color: #187180!important;}
.bg-light{background-color: #fff!important;}
.color1{color: #187180;}
.color2{color: #F7E6D5;}
hr{background-color: #D1D1D1;}
.rounded-4 {border-radius: 0.8rem!important;}
.pt-50{padding-top: 50px;}
.pl-50{padding-left: 50px;}
.pt-100{padding-top: 100px;}
.mbminus100{margin-bottom: -100px; position: relative; z-index: 1;}
.py-hr{padding: 50px 0;}

.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}

.toggle-wrap {padding: 10px; position: relative; cursor: pointer; float: left; /*disable selection*/ user-select: none;}
.toggle-bar, .toggle-bar::before, .toggle-bar::after, .toggle-wrap.active .toggle-bar, .toggle-wrap.active .toggle-bar::before, .toggle-wrap.active .toggle-bar::after {transition: all .2s ease-in-out; }
.toggle-bar {width: 22px; margin: 10px 0; position: relative; border-top: 2px solid #fff; display: block; z-index: 10; }
.toggle-bar::before, .toggle-bar::after {content: ""; display: block; background: #fff; height: 2px; width: 22px; position: absolute; top: -8px; transform: rotate(0deg); transform-origin: 13%; }
.toggle-bar::after {top: 4px; }
.toggle-wrap.active .toggle-bar {border-top: 6px solid transparent; }
.toggle-wrap.active .toggle-bar::before {transform: rotate(45deg); }
.toggle-wrap.active .toggle-bar::after {transform: rotate(-45deg); }

.heading1{font-size: calc(2.2rem + ((1vw - 0.48rem) * 1.3889)); line-height: 1.2; margin-bottom: 15px; font-weight: 700;margin-top: 15px;}
.heading2{font-size: calc(1.8rem + ((0.8vw - 0.48rem) * 1.3889)); line-height: 1.3; margin-bottom: 15px; font-weight: 600;}
.heading3{font-size: calc(1.5rem + ((0.5vw - 0.48rem) * 1.3889)); line-height: 1.3; margin-bottom: 15px; font-weight: 700;}

.btn-primary { color: #fff; background-color: #B7BF1A; border-color: #B7BF1A; border-radius: 50px; padding: 4px 30px; font-weight: 600;}
.btn-primary:hover { color: #fff; background-color: #858b17; border-color: #858b17; }

.btn-contact{background: #B7BF1A; border-radius: 50px; padding: 5px 30px !important;}
.btn-contact:hover{ background-color: #858b17; color: #fff;}
.btn-contact::before,.btn-contact:hover::before{background: transparent!important;}

.dropdown-menu {min-width: 220px;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item{font-size: 13px; font-weight: 500;}
.dropdown-item span{float: right;}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
.navbar.fixed-header {position: fixed; top: 0; left: 0; width: 100%; z-index:1001; box-shadow:0px 0px 5px rgba(0,0,0,0.3);-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;transition:0.5s all;}
.navbar-dark .navbar-nav .nav-link {position:relative; font-size: 14px; font-weight: 600; padding-right: 5px; padding-left: 5px; margin: 0 10px; color: #fff;}
.navbar-dark .navbar-nav .nav-link::before {background: #B7BF1A none repeat scroll 0 0; bottom: -2px; content: ""; height: 3px; left: 0; position: absolute; width: 0%; transition: 0.5s;} 
.navbar-dark .navbar-nav .nav-link:hover::before, .navbar-dark .navbar-nav .nav-link.active::before {width: 100%;}
.navbar-dark .navbar-nav .nav-link:hover{ color: #B7BF1A}
.navbar .container{position: relative;}

/* ============ Start Sections ============ */

.carousel-item{height: 100vh;}
.carousel-indicators [data-bs-target] {width: 10px; height: 10px; border-radius: 100%; }
.overlay {position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ }
.carousel-caption {position: absolute; left: 8%; top: 25%; color: #fff; text-align: left;z-index: 1;}

.banner{padding-top:110px; background: rgb(24,113,128);
	background: -moz-linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	background: linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187180",endColorstr="#f7e6d5",GradientType=1); min-height: 500px;
position: relative; overflow: hidden;
}
.inner-banner{padding-top:110px; background: rgb(24,113,128);
	background: -moz-linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	background: linear-gradient(180deg, rgba(24,113,128,1) 0%, rgba(24,113,128,1) 73%, rgba(247,230,213,1) 73%, rgba(247,230,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187180",endColorstr="#f7e6d5",GradientType=1); min-height: 400px;
position: relative; overflow: hidden;
}
.icon-ll { position: absolute; right: 0; top: 0; width: 20%; }
.banner-img{position: relative; width: 56%; margin: 0 auto;}
.banner-img img{position: relative; z-index: 10;}
.banner-img .t1{position: absolute;width: 18%;left: 4%;top: -8%; animation: beat 2s infinite alternate; z-index: 1;}
.banner-img .t2{position: absolute;width: 10%;right: 9%;top: -1%; animation: mymove 2s infinite alternate; z-index: 1;}
.banner-img .tt1{position: absolute;width: 8%;left: 4%;top: -8%; animation: mymove 2s infinite alternate; z-index: 1;}
.banner-img .tt2{position: absolute;width: 8%;right: 9%;top: -1%; animation: mymove 2s infinite alternate; z-index: 1;}
.t3{position: absolute; width: 30%; left: 0; top: 55%; z-index: 1;}
.t4{position: absolute; width: 30%; right: 0; top: 50%; z-index: 1;}
.t5{position: absolute; width: 30%; left: 0; top: 30%; z-index: 1;}
.t6{position: absolute; width: 30%; right: 0; top: 20%; z-index: 1;}

/*Owl Nav and Dots*/
.owl-nav button.owl-prev { left: 0; } 
.owl-nav button.owl-next { right: 0; } 
.owl-dots { text-align: center; padding-top: 15px;} 
.owl-dots button.owl-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: rgb(24, 113, 128, 0.5); margin: 0 4px; border: none; } 
.owl-dots button.owl-dot.active { background-color: #187180; transform: scale(1);} 
.owl-dots button.owl-dot:focus { outline: none; }

.aboutus{background: #187180 url(../images/icon-ll.svg) no-repeat right bottom;}
.about-img{position: relative; z-index: 1;}
.about-img .ellipse1{position: absolute;width: 80px;z-index: -1;top: 20px;right: -20px; animation: beat 4s infinite alternate;}


.features{background: #083B54 url(../images/icon-ll.svg) no-repeat right bottom;padding-bottom: 100px;}

.appfeatures { background: #fff; border-radius: 12px; overflow: hidden; margin-top: 40px;}
.appfeatures .nav-pills .nav-link{border-radius: 0; text-align: left; color: #083B54; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; padding:15px 0 15px 20%}
.appfeatures .nav-pills .nav-link:hover, .appfeatures .nav-pills .nav-link.active{background-color: #187180; color: #fff;}
.appfeatures .tabcontent{padding: 40px 30px;}

.tick1 ul { display: inline-block; } 
.tick1 ul { list-style: none; padding-left: 1.8em; } 
.tick1 ul > li { clear: left; padding: .5rem 0; font-weight: bold; } 
.tick1 ul > li:before { content: ""; height: 1.3rem; width: 1.3rem; display: block; float: left; margin-left: -1.5rem; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-top: 1px; }
.tick1 ul > li:before { background: url("../images/tick1.svg"); background-size: cover; background-position: center; padding: .15rem; margin-right: 12px;}

.tick1.t2 ul > li {font-size: 16px;} 
.tick1.t2 ul > li:before { background: url("../images/tick2.svg"); background-size: cover; background-position: center; padding: .8rem; margin-right: 12px;}


.benefit-1{background:#F7E6D5 url("../images/benefit-ellipse1.svg") no-repeat bottom; background-size: 100%; padding: 30px; border-radius: 12px;}
.benefit-2{background:#F7E6D5 url("../images/benefit-ellipse2.svg") no-repeat bottom; background-size: 100%; padding: 30px; border-radius: 12px; height: 48% !important; margin-bottom: 2.5%;}
.benefit-3{background:#F7E6D5 url("../images/benefit-ellipse3.svg") no-repeat top; background-size: 100%; padding: 30px; border-radius: 12px; height: 48% !important; margin-top: 2.5%;}
.benefit-4{background:#F7E6D5 url("../images/benefit-ellipse4.svg") no-repeat bottom; background-size: 100%; padding: 30px; border-radius: 12px;}
.benefit-5{background:#187180 url("../images/benefit-ellipse5.svg") no-repeat bottom; background-size: 100%; padding:60px 30px; border-radius: 12px; color: #fff;}
.benefit-6{background:#187180 url("../images/benefit-ellipse5.svg") no-repeat bottom; background-size: 100%; padding:60px 30px; border-radius: 12px; color: #fff;}
.benefit-7{background:#187180 url("../images/benefit-ellipse5.svg") no-repeat bottom; background-size: 100%; padding:60px 30px; border-radius: 12px; color: #fff;}
.benefit-1 .icon,.benefit-2 .icon,.benefit-3 .icon,.benefit-4 .icon,.benefit-5 .icon,.benefit-6 .icon,.benefit-7 .icon{width: 80px;-webkit-animation-name: rori; -moz-animation-name: rori; -ms-animation-name: rori; -o-animation-name: rori; animation-name: rori; -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -ms-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease;}
.benefit-1:hover .icon,.benefit-2:hover .icon,.benefit-3:hover .icon,.benefit-4:hover .icon,.benefit-5:hover .icon,.benefit-6:hover .icon,.benefit-7:hover .icon{-webkit-animation-name: rotate; -moz-animation-name: rotate; -ms-animation-name: rotate; -o-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -ms-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards;}


.contact{background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(24,113,128,1) 50%, rgba(24,113,128,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(24,113,128,1) 50%, rgba(24,113,128,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(24,113,128,1) 50%, rgba(24,113,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#187180",GradientType=1);}
.getintouch{background: #083B54; border-radius: 15px;}
.getintouch .form-control, .getintouch .form-select {background: #204e65; color: #fff; border: solid 1px #819ba8;}
.getintouch .form-control::placeholder{color:#fff;}

.featurebg{border:solid 1px #DCFAFF; border-radius: 10px; padding:80px 40px;}




@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1.0); } 100% { -webkit-transform: rotate(360deg) scale(1.1); } } 
@-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg) scale(1.0); } 100% { -moz-transform: rotate(360deg) scale(1.1); } } 
@-o-keyframes rotate { 0% { -o-transform: rotate(0deg) scale(1.0); } 100% { -o-transform: rotate(360deg) scale(1.1); } } 
@-ms-keyframes rotate { 0% { -ms-transform: rotate(0deg) scale(1.0); } 100% { -ms-transform: rotate(360deg) scale(1.1); } }
@keyframes rotate { 0% { transform: rotate(0deg) scale(1.0); } 100% { transform: rotate(360deg) scale(1.1); } } 
@-webkit-keyframes rori { 0% { -webkit-transform: rotate(360deg) scale(1.1); } 100% { -webkit-transform: rotate(0deg) scale(1.0); } } 
@-moz-keyframes rori { 0% { -moz-transform: rotate(360deg) scale(1.1); } 100% { -moz-transform: rotate(0deg) scale(1.0); } } 
@-o-keyframes rori { 0% { -o-transform: rotate(360deg) scale(1.1); } 100% { -o-transform: rotate(0deg) scale(1.0); } } 
@-ms-keyframes rori { 0% { -ms-transform: rotate(360deg) scale(1.1); } 100% { -ms-transform: rotate(0deg) scale(1.0); } } 
@keyframes rori { 0% { transform: rotate(360deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.0); } }

@keyframes mymove{0%{top:0px}50%{top:-15px}100%{top:0px}}
@keyframes swing{0%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-5deg)}}
@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,0.3)}}
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes beat{ to { transform: scale(1.4); } }

.footer{background: #187180; padding: 30px 0;}
.footer .bor-top{border-top: solid 20px #d82430;}
.footer-logo{margin-top: 10px; width: 150px; margin-bottom: 20px;}
.footer li a{display: block; color: #fff; font-size: 13px;}
.footer p{font-size: 13px; color: #fff;}
.footer a{color: #fff;}
.footer a:hover{color: #B7BF1A; }
.footer h5{margin-top: 10px; padding-bottom: 5px; font-weight: 600; font-size: 18px; color: #fff;}
.footer .sub-heading{font-size: 13px;}
.footer .f-logo{max-width: 300px;}
.footer .copy{background-color: #187180; color:#fff;padding-top: 5px; position: relative;}
.footer .copyright{background-color: rgba(255,255,255,.1); color:#fff;padding-top: 5px; position: relative;}
.rounded-social-buttons .social-button { display: inline-block; position: relative; cursor: pointer; color: #187180; width: 2rem; height: 2rem; border: 0.125rem solid transparent; padding: 0; text-decoration: none; text-align: center; font-size: 1rem; font-weight: normal; line-height: 2rem; border-radius: 1.6875rem; transition: all 0.5s ease; margin-left: 0.25rem; margin-right: 0.25rem; margin-bottom: 0.25rem; }
.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram { font-size: 20px;}
.rounded-social-buttons .social-button.facebook {background: #fff; }
.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus { color: #fff; background: #187180; border-color: #fff; }
.rounded-social-buttons .social-button.twitter {background: #fff; }
.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus { color: #fff; background: #187180; border-color: #fff; }
.rounded-social-buttons .social-button.linkedin {background: #fff; }
.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus { color: #fff; background: #187180; border-color: #fff; }
.rounded-social-buttons .social-button.youtube {background: #fff; }
.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus { color: #fff; background: #187180; border-color: #fff; }
.rounded-social-buttons .social-button.instagram {background: #fff; }
.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus { color: #fff; background: #187180; border-color: #fff; }
#shadow-host-companion {
    padding: 0px;
}

.demo{position: fixed; bottom: 50px; right: 15px; z-index: 99; width: 60px;}
#scrollBtn {display: none; position: fixed; bottom: 5px; right: 25px; z-index: 99; font-size: 30px; line-height: 1; border: solid 1px #187180; width: 35px; height: 35px; text-align: center; outline: none; background-color: #fff; color: #187180; cursor: pointer; border-radius: 50px; }
#scrollBtn:hover{border: solid 1px #fff; background-color: #187180; color: #fff;}
#scrollBtn .fa{padding-bottom: 4px;}

.nav-wrapper {display: none;}
@media (min-width: 992px) {
.col-md-1-5 { width: 20%; }
.col-md-2-5 { width: 40%; }
.col-md-3-5 { width: 60%; }
.col-md-4-5 { width: 80%; }
.col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
.col-lg-1-5 { width: 20%; }
.col-lg-2-5 { width: 40%; }
.col-lg-3-5 { width: 60%; }
.col-lg-4-5 { width: 80%; }
.col-lg-5-5 { width: 100%; }
}
@media (max-width:1540px){
}
@media (max-width:1399.98px){
}
@media (max-width:1199.98px){
}
@media (max-width:991.98px){
}
@media (max-width:767.98px){
.navbar-collapse {background: #187180;}
.pt-50{padding-top: 20px;}
.pl-50{padding-left: 15px;}
.pt-100{padding-top: 50px;}
.mbminus100{margin-bottom: 0px;}
.aboutus{padding-bottom: 40px!important;}
.py-hr{padding: 20px 0;}
.icon-ll {width: 40%; }
.banner{min-height: 420px;}
.inner-banner{min-height: 350px;}
.banner-img{width: 75%;}
.t3{width: 40%; top: 55%;}
.t4{width: 40%; top: 50%;}
.t5{width: 50%;top: 46%;}
.t6{width: 40%;top: 42%;}
.about-img .ellipse1{top: 10px;right: 5px;width: 45px;}
}
@media (max-width:575.98px){
}