:root {--navy:#0d2341; --navy-soft:#112f5b; --gold:#BCA374; --gold-soft:#BCA374; --cream:#f5f2ea; --text:#13263f; --muted:#536577; --white:#ffffff; --shadow:0 24px 65px rgba(13, 35, 65, 0.18); --radius-lg:2rem; --radius-md:1.25rem; --radius-sm:0.85rem; --container:1280px;}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0; font-family:"Inter", sans-serif; color:var(--text); background:#f3f5f7; line-height:1.6;}
img {display:block; max-width:100%;}
a {color:inherit; text-decoration:none;}
button, input, textarea, select {font:inherit;}
.container {width:min(var(--container), calc(100% - 2.5rem)); margin:0 auto; padding:0;}
.section-spacing {padding-block:5rem;}
.site-header {position:sticky; top:0; z-index:10; padding-block:1.25rem; width:100%; background:#fff;}
.nav-wrap {display:flex; align-items:center; justify-content:space-between; gap:1.5rem;}
.brand {display:inline-flex; width:18rem; min-width:11rem;}
.brand img {width:100%; height:auto;}
.nav-toggle .cross-icon{display: none;}
.nav-toggle .menu-icon{display: block;}
.nav-toggle.is-open .cross-icon{display: block;}
.nav-toggle.is-open .menu-icon{display: none;}
.main-nav {display:flex; align-items:center;}
.nav-toggle {display:none; width:3rem; height:3rem; padding:0.6rem 0.5rem; border:transparent; border-radius:0.5rem; background:transparent; cursor:pointer;}
.nav-toggle span {display:block; width:100%; height:2px; margin:0.28rem 0; background:#0b1d33; border-radius:999px; transition:transform 0.2s ease, opacity 0.2s ease;}
.nav-links-list {display:flex; align-items:center; gap:2rem; margin:0; padding:0; list-style:none;}
.nav-links-list-item a {position:relative; color:#0B1D33; font-size:0.95rem; font-weight:500; letter-spacing:0.01em; transition:opacity 0.2s ease, transform 0.2s ease;}
.nav-links-list-btn {margin-left:0.5rem;}
.nav-links-list-btn a {display:inline-flex; align-items:center; justify-content:center; padding:12px 1.5rem; border-radius:6px; background:#0B1D34; backdrop-filter:blur(6px); color:#fff;}
.hero {position:relative; overflow:hidden; min-height:40rem; display:flex; align-items:center; background:#000000; padding-bottom:0rem;}
.contact {position:relative; overflow:hidden;  display:flex; align-items:center; background:#000000; padding-bottom:0rem; min-height: 24.125rem}
.pt_160 {padding-top:10rem !important;}
.hero-backdrop {position:absolute; inset:0;}
.hero-backdrop::after {content:""; position:absolute; inset:0; background:linear-gradient(270deg, rgba(11, 29, 51, 0) 0%, rgba(10, 25, 49, 0.73) 39.76%, #08152A 100%) no-repeat;}
/* .hero-backdrop::after {content:""; position:absolute; inset:0; background:linear-gradient(270deg, rgba(11, 29, 51, 0) 0%, rgba(10, 25, 49, 0.73) 39.76%, #08152A 100%) no-repeat;} */
/* .contact .hero-backdrop::after {display: none;} */
.stats-banner {position:absolute; width:100%; margin-top:-4rem; z-index:2;}
.stats-wrapper {display:flex; justify-content:center;}
.stats-card {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); width:min(100%, 1180px); background:rgba(255, 255, 255, 1); border-radius:1rem; box-shadow:0 20px 55px rgba(10, 26, 48, 0.12); padding:2rem 3rem;}
.stat-item {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.stat-item + .stat-item {border-left:1px solid rgba(11, 29, 51, 0.16); padding-left: 10px;}
.stat-value {color:#0B1D33; font-family:"Outfit", sans-serif; font-size:2.25rem; line-height:normal; font-weight:700;}
.stat-label {margin-top:4px; color:#606B7A; font-size:13px; line-height:1.4; font-weight:500; text-align:center; font-family:"Plus Jakarta Sans", sans-serif;}
.hero-backdrop img {width:100%; height:100%; object-fit:cover; filter:saturate(0.65) contrast(1.05) brightness(0.82);}
.hero-inner {position:relative; z-index:1; display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:2rem; width:min(var(--container), calc(100% - 2.5rem)); padding-top:5rem; padding-bottom:5rem;}
.hero-copy {max-width:39.5rem; display:flex; flex-direction:column; gap:1.5rem;}
.eyebrow, .section-tag {display:inline-block; margin:0; color:var(--gold-soft); font-size:14px; font-weight:700; text-transform:uppercase;}
#hero-title {margin:0; font-family:"Plus Jakarta Sans", sans-serif; font-size:3rem; line-height:3.875rem; font-weight:800; color:#fff;}
#hero-title span {display:block;}
.hero-text {margin:0; color:rgba(255, 255, 255, 0.8); font-size:1rem;}
.hero-actions {display:flex; gap:1rem;}
.btn-primary {width: fit-content; display:inline-flex; align-items:center; background:var(--gold); color:#fff; justify-content:center; padding:9px 1.5rem; border-radius:6px; border:1px solid transparent; font-weight:600; font-size:14px; transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}
.btn-secondary {display:inline-flex; align-items:center; background:transparent;     color:var(--white);justify-content:center; padding:9px 1.5rem; border-radius:6px; border:1px solid rgba(255, 255, 255, 0.5); font-weight:600; font-size:14px; transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}
.btn-primary:hover{background: #8b7853; border-color: transparent;}
/* .btn-primary {background:var(--gold); color:#fff;} */
/* .btn-secondary {background:transparent; border-color:rgba(255, 255, 255, 0.5); color:var(--white);} */
.hero_bottom_text {color:#8E9CAE; font-size:13px; font-weight:400; display:flex; gap:10px; align-items:center; line-height:normal; margin:0;}
.hero-visual {position:relative; display:flex; justify-content:center; align-items:center; min-height:35.5rem;}
.globe-mark {position:relative; width:min(31rem, 84vw); aspect-ratio:1; border-radius:50%; border:0.72rem solid rgba(195, 173, 126, 0.95); background:rgba(255, 255, 255, 0.02); box-shadow:inset 0 0 0 1.1rem rgba(195, 173, 126, 0.12);}
.globe-mark::before, .globe-mark::after {content:""; position:absolute; inset:0; border-radius:50%;}
.globe-mark::before {background:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)); transform:scale(1.08);}
.globe-mark::after {inset:14% 16%; border:2px solid rgba(195, 173, 126, 0.85); border-top-width:0; border-bottom-width:0;}
.meridian, .equator {position:absolute; inset:0; border-radius:50%;}
.meridian::before, .equator::before {content:""; position:absolute; inset:0; border-radius:50%;}
.meridian-one {transform:rotate(18deg);}
.meridian-one::before {border:2px solid rgba(195, 173, 126, 0.8); border-right-color:transparent; border-left-color:transparent; transform:scaleY(1.08);}
.meridian-two {transform:rotate(90deg);}
.meridian-two::before {border:2px solid rgba(195, 173, 126, 0.8); border-right-color:transparent; border-left-color:transparent; transform:scaleY(1.08);}
.meridian-three {transform:rotate(-18deg);}
.meridian-three::before {border:2px solid rgba(195, 173, 126, 0.8); border-right-color:transparent; border-left-color:transparent; transform:scaleY(1.08);}
.equator {inset:9% 10%; border:2px solid rgba(195, 173, 126, 0.8); border-top-color:transparent; border-bottom-color:transparent; transform:rotate(16deg);}
.about-section {background:#F8F8F1;}
.about-grid {display:grid; grid-template-columns:1.05fr 0.95fr; gap:3.25rem; align-items:center;}
.about-media {position:relative; min-height:31rem;}
.media-card {position:absolute; overflow:hidden; border-radius:1.75rem; box-shadow:var(--shadow);}
.media-card img {width:100%; height:100%; object-fit:cover;}
.main-card {inset:0 8% 0 0;}
.floating-card {width:52%; height:42%; right:0; bottom:-0.5rem; border:0.4rem solid rgba(255, 255, 255, 0.7);}
.about-copy p {margin:0 0 1.2rem; color:var(--muted); font-size:1.05rem;}
.feature-list {margin:2rem 0 0; padding:0; list-style:none; display:grid; gap:1rem;}
.feature-list li {position:relative; padding-left:2rem; color:var(--navy); font-weight:600;}
.common-heading {color:#0B1D33; font-family:"Plus Jakarta Sans"; font-size:32px; font-style:normal; font-weight:800;}
.feature-list li::before {content:""; position:absolute; left:0; top:0.45rem; width:0.8rem; height:0.8rem; border-radius:50%; background:linear-gradient(135deg, var(--gold), #e7d9b6); box-shadow:0 0 0 0.35rem rgba(195, 173, 126, 0.18);}
.services-section {background:#fff;}
.section-header {margin-bottom:2.25rem;}
.service-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.5rem;}
.service-card {position: relative; background:rgba(255, 255, 255, 0.7); border:1px solid rgba(13, 35, 65, 0.08); border-radius:12px; overflow:hidden; transition:transform 0.2s ease, box-shadow 0.2s ease;}
.service-card img {width:100%; height:11.25rem; object-fit:cover;}
.service-card-index {position: absolute; border-radius: 20px; background: #0B1D33;left: 16px; top: 16px;display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; color: #FFF; font-family: Outfit; font-size: 20px; font-weight: 700;}
.card-content {padding:1.5rem; display:flex; flex-direction:column; gap:1rem;}
.card-content h3 {color:#0B1D33; font-family:"Plus Jakarta Sans"; font-size:22px; font-weight:700; margin:0;}
.card-content p {color:#1D1D1D; font-size:14px; font-weight:400; margin:0;}
.site-footer {background:var(--navy); color:rgba(255, 255, 255, 0.87); padding:2.5rem 0; padding-top:5rem;}
.footer-wrap {display:flex; align-items:center; justify-content:space-between; gap:1.25rem;}
.footer-brand {max-width:20rem;}
.footer-brand p {color:#A8B2C0; font-size:13px; font-weight:400; margin-top:1rem;}
.footer-brand img {width:100%; max-width:min(16rem, 48vw); height:auto;}
.footer-links {display:flex; flex-wrap:wrap; justify-content:center; gap:3rem;}
ul {list-style:none; padding:0;}
li {list-style:none;}
footer hr {margin:44px 0;}
.quick-link ul {display:flex; flex-direction:column; gap:1.125rem}
.quick-link ul li {gap:12px; color:#A8B2C0; font-size:14px; font-weight:400;}
.quick-link li a {color:#A8B2C0; font-size:14px; font-weight:400;}
.footer-links .quick-link {display:flex; flex-direction:column; gap:0.8rem; width:14.813rem;}
.footer-links .quick-link h4 {color:#FFF; font-family:"Plus Jakarta Sans"; font-size:1rem; font-weight:600; margin:0;}
.footer-links a, .footer-mail {color:rgba(255, 255, 255, 0.78); font-size:0.95rem; transition:opacity 0.2s ease;}
.footer-links a:hover, .footer-links a:focus-visible, .footer-mail:hover, .footer-mail:focus-visible {opacity:1; text-decoration:underline;}

.who_img {width:calc(50% - 4px); max-width:292px; height:auto; object-fit:cover;}
.index_who_we_are_para {color:#1D1D1D; font-size:16px;}
.common-heading span {position:relative;}
.common-heading span:after {position:absolute; content:""; bottom:-12px; left:0; display:inline-block; width:5rem; height:2px; background:#BCA374;}
.center-span::after { left:50% !important; transform: translateX(-50%) !important; }
.copyright-text {color:#8E9CAE; font-size:12px; font-weight:400; text-align:center; margin:0;}
form {display: flex; flex-direction: column; gap: 22px; padding: 40px; background: white; border-radius: 1rem; max-width: 600px;}
.field label {display: flex; align-items: baseline; gap: 5px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #1A1D20; margin-bottom: 5px;}
.field label .req {color:var(--gold); font-weight:700;}
.field input, .field textarea {    width: 100%; font-size: 14px; border-radius: 0.5rem; padding: 10px 1rem; border: 1px solid #D3D6DC;}
.field input::placeholder, .field textarea::placeholder {color:#A8A69A;}
.field input:hover, .field textarea:hover {border-color:#C9C7BA;}
.field input:focus, .field textarea:focus {outline:none; background:#fff; border-color:var(--navy-800); box-shadow:0 0 0 3px rgba(28,43,74,0.10);}
.field textarea {resize:vertical; min-height:110px; line-height:1.5;}
.row-two {display:grid; grid-template-columns:1fr 1fr; gap:22px;}
button.submit {  color: #F4F1E7; border: none; padding: 14px 20px; font-size: 14.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer;  border-radius: 8px; background: #16253D;}




.contact-details-page i, .contact-details-page .svg{display: flex; width: 40px; height: 40px; border-radius: 6px; display: flex; justify-content: center; align-items: center; background: rgba(188, 163, 116, 0.08); color: rgba(188, 163, 116, 1);}
.contact-details-page svg{display: flex; width: 20px; height: 20px; border-radius: 6px; display: flex; justify-content: center; align-items: center; background: rgba(188, 163, 116, 0.08); color: rgba(188, 163, 116, 1);}
.contact-details-page h5{color: #1A1D20; font-family: "Plus Jakarta Sans"; font-size: 14px; font-weight: 700; margin: 0 0 4px 0;}
.contact-details-page p{color: #60666D; font-size: 1rem; font-weight: 400;}

.contact-map-container iframe{width: 100%; height: 600px}

.about-section-content{width: calc(100% - 37.5rem)}
.about-image-grid{width: 37.5rem}

.cmn_text-2{color: #0B1D33; font-family: "Plus Jakarta Sans"; font-size: 2rem; font-weight: 800;}
.cmn_text-3{color: #1D1D1D; font-family: "Plus Jakarta Sans"; font-size: 1.25rem; font-weight: 600;}

.service-section-card-container{display: flex; align-items: center; gap: 6.125rem; margin-bottom: 5rem;}
.service-section-card-container:last-child{margin-bottom: 0;}
.service-section-card-container .image{width: 522px;}
.service-section-card-container .content{width: calc(100% - 522px);}
.service-section-card-container .image img{width: 100%;}
.card-head{color: #1C2430; font-family: "Plus Jakarta Sans"; font-size: 14px; font-weight: 700;}
.card-text{color: #1D1D1D; font-size: 14px; font-weight: 400;}
.service-section-card-container .content .card{border-radius: 12px; border: 1px solid #E8E2D5; background: #F2EDE2; padding: 1.125rem;} 
.small-card-container{display: grid;grid-template-columns: repeat(3, 1fr); gap: 1rem;}



.thank-you-container{max-width: 30rem; margin: auto; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; padding: 3rem; border-radius: 1.5rem; background: #fff;}
.thank-you-container .check-icon i{background: green; color: white; aspect-ratio: 1 / 1; width: 3rem; border-radius: 25px; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem;}
@media (max-width:520px) {
.card-inner {padding:32px 24px 30px;}
.row-two {grid-template-columns:1fr; gap:22px;}
}


@media (max-width:1200px) {
.service-section-card-container{flex-wrap: wrap-reverse; gap: 2rem ;}
.service-section-card-container .content{width: 100% ;}
}

@media (max-width:520px) {
    .small-card-container{grid-template-columns: 1fr ;}
}


@media (max-width: 980px) {
html {font-size:14px}
.hero-inner, .about-grid {grid-template-columns:1fr;}
.service-grid {grid-template-columns:1fr 1fr;}
.hero {min-height:auto; padding-bottom:2rem;}
/* .hero-inner {padding-top:12rem; padding-bottom:5rem;} */
.hero-visual {min-height:24rem;}
.stats-card {grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap: 10px; padding: 1rem;}
.stat-value{font-size: 2rem;}
.pt_160 {padding-top:12rem !important}
.stat-item + .stat-item:nth-child(3) {     border-left: none; }
/* .stat-item:nth-child(3), .stat-item:nth-child(4) {border-left:none;} */
.about-media {min-height:24rem;}
.service-grid {gap:1.2rem;}
.footer-wrap {flex-direction:column; align-items:start;}
.footer-links {align-items:start; justify-content:space-between; width: 100%;}
.footer-links .quick-link, .quick-link ul {gap:0.5rem;}
footer hr {margin:20px 0}
.about-main-container{flex-wrap: wrap}
.about-section-content{width: 100% !important;}
.about-image-grid{width: auto;}
.main-nav {display:none; width:100%; justify-content:center; padding-top:0.75rem;}
.main-nav.is-open {display:block;}
.nav-toggle {display:inline-flex; flex-direction:column; justify-content:center; align-items:center;}
.nav-wrap {flex-wrap:wrap;}
.nav-links-list {flex-direction:column; align-items:stretch; gap:0.75rem; padding:1rem; background:rgba(255, 255, 255, 0.96); border:1px solid rgba(11, 29, 51, 0.08); border-radius:1rem; box-shadow:0 16px 40px rgba(11, 29, 51, 0.08);}
.nav-links-list-item a {display:block; padding:0.7rem 0.8rem; color:#0b1d33; border-radius:0.5rem;}
/* .nav-links-list-item a:hover, .nav-links-list-item a:focus-visible {background:rgba(11, 29, 51, 0.05);} */
.nav-links-list-btn {margin-left:0;}
.nav-links-list-btn a {width:100%; text-align:center; color:#fff;}
.footer-brand{max-width: 100%;}
form{padding: 1.5rem ; }
}

@media (max-width: 760px) {
.site-header {padding-top:1rem;}
.hero {padding-bottom:6rem;}
.footer-links .quick-link {width:auto;}
.footer-links {gap:2rem}
.btn-primary, .btn-secondary{padding: 9px 1rem; }
.stats-banner {margin-top:-8rem;}
.stat-item {min-height:110px;}
.hero h1 {letter-spacing:-0.06em;}
.hero-copy {max-width:100%; gap: 1.5rem;}
.hero-text {font-size:1rem;}
.globe-mark {width:min(22rem, 80vw);}
.section-spacing {padding:4rem 1rem;}
.eyebrow{font-size: 12px; font-weight: 600;}
#hero-title{font-size: 2.2rem; font-weight: 600; line-height: normal;}
.hero_bottom_text,.hero-text{display: none;}
}

@media (max-width: 520px) {
.container {width:min(var(--container), calc(100% - 1.25rem));}
.hero-backdrop::after {background:linear-gradient(0deg, rgba(11, 29, 51, 0) 0%, rgba(10, 25, 49, 0.73) 39.76%, #08152A 100%) no-repeat;}
/* .hero-inner {padding-top:9rem;} */
/* .hero-actions {flex-direction:column; align-items:stretch;} */
.btn {width:fit-content;}
.nav-links-list-item a {font-size:0.85rem;}
.card-content h3 {font-size:1.35rem;}
.service-grid {grid-template-columns:1fr ;}
.pt_160 {padding-top:15rem !important}
}