/* ── Base ─────────────────────────────────────────────────────── */
.hb-hero{position:relative;width:100%;height:100vh;overflow:hidden;font-family:'DM Sans',sans-serif}

/* ── FULL WIDTH FIX — break out of any Elementor container padding ── */
.elementor-widget-hb_hero_slider,
.elementor-widget-hb_hero_slider .elementor-widget-container{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
}
/* Also neutralise the section/column that wraps this widget */
.elementor-widget-hb_hero_slider .elementor-column-gap-default,
.elementor-section:has(.elementor-widget-hb_hero_slider),
.e-con:has(.elementor-widget-hb_hero_slider){
  padding-left:0 !important;
  padding-right:0 !important;
  max-width:100% !important;
  width:100% !important;
}

.hb-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease,transform 1.1s ease;transform:scale(1.04);pointer-events:none}
.hb-slide.hba{opacity:1;transform:scale(1);pointer-events:all}
.hb-slide.hbx{opacity:0;transform:scale(0.97)}
.hb-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hb-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(108deg,rgba(8,20,40,.9) 0%,rgba(8,20,40,.62) 48%,rgba(8,20,40,.2) 100%)}

/* ── Content block — shifted up so buttons clear the bottom bar ── */
.hb-cnt{position:absolute;top:calc(50% - 40px);left:8%;transform:translateY(-50%);max-width:600px;z-index:2}

/* ── Tag ─────────────────────────────────────────────────────── */
.hb-tag{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);padding:7px 16px;border-radius:40px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(8px);opacity:0;transform:translateY(18px);transition:opacity .5s .2s,transform .5s .2s}
.hb-dot{width:7px;height:7px;border-radius:50%;background:#27a89a;animation:hbPulse 2s infinite;display:inline-block}
@keyframes hbPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

/* ── Heading ─────────────────────────────────────────────────── */
.hb-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,5vw,66px);font-weight:300;line-height:1.07;color:#fff;margin:0 0 22px;letter-spacing:-.02em;opacity:0;transform:translateY(28px);transition:opacity .65s .35s,transform .65s .35s}
.hb-h1 em{font-style:italic;color:#27a89a}
.hb-h1 strong{font-weight:700}

/* ── Description ─────────────────────────────────────────────── */
.hb-desc{font-size:16px;font-weight:300;line-height:1.78;color:rgba(255,255,255,.68);max-width:510px;margin:0 0 36px;opacity:0;transform:translateY(18px);transition:opacity .6s .5s,transform .6s .5s}

/* ── Action buttons row ──────────────────────────────────────── */
.hb-acts{display:flex;gap:14px;flex-wrap:wrap;opacity:0;transform:translateY(16px);transition:opacity .55s .65s,transform .55s .65s}

/* ── Animate in when slide is active ────────────────────────── */
.hb-slide.hba .hb-tag,
.hb-slide.hba .hb-h1,
.hb-slide.hba .hb-desc,
.hb-slide.hba .hb-acts{opacity:1;transform:translateY(0)}

/* ── Primary button ─────────────────────────────────────────── */
.hb-bs{display:inline-flex;align-items:center;background:#fff;color:#0d2340;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;transition:all .25s;box-shadow:0 4px 22px rgba(0,0,0,.28);position:relative;overflow:hidden}
.hb-bs:hover{background:#f8f5f0;transform:translateY(-2px)}
.hb-bs::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%)}
.hb-bs:hover::after{transform:translateX(100%);transition:transform .8s ease}

/* ── Secondary button ───────────────────────────────────────── */
.hb-bg2{display:inline-flex;align-items:center;border:2px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:500;font-size:15px;transition:all .25s}
.hb-bg2:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* ── Info card ───────────────────────────────────────────────── */
.hb-card{position:absolute;right:6%;top:50%;width:286px;background:linear-gradient(145deg,rgba(10,26,50,.75),rgba(10,26,50,.55));backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:30px 26px;z-index:2;opacity:0;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(-50%) scale(.95);transition:opacity .65s .45s,transform .8s cubic-bezier(.22,.61,.36,1)}
.hb-slide.hba .hb-card{opacity:1;transform:translateY(-50%) scale(1)}
.hb-ce{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#27a89a;margin-bottom:12px}
.hb-ct{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:#fff;line-height:1.25;margin-bottom:14px}
.hb-cb{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:16px}
.hb-cbadge{display:inline-block;margin-bottom:18px;background:rgba(26,127,116,.22);border:1px solid rgba(39,168,154,.35);color:#27a89a;font-size:11px;font-weight:600;padding:5px 12px;border-radius:5px;letter-spacing:.05em}
.hb-cta2{display:flex;align-items:center;justify-content:center;width:100%;padding:11px;background:#1a7f74;color:#fff;text-decoration:none;border-radius:9px;font-size:13px;font-weight:600;transition:all .22s;box-shadow:0 4px 16px rgba(26,127,116,.4)}
.hb-cta2:hover{background:#27a89a;transform:translateY(-1px)}

/* ── Bottom bar ──────────────────────────────────────────────── */
.hb-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:stretch;background:rgba(7,16,32,.85);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.07)}
.hb-tabs{display:flex;flex:1}
.hb-tab{flex:1;display:flex;align-items:center;gap:10px;padding:14px 12px;cursor:pointer;border-right:1px solid rgba(255,255,255,.06);transition:background .25s;position:relative;overflow:hidden}
.hb-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a7f74,#c9a84c);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hb-tab.hbt{background:rgba(26,127,116,.16)}
.hb-tab.hbt::after{transform:scaleX(1)}
.hb-tab:hover:not(.hbt){background:rgba(255,255,255,.04)}
.hb-tn{font-size:13px;font-weight:600;color:rgba(255,255,255,.5);line-height:1.2;transition:color .25s}
.hb-tab.hbt .hb-tn{color:#fff}
.hb-ts{font-size:11px;color:rgba(255,255,255,.28);margin-top:1px}
.hb-prog{position:absolute;bottom:0;left:0;right:0;height:3px;pointer-events:none}
.hb-pf{height:100%;width:0;background:#27a89a;transition:width linear}

/* ── Tab icon box ────────────────────────────────────────────── */
.hb-ti{width:36px;height:36px;flex-shrink:0;background:rgba(255,255,255,.07);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s;color:rgba(255,255,255,.45);font-size:15px}
.hb-tab.hbt .hb-ti{background:#1a7f74;color:#fff}
.hb-tab:hover:not(.hbt) .hb-ti{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.hb-ti svg,.hb-ti i{width:16px;height:16px;font-size:15px}
.hb-ctrls{display:flex;align-items:center;gap:10px;padding:18px 20px;border-left:1px solid rgba(255,255,255,.07)}
.hb-cbtn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .22s;color:#fff;font-size:14px;user-select:none;line-height:1}
.hb-cbtn:hover{background:#1a7f74;border-color:#1a7f74}

/* ── Gradient animated text utility ─────────────────────────── */
.hb-gradient{background:linear-gradient(90deg,#1a7f74,#27a89a,#c9a84c,#1a7f74);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hbGradientMove 6s ease infinite;font-weight:700}
@keyframes hbGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* ── Responsive ──────────────────────────────────────────────── */
@media(max-width:900px){.hb-card{display:none}}
@media(max-width:768px){
  .hb-ts{display:none}
  .hb-tab{padding:14px 8px;gap:8px}
  .hb-tn{font-size:11px}
  .hb-cnt{left:5%;max-width:90%;top:calc(50% - 30px)}
  .hb-h1{font-size:clamp(28px,8vw,42px)}
}