* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* ===============================
      BRAND COLORS
  =============================== */

  --brand-primary: #174463;
  --brand-secondary: #f68622;

  --brand-dark: #10324a;
  --brand-light: #2a628b;

  --surface-base: #ffffff;
  --surface-light: #f8fafc;
  --surface-muted: #edf4f8;

  --content-primary: #1f2933;
  --content-secondary: #687684;
  --content-inverse: #ffffff;

  --line-subtle: #dbe5ec;
  --header-top-bg: #10324a;

  --transition: all 0.3s ease;
}


:root{ 
  /* ===============================
      NAV TOKENS (mapped to brand palette above)
  =============================== */
  --nav-height:76px;
  --nav-bg:var(--surface-base);
  --nav-text:var(--content-primary);
  --nav-text-muted:var(--content-secondary);
  --nav-accent:var(--brand-secondary);
  --nav-accent-light:#fdecdb;
  --nav-border:var(--line-subtle);
  --nav-shadow:0 10px 30px rgba(16,50,74,.12);
  --nav-shadow-sm:0 4px 14px rgba(16,50,74,.08);
  --nav-radius:14px;
  --nav-transition:var(--transition);
}

/* ===============================
   GLOBAL
================================ */

a {
  text-decoration: none !important;
}
 
.anchor-offset{scroll-margin-top:80px;}
html{scroll-behavior:smooth;}
 
/* Reset native <button> chrome for every element used as a nav/dropdown trigger —
   without this reset, browsers render their own border/background/box-shadow on
   buttons, which is what produced the boxed/outlined look. */
.corp-menu button{appearance:none;-webkit-appearance:none;background:transparent;border:none;box-shadow:none;margin:0;font:inherit;text-align:left;cursor:pointer;width:100%;font-weight: 500;color: var(--nav-text);font-size: .95rem;}

/* ==========================================================================
   3a. HEADER TOP BAR (scrolls away — not part of the sticky header)
   ========================================================================== */
.header-top{background:var(--header-top-bg);color:var(--content-inverse);font-size:.82rem;}
.header-top .header-top-wrapper{display:flex;align-items:center;justify-content:flex-end;height:38px;}
.header-top .language-switch{display:flex;align-items:center;gap:8px;}
.header-top .language-switch a{color:var(--content-inverse);text-decoration:none;opacity:.85;transition:opacity var(--nav-transition);}
.header-top .language-switch a:hover{opacity:1;}
.header-top .language-switch a.active{opacity:1;font-weight:600;color:var(--brand-secondary);}
.header-top .language-switch span{opacity:.4;}
.header-top .language-switch .ms-4{margin-left:1.5rem;opacity:.85;}
.header-top .social-icon{margin-left:1rem;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);transition:background var(--nav-transition),opacity var(--nav-transition);}
.header-top .social-icon:hover{background:var(--brand-secondary);opacity:1;}

/* ==========================================================================
   3b. NAVBAR SHELL (sticky, white, shadow on scroll)
   ========================================================================== */
.corp-navbar{position:sticky;top:0;z-index:1050;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);transition:box-shadow var(--nav-transition);}
.corp-navbar.is-scrolled{box-shadow:var(--nav-shadow-sm);}
.corp-navbar .navbar-inner{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;}

/* Brand */
.corp-brand{display:flex;align-items:center;height:100%;padding:14px 0;text-decoration:none;}
.corp-brand .brand-logo{max-height:100%;width:auto;display:block;object-fit:contain;}

/* ==========================================================================
   4. PRIMARY MENU (desktop)
   ========================================================================== */
.corp-menu{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0;height:100%;}
.corp-menu>.nav-item{position:relative;height:100%;display:flex;align-items:center;}

/* Vertical divider between top-level links (desktop only) */
.corp-menu>.nav-item+.nav-item::before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:22px;background:var(--nav-border);}

.nav-link-main{display:flex;align-items:center;gap:6px;height:100%;padding:0 16px;color:var(--nav-text);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;white-space:nowrap;transition:color var(--nav-transition);}
.nav-link-main::after{content:"";position:absolute;left:16px;right:16px;bottom:-5px;height:2px;background:var(--nav-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--nav-transition);}
.nav-link-main:hover,.nav-link-main:focus-visible,.nav-item.is-open>.nav-link-main{color:var(--nav-accent);}
.nav-link-main:hover::after,.nav-link-main:focus-visible::after,.nav-item.is-open>.nav-link-main::after{transform:scaleX(1);}
.nav-item.active>.nav-link-main{color:var(--nav-accent);font-weight:600;}
.nav-item.active>.nav-link-main::after{transform:scaleX(1);}
.nav-item.active i{color: var(--nav-accent);}
.nav-caret{font-size:.68rem;transition:transform .3s cubic-bezier(.4,0,.2,1),color var(--nav-transition);color:var(--nav-text-muted);}
.nav-item.is-open>.nav-link-main .nav-caret{transform:rotate(180deg);color:var(--nav-accent);}

/* ==========================================================================
   5. LEVEL-1 DROPDOWN PANEL
   ========================================================================== */
.dropdown-panel{position:absolute;top:100%;left:0;min-width:280px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--nav-radius);box-shadow:var(--nav-shadow);padding:10px;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transform-origin:top left;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;z-index:1060;}
.nav-item.is-open>.dropdown-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.dropdown-panel .dropdown-list{list-style:none;margin:0;padding:0;}

/* Level-1 dropdown items */
.dropdown-list .dropdown-item-link{font-size: 14px;}
.dropdown-item-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-radius:10px;color:var(--nav-text);text-decoration:none;font-size:.82rem;font-weight:500;transition:background var(--nav-transition),color var(--nav-transition),transform .2s ease;}
.dropdown-item-link:hover,.dropdown-item-link:focus-visible,.dropdown-node.is-open>.dropdown-item-link{background:var(--nav-accent-light);color:var(--nav-accent);transform:translateX(2px);}
.dropdown-item-link .sub-caret{font-size:.7rem;color:var(--nav-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1),color var(--nav-transition);}
.dropdown-node.is-open>.dropdown-item-link .sub-caret{color:var(--nav-accent);transform:rotate(90deg);}

/* ===============================
   Top-level menu fade effect
   =============================== */
.corp-menu:hover > .nav-item:not(:hover){
    opacity: .4;
}

.corp-menu > .nav-item{
    transition: opacity var(--nav-transition);
}

.corp-menu > .nav-item:hover{
    opacity: 1;
}

/* ===============================
   Dropdown menu fade effect
   =============================== */
.dropdown-list:hover > li:not(:hover){
    opacity: .4;
}

.dropdown-list > li{
    transition: opacity var(--nav-transition);
}

.dropdown-list > li:hover{
    opacity: 1;
}

/* ==========================================================================
   6. LEVEL-2 (nested) SUBMENU — desktop opens beside parent
   ========================================================================== */
.dropdown-node{position:relative;}
.submenu-panel{position:absolute;top:-10px;left:100%;min-width:280px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--nav-radius);box-shadow:var(--nav-shadow);padding:10px;margin-left:8px;opacity:0;visibility:hidden;transform:translateX(8px) scale(.98);transform-origin:top left;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;z-index:1070;}
.dropdown-node.is-open>.submenu-panel{opacity:1;visibility:visible;transform:translateX(0) scale(1);}
/* Flip to the left when there isn't enough viewport space (class added by JS) */
.submenu-panel.flip-left{left:auto;right:100%;margin-left:0;margin-right:8px;transform:translateX(-8px) scale(.98);transform-origin:top right;}
.dropdown-node.is-open>.submenu-panel.flip-left{transform:translateX(0) scale(1);}

.submenu-panel .dropdown-item-link{font-weight:400;font-size:13px;}

/* ==========================================================================
   7. MOBILE TOGGLER
   ========================================================================== */
.corp-toggler{display:none;position:relative;border:none;background:var(--surface-light);padding:0;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:background var(--nav-transition),transform .2s ease;}
.corp-toggler:hover{background:var(--nav-accent-light);}
.corp-toggler:active{transform:scale(.92);}
.corp-toggler:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px;}
.corp-toggler .bar{display:block;position:absolute;left:11px;width:22px;height:2px;border-radius:2px;background:var(--brand-dark);transition:transform .35s cubic-bezier(.68,-0.4,.32,1.4),opacity .2s ease,width .3s ease,background .3s ease;}
.corp-toggler .bar:nth-child(1){top:16px;}
.corp-toggler .bar:nth-child(2){top:21px;}
.corp-toggler .bar:nth-child(3){top:26px;}
.corp-toggler.is-active{background:var(--nav-accent-light);}
.corp-toggler.is-active .bar{background:var(--nav-accent);}
.corp-toggler.is-active .bar:nth-child(1){top:21px;transform:rotate(45deg);}
.corp-toggler.is-active .bar:nth-child(2){opacity:0;width:0;left:50%;}
.corp-toggler.is-active .bar:nth-child(3){top:21px;transform:rotate(-45deg);}

/* ==========================================================================
   8. RESPONSIVE — MOBILE / TABLET (<992px) ACCORDION MENU
   ========================================================================== */
@media (max-width: 991.98px){
  .corp-toggler{display:block;}
  .corp-menu-wrap{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--nav-bg);overflow-y:auto;transform:translateX(100%);opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .35s ease;border-top:1px solid var(--nav-border);}
  .corp-menu-wrap.is-open{transform:translateX(0);opacity:1;}
  .corp-menu{flex-direction:column;align-items:stretch;height:auto;padding:12px;gap:0;}
  .corp-menu>.nav-item{height:auto;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--nav-border);transition:background var(--nav-transition);}
  .corp-menu>.nav-item+.nav-item::before{display:none;}
  .nav-link-main{padding:16px 8px;width:100%;border-radius:8px;transition:background .2s ease,color var(--nav-transition);}
  .nav-link-main:hover,.nav-link-main:active{background:var(--surface-light);}
  .nav-link-main::after{display:none;}

  /* Level-1 dropdown becomes accordion.
     Uses the CSS grid row-collapse technique instead of animating max-height:
     max-height forces the browser to lay out across the whole 0→2000px range
     every frame and, combined with a separately-delayed opacity transition,
     is what caused the perceived lag. Animating grid-template-rows (0fr→1fr)
     is a single, GPU-friendly transition with no arbitrary large end value. */
  .dropdown-panel{position:static;visibility:visible;transform:none;box-shadow:none;border:none;margin:0;padding:0;border-radius:0;display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);}
  .nav-item.is-open>.dropdown-panel{grid-template-rows:1fr;}
  .dropdown-panel .dropdown-list{overflow:hidden;min-height:0;padding:0 0 10px 12px;}

  /* Level-2 submenu becomes nested accordion — same technique */
  .submenu-panel{position:static;visibility:visible;transform:none;box-shadow:none;border:none;margin:0;padding:0;border-radius:0;display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);}
  .dropdown-node.is-open>.submenu-panel{grid-template-rows:1fr;}
  .submenu-panel .dropdown-list{overflow:hidden;min-height:0;padding:0 0 6px 12px;}
  .submenu-panel.flip-left{right:auto;}

  .dropdown-item-link{padding:12px 14px;}
}

@media (min-width: 992px){
  .corp-menu-wrap{display:flex !important;}
}



/* ==========================================================================
   9. FOCUS / ACCESSIBILITY
   ========================================================================== */
.nav-link-main:focus-visible,.dropdown-item-link:focus-visible{outline:2px solid var(--nav-accent);outline-offset:-2px;border-radius:8px;}
.visually-hidden-skip{position:absolute;left:-9999px;top:0;background:var(--nav-accent);color:#fff;padding:10px 16px;border-radius:8px;z-index:2000;}
.visually-hidden-skip:focus{left:16px;top:10px;}

/* ==========================================================================
   10. RESPONSIVE TYPOGRAPHY TWEAKS
   ========================================================================== */
@media (min-width:992px) and (max-width:1199.98px){
  .nav-link-main{padding:0 12px;font-size:.9rem;}
}






 .bc-banner-carousel{position:relative;overflow:hidden;}
.bc-slider .bc-slide{position:relative;height:85vh;overflow:hidden;}
.bc-slider .bc-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);}
.bc-slider .owl-item.active .bc-slide img{animation:bcKenBurns 6s ease-in-out forwards;}
@keyframes bcKenBurns{from{transform:scale(1);}to{transform:scale(1.08);}}
.bc-slider .owl-item.bcFadeIn{animation:bcFadeIn 1.1s ease both;}
.bc-slider .owl-item.bcFadeOut{animation:bcFadeOut .9s ease both;}
@keyframes bcFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes bcFadeOut{from{opacity:1;}to{opacity:0;}}
.bc-banner-carousel .bc-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,24,35,.9) 0%,rgba(23,68,99,.8) 25%,rgba(23,68,99,.4) 50%,rgba(23,68,99,.08) 75%,rgba(0,0,0,0) 100%);z-index:1;}
.bc-banner-carousel .container{position:absolute;inset:0;display:flex;align-items:center;z-index:2;}
.bc-banner-carousel .bc-content{max-width:700px;color:#ffffff;}
.bc-banner-carousel .bc-subtitle,.bc-banner-carousel .bc-content h1,.bc-banner-carousel .bc-content p,.bc-banner-carousel .bc-buttons{opacity:0;}
.bc-slider .owl-item.active .bc-subtitle{animation:bcFadeUp .6s ease .15s forwards;}
.bc-slider .owl-item.active .bc-content h1{animation:bcFadeUp .6s ease .3s forwards;}
.bc-slider .owl-item.active .bc-content p{animation:bcFadeUp .6s ease .45s forwards;}
.bc-slider .owl-item.active .bc-buttons{animation:bcFadeUp .6s ease .6s forwards;}
@keyframes bcFadeUp{from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:translateY(0);}}
.bc-banner-carousel .bc-subtitle{display:inline-block;background:rgba(246,134,34,.15);color:#f68622;border:1px solid rgba(246,134,34,.35);padding:5px 18px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;backdrop-filter:blur(10px);}
.bc-banner-carousel .bc-content h1{font-size:40px;line-height:1.1;font-weight:700;text-transform:uppercase;margin-bottom:24px;color:#fff;}
.bc-banner-carousel .bc-content p{font-size:18px;line-height:1.9;color:rgba(255,255,255,.9);max-width:600px;margin-bottom:40px;}
.bc-banner-carousel .bc-buttons{display:flex;gap:18px;flex-wrap:wrap;display: none;}
.bc-banner-carousel .bc-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:45px;padding:0px 21px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:600;transition:all .35s ease;}
.bc-banner-carousel .bc-btn-primary{background:#f68622;color:#fff;box-shadow:0 15px 40px rgba(246,134,34,.35);}
.bc-banner-carousel .bc-btn-primary:hover{background:#ff9b41;transform:translateY(-4px);color:#fff;}
.bc-banner-carousel .bc-btn-outline{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(10px);}
.bc-banner-carousel .bc-btn-outline:hover{background:#174463;border-color:#174463;color:#fff;transform:translateY(-4px);}
.bc-banner-carousel .bc-pagination{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:50;}
.bc-banner-carousel .bc-pagination-item{display:flex;align-items:center;cursor:pointer;}
.bc-banner-carousel .bc-pagination-label{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .35s ease,width .35s ease;}
.bc-banner-carousel .bc-pagination-item:hover .bc-pagination-label{background:rgba(255,255,255,.75);}
.bc-banner-carousel .bc-pagination-item.active .bc-pagination-label{background:#f68622;}
.bc-banner-carousel .bc-pagination-bar{width:0;height:3px;background:rgba(255,255,255,.25);border-radius:50px;overflow:hidden;position:relative;transition:width .35s ease,margin-left .35s ease;}
.bc-banner-carousel .bc-pagination-item.active .bc-pagination-bar{width:46px; /* margin-left:8px; */ }

.bc-banner-carousel .bc-pagination-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#f68622;border-radius:50px;}
.bc-banner-carousel .bc-pagination-item.active .bc-pagination-fill{animation:bcFillBar 5s linear forwards;}
@keyframes bcFillBar{from{width:0%;}to{width:100%;}}
@media (max-width:1199px){.bc-banner-carousel .bc-content h1{font-size:48px;}}
@media (max-width:991px){.bc-slider .bc-slide{height:75vh;min-height:580px;}.bc-banner-carousel .bc-content h1{font-size:42px;}.bc-banner-carousel .bc-content p{font-size:17px;}}
@media (max-width:767px){.bc-slider .bc-slide{height:70vh;min-height:500px;}.bc-banner-carousel .bc-content{max-width:100%;}.bc-banner-carousel .bc-content h1{font-size:32px;}.bc-banner-carousel .bc-content p{font-size:15px;line-height:1.8;margin-bottom:30px;}.bc-banner-carousel .bc-buttons{gap:14px;}.bc-banner-carousel .bc-btn{width:100%;min-width:auto;height:54px;}.bc-banner-carousel .bc-pagination{bottom:22px;gap:8px;}.bc-banner-carousel .bc-pagination-item.active .bc-pagination-bar{width:28px;}}



/* ==========================================================================
   ========================================================================== */

.story {
  padding: 60px 0;
  background-color: #ffffff;
  overflow: hidden;
}



 
 
/* ---------- Text Content ---------- */

.story .text-story {
  padding-right: 30px;
}

.story .text-story h3 {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #174463;
  line-height: 1.3;
  padding-bottom: 8px;
}

.story .text-story p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5a68;
  margin: 0;
}

/* ---------- Dummy Image ---------- */

.story img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 12px;
  background: linear-gradient(135deg, #174463 0%, #2b6a94 100%);
  box-shadow: 0 20px 40px rgba(23, 68, 99, 0.18);
  display: block;
}

.story .boxes-story {
    height: 100%;
    background: #fff;
    border: 1px solid #e7edf2;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 14px rgba(23, 68, 99, 0.06);
    transform: translateY(0);
    transition: all 0.3s ease;
}

/* Default hover for all cards */
.story .boxes-story:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 30px rgba(23, 68, 99, 0.14);
    border-color: #f68622;
}

 


.story .boxes-story:hover .story-icon {
  background: #f68622;
}


.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 22px;
    border: none;
    border-radius: 50px;
    background: var(--brand-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all .35s ease;
    line-height: 1;
    margin-top: 15px;
}

.button:hover{
    background: var(--brand-secondary);
    color: #fff;
}

.button__text{
    order: 1;
}

.button__icon-wrapper{
    order: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: var(--brand-primary);
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    transition: .35s;
}

.button:hover .button__icon-wrapper{
    color: var(--brand-secondary);
}

.button__icon-svg--copy{
    position:absolute;
    transform:translate(-150%,150%);
}

.button:hover .button__icon-svg:first-child{
    transition:transform .3s ease-in-out;
    transform:translate(150%,-150%);
}

.button:hover .button__icon-svg--copy{
    transition:transform .3s ease-in-out .1s;
    transform:translate(0);
}

.kn-btn-abt {
  background: #f68622;
  color: #fff;
  box-shadow: 0 15px 40px rgba(246, 134, 34, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 40px;
  margin-top: 20px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.35s ease;
}

.story .story-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #174463;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.story .story-icon i {
  color: #fff;
  font-size: 18px;
}

 



.story .boxes-story h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #174463;
  margin-bottom: 10px;
}

.story .boxes-story p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #6b7b89;
  margin: 0;
}

/* ------------------------ */

.offer-section {
  padding: 0px 0 0;
}

 

.offer-section .section-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.offer-section .section-heading h3 {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #174463;
  line-height: 1.3;
  margin-bottom: 0px;
}
 

.section-heading h4{color:#000;}
.section-heading p{max-width:900px;  font-size: 16px;  line-height: 1.8; color: #4a5a68;font-weight: normal;}

/* Navigation */

.offer-section .offer-nav {
  display: flex;
  gap: 12px;
}

.offer-section .nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d8dee3;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.35s;
}

.offer-section .nav-btn svg {
  width: 18px;
  height: 18px;
  stroke: #174463;
  transition: 0.35s;
}

.offer-section .nav-btn:hover {
  background: #174463;
  border-color: #174463;
}

.offer-section .nav-btn:hover svg {
  stroke: #fff;
}

.offer-section .swiper-button-disabled {
  background: #f5f5f5 !important;
  border-color: #dddddd !important;
  cursor: not-allowed;
}

.offer-section .swiper-button-disabled svg {
  stroke: #b7b7b7 !important;
}

/* Swiper */

.offer-section .offer-swiper {
  overflow: hidden;
}

/* Card */

.offer-section .offer-card { position: relative; height: 320px; border-radius: 18px; overflow: hidden; /* cursor: pointer; */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); display: block; }
.offer-section .offer-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;
  object-position: right;
}

.offer-section .offer-card:hover img {
  transform: scale(1.06);
}

/* Overlay */

/* .offer-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(23, 68, 99, 0.82) 0%,
    rgba(23, 68, 99, 0.45) 35%,
    rgba(23, 68, 99, 0.12) 70%,
    transparent 100%
  );
  transition: 0.45s ease;
}

.offer-section .offer-card:hover .overlay {
  background: linear-gradient(
    to top,
    rgba(23, 68, 99, 0.97) 0%,
    rgba(23, 68, 99, 0.88) 45%,
    rgba(23, 68, 99, 0.35) 72%,
    transparent 100%
  );
} */


.offer-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.82) 0%,
    rgba(0, 0, 0, 0.45) 35%,
    rgba(0, 0, 0, 0.12) 70%,
    transparent 100%
  );
  transition: 0.45s ease;
}

.offer-section .offer-card:hover .overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.97) 0%,
    rgba(0, 0, 0, 0.88) 45%,
    rgba(0, 0, 0, 0.35) 72%,
    transparent 100%
  );
}

/* Content */

.offer-section .offer-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 0 25px;
  color: #fff;
  z-index: 2;
  transition: transform 0.45s ease;
}

.offer-section .offer-card:hover .offer-content {
  transform: translateY(-38px);
}

.offer-section .offer-content h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

.offer-section .offer-content p {
  margin: 2px 0 18px;
  font-size: 15px;
  line-height: 1.7;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: translateY(18px);
  transition: all 0.45s ease;
}

.offer-section .offer-card:hover .offer-content p {
  opacity: 1;
  max-height: 120px;
  transform: translateY(0);
}

/* Know More */

.offer-section .know-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f68622;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  opacity: 1;
  transform: translateY(-10px);
  transition: all 0.45s ease;
}

.offer-section .know-more::after {
  content: "→";
  transition: 0.3s;
}

.offer-section .offer-card:hover .know-more {
  opacity: 1;
  transform: translateY(0);
}

.offer-section .know-more:hover {
  color: #fff;
}

.offer-section .know-more:hover::after {
  transform: translateX(5px);
}

/* Responsive */

@media (max-width: 991px) {
  .offer-section .section-heading-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 0;
  }

  .offer-section .section-heading h2 {
    font-size: 26px;
  }

  .offer-section .offer-card {
    height: 300px;
  }
}

@media (max-width: 767.98px){
  .offer-section .offer-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

}



/* ---------------------------------------------- */
/* --------------Industries-We-Serve------------ */
/* -------------------------------------------- */

.industries-we-serve {
  position: relative;
  padding: 60px 0px;
  overflow: hidden;
}

.section-head {
  max-width: 640px;
  margin: 0 auto 30px;
  text-align: center;
}

.eyebrow::before,
.eyebrow::after {
  content: "";
  width: 22px;
  height: 2px;
  background: #f68622;
  display: inline-block;
}

.section-head h2 {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #174463;
  line-height: 1.3;
  margin-bottom: 20px;
}

.section-head p {
  font-size: 16px;
  line-height: 1.7;
  color: #5f7484;
  margin: 0 auto;
}

.industry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.industry-card {
  position: relative;
  background: #fff;
  border: 1px solid #e3eaef;
  border-radius: 14px;
  padding: 34px 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.industry-card:hover {
  transform: translateY(-6px);
  border-color: transparent;
  box-shadow: 0 20px 40px -18px rgba(14, 47, 69, 0.28);
}

.icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: #174463;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.25s ease;
}

.industry-card:hover .icon-wrap {
  background: #f68622;
}

.icon-wrap i {
  font-size: 22px;
  color: #fff;
}

.industry-card h3 {
  font-weight: 600;
  font-size: 18px;
  color: #0e2f45;
  margin: 0;
}

.industry-card p {
  font-size: 14.5px;
  line-height: 1.65;
  color: #5f7484;
  margin: 0;
}

.card-index {
  position: absolute;
  top: 22px;
  right: 26px;
  font-size: 12px;
  font-weight: 600;
  color: #e3eaef;
  letter-spacing: 0.05em;
}

@media (max-width: 980px) {
  .industry-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .industries-we-serve {
    padding: 64px 0px;
  }
  .industry-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .industry-card {
    transition: none;
  }
  .industry-card:hover {
    transform: none;
  }
}

/* ----------------------------------------------- */

.partner-ships{background: #f1f1f1dd; padding: 60px 0px;  }

.partner-ships .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.partner-ships .col-lg-5,
.partner-ships .col-lg-7,
.partner-ships .col-lg-12 {
  padding: 0 15px;
}

.partner-ships .col-lg-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.partner-ships .col-lg-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.partner-ships .col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.partner-ships img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(23, 68, 99, 0.15);
}

.partner-ships .part-text h3 {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #174463;
    line-height: 1.3;
    margin-bottom: 20px;
}

.partner-ships .part-text p {
  color: #555555;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

.partner-ships > .container > .row:last-child p {
  color: #174463;
  font-size: 17px;
  line-height: 1.9;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
    margin-top: 40px;
  padding: 30px 20px 0;
  border-top: 2px solid rgba(246, 134, 34, 0.2);
}

@media (max-width: 991px) {
  .partner-ships .col-lg-5,
  .partner-ships .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .partner-ships .col-lg-5 {
    margin-bottom: 30px;
  }

  .partner-ships .part-text h3 {
    font-size: 25px;
  }
  .partner-ships .part-text br {
    display: none;
  }

  .partner-ships > .container > .row:last-child p{
        padding: 30px 1px 0;
  }
}

/* -------------------------------------- */
/* ---------------Articles-------------- */
/* ------------------------------------ */

.travel-blogs {
  padding: 60px 0px 60px ;
}

.travel-blogs__container {
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 28px;
}

/* Featured Blog */

.travel-blogs__featured img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}

.travel-blogs__featured-title {
  font-size: 22px;
  margin: 12px 0 6px;
  color: #1f1f1f;
  line-height: 1.3;
}

.travel-blogs__featured-desc {
  color: #555;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.6;
}

/* Read more link */

.travel-blogs__read-more {
  display: inline-block;
  font-size: 11px;
  color: #174463;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 10px;
}

.travel-blogs__read-more:hover {
  text-decoration: underline;
}

.travel-blogs__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #888;
}

/* Sidebar */

.travel-blogs__sidebar h3 {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #174463;
  line-height: 1.3;
  margin-bottom: 20px;
}

.travel-blogs__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.travel-blogs__item {
  display: flex;
  gap: 12px;
  background: linear-gradient(
    135deg,
    rgba(23, 68, 99, 0.06),
    rgba(246, 134, 34, 0.05)
  );
  padding: 10px;
  border-radius: 8px;
  align-items: center;
  border: 1px solid #eee;
  transition: 0.2s ease;
}

.travel-blogs__item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.travel-blogs__item img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
}

.travel-blogs__item h4 {
  font-size: 13.5px;
  margin-bottom: 4px;
  color: #222;
  line-height: 1.4;
}

.travel-blogs__item h4 a {
  text-decoration: none;
  color: inherit;
}

.travel-blogs__item h4 a:hover {
  color: #174463;
}

.travel-blogs__item span {
  font-size: 11.5px;
  color: #888;
}

/* Responsive */

@media (max-width: 900px) {
  .travel-blogs__container {
    grid-template-columns: 1fr;
  }

  .travel-blogs__featured img {
    height: 260px;
  }
}

@media (max-width: 500px) {
  .travel-blogs__featured-title {
    font-size: 19px;
  }

  .travel-blogs__item {
    flex-direction: column;
    align-items: flex-start;
  }

  .travel-blogs__item img {
    width: 100%;
    height: 150px;
  }
}

/* -------------------------------- */
/* -----------FOOTER-------------- */
/* ------------------------------ */

/* ---------------------------------- */
/* -------------Footer-------------- */
/* -------------------------------- */

.footer-section{background-color:#16232a;color:#cbd5e1;font-size:14px;position:relative;overflow:hidden;}
.footer-section > img { position: absolute; bottom: 15%; right: 4%; /* transform: translate(-50%, -50%); */ width: 100%; max-width: 530px; opacity: 0.1; pointer-events: none; user-select: none; z-index: 0; }
.footer-content{position:relative;z-index:1;padding-top:50px;padding-bottom:10px;}
.footer-section h5{color:var(--brand-secondary);font-size:16px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;padding-bottom:12px;position:relative;}
.footer-section h5::after{content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#f37e0a;}
.footer-section ul{padding:0;margin:0;}
.footer-section ul li{margin-bottom:12px;}
.footer-section ul li a{color:#cbd5e1;text-decoration:none;display:flex;align-items:center;justify-content:space-between;position:relative;padding-left:16px;transition:all 0.3s ease;}
.footer-section ul li a::before{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;color:#f37e0a;font-size:12px;position:absolute;left:0;opacity:1;transition:opacity 0.3s ease;}
.footer-section ul li a::after{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;color:#f37e0a;font-size:12px;opacity:0;transform:translateX(-8px);transition:all 0.3s ease;}
.footer-section ul li a:hover{color:#f37e0a;padding-left:0;}
.footer-section ul li a:hover::before{opacity:0;}
.footer-section ul li a:hover::after{opacity:1;transform:translateX(0);right: 50px; position: relative;}
.contactus-footer-section p{margin-bottom:10px;color:#cbd5e1;display:flex;align-items:flex-start;gap:10px;}
.contactus-footer-section i{color:#f37e0a;margin-top:4px;}
.f-add h5{margin-bottom:16px;}
.f-add a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:8px;transition:color 0.3s ease;}
.f-add a:hover{color:#f37e0a;}
.f-add address{color:#94a3b8;font-style:normal;margin-bottom:0;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:30px;position:relative;z-index:1;}
.footer-bottom a{color:#cbd5e1;text-decoration:none;transition:color 0.3s ease;}
.footer-bottom a:hover{color:#f37e0a;}
.footer-bottom p{color:#94a3b8;font-size:13px;}
.back-to-top i{margin-left:6px;font-size:12px;transition:transform 0.3s ease;}
.back-to-top:hover i{transform:translateY(-3px);}

@media (max-width:991px){
.footer-section > img{width:75%;}
.footer-content{padding-top:40px;}
.footer-section .col-md-3{margin-bottom:24px;}
.footer-bottom .col-lg-6{margin-bottom:8px;}
}

@media (max-width:767px){
.footer-section{font-size:13px;}
.footer-section > img{width:90%;opacity:0.04;}
.footer-content{padding-top:32px;}
.footer-section h5{font-size:15px;margin-bottom:14px;}
.f-add h5{margin-bottom:12px;}
.footer-bottom{margin-top:20px;}
.footer-bottom .text-lg-start{text-align:center!important;}
.footer-bottom .text-lg-end{text-align:center!important;margin-top:10px;}
}

@media (max-width:575px){
.footer-content{padding-top:24px;}
.footer-section ul li{margin-bottom:10px;}
.f-add a{word-break:break-word;}
}


/* ---------------------------------- */
/* Footer Contact Bar */
/* ---------------------------------- */

.f-add {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 0;
}

.f-add h5 {
    margin: 0;
    min-width: 140px;
    font-size: 18px;
    font-weight: 600;
    color: var(--brand-secondary);
    line-height: 1.4;
}

.f-add a,
.f-add address {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    color:#cbd5e1;
    text-decoration: none;
    font-style: normal;
    line-height: 1.7;
}

.f-add a {
    white-space: nowrap;
}

.f-add a:hover {
    color: #f68622;
}

.f-add address {
    max-width: 420px;
}

@media (max-width: 991px) {
    .f-add {
        gap: 18px;
    }

    .f-add h5 {
        min-width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .f-add {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        text-align: left;
    }

    .f-add h5,
    .f-add a,
    .f-add address {
        width: 100%;
    }

    .f-add a {
        white-space: normal;
    }

    .f-add address {
        max-width: 100%;
    }
}


/* ABOUT PAGE */



.kicker{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-secondary);font-weight:500;}
.section-heading{font-size:1.8rem;font-weight:700;line-height:1.15;color:var(--brand-primary);margin:0;}
.section-heading .accent{color:var(--brand-secondary);}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}

.bg-shape{position:absolute;top:0;right:0;width:52%;height:100%;background:var(--surface-muted);clip-path:polygon(32% 0,100% 0,100% 100%,0 100%);z-index:0;}

 
.hero{background:var(--surface-base);padding:60px 0 10px;position:relative;overflow:hidden;}
.hero .bg-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brand-secondary);opacity:.85;top:64px;right:9%;z-index:1;}
.hero .container{position:relative;z-index:2;}
.hero h1 { color: var(--brand-primary); font-size: 2.3rem; font-weight: 700; line-height: 1.1; margin-top: 14px; }
.hero h1 .accent{color:var(--brand-secondary);}
.hero .lede{color:var(--content-secondary);font-size:1.05rem;margin-top:20px;line-height:1.7;}
.hero .diagram-wrap{margin-top:0px;padding-bottom:0;}
.hero .node-label{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;fill:var(--content-secondary);}
.hero .node-dot{fill:var(--brand-light);}
.hero .bridge-path{fill:none;stroke:var(--brand-light);stroke-width:1.5;stroke-dasharray:6 6;}
.hero .travel-dot{fill:var(--brand-secondary);}

/* Profile */
.profile{padding:0px 0 0px;background:var(--surface-base);}
.profile .divider{width:52px;height:3px;background:var(--brand-secondary);margin:18px 0 24px;}
.profile p{color:var(--content-secondary);line-height:1.85;font-size:1.02rem;}
.profile .chip-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.profile .chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-subtle);background:var(--surface-muted);color:var(--content-secondary);font-family:'IBM Plex Mono',monospace;font-size:.74rem;font-weight:500;letter-spacing:.03em;padding:10px 18px 10px 12px;border-radius:100px;transition:var(--transition);cursor:default;}
.profile .chip::before{content:'';width:16px;height:16px;flex-shrink:0;background-color:var(--brand-secondary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:var(--transition);}
.profile .chip:nth-child(1)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5.5L4.5 18a2 2 0 0 0 1.8 3h11.4a2 2 0 0 0 1.8-3L14 8.5V3'/%3E%3Cpath d='M8.5 13h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5.5L4.5 18a2 2 0 0 0 1.8 3h11.4a2 2 0 0 0 1.8-3L14 8.5V3'/%3E%3Cpath d='M8.5 13h7'/%3E%3C/svg%3E");}
.profile .chip:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");}
.profile .chip:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 11 13 11 11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 11 13 11 11'/%3E%3C/svg%3E");}
.profile .chip:hover{border-color:var(--brand-primary);background:var(--surface-elevated,var(--surface-muted));color:var(--content-primary);transform:translateY(-2px);}
.profile .chip:hover::before{background-color:var(--brand-primary);}
.profile .direction-card{background:var(--surface-muted);border-left:3px solid var(--brand-secondary);padding:36px;border-radius:4px;}
.profile .direction-card blockquote{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;color:var(--brand-primary);font-weight:600;line-height:1.5;margin:0 0 14px;}
.profile .direction-card span{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--content-secondary);letter-spacing:.08em;}

.capabilities{margin-top:32px;}
.capabilities__eyebrow{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);margin-bottom:10px;}
.capabilities__title{font-size:1.7rem;font-weight:600;color:var(--content-primary);line-height:1.3;margin-bottom:12px;}
.capabilities__desc{color:var(--content-secondary);line-height:1.75;font-size:.95rem;margin-bottom:0;}
.capabilities__stack{display:flex;flex-direction:column;gap:12px;}
.capabilities__card{position:relative;display:flex;align-items:flex-start;gap:14px;background:var(--surface-light);border:1px solid var(--line-subtle);border-radius:10px;padding:16px;transition:var(--transition);overflow:hidden;}
.capabilities__card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--brand-secondary);transform:scaleX(0);transform-origin:left;transition:var(--transition);}
.capabilities__card:hover{background:var(--surface-base);border-color:var(--brand-primary);transform:translateX(4px);box-shadow:0 12px 24px -14px rgba(23,68,99,.25);}
.capabilities__card:hover::before{transform:scaleX(1);}
.capabilities__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--brand-primary);transition:var(--transition);}
.capabilities__icon::after{content:'';width:18px;height:18px;background-color:var(--surface-base);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.capabilities__card:hover .capabilities__icon{background:var(--brand-secondary);}
.capabilities__icon--flask::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5.5L4.5 18a2 2 0 0 0 1.8 3h11.4a2 2 0 0 0 1.8-3L14 8.5V3'/%3E%3Cpath d='M8.5 13h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5.5L4.5 18a2 2 0 0 0 1.8 3h11.4a2 2 0 0 0 1.8-3L14 8.5V3'/%3E%3Cpath d='M8.5 13h7'/%3E%3C/svg%3E");}
.capabilities__icon--heart::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");}
.capabilities__icon--leaf::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 11 13 11 11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 11 13 11 11'/%3E%3C/svg%3E");}
.capabilities__label{font-size:.92rem;font-weight:600;color:var(--content-primary);margin-bottom:4px;}
.capabilities__text{font-size:.81rem;color:var(--content-secondary);line-height:1.55;margin-bottom:0;}



/* Divisions */
.divisions{padding:60px 0;background:var(--surface-light);}
.division-card{background:var(--surface-base);border:1px solid var(--line-subtle);border-radius:6px;padding:38px 30px;height:100%;transition:var(--transition);position:relative;overflow:hidden;}
.division-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(23,68,99,.12);}
.division-card .bar{position:absolute;top:0;left:0;height:4px;width:100%;}
.division-card .icon-wrap{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.division-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px;}
.division-card p{color:var(--content-secondary);font-size:.94rem;line-height:1.6;margin:0;}
.card-1 .bar{background:var(--brand-primary);}
.card-1 .icon-wrap{background:var(--surface-muted);}
.card-2 .bar{background:var(--brand-light);}
.card-2 .icon-wrap{background:var(--surface-muted);}
.card-3 .bar{background:var(--brand-secondary);}
.card-3 .icon-wrap{background:var(--surface-muted);}

/* Vision & Mission */
.vm{padding:60px 0;background:var(--surface-base);position:relative;overflow:hidden;}
.vm .vm-head{max-width:640px;}
.vm .vm-inner{display:flex;align-items:stretch;margin-top:56px;}
.vm .vision-panel{background:var(--brand-dark);color:var(--content-inverse);padding:64px 70px 64px 50px;width:38%;flex-shrink:0;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;}
.vm .vision-panel .kicker{color:var(--brand-secondary);}
.vm .vision-panel blockquote{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.35rem;line-height:1.55;margin:18px 0 0;color:var(--content-inverse);}
.vm .mission-panel{background:var(--surface-base);flex-grow:1;margin-left:-90px;padding:64px 50px 64px 140px;box-shadow:0 25px 60px rgba(23,68,99,.1);position:relative;z-index:1;}
.vm .mission-panel>p{color:var(--content-secondary);margin-top:10px;max-width:520px;}
.vm .mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;}
.vm .mission-tile{background:var(--surface-muted);padding:20px 24px;font-size:.94rem;line-height:1.6;color:var(--content-primary);clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px));transition:var(--transition);}
.vm .mission-tile:hover{background:var(--surface-light);transform:translateY(-3px);}
.vm .mission-tile .arrow{color:var(--brand-secondary);font-family:'IBM Plex Mono',monospace;font-weight:700;margin-right:8px;}
.vm .mission-tile:last-child{grid-column:1/-1;}

/* Commitment */
.commitment{background:url('https://images.unsplash.com/photo-1587293852726-70cdb56c2866?auto=format&fit=crop&w=1600&q=70') center/cover fixed;position:relative;padding:60px 0;}
.commitment::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(16,50,74,.94) 30%,rgba(23,68,99,.8));}
.commitment .inner{position:relative;z-index:2;max-width:760px;}
.commitment .kicker{color:var(--brand-secondary);}
.commitment h2{color:var(--content-inverse);}
.commitment p{color:#d9e6ee;font-size:1.08rem;line-height:1.8;margin-top:20px;margin-bottom: 0;}

/* Story */
.about-story{padding:60px 0px 0px;background:var(--surface-base);overflow:hidden;}
.about-story .img-col{position:relative;}
.about-story .img-frame{border-radius:6px;overflow:hidden;position:relative;box-shadow:0 30px 60px rgba(23,68,99,.15);}
.about-story .img-frame img{width:100%;display:block;filter:grayscale(15%);}
.about-story .img-frame::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);}
.about-story .text-col p{color:var(--content-secondary);line-height:1.85;font-size:1rem;margin-top:20px;}
.about-story .tag-line{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--brand-light);letter-spacing:.1em;margin-top:26px;display:block;}

/* Team */
.team{
  /* background:var(--surface-muted); */
  padding:60px 0;position: relative;}
.team .quote-mark{font-family:'Space Grotesk',sans-serif;font-size:5rem;color:var(--brand-secondary);line-height:1;opacity:.5;}
.team h2{margin-top:-10px;}
.team p{color:var(--content-secondary);font-size:1.05rem;line-height:1.85;max-width:820px;margin-top:18px;}


@media (max-width:768px){
.hero h1{font-size:25px}
.section-heading{font-size:1.6rem;}
.vm .vision-col,.vm .mission-col{padding:60px 26px;}
.commitment{background-attachment:scroll;}
}


.inner-banner{position:relative;overflow:hidden;background:var(--brand-primary);height:250px;}
.inner-banner .container,.inner-banner .row{height:100%;}
.inner-banner .inner-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display: none !important;}
.inner-banner .inner-banner-overlay{position:absolute;inset:0;
  /* background:linear-gradient(90deg,rgba(16,50,74,.92)0%,rgba(23,68,99,.75)35%,rgba(23,68,99,.25)100%),linear-gradient(180deg,rgba(0,0,0,.05)0%,rgba(0,0,0,.45)100%); */
  background: linear-gradient(90deg, rgba(16, 50, 74, .92) 0%, rgba(23, 68, 99, .75) 25%, rgba(23, 68, 99, .25) 51%), linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .45) 79%);
  z-index:2;}
.inner-banner .inner-banner-content{position:relative;z-index:3;color:var(--content-inverse);padding:0 0 40px;text-align: center;}
.inner-banner .inner-banner-content span{display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--brand-secondary);margin-bottom:10px;}
.inner-banner .inner-banner-content h1{margin:0 0 12px;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.1;color:var(--content-inverse);}
.inner-banner .inner-banner-content p{ font-size:1rem;line-height:1.7;color:rgba(255,255,255,.9); width: 780px;margin: 0 auto;}
.inner-banner::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:140px;height:4px;background:var(--brand-secondary);z-index:3;}

@media(max-width:991px){
.inner-banner .container,.inner-banner .row{height:340px;}
.inner-banner .inner-banner-content{padding-bottom:45px;}
}

@media(max-width:767px){
.inner-banner .container,.inner-banner .row{height:260px;}
.inner-banner .inner-banner-overlay{background:linear-gradient(180deg,rgba(16,50,74,.35)0%,rgba(16,50,74,.95)100%);}
.inner-banner .inner-banner-content{padding-bottom:30px;}
.inner-banner .inner-banner-content span{font-size:.75rem;letter-spacing:1px;}
.inner-banner .inner-banner-content p{font-size:.9rem;line-height:1.6;width:unset}
.inner-banner::after{width:90px;}
.profile {
    padding: 0px 12px 0px;
    background: var(--surface-base);
}
  .vm .vision-panel{
    width: 100%;
  }
  .vm .vm-inner { 
      margin-top: 30px;
      flex-direction: column;
  }
  .vm .mission-grid { 
    grid-template-columns: 1fr; 
}
.vm .mission-panel { 
    margin-left: 0;
    padding: 20px 20px 20px 20px; 
}
}



.product-section{padding:60px 0;background:var(--surface-light);overflow:hidden;}
/* .product-section .row{gap:0;}  */
.product-section__title{font-family:'Fraunces',serif;font-size:30px;line-height:1.15;color:var(--brand-dark);font-weight:600;margin-bottom:15px;letter-spacing:-.01em;}
.product-section__text{font-family:'Inter',sans-serif;font-size:16px;line-height:1.75;color:var(--content-secondary);margin-bottom:0px;}
.product-section__tags{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 0 0;padding:0;}
.product-section__tags li{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;color:var(--brand-primary);background:var(--surface-base);border:1px solid var(--line-subtle);padding:9px 18px;border-radius:30px;transition:var(--transition);}
.product-section__tags li:hover{background:var(--brand-primary);color:var(--content-inverse);border-color:var(--brand-primary);transform:translateY(-2px);}
.product-section__visual{position:relative;max-width:460px;margin-left:auto;}
.product-section__visual::before{content:'';position:absolute;top:-24px;right:-24px;width:100%;height:100%;border:2px solid var(--brand-secondary);border-radius:16px;z-index:0;}
.product-section__visual img{position:relative;z-index:1;border-radius:16px;width:100%;box-shadow:0 30px 60px -20px rgba(16,50,74,.35);}
@media(max-width:991px){.product-section{padding:60px 0;}.product-section__content{max-width:100%;margin-bottom:60px;}.botanical-section__title{font-size:32px;}.botanical-section__visual{margin:0 auto;max-width:380px;}.botanical-section__visual::before{top:-16px;right:-16px;}.botanical-section__badge{left:-16px;bottom:-16px;padding:14px 18px;min-width:130px;}.botanical-section__badge strong{font-size:22px;}}




.product-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;} 
.product-tags__item{display:flex;align-items:flex-start;gap:10px;background:var(--surface-light);border:1px solid var(--line-subtle);border-radius:8px;padding:12px;transition:var(--transition);}
.product-tags__item:hover{background:var(--surface-base);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(23,68,99,.25);}
.product-tags__icon{flex-shrink:0;width:32px;height:32px;border-radius:7px;background:var(--brand-primary);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);}
.product-tags__icon i{color:var(--surface-base);font-size:1rem;}
.product-tags__item:hover .product-tags__icon{background:var(--brand-secondary);}
.product-tags__item h5{font-size:1rem;font-weight:600;color:var(--brand-secondary);margin:0 0 3px;}
.product-tags__item p{font-size:0.86rem;color:var(--content-secondary);line-height:1.5;margin:0;}
@media(max-width:992px){.product-tags{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.product-tags{grid-template-columns:1fr;}}
 

.industries-sec{background:var(--surface-light);padding:60px 0 60px;position:relative;overflow:hidden;font-family:'Inter',sans-serif;color:var(--content-primary);}
.industries-sec::before{content:"";position:absolute;top:0;right:0;width:420px;height:420px;background:radial-gradient(circle,rgba(23,68,99,.05) 0%,transparent 70%);pointer-events:none;}
.industries-sec .container{position:relative;z-index:2;}

/* ===== eyebrow / heading ===== */
.industries-sec .sec__tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--brand-secondary);font-weight:500;margin-bottom:18px;}
.industries-sec .sec__tag::before{content:"";width:28px;height:1px;background:var(--brand-secondary);display:inline-block;}
.industries-sec .sec__heading{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(25px,4.2vw,35px);line-height:1.08;color:var(--brand-dark);margin-bottom:15px;letter-spacing:-.5px;}
.industries-sec .sec__heading span{color:var(--brand-secondary);}
/* ===== intro row ===== */
.industries-sec .intro__copy p{font-size:16px;line-height:1.75;color:var(--content-secondary);margin-bottom:20px;}
.industries-sec .intro__copy p:last-child{margin-bottom:0;}
.industries-sec .intro__visual{position:relative;border-radius:2px;overflow:hidden;height:100%;min-height:280px;box-shadow:0 30px 60px -20px rgba(16,50,74,.35);}
.industries-sec .intro__visual img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px;}
.industries-sec .intro__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(190deg,transparent 40%,rgba(16,50,74,.85) 100%);}
.industries-sec .intro__frame{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35);pointer-events:none;z-index:2;}
.industries-sec .intro__frame::before,.industries-sec .intro__frame::after{content:"";position:absolute;width:14px;height:14px;border-color:var(--brand-secondary);}
.industries-sec .intro__frame::before{top:-1px;left:-1px;border-top:2px solid var(--brand-secondary);border-left:2px solid var(--brand-secondary);}
.industries-sec .intro__frame::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--brand-secondary);border-right:2px solid var(--brand-secondary);}
.industries-sec .intro__label{position:absolute;left:28px;bottom:24px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--content-inverse);}
.industries-sec .intro__label strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;letter-spacing:0;text-transform:none;font-weight:600;margin-top:4px;}

/* ===== industry catalog grid ===== */
.industries-sec .cat__row{margin-top:60px;}
.industries-sec .cat__card{background:var(--surface-base);border:1px solid var(--line-subtle);border-radius:2px;padding:34px 26px 28px;height:100%;position:relative;transition:var(--transition);}
.industries-sec .cat__card:hover{border-color:var(--brand-secondary);transform:translateY(-6px);box-shadow:0 24px 40px -22px rgba(23,68,99,.28);}
.industries-sec .cat__card--offset{margin-top:34px;}
.industries-sec .cat__code{position:absolute;top:0;right:0;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--content-secondary);background:var(--surface-muted);padding:5px 10px;border-bottom-left-radius:2px;letter-spacing:1px;}
.industries-sec .cat__icon{width:52px;height:52px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:var(--transition);}
.industries-sec .cat__card:hover .cat__icon{background:var(--brand-secondary);}
.industries-sec .cat__icon svg{width:24px;height:24px;stroke:var(--brand-primary);transition:var(--transition);}
.industries-sec .cat__card:hover .cat__icon svg{stroke:var(--content-inverse);}
.industries-sec .cat__title{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;color:var(--brand-dark);margin-bottom:10px;}
.industries-sec .cat__desc{font-size:14px;line-height:1.7;color:var(--content-secondary);margin-bottom:0;}
.industries-sec .cat__bar{width:34px;height:3px;background:var(--brand-secondary);margin-top:20px;transition:var(--transition);}
.industries-sec .cat__card:hover .cat__bar{width:60px;}

/* ===== closing growth band ===== */
.industries-sec .growth__band{margin-top:60px;background:var(--brand-dark);border-radius:2px;overflow:hidden;position:relative;}
.industries-sec .growth__band .row{--bs-gutter-x:0;}
.industries-sec .growth__img{position:relative;min-height:280px;height:100%;}
.industries-sec .growth__img img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px;}
.industries-sec .growth__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--brand-dark) 100%);}
.industries-sec .growth__content{padding:56px 54px;position:relative;z-index:2;}
.industries-sec .growth__content .sec__tag{color:var(--brand-secondary);}
.industries-sec .growth__title{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3vw,34px);font-weight:700;color:var(--content-inverse);margin-bottom:16px;letter-spacing:-.4px;}
.industries-sec .growth__text{color:#c7d6e2;font-size:15.5px;line-height:1.75;margin-bottom:28px;}
.industries-sec .growth__btn{display:inline-flex;align-items:center;gap:10px;background:var(--brand-secondary);color:var(--content-inverse);font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 26px;border-radius:2px;text-decoration:none;transition:var(--transition);}
.industries-sec .growth__btn:hover{background:var(--content-inverse);color:var(--brand-dark);gap:16px;}

@media (max-width:991px){
.industries-sec .cat__card--offset{margin-top:0;}
.industries-sec .growth__content{padding:44px 30px;}
.industries-sec .growth__img{min-height:220px;}
}
@media (max-width:767px){
.industries-sec{padding:60px 0 60px;}
.industries-sec .sec__heading br{display:none;}
.industries-sec .intro__visual{margin-top:30px;}
.industries-sec .cat__row {
    margin-top: 30px;
}
}




.blogs{padding:60px 20px;}
.blogs .blogs__head{max-width:700px;margin:0 auto 45px;text-align:center;}
.blogs .blogs__tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);margin-bottom:10px;}
.blogs .blogs__title{font-size:34px;font-weight:700;color:var(--brand-dark);line-height:1.25;}
.blogs .blogs__sub{font-size:15px;color:var(--content-secondary);margin-top:10px;}
.blogs .blogs__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{background:var(--surface-base);border:1px solid var(--line-subtle);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition);}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(23,68,99,.12);border-color:var(--brand-light);}
.blog-card .blog-card__img{position:relative;height:190px;overflow:hidden;background:var(--surface-muted);}
.blog-card .blog-card__img img{width:100%;height:100%;object-fit:cover;transition:var(--transition);}
.blog-card:hover .blog-card__img img{transform:scale(1.06);}
.blog-card .blog-card__body{padding:26px 24px 24px;flex:1;display:flex;flex-direction:column;}
.blog-card .blog-card__cat{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-primary);background:var(--surface-muted);padding:5px 12px;border-radius:20px;margin-bottom:14px;}
.blog-card .blog-card__title{font-size:19px;font-weight:700;color:var(--content-primary);line-height:1.35;margin-bottom:10px;}
.blog-card .blog-card__text{font-size:14px;color:var(--content-secondary);line-height:1.6;margin-bottom:20px;}
.blog-card .blog-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;}
.blog-card .blog-card__btn{font-family:inherit;font-size:14px;font-weight:600;color:var(--brand-primary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:var(--transition);}
.blog-card .blog-card__btn:hover{color:var(--brand-secondary);gap:9px;}
.blog-card .blog-card__btn svg{width:14px;height:14px;transition:var(--transition);}
@media(max-width:991px){.blogs .blogs__grid{grid-template-columns:1fr;}}
@media(max-width:576px){.blogs .blogs__title{font-size:26px;}.blogs{padding:50px 16px;}}

.post{max-width:760px;margin:0 auto;padding:60px 20px 50px;}
.post .post__back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand-primary);text-decoration:none;margin-bottom:30px;transition:var(--transition);}
.post .post__back:hover{color:var(--brand-secondary);}
.post .post__back svg{width:14px;height:14px;}
.post .post__cat{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-primary);background:var(--surface-muted);padding:5px 12px;border-radius:20px;margin-bottom:18px;}
.post .post__title{font-size:32px;font-weight:700;color:var(--brand-dark);line-height:1.3;margin-bottom:24px;}
.post .post__bar{height:4px;width:70px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:4px;margin-bottom:30px;}
.post .post__img{width:100%;height:340px;object-fit:cover;border-radius:12px;margin-bottom:34px;background:var(--surface-muted);}
.post .post__body p{font-size:16px;color:var(--content-secondary);line-height:1.8;margin-bottom:18px;}
.post .post__body strong{color:var(--content-primary);}
@media(max-width:576px){.post .post__title{font-size:26px;}.post{padding:40px 16px 60px;}}




.contactPage { font-family: 'Inter', sans-serif; color: var(--content-primary); background: var(--surface-base); overflow-x: hidden; }
.contactPage h1, .contactPage h2, .contactPage h3, .contactPage .heroTitle, .contactPage .sectionEyebrow { font-family: 'Sora', sans-serif; }
 
/* ===== Contact + Map section ===== */
.contactPage .contactSection { padding: 60px 0; position: relative; z-index: 2; }
.contactPage .contactCard { background: var(--surface-base); border-radius: 14px; box-shadow: 0 20px 50px rgba(16,50,74,0.14); padding: 44px 40px; height: 100%; }
.contactPage .contactCard .sectionEyebrow { color: var(--brand-secondary); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 10px; }
.contactPage .contactCard .sectionHeading { color: var(--brand-primary); font-weight: 700; font-size: 1.5rem; margin-bottom: 30px; }

.contactPage .infoRow { display: flex; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line-subtle); }
.contactPage .infoRow:last-of-type { border-bottom: none; }
.contactPage .infoRow .infoIcon { flex-shrink: 0; width: 46px; height: 46px; border-radius: 10px; background: var(--surface-muted); display: flex; align-items: center; justify-content: center; color: var(--brand-primary); transition: var(--transition); }
.contactPage .infoRow:hover .infoIcon { background: var(--brand-secondary); color: var(--content-inverse); }
.contactPage .infoRow .infoLabel { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--content-secondary); margin-bottom: 5px; }
.contactPage .infoRow .infoValue { color: var(--content-primary); font-weight: 500; line-height: 1.6; text-decoration: none; }
.contactPage .infoRow a.infoValue { transition: var(--transition); }
.contactPage .infoRow a.infoValue:hover { color: var(--brand-secondary); }

.contactPage .ctaButton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--brand-secondary); color: var(--content-inverse); font-weight: 600; font-size: 0.92rem; padding: 14px 26px; border-radius: 8px; text-decoration: none; margin-top: 34px; transition: var(--transition); width: 100%; }
.contactPage .ctaButton:hover { background: var(--brand-primary); color: var(--content-inverse); }

/* ===== Map panel ===== */
.contactPage .mapPanel { position: relative; height: 100%; min-height: 460px; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px rgba(16,50,74,0.14); }
.contactPage .mapPanel .mapFrame { width: 100%; height: 100%; min-height: 460px; border: 0; display: block; filter: grayscale(8%) contrast(1.02); }
.contactPage .mapPanel .mapTag { position: absolute; top: 24px; left: 24px; background: var(--surface-base); padding: 10px 18px; border-radius: 8px; box-shadow: 0 10px 24px rgba(16,50,74,0.18); display: flex; align-items: center; gap: 10px; font-size: 0.85rem; font-weight: 600; color: var(--brand-primary); }
.contactPage .mapPanel .mapTag .mapTagDot { width: 9px; height: 9px; border-radius: 50%; background: var(--brand-secondary); }

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
  .contactPage .mapPanel { min-height: 340px; margin-top: 24px; }
  .contactPage .mapPanel .mapFrame { min-height: 340px; }
  .contactPage .contactCard { padding: 34px 26px; }
}
@media (max-width: 575.98px) {
  .contactPage .contactSection { padding: 36px 0 60px; }
  .contactPage .topBar .topBarInner { justify-content: center; text-align: center; }
  .contactPage .contactCard { padding: 28px 20px; }
  .contactPage .infoRow { gap: 14px; }
}

.cta-support{width:100%}
.cta-support .cta-support__row{display:flex;align-items:stretch;min-height:290px;width:100%}
.cta-support .cta-support__media { flex: 0 0 30%; position: relative; overflow: hidden; clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%); margin-right: -7%; z-index: 3; background: var(--brand-dark); }
.cta-support .cta-support__img{width:100%;height:100%;object-fit:cover;display:block}
.cta-support .cta-support__content{flex:0 0 38%;background:var(--brand-light);clip-path:polygon(10% 0,100% 0,88% 100%,0 100%);margin-right:-6%;padding:48px 5% 48px 12%;display:flex;flex-direction:column;justify-content:center;z-index:2}
.cta-support .cta-support__tag{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:1px;color:var(--brand-secondary);font-weight:600;margin-bottom:14px;display:none;}
.cta-support .cta-support__title{font-family:'Space Grotesk',sans-serif;color:var(--content-inverse);font-size:26px;line-height:1.3;font-weight:700;margin:0 0 14px}
.cta-support .cta-support__desc{font-family:'Inter',sans-serif;color:var(--surface-muted);font-size:14px;line-height:1.6;opacity:.85;max-width:340px;margin:0}
.cta-support .cta-support__actions{flex:1;background:var(--brand-dark);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);padding:40px 6% 40px 12%;display:flex;flex-direction:column;justify-content:center;gap:22px;z-index:1}
.cta-support .cta-support__link{display:flex;align-items:center;gap:14px;text-decoration:none}
.cta-support .cta-support__icon{flex:0 0 42px;height:42px;width:42px;border-radius:50%;background:var(--brand-secondary);display:flex;align-items:center;justify-content:center;color:var(--content-inverse);font-size:15px}
.cta-support .cta-support__linktext{display:flex;flex-direction:column;font-family:'Inter',sans-serif}
.cta-support .cta-support__linktext small{color:var(--content-secondary);font-size:11px;letter-spacing:.5px;margin-bottom:2px}
.cta-support .cta-support__linktext strong{color:var(--content-inverse);font-size:16px;font-weight:700}

@media(max-width:991px){
.cta-support .cta-support__media{flex:0 0 20%}
.cta-support .cta-support__content{flex:0 0 42%;padding-left:14%}
.cta-support .cta-support__title{font-size:22px}
}

@media(max-width:767px){
.cta-support .cta-support__row{flex-direction:column;min-height:0}
.cta-support .cta-support__media{display:none}
.cta-support .cta-support__content{clip-path:none;margin-right:0;padding:36px 24px;flex:1 1 auto}
.cta-support .cta-support__actions{clip-path:none;padding:32px 24px;flex-direction:row;flex-wrap:wrap;gap:24px}
/* .cta-support .cta-support__link{flex:1 1 220px} */
}

@media(max-width:480px){
.cta-support .cta-support__title{font-size:20px}
.cta-support .cta-support__actions{flex-direction:column}
}


/* ===========================
   Desktop View
=========================== */
@media (min-width: 768px) {

    .desktop-view {
        display: block ;
    }

    .mobile-view {
        display: none !important;
    }

}


/* ===========================
   Mobile View
=========================== */
@media (max-width: 767.98px) {

    .desktop-view {
        display: none !important;
    }

    .mobile-view {
        display: block;
    }

}