/* ACBICON 2027 - palette from logo + client PDF */
:root{
  --navy:#0F2A5E; --blue:#1B63B5; --sky:#1E8BDA; --teal:#1B9BB8;
  --ice:#EAF4FB; --line:#CFE3F3; --gold:#C69A52; --gold-d:#A9762F;
  --cream:#FBFAF6; --ink:#1D2B45; --muted:#4A5B78;
  --f-head:'Playfair Display',Georgia,serif; --f-body:'Poppins',system-ui,sans-serif; --f-script:'Great Vibes',cursive;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--f-body);color:var(--ink);background:var(--cream);font-size:15px}
a{text-decoration:none}
.ph{background:linear-gradient(135deg,#dbeaf7,#f3dfc4);background-size:cover;background-position:center}

/* header */
.site-header{position:absolute;top:0;left:0;width:100%;z-index:100;background:transparent;transition:background .3s,box-shadow .3s,padding .3s}
.site-header.scrolled{position:fixed;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(15,42,94,.12)}
.brand-logo{height:68px;width:auto}
.brand-text{font:700 17px/1.15 var(--f-head);color:var(--navy)}
.brand-text sup{font-size:22px;top:-.2em}.brand-text small{font-size:.55em}
.navbar-nav .nav-link{font-size:12px;font-weight:600;color:var(--navy);padding:.5rem 1rem;margin:0 .2rem;border-radius:20px;transition:all 0.3s ease}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{color:var(--gold);background-color:rgba(198, 154, 82, 0.15)}
.emblem{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#f1cf86,#b98a2f);display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.host-name{font:600 14px/1.2 var(--f-head);color:var(--navy)}
.btn-gold{background:linear-gradient(180deg,#d6a85c,var(--gold-d));color:#fff;border:0;border-radius:30px;font-weight:600;font-size:13px;padding:.45rem 1.1rem;box-shadow:0 3px 10px rgba(169,118,47,.35)}
.btn-gold:hover{color:#fff;filter:brightness(1.08)}
.btn-outline-gold{border:1.5px solid var(--gold);color:var(--navy);background:#fff;border-radius:30px;font-weight:500;padding:.45rem 1.5rem}
.btn-outline-gold:hover{background:var(--gold);color:#fff}

/* hero */
.hero{position:relative;padding:150px 0 110px;overflow:hidden;background:url('assets/img/ACBICON 2027 Jodhpur conference hero.png') no-repeat center top;background-size:cover}
.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:500;color:var(--navy)}
.eyebrow span{color:var(--gold);margin:0 .4em}
.hero h1{font:700 clamp(56px,8vw,92px)/.95 var(--f-head);color:var(--navy);margin:.3em 0 .1em}
.hero h1 em{font-style:normal;color:var(--sky)}
.hero h2{font:600 clamp(24px,3vw,34px)/1.2 var(--f-head);color:var(--navy)}
.gold-line{height:2px;width:220px;background:linear-gradient(90deg,var(--gold),transparent);margin:14px 0 0}
.script{font:clamp(54px,7vw,76px)/1 var(--f-script);color:var(--gold-d);margin:-6px 0 18px 70px}
.meta li{font-weight:500;color:var(--navy)}.meta i{color:var(--sky);margin-right:6px;font-size:18px}
.hero-visual{min-height:380px}
.hero-img{display:none}
.tagline{position:relative;z-index:2;font:italic 500 clamp(20px,2.4vw,26px)/1.2 var(--f-head);color:var(--navy);display:flex;gap:14px;margin-top:40px}
.vbar{width:2px;background:var(--gold);flex:none}
.wave{display:none}

/* countdown */
.countdown-section { position: relative; z-index: 4; padding-top: 10px; padding-bottom: 40px; }
.countdown-wrapper { background: linear-gradient(135deg, var(--navy), var(--blue)); border-radius: 16px; padding: 24px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; box-shadow: 0 12px 30px rgba(15, 42, 94, 0.25); border: 1px solid rgba(255, 255, 255, 0.1); }
.countdown-text h2 { color: #fff; }
.countdown-circles { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.circle-timer { position: relative; width: 100px; height: 100px; }
.circle-timer svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.circle-bg { fill: none; stroke: rgba(255,255,255,0.15); stroke-width: 4; }
.circle-progress { fill: none; stroke: var(--gold); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 339.292; stroke-dashoffset: 0; transition: stroke-dashoffset 0.5s linear; }
.circle-dot { fill: var(--gold); transform-origin: 60px 60px; transition: transform 0.5s linear; }
.circle-text { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.circle-text .time-val { font: 700 28px/1 var(--f-body); color: #fff; margin-bottom: 2px; }
.circle-text .time-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.6); }

@media(max-width: 767px) {
  .countdown-wrapper { justify-content: center; text-align: center; padding: 24px; }
  .countdown-circles { justify-content: center; width: 100%; gap: 12px; }
  .circle-timer { width: 75px; height: 75px; }
  .circle-text .time-val { font-size: 20px; }
  .circle-text .time-label { font-size: 8px; }
}

/* quick cards */
.quick{margin-top:-40px;position:relative;z-index:3;padding-bottom:30px}
.qcard{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;height:100%;color:var(--navy);box-shadow:0 6px 18px rgba(30,139,218,.08);transition:.25s}
.qcard>i:first-child{font-size:28px;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--sky);display:grid;place-items:center;flex:none;color:var(--blue)}
.qcard b{display:block;font-size:14px}.qcard small{color:var(--muted);font-size:11px}
.go{margin-left:auto;color:var(--gold-d)}
.qcard:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,139,218,.2)}

/* shared section bits */
.label{font-size:12px;letter-spacing:.08em;color:var(--blue);font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.label span{width:34px;height:2px;background:var(--gold)}
.label.light{color:#cfe4f7}
.sec-title{font:700 clamp(28px,3.4vw,40px)/1.2 var(--f-head);color:var(--navy);margin-bottom:16px}
.sec-title.sm{font-size:clamp(24px,2.6vw,32px)}
.lead-sm{color:var(--muted);max-width:480px;margin-bottom:22px}

/* welcome */
.welcome{padding:80px 0;background:url('assets/img/welcome_bg.jpg') no-repeat center center;background-size:cover;position:relative}
.welcome::before{content:"";position:absolute;inset:0;background:rgba(15,42,94,0.2)}
.welcome > .container-xl{position:relative;z-index:2}
.welcome-box{background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);padding:50px 60px;border-radius:16px;box-shadow:0 15px 50px rgba(0,0,0,0.15);border:1px solid var(--line)}
.welcome-content{color:var(--muted);line-height:1.8;font-size:15px;text-align:justify}
.welcome-content p{margin-bottom:1.2rem}
.welcome-content strong{color:var(--navy)}
.font-script{font-family:var(--f-script);font-size:32px;color:var(--gold-d);font-weight:normal}
.sign-off p.small{line-height:1.5;font-size:13px}
@media(max-width:767px){
  .welcome-box{padding:30px 20px}
  .welcome-content{text-align:left}
}

/* about */
.about{padding:60px 0;background:radial-gradient(circle at 40% 50%,rgba(198,154,82,.12),transparent 30%)}
.about-img{height:340px;border-radius:50% 12px 12px 50%/60% 12px 12px 60%;background-image:url(assets/img/about.jpg),linear-gradient(135deg,#b8d8f2,#e9c9a0);box-shadow:0 10px 30px rgba(15,42,94,.15)}

/* core areas */
.core{padding:60px 0 70px;color:#fff;background:linear-gradient(110deg,#0a2a6b,#0f4aa0 60%,#0a2a6b);position:relative}
.script-title{font:italic 600 44px var(--f-head);margin:0}
.core-intro{color:#d9e8f7;border-left:2px solid var(--gold);padding-left:18px;font-size:14px}
.ccard{position:relative;height:100%;padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.07);backdrop-filter:blur(4px);transition:.3s}
.ccard:hover{background:rgba(255,255,255,.14);transform:translateY(-5px)}
.ring{width:56px;height:56px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:24px;margin-bottom:14px}
.ring.sm{width:48px;height:48px;font-size:20px;color:var(--blue);margin:0 auto 6px;background:#fff}
.ccard h3{font:600 19px var(--f-head);margin-bottom:8px}
.ccard p{font-size:13px;color:#d9e8f7;margin-bottom:24px}
.ccard .go{position:absolute;right:18px;bottom:14px;color:var(--gold)}

/* committee */
.committee { padding: 80px 0; background: var(--ice); position: relative; }
.com-card {
  background: #fff;
  border-radius: 20px;
  padding: 50px 30px 30px;
  text-align: center;
  position: relative;
  margin-top: 60px;
  box-shadow: 0 10px 30px rgba(15, 42, 94, 0.05);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s;
  height: calc(100% - 60px);
}
.com-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(15, 42, 94, 0.12); }
.com-card.highlight { background: linear-gradient(135deg, var(--navy), var(--blue)); color: #fff; }
.com-img-wrap {
  width: 120px; height: 120px; border-radius: 50%; padding: 6px; background: #fff;
  position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.com-card.highlight .com-img-wrap { background: var(--navy); }
.com-img { width: 100%; height: 100%; border-radius: 50%; background-color: #e2e8f0; background-size: cover; background-position: center; }
.com-img.ph-img { background-image: linear-gradient(135deg, #cbd5e1, #94a3b8); }
.com-name { font: 700 20px var(--f-head); margin-top: 20px; margin-bottom: 4px; color: var(--navy); }
.com-card.highlight .com-name { color: #fff; }
.com-role { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gold); font-weight: 600; margin-bottom: 16px; }
.com-divider { width: 40px; height: 2px; background: var(--line); margin: 0 auto 16px; }
.com-card.highlight .com-divider { background: rgba(255,255,255,0.2); }
.com-desc { font-size: 14px; color: var(--muted); margin: 0; line-height: 1.6; }
.com-card.highlight .com-desc { color: rgba(255,255,255,0.8); }

/* venue */
.venue { padding: 60px 0; }
.venue-card { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 15px 50px rgba(15,42,94,0.08); border: 1px solid var(--line); }
.venue-img-wrap { height: 100%; min-height: 400px; padding: 24px 0 24px 24px; }
.venue-img { height: 100%; width: 100%; border-radius: 16px; background-image: url(assets/img/venue.webp), linear-gradient(135deg, #c5ddf1, #e6b98d); background-size: cover; background-position: center; }
.venue-content { padding: 60px; }
.v-feature { display: flex; align-items: flex-start; gap: 16px; }
.v-feature i { font-size: 24px; color: var(--gold); background: rgba(198,154,82,0.1); width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; flex: none; transition: .3s; }
.v-feature:hover i { background: var(--gold); color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(198,154,82,0.3); }
.v-feature h5 { font: 600 15px var(--f-head); color: var(--navy); margin: 0 0 4px; }
.v-feature span { font-size: 13px; color: var(--muted); }
@media(max-width: 991px) {
  .venue-img-wrap { min-height: 300px; padding: 20px 20px 0; }
  .venue-content { padding: 30px 20px; }
}

/* speakers & dates */
.speakers{padding:40px 0 20px;background:linear-gradient(180deg,#fff,var(--cream))}
.viewall{font-size:13px;font-weight:500;color:var(--blue)}
.spk{background:#fff;border:1px solid var(--line);border-radius:6px;text-align:center;padding:18px 10px;transition:.25s}
.spk:hover{box-shadow:0 8px 20px rgba(30,139,218,.18);transform:translateY(-4px)}
.spk i{font-size:78px;line-height:1;color:#3b4252}
.spk b{display:block;font:700 17px var(--f-head);color:var(--navy);margin-top:6px}
.spk span{font:500 14px var(--f-head);color:var(--muted)}
.dates{padding:10px 0 40px}
.dcard{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 14px;height:100%}
.dcard>i{font-size:28px;color:var(--navy)}
.dcard small{display:block;font-size:11px;color:var(--navy)}.dcard b{font-size:14px;color:var(--blue)}

/* contact */
.contact{padding:40px 0 60px;background:var(--ice)}
.form-control{border:1px solid var(--line);border-radius:8px;padding:.7rem 1rem}
.form-control:focus{border-color:var(--sky);box-shadow:0 0 0 .2rem rgba(30,139,218,.18)}

/* footer */
.site-footer{background:linear-gradient(90deg,#08225a,#0c3c8a 60%,#08225a);color:#fff;padding:22px 0 10px;border-top:3px solid var(--gold)}
.foot-logo{height:60px;width:60px;border-radius:50%;background-color:#fff !important;object-fit:contain;padding:4px;}
.fbrand{font:700 22px/1 var(--f-head)}.fbrand small{font-size:16px;margin-left:6px}.fbrand em{display:block;font:400 10px var(--f-body);margin-top:4px}
.fnav li a{color:#fff;font-size:12px;padding:0 14px;border-left:1px solid rgba(255,255,255,.4)}
.fnav li:first-child a{border:0}.fnav a:hover{color:var(--gold)}
.copy{font-size:11px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}

/* explore jodhpur */
.explore-jodhpur { background: #f8fbff; overflow: hidden; }
.ej-gallery { display: flex; height: 450px; gap: 16px; width: 100%; }
.ej-card {
  flex: 1; border-radius: 20px; background-position: center; background-size: cover;
  position: relative; overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer;
}
.ej-card::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(15,42,94,0.9), transparent 50%); opacity: 0.7; transition: .5s;
}
.ej-card:hover { flex: 4; }
.ej-card:hover::before { opacity: 1; }
.ej-content {
  position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; color: #fff;
  transform: translateY(30px); opacity: 0; transition: .6s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none;
}
.ej-card:hover .ej-content { transform: translateY(0); opacity: 1; pointer-events: auto; }
.ej-content h3 { font: 700 24px var(--f-head); margin-bottom: 8px; white-space: nowrap; }
.ej-content p {
  font-size: 14px; margin-bottom: 0; color: rgba(255,255,255,0.9);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;
}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:991px){
  .brand-logo{height:52px}.brand-text{font-size:14px}
  .hero{padding-bottom:90px;background-image:url('assets/img/ACBICON 2027 banner with expanded sky.png');background-position:center;}.script{margin-left:30px}
  .hero-img{position:relative;right:0;top:0;width:100%;height:280px;border-radius:16px;margin-top:20px}
  .hero-visual{min-height:0}.tagline{margin-top:10px}
  .host{margin:12px 0}.navbar-nav .nav-link.active::after{display:none}
  .fnav li a{border:0;padding:0 10px 6px 0}
  
  .ej-gallery { flex-direction: column; height: 700px; gap: 12px; }
  .ej-card:hover { flex: 3; }
  .ej-content { opacity: 1; transform: translateY(0); padding: 20px; }
  .ej-card::before { opacity: 1; background: linear-gradient(to top, rgba(15,42,94,0.95), transparent 80%); }
}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}html{scroll-behavior:auto}}

/* ==========================================================================
   DROPDOWN & SUBPAGE TARIFF ENHANCEMENTS
   ========================================================================== */

/* Navbar Dropdowns */
.navbar-nav .dropdown-menu {
  background: #ffffff;
  border: 1px solid rgba(15, 42, 94, 0.12);
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(15, 42, 94, 0.16);
  padding: 10px;
  min-width: 230px;
  margin-top: 8px;
}
.navbar-nav .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  color: var(--navy);
  padding: 10px 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}
.navbar-nav .dropdown-item i {
  font-size: 16px;
  transition: transform 0.2s ease;
}
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
  background: rgba(198, 154, 82, 0.12);
  color: var(--navy);
  font-weight: 600;
  transform: translateX(4px);
}
.navbar-nav .dropdown-item.active {
  background: var(--navy);
  color: #ffffff;
}
.navbar-nav .dropdown-item.active i {
  color: var(--gold) !important;
}
.navbar-nav .dropdown-toggle::after {
  margin-left: 0.4em;
  vertical-align: 0.18em;
  transition: transform 0.2s ease;
}
@media (min-width: 992px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    animation: dropFadeIn 0.25s ease forwards;
  }
  .navbar-nav .dropdown:hover > .dropdown-toggle::after {
    transform: rotate(180deg);
  }
}
@keyframes dropFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Page Header Banner */
.page-header-banner {
  position: relative;
  padding: 155px 0 65px;
  background: linear-gradient(135deg, rgba(8, 34, 90, 0.94) 0%, rgba(15, 74, 160, 0.92) 100%), url('assets/img/ACBICON 2027 banner with expanded sky.png') no-repeat center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(15, 42, 94, 0.18);
}
.page-header-banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(180deg, transparent, var(--cream));
}
.ph-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(198, 154, 82, 0.2);
  border: 1px solid var(--gold);
  color: #f7dfa5;
  padding: 5px 16px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.ph-title {
  font: 700 clamp(32px, 4.2vw, 48px)/1.15 var(--f-head);
  color: #ffffff;
  margin-bottom: 12px;
}
.ph-subtitle {
  font-size: 15px;
  color: #d6e6f7;
  max-width: 820px;
  line-height: 1.6;
}
.ph-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  font-size: 13px;
}
.ph-breadcrumbs a {
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.2s;
}
.ph-breadcrumbs a:hover {
  color: var(--gold);
}
.ph-breadcrumbs .sep {
  color: rgba(255, 255, 255, 0.4);
}
.ph-breadcrumbs .active {
  color: var(--gold);
  font-weight: 500;
}

/* Quick highlight date cards */
.tariff-date-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  box-shadow: 0 8px 24px rgba(15, 42, 94, 0.06);
  display: flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.tariff-date-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(15, 42, 94, 0.12);
}
.tariff-date-card.active-phase {
  border: 2px solid var(--gold);
  background: linear-gradient(145deg, #ffffff, #fdfaf3);
}
.tariff-date-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 22px;
  flex: none;
}
.icon-gold { background: rgba(198, 154, 82, 0.15); color: var(--gold-d); }
.icon-blue { background: rgba(27, 99, 181, 0.12); color: var(--blue); }
.icon-teal { background: rgba(27, 155, 184, 0.12); color: var(--teal); }
.icon-spot { background: rgba(237, 106, 74, 0.12); color: #d04f2f; }

/* Tariff Table Styles */
.tariff-table-wrapper {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(15, 42, 94, 0.08);
  border: 1px solid var(--line);
  overflow: hidden;
}
.table-tariff {
  margin-bottom: 0;
  vertical-align: middle;
}
.table-tariff th, .table-tariff td {
  padding: 13px 14px;
  font-size: 13px;
  border-color: rgba(207, 227, 243, 0.7);
}
.table-tariff thead tr:first-child th {
  background: var(--navy);
  color: #ffffff;
  font-family: var(--f-head);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.02em;
  padding: 16px 12px;
}
.table-tariff thead tr.sub-head th {
  background: #f1f7fd;
  color: var(--navy);
  font-size: 11.5px;
  font-weight: 600;
  text-align: center;
  padding: 10px 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid var(--line);
}
.table-tariff tbody tr:hover {
  background-color: rgba(198, 154, 82, 0.04);
}
.table-tariff td.price {
  font-weight: 600;
  text-align: center;
  font-size: 13.5px;
}
.table-tariff td.price.early {
  color: var(--gold-d);
  background-color: rgba(198, 154, 82, 0.04);
}
.table-tariff td.price.regular {
  color: var(--navy);
}
.table-tariff td.price.spot {
  color: #b33919;
  background-color: rgba(237, 106, 74, 0.03);
}
.table-tariff .cat-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  margin-right: 4px;
}
.cat-national { background: #e0f2fe; color: #0369a1; }
.cat-international { background: #fef3c7; color: #92400e; }
.cat-saarc { background: #dcfce7; color: #166534; }

/* Filter Tabs */
.tariff-nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tariff-nav-pills .nav-link {
  border-radius: 30px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 600;
  color: var(--navy);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 4px 12px rgba(15, 42, 94, 0.04);
  transition: all 0.25s ease;
}
.tariff-nav-pills .nav-link.active,
.tariff-nav-pills .nav-link:hover {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
  box-shadow: 0 6px 18px rgba(15, 42, 94, 0.18);
}
.tariff-nav-pills .nav-link.active i {
  color: var(--gold);
}

/* Feature card */
.feature-box {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 24px;
  height: 100%;
  box-shadow: 0 8px 24px rgba(15, 42, 94, 0.05);
  transition: transform 0.25s ease;
}
.feature-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(15, 42, 94, 0.1);
}
.feature-box h4 {
  font: 700 18px var(--f-head);
  color: var(--navy);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.feature-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.55;
}
.feature-list li::before {
  content: "\F26E";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--teal);
  font-size: 14px;
}

/* Bank Details Card */
.bank-card {
  background: linear-gradient(135deg, #0a2760 0%, #154c96 100%);
  color: #ffffff;
  border-radius: 18px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(15, 42, 94, 0.2);
}
.bank-card::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}
.bank-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13.5px;
}
.bank-item:last-child {
  border-bottom: none;
}
.bank-item span:first-child {
  color: rgba(255, 255, 255, 0.7);
}
.bank-item span:last-child {
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.03em;
}

/* Policy Card */
.policy-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 26px;
  box-shadow: 0 8px 24px rgba(15, 42, 94, 0.05);
}
.policy-item {
  display: flex;
  gap: 14px;
  margin-bottom: 16px;
}
.policy-item:last-child {
  margin-bottom: 0;
}
.policy-item i {
  font-size: 20px;
  color: var(--gold-d);
  flex: none;
  margin-top: 2px;
}
.policy-item div h6 {
  font: 600 15px var(--f-head);
  color: var(--navy);
  margin-bottom: 4px;
}
.policy-item div p {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 0;
  line-height: 1.6;
}

/* CTA Section */
.tariff-cta-banner {
  background: linear-gradient(135deg, var(--navy), var(--blue));
  border-radius: 20px;
  padding: 40px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(15, 42, 94, 0.2);
}
.tariff-cta-banner h3 {
  font: 700 clamp(24px, 3vw, 34px) var(--f-head);
  margin-bottom: 10px;
}
.tariff-cta-banner p {
  color: #dbeaf7;
  max-width: 650px;
  margin-bottom: 0;
  font-size: 14.5px;
}