/* ==============================
   1. Imported styles
   ============================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700;800;900&display=swap');
 

@import url(font-awesome.min.css); 
@import url(animate.css); 
@import url(owl.carousel.min.css); 
@import url(owl.theme.default.min.css); 

/* ==============================
   common color
   ============================== */
.top_bar a{color: #FFFFFF;}
.top_bar .icon, .top_bar a:hover{color: #a8fcff;} 
.main-menu a:hover{color: #08b6b6 !important;}
.primary-link{color: #08b6b6;}
.primary-link:hover{color: #0cffff;}
.primary-btn{background-color: #08b6b6; color: #ffffff;border: 1px solid #08b6b6;}
.primary-btn:hover{background-color: #0acdcd; color: #ffffff ; border: 1px solid #0acdcd;}
.secondry-btn{background-color: #005377; color: #ffffff; border: 1px solid #005377;}
.secondry-btn:hover{background-color: #08b6b6; color: #ffffff !important;border: 1px solid #11739d;}
.secondry-btn:focus{background-color: #08b6b6; color: #ffffff !important;border: 1px solid #11739d;}
.primary-text{color: #08b6b6;}
.secodry-text{color: #067295;}
.primary-bg{background-color: #08b6b6;}
.secondry-bg{background-color: #032d4b;}
/* ==============================
   common styles
   ============================== */

body {
 font-family: 'Inter', sans-serif; font-size: 15px; padding: 0px; margin: 0px; overflow-x: hidden;}
img { max-width: 100%;}
h1,h2,h3,h4,h5,h6 { font-family: 'Inter', sans-serif; font-weight: 900 !important;}
header .logo{position: relative;}
header .logo img{z-index: 999; position: relative;}
header .logo:before { content: ""; position: absolute;width: 101px;height: 141px;	background-image: url("../images/top-shadow.png"); right:-101px; bottom: 0; z-index: 99;}
.top_bar{background: rgb(6,116,150);background: linear-gradient(90deg, rgba(6,116,150,1) 44%, rgba(1,150,168,1) 100%); padding: 10px 10px 10px 10px; position: relative;}
.preloader {  position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff;opacity: 0.9;
    background-position: center center;  background-repeat: no-repeat;  background-image: url(../images/preloader.gif);}
.top_bar:after{ content: ""; height: 100%; position: absolute; let: 0;  top: 0;  width: 2000px;  z-index: 9;background: rgb(6,116,150);background: linear-gradient(90deg, rgba(6,116,150,1) 0%, rgba(1,150,168,1) 100%);}
.top_bar .level{position: relative; z-index: 100;}
.top_bar .level-item:not(:last-child){ margin-right:4rem !important;}
.header-area.fixed{width:100%; position:fixed;top:0;height:125px; background-color: #ffffff; z-index: 99;animation: smoothScroll 1s forwards; border-bottom: 1px solid #cccccc;}
.header-area{background-color: #ffffff; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s;  -o-transition: position 10s;  transition: all 0.5s ease;} @keyframes smoothScroll {0% {		transform: translateY(-40px);}100% {transform: translateY(0px);	}}
.button,.input,.textarea,.select select {border-radius: 20px;}
.button{font-weight: bold; text-transform: uppercase;}
.main-menu {padding: 15px 0px;}    
.main-menu .navbar{background-color: transparent;} 
.main-menu .active{color:#08b6b6;}
.main-menu .navbar-item {text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 1px 25px;}
.main-menu .navbar-item:last-child{padding: 1px 0px;} 
.main-menu .navbar-item:focus{color:#08b6b6 !important;}
.bg-cover-image {background-position: center center; background-repeat: no-repeat; background-size: cover !important; background-color: #999; background: rgba(0, 0, 0, 0.5);}
.card-overlay { background: rgba(19, 33, 43, 0.6);}
.banner-section {position: relative; }
.banner-section .is-1{font-size: 3.5rem; font-weight: 800;}
.booking-from{width: 426px; background-color:#ffffff; min-height: 300px; position: absolute; right: 0; bottom: -160px; padding-bottom: 20px;}
.booking-from:after { background: #fff; bottom: -30px; content: ""; height: 30px;  left:0px;   position: absolute;  transform: skew(4deg) rotate(4deg);  transform-origin: right bottom 0;  width: 100%; z-index: 1;}
.media+.media {border-top: 1px solid rgba(219,219,219,.3);} 
.sub-head-icon{background-image: url("../images/subhead-icon.png");background-position: center left; background-repeat: no-repeat; padding-left: 75px; text-transform: uppercase; font-weight:800 !important; }
.font-18{font-size: 18px;}
.dot-spread{background-image: url("../images/dot.png"); padding: 40px;}
.dot-spread img{width: 100%;  box-shadow: 0 0 15px 3px #cccccc;}
.image-effect { position: relative;  margin: auto;  overflow: hidden;}
.image-effect img { max-width: 100%; transition: all 0.3s;  display: block;  width: 100%;  height: auto;  transform: scale(1);}
.image-effect:hover img {  transform: scale(1.1);}
.team-card .card-content{background-color: #05315b; height: 90px; overflow: hidden;}
.team-card .image img{ width: 100%;}
.team-card .card-content i{font-size: 13px;}
.team-card:hover .card-content{background-color: #08b6b6;}
.wrap-text-1{ height: 20px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.bg{ position: relative; width: 100%;overflow: hidden;}
.bg .bgquarter { position: absolute; top: 0; bottom: 0; height: 100%; width: 40%; background-repeat: no-repeat; left: 0;}
.pdf-icon{position: absolute; right: 30px ; bottom: 30px;}
.membership-section{padding: 0px;margin: 0px; background-color: #05315b;}
.custom-section{padding-top: 70px; padding-bottom: 70px;}
ol.circle {list-style: none; counter-reset: item; margin: 0px; padding: 0px;}
ol.circle > li{ counter-increment: item;  margin-bottom: 5px; list-style: none; position: relative; min-height: 60px; padding-left: 60px; padding-bottom: 20px;}
ol.circle > li:last-child{padding-bottom:0px;}
ol.circle > li:before { margin-right: 10px;  content: counter(item);  border-radius: 100%; border: 1px solid #3ff1de; color: #3ff1de;text-align: center;   display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 30px; position: absolute; left: 0; top:-5px; }
ol.circle > li h2{color: #ffffff; font-size: 30px; font-weight: 700 !important; margin-bottom: 10px;}
ol.circle > li p{font-size: 20px;}
.custom-table thead{background-color: #08b6b6; }
.custom-table thead th{color: #ffffff !important; font-size: 18px;}
.custom-table th, .custom-table td {padding:18px !important; font-size: 16px;}
.check-list ul{list-style: none; padding-left: 20px;}
.check-list li{padding-left:20px;position: relative; font-weight: 400; margin-bottom:20px; font-size: 16px;}
.check-list li:before {font-family: 'FontAwesome';content: '\f058 '; margin:0 5px 0 -15px;color: #08b6b6; position: absolute; left: 0; top:-5px; font-size: 25px;}
.borer-right{border-right: 1px solid #eaeaea;}
.package-section{padding: 0px;margin: 0px; background: rgb(5,118,144);background: linear-gradient(90deg, rgba(5,118,144,1) 0%, rgba(0,56,96,1) 100%);}
.package-section .content{padding-right:30% !important;}
.testimonials-section{background-color: #f2f5f6;}
.scrollup {width: 43px; height: 43px; position: fixed; bottom: 10px; right: 10px; text-align: center;z-index: 100;  display: none; background-color:#06406a; color: #08b6b6; border-radius:25px; font-size: 35px; line-height: 0px; font-weight: bold;}
.scrollup:hover{background-color:#08b6b6; color: #ffffff;}
.home-contact-section .label{color: #ffffff;}
.footer-section{color: #b1c9da; font-size: 16px;padding: 3rem 1.5rem;}
.footer-section .media-gap{margin-bottom: 18px;}
.footer-section .media+.media { border: none;}
.footer-section a{color: #b1c9da;}
.footer-section a:hover{color: #EDF2F5;}
.footer-social-icons {padding-top: 10px;}
.footer-social-icons .fa-lg{font-size: 25px; color:#06406a; }
.footer-social-icons a.fa-lg:hover {color:#085084 !important; }
.copyright{background-color: #001a2d; padding:30px 10px; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 13px;}
.videoWrapper {  position: relative;  padding-bottom: 56.25%;  /* 16:9 */  padding-top: 25px;  height: 0;}
.videoWrapper iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.owl-custom{overflow: auto;}
.owl-custom .owl-carousel .owl-item img{width: auto !important; max-width:none;}
.owl-custom .owl-nav .owl-prev, .owl-nav .owl-next{ display: none !important;}
.card{transition:0.3s;}
.card:hover { transform: scale(1.03); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); z-index: 3; }
/*==============================================
    Responsive
===============================================*/
@media only screen and (max-width: 1408px) {
	.main-menu {padding: 9px 0px;}  
	.package-section .content{padding-right:5% !important;}
	.header-area.fixed{height:108px;}
	.owl-custom .owl-carousel .owl-item img{width: 100% !important; max-width:100%;}
	
}
@media only screen and (max-width: 1215px) {	
	.header-area.fixed{height:95px;}
	.main-menu .navbar-item {padding: 1px 10px;}
	.top_bar .level-item:not(:last-child){ margin-right:1rem !important;}
	.main-menu {padding: 1px 0px;}  
	 
}
@media only screen and (max-width: 1024px) {	
	.navbar,.navbar-brand,.navbar-burger{min-height: 0rem !important; height: 40px !important;}
	.navbar-menu{padding: 10px;}
	.main-menu .navbar-item:not(:last-child) { font-size: 14px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
	.banner-section .hero-body {  padding: 2rem 4.5rem !important;}
	.booking-from {position: relative; width: 100%; bottom: 0;}
	.booking-from:after { background: none; bottom: 0;}
	.header-area.fixed{height:88px;}
	.pdf-icon{position: relative; right: 0px ; bottom: 0px; display: block; padding: 80px 30px;}
	
}
@media only screen and (max-width: 768px) {
	.p-6 { padding: 1.5rem!important;}
	.pdf-icon{position: relative; right: 0px ; bottom: 0px; display: block; padding: 60px 20px;}
	.copyright{padding:18px 10px;}
	.footer-section .media-gap{margin-bottom:10px;}
	.package-section .content{padding: 25px !important;}
	.borer-right{border-bottom: 1px solid #eaeaea; border-right: none;}
	.custom-table th, .custom-table td {padding:10px !important; font-size: 16px;}
	.custom-section{padding-top: 30px; padding-bottom: 30px;}
	ol.circle > li p{font-size: 15px;}
	ol.circle > li h2{font-size: 20px; }	
	.header-area .is-2{ width:160px !important;}	
	.top_bar .level-item:not(:last-child){ margin-right:.3rem !important;}
	.banner-section .hero-body {  padding: 1rem 1rem !important;}
	.wrap-text{ height:auto;  text-overflow: inherit}	
	.team-card .image, .team-card .image img{ height:auto;}	 
	.font-18{font-size: 15px;}
}