@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
body, html{font-family: 'Satoshi', sans-serif; font-optical-sizing: auto;padding: 0;font-size:16px; font-weight: normal; margin: 0; font-smooth: always; color: #111111;overflow-x: hidden;}
img{max-width:100%; vertical-align:middle;}
/* -------------------------- COMMON STYLE -------------------------- */
h1, h2, h3, h4, h5, h6{font-family: "Inter", sans-serif; line-height:1.2;font-weight: 700;color:#0A0925;}
h1{font-size:52px; margin-bottom: 10px;}
h2{font-size:48px;margin-bottom: 10px;}
h3{font-size: 30px;margin-bottom: 10px;}
h4{font-size: 26px;margin-bottom: 10px;}
h5{font-size: 20px;margin-bottom: 10px;}
h6{font-size: 18px;margin-bottom: 10px;}
p{ margin-bottom: 15px;}
p:last-child{margin-bottom: 0!important;}
.text-white{color: #F4F4F4 !important;}
.bg-light {background: #f6f3ee !important;}
.bg-light100 {background: #F2EBE5 !important;}
.bg-dark {background: #217073 !important;}
.height-100{height:100%;}
section {padding: 120px 0;position: relative;}
.sectiontitle{font-size:56px; line-height:62px; font-weight: 700; margin-bottom:20px;}
.lead{font-size:16px; line-height:24px; font-weight:normal; margin-bottom:20px;}

.form-group{margin-bottom: 20px;}
.form-control,.form-select{padding:8px 15px;font-size:16px; background: #fff; border: 1px #9DCDE0 solid;}
textarea{resize:none;}
.btn{font-size: 16px; font-weight: 500; text-transform: uppercase;padding: 9px 25px; border-radius:10px;}
.btn-primary{font-size:16px; background:#178387;text-transform: none; color: #fff; border:1px solid #178387;}
.btn-primary:hover,.btn:first-child:active{background:#1d9397;text-decoration: none!important; border:1px solid #178387;}
.btn-secondary{font-size: 14px; background:transparent;text-transform: none; color: #000;}
.btn-secondary:hover{background:#000; text-decoration: none!important;}

dl, ol, ul {margin-top: 0;margin-bottom: 0; list-style-type: none;}
ul.bulletlist{list-style-type: none; margin: 0; padding: 0;}
ul.bulletlist li{position: relative; margin: 0; padding: 0; background-color:#034C4F; border-radius:40px; padding:15px 10px 14px 65px; margin: 0 0 10px; min-height:55px;}
ul.bulletlist li::before{content: ''; display: block; width:30px; height:30px; border-radius: 50%; position: absolute; left:18px; top:12px; background-color:#FFD444; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}
ol.sub-points  {margin:0 0 0 15px;padding: 0;list-style: lower-alpha !important;}
ol.sub-points li{margin: 0;padding:0 0 5px;}

a{color: #0E7450;text-decoration: none !important;}
a:hover{color: inherit; text-decoration: underline;}

/* ---------------------------- NAVBAR ----------------------------- */
.navbar-toggler {border: 0px;}
.navbar {padding: 15px 0;    background-color: #f6f3ee;}
.scrolled {background-color: #f6f3ee !important;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.05);transition: all 0.6s ease 0s;}
.navbar .nav-item { margin-left:15px;}
.navbar .nav-link{color:#0C0503; font-size:17px; font-weight: 500;}
.navbar .nav-link:hover{color:#000;}
.navbar-nav .nav-link.active{ color: rgb(33 112 115);}
.navbar-brand{padding: 0;}
.navbar-brand img{max-height: 55px;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:8px;padding-left:8px;}
.navbar-toggler:focus {outline: 0;box-shadow: none;}
.menuclose {display: none;}
.navbar-toggler{width:30px; height: 20px;cursor: pointer; padding:0;}
.navbar-toggler-icon{background-image:none;position: relative;width: 100%;height:3px;background:#ccc;border-radius:5px;transition: all .4s ease;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.navbar-toggler-icon:after, .navbar-toggler-icon:before{content: "";position: absolute;z-index: 1;left: 0;width: 100%;height:3px;border-radius:5px;	background: #ccc;-webkit-transition: all .4s ease;transition: all .4s ease;}
.navbar-toggler-icon:before {top:10px;}
.navbar-toggler-icon:after {top:-10px;}
.navbar-toggler-icon.is_active{-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.navbar-toggler-icon.is_active:before{top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 100%;}
.navbar-toggler-icon.is_active:after{opacity: 0;}
.dropdown-toggle::after{width: 9px;height: 9px;border-top: 2px solid rgba(255, 255, 255, 0.80);border-right: 2px solid rgba(255, 255, 255, 0.80);border-left: 0px;vertical-align:-0.10em;transform: translateY(-50%) rotate(135deg);transition: transform .1s ease-in;}
.dropdown-toggle.show::after{transform: translateY(0) rotate(-45deg);}

/* -------------------------- FOOTER -------------------------- */
footer{padding: 0;}
footer .footer-top{padding: 40px 0 70px 0;background: #217073;}
footer .footer-bottom{padding:10px 0;background: #efebe4; border-top:0px #DFDFDF solid; font-size: 14px;}
footer .footer-logo{margin-top: 40px;}
.social-links{margin: 0; padding: 0;list-style-type: none;}
.social-links li{margin: 0 1px; padding: 0px;list-style-type: none; display: inline-block; font-size: 16px;}
.social-links li a{padding: 6px;color: #868686; width:35px; height: 35px; border-radius: 4px; text-align: center;align-items: center !important;
 background: #f1f2f4; display: block;}
.social-links li a:hover{color: #fff; background:#393A39; }
.powby {display: flex;align-items: center;justify-content: end;padding: 8px 0 0;width: 100%;}
.powby img {margin: -9px 0 0 5px;}
.footlinks{list-style-type: none;margin: 0;padding: 0 0;display: flex;justify-content: center;}
.footlinks li {position: relative; padding: 0; margin: 0;}
.footlinks li:after {content: '';display: block; width: 1px; height: 16px; background-color: #898989; position: absolute;top:4px;left: 0;}
.footlinks li:first-child:after {display: none;}
.footlinks li a {color: #000;display: inline-block; padding: 0 10px;}

/***************************** PRELOADER ****************************/
.web-loader {height: 100%;width: 100%;position: fixed;overflow: hidden;z-index: 99999;background: #fff; top: 0; right: 0;}
.loader-inner{position: absolute;transform: translateY(-50%);top: 50%;left: 50%; text-align: center; margin-left: -75px; margin-bottom: -75px;}
.loader-inner img{margin: 0 auto; width: 150px;}

/* ------------------------- BACK TO TOP ------------------------ */
a.go-to-top{z-index: 9999;width: 50px;height: 50px;background-color: rgb(200, 159, 122, .4);color: #677788;font-size: 14px;border-radius: 50%;transition: 0.3s ease-out;bottom: -50px;opacity: 0;filter: alpha(opacity=0);right: 20px;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;color: #677788;line-height: 50px;position: fixed;text-align: center;z-index: 100;visibility: hidden;}
a.go-to-top.on, a.go-to-top:focus.on { opacity: 0.8;filter: alpha(opacity=80);visibility: visible;bottom: 20px;}
a.go-to-top:hover{background-color: #C89F7A; opacity: 1; color: #fff;}
a.go-to-top i{color: #fff;}


.hero{ padding-top: 240px;}
.hero .herotx{width:50%;max-width:460px; font-size:20px; line-height:28px;}
.hero .herotx p{line-height:1.3; margin-bottom: 30px;}
.hero .herotx h2{font-weight: 900;margin-bottom: 30px;}
.hero .herotx h2 span{color: #217073;}
.hero .coverdata{position: absolute; top: 0; left: 0; z-index: 5; width:100%; height: 100%; display: flex; align-items: center;}
.hero .coverimg{display: flex; justify-content: end; padding-left:32%; position:relative;}
.hero .coverbox{display:block; padding: 15px; border-radius: 15px; background-color:#fff; width:172px; position: absolute; top:0;left: 0;z-index: 5; font-size:16px; line-height:22px;}
.hero .coverbox span{font-weight:600;}
.hero .coverbox i{display: block;margin:0 0 5px;}
.hero .coverbox i svg{width:36px; height:36px;}
.hero .box1{top:-5%;left:52%;}
.hero .box2{top:25%;left:72%;}
.hero .box3{top:50%;left:42%;}
.hero .btn{background-color: #FFD444; padding: 15px 30px; border-radius:50px;}
.hero .btn:hover{background-color: #f5ca3f;}

.offerbox{padding:30px;margin:0 auto 30px; max-width:380px; border-radius:30px; color:#fff; font-size:34px; font-weight:600; line-height:42px;
  background: #095B5E;
  background: linear-gradient(180deg,rgba(9, 91, 94, 1) 0%, rgba(33, 112, 115, 1) 98%);}
.offerbox span{color:#FFD444;}
.offerlead{text-align:center; max-width:700px; margin: 0 auto;padding:50px 0;}
.offerlead h2{text-align:center;color:#fff;}
.offerlistwrap{position: absolute; bottom: 0;z-index: 1; width:98%;}
.offerlist{list-style-type:none; margin: 0;padding: 0;gap: 20px;
display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);}
.olidiv2 {grid-column-start: 1; grid-row-start: 2;}
.olidiv3 {grid-column-start: 2; grid-row-start: 1; display: flex; justify-content: end;}
.olidiv4 {grid-column-start: 2; grid-row-start: 2; display: flex; justify-content: end;}
.olidivbox{position: relative; display: flex; align-items: center; margin: 0 0 20px;font-size:18px; line-height:28px; min-height:70px; min-width:369px; max-width:370px; padding:10px 50px 10px 65px; border-radius: 50px; background: #095B5E;background: linear-gradient(180deg,rgba(9, 91, 94, 1) 0%, rgba(33, 112, 115, 1) 98%);}
.olidivbox::before{content: ''; display: block; height: 30px; width:30px; border-radius: 30px; position: absolute; top: 20px; left: 20px; background-color:#FFD444; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}
.oceanshipimg{ width: 30%; padding: 100px 20px; background-color:#1E8E92; border-top-left-radius:180px;border-top-right-radius:180px; position: relative; bottom:-120px; margin:-100px auto 0;}

.worksection{position: relative; padding-bottom:240px;}
.worklist{ list-style-type: none; margin: 0; padding: 0; position: relative; }
.worksection:before{content: ''; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; background-image: url('../images/waveline.png'); background-position:top center; background-repeat: no-repeat;background-size: cover;}
.worklist:before{content: '';width: 3px; height:calc(100% - 160px); display: block; background-color: #C89F7A; position:absolute; left:49%;top:90px;}
.workitem{padding: 20px 60px; border-radius:20px; width: 42%; margin-top: 40px; position: relative;
background: #EBD5C3;
background: linear-gradient(90deg,rgba(242, 235, 229, 1) 5%,rgba(235, 213, 195, 1) 82%);}
.workitem::before{content: ''; display: block; width:60px; height:60px; border-radius: 50%; position: absolute; left:-27%; top:calc(50% - 35px); z-index: 1; background-color:#F2EBE5; background-image: url('../images/ic-anchor.png'); background-size:30px 30px; background-position: center center; background-repeat: no-repeat;} 
.workitem:nth-child(even){ margin-left: auto;background: #EBD5C3;
background: linear-gradient(90deg,rgba(235, 213, 195, 1) 5%, rgba(242, 235, 229, 1) 82%);}
.workitem:nth-child(odd)::before{ left:inherit; right:-22.8%;}


.whocontainer{max-width: 1340px; margin: 50px auto 0; border: 2px solid #F0E0D2; border-radius: 40px; overflow: hidden;}
.whocontainer img{ border-radius: 40px;}
.wholist{list-style-type:none;max-width:90%; margin: 0 auto;padding:30px 0;
display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);}
.wholistdiv2 {grid-column-start: 1; grid-row-start: 2;}
.wholistdiv3 {grid-column-start: 2; grid-row-start: 1; display: flex; justify-content: end;}
.wholistdiv4 {grid-column-start: 2; grid-row-start: 2; display: flex; justify-content: end;}
.wholistbox{position: relative; margin:0;font-size:15px; line-height:20px; padding:10px 10px 10px 65px;min-width: 540px; max-width:542px; }
.wholistbox::before{content: ''; display: block; height: 30px; width:30px; border-radius: 30px; position: absolute; top: 15px; left: 20px; background-color:#FFD444; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}
.keysection{position: relative;}
.keysection .container{position: relative; z-index: 5;}
.anchor{display:inline-block; position: absolute; top: 0;  width:20%; opacity:0.5; }
.anchorimg1 {transform: scaleX(-1); top:23%; left: -11%;}
.anchorimg2 { top: 36%; right: -11%;}
.anchorimg3 {width:16%;top:inherit; bottom: -5%; right:35%;}

.keywrap{padding:70px; border-radius:40px;background-color: rgba(235,215,199, 0.4);}
.keycontainer{max-width: 1160px; margin: 0 auto;}

		.keylist{list-style-type: none; margin: 0; padding: 0; display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap:15px;
}
	.keyitem1 {
		grid-column: span 2 / span 2;
	}

	.keyitem2 {
		grid-column: span 2 / span 2;
		grid-column-start: 3;
	}

	.keyitem3 {
		grid-column-start: 5;
	}

	.keyitem4 {
		grid-column: span 2 / span 2;
		grid-row-start: 2;
	}

	.keyitem5 {
		grid-column-start: 3;
		grid-row-start: 2;
	}

	.keyitem6 {
		grid-column-start: 5;
		grid-row-start: 2;
	}

	.keyitem7 {
		grid-column: span 2 / span 2;
		grid-column-start: 2;
		grid-row-start: 3;
	}

	.keyitem8 {
		grid-column: span 2 / span 2;
		grid-row-start: 4;
	}

	.keyitem9 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 4;
	}

.keybox{transition: all 0.6s ease 0s; height: 100%; padding:30px 20px 20px 20px; background-color:rgba(245,236,229,0.9); border-radius: 15px; border: 2px solid #fff; position: relative;}
.keybox:before{content: ''; width: 40px; height:4px; display: block; background-color: #FFD444;border-radius:3px; position: absolute; top:15px; left: 20px;  }
.keybox h5{ margin-bottom:5px;}
.keybox p{line-height:20px;}
.keybox:hover{transform: scale(1.05); background: #FFD444}
.keybox:hover:before{background: #fff;}

.casewrap{padding-top: 50px;}
.caseitem{background-color: #217073; border-radius: 40px; height: 100%;}
.caseimg{width: 100%;border-radius: 40px; overflow: hidden; margin:0;}
.caseimg img{transition: all 0.6s ease 0s;}
.casecontent{padding: 20px 30px 50px; color:#fff; min-height: 200px;}
.casecontent h4{color:#fff;}
.caseitem:hover .caseimg img{transform: scale(1.15);}

.whynonwsection{position: relative;}
.whynonwsection .container {position: relative;z-index: 5;} 
.seritem{background-color: #034C4F; color: #fff; padding:20px 20px 20px 90px; margin-bottom:20px; max-width: 630px; border-radius: 20px; position: relative;}
.seritem h4{color: #fff; margin: 0;}
.seritem i{position: absolute; top:18px; left:26px;}
.seritem-bglight{background-color: #0CBBC2;}
.doccontainer{position: absolute; top: 0; right: 0; width:48%; height: 100%; display:flex; justify-content: end;}

/* .contactsection .container{max-width:1040px;} */
.contactform{margin:0 auto}

/* Equal Heights for OwlCarousel 2 */
.owl-carousel .owl-stage {display: flex;}
.owl-carousel .owl-item {display: flex;flex: 1 0 auto;}