/* Main titles fully black */
.zz-corp-program.banner-section h1 {
    color: #000000 !important;
}

/* Subheading under the title */
.zz-corp-program.banner-section p.sub-heading {
    font-size: 1.2rem; /* bigger font */
    color: #111111 !important;
    margin-bottom: 18px; /* extra space below */
}

/* Other paragraphs */
.zz-corp-program.banner-section p {
    color: #111111 !important;
    margin-bottom: 8px;
}

/* Strong text (labels like Duration, Fee) */
.zz-corp-program.banner-section strong {
    color: #000000 !important;
}

/* Last line (small text) – italic + closer to black */
.zz-corp-program.banner-section small {
    font-style: italic;
    font-size: 0.95rem;
    color: #111111 !important;
    display: block;
    margin-top: 10px;
}

h3.nirf-h {
    color: #373737;
}
.zz-corp-program .zz-title {
    font-size: clamp(28px, 3.8vw, 48px);
    line-height: 1.1;
    color: #009962;
    font-weight: 800;
    margin: 0
}

.zz-corp-program .zz-title {
    font-size: clamp(28px, 3.8vw, 30px);
    line-height: 1.1;
    color: #009962;
    font-weight: 800;
    margin: 0;
}

.zz-corp-program .zz-title-2 {
    font-size: clamp(28px, 3.8vw, 30px);
    line-height: 1.1;
    color: #009962;
    font-weight: 800;
    margin: 0;
}

.zz-corp-program .section__title {
    font-size: clamp(24px, 3.2vw, 28px);
    line-height: 1.2;
    color: #333;
    font-weight: 700;
    margin: 0;
}

.program-snapshot {
    background-color: #f2f2f2;
}

ul.zz-points li {
    margin: 10px;
    border-bottom: dotted 1px #269962;
}

.snapshot {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
}

@media(min-width:900px) {
    .snapshot {
        grid-template-columns: 1.1fr .9fr
    }
}

.panel {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 25px;
    box-shadow: var(--shadow)
}

.panel__body {
    padding: 22px
}

.snapshot .list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px
}

.snapshot .row {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 14px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px dashed #e2e8f0
}

.snapshot .row:last-child {
    border-bottom: 0
}

.snapshot .k {
    color: var(--muted);
    font-weight: 600
}

.note {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(13, 148, 136, .08), rgba(13, 148, 136, .04));
    border: 1px dashed rgba(13, 148, 136, .35);
    color: var(--brand-ink)
}

h3.course-hero-sec-2 {
    font-size: 14px;
    line-height: 1.4
}

.bottom-bar {
    position: fixed;
    z-index: 99999;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #d3d6d5;
    box-shadow: 1rem 0 3rem rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px
}

.theme-btn {
    padding: 8px 30px !important;
    font-size: 14px !important;
    width: auto !important;
}
.bottom-bar .theme-btn {
    padding: 3px 20px !important;
    font-size: 10px !important;
    line-height: 26px;
    text-transform: capitalize !important;
    width: 215px !important;
    min-width: 215px;
}

.popover {
    --bs-popover-zindex: 99999;
}

/* Disabled discount code styling */
.ji-coupon.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.ji-coupon.disabled input,
.ji-coupon.disabled button {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .theme-btn {
        padding: 6px 24px !important;
        font-size: 12px !important;
        width: auto !important;
    }
    .bottom-bar{
        gap: 8px;
    }
}

.program-highlights h6 {
  color: #222;
  font-size: 1rem;
}
.program-highlights p {
  font-size: 0.9rem;
  line-height: 1.4;
}
.program-highlights .col-lg {
  background-color: #f8f9fa; /* light gray background */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 991.98px) {
  .program-highlights .col-lg {
    border-bottom: none !important; /* remove vertical border on small screens */
  }
}
@media (max-width: 991.98px) {
  .program-highlights .col-lg {
    border-right: none !important; /* remove vertical border on small screens */
  }
}

  /* ========== Quotes Slider (scoped to this section) ========== */
  .extra-card-cta-section .quote-slider-card{
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: clamp(18px,2.2vw,28px);
    box-shadow: 0 10px 30px rgba(2,6,23,0.08);
    border: 1px solid rgba(2,6,23,0.06);
    overflow: hidden;
    isolation: isolate;
  }
  
  /* subtle accent ring */
  .extra-card-cta-section .quote-slider-card::before{
    content:"";
    position:absolute; inset:-1px;
    border-radius: 24px;
    background: radial-gradient(120% 120% at 0% 0%, rgba(0,159,150,0.10), transparent 50%),
                radial-gradient(120% 120% at 100% 100%, rgba(0,109,255,0.08), transparent 50%);
    pointer-events:none;
    z-index:0;
  }

  .extra-card-cta-section .quote-slider{
    position: relative;
    min-height: 260px; /* keeps height stable as slides change */
  }

  .extra-card-cta-section .quote-slide{
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(8px) scale(0.995);
    transition: opacity 420ms ease, transform 420ms ease;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: clamp(10px,1.5vw,14px);
    padding: 6px; /* breathing room to avoid text hugging edges */
  }
  .extra-card-cta-section .quote-slide.is-active{
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .extra-card-cta-section .quote-icon {
    font-size: clamp(28px, 5vw, 75px);
    line-height: 0.5;
    user-select: none;
    opacity: .25;
}
  .extra-card-cta-section .quote-text{
    margin: 0;
    font-size: clamp(16px,1.05vw,18px);
    color: #0b1324;
  }
  .extra-card-cta-section .quote-cite{
    display:block;
    font-style: normal;
    font-weight: 600;
    color: #099362; /* theme accent */
    font-size: clamp(14px,0.95vw,16px);
  }

  .extra-card-cta-section .quote-dots{
    display:flex;
    gap: 8px;
    align-items:center;
    justify-content:center;
    margin-top: clamp(10px,1.5vw,14px);
  }
  .extra-card-cta-section .quote-dots .dot{
    width: 8px; height: 8px; border-radius: 999px;
    background: rgba(2,6,23,0.25);
    border: 0;
    padding: 0;
    transition: transform 200ms ease, background 200ms ease, width 200ms ease;
    cursor: pointer;
  }
  .extra-card-cta-section .quote-dots .dot.is-active{
    background: #099362;
    width: 22px; /* pill when active */
    transform: none;
  }

  /* Hover/Focus states */
  .extra-card-cta-section .quote-dots .dot:focus-visible{
    outline: 2px solid #0b1324;
    outline-offset: 2px;
  }

  /* Small screens: allow taller content */
  @media (max-width: 575.98px){
    .extra-card-cta-section .quote-slider{
      min-height: 300px;
    }
  }

/* ===== Program Architecture (scoped) ===== */
.ai-architecture{
  --aa-bg:#f7f9fb;
  --aa-card:#ffffff; --aa-card-2:#ffffff;
  --aa-accent:#099362; --aa-accent-2:#7c3aed;
  --aa-text:#4b5563; --aa-muted:#6b7280;
  --aa-spine:rgba(0,0,0,.08); --aa-ring:rgba(9,147,98,.18);
  --aa-outline:linear-gradient(180deg, rgba(124,58,237,.45), rgba(9,147,98,.45));
  background:
    radial-gradient(900px 500px at 0% -10%, rgba(124,58,237,.12), transparent 60%),
    radial-gradient(1000px 500px at 100% 0%, rgba(9,147,98,.10), transparent 65%),
    var(--aa-bg);
  color:var(--aa-text); position:relative; overflow:hidden;
}

/* Counter timeline */
.ai-architecture .aa-list{ list-style:none; margin:0; padding:0; position:relative; counter-reset: aa-counter; }
.ai-architecture .aa-list:before{
  content:""; position:absolute; left:38px; top:22px; bottom:22px; width:2px;
  background:linear-gradient(to bottom, transparent 0, var(--aa-spine) 10%, var(--aa-spine) 90%, transparent 100%);
}

/* Card */
.ai-architecture .aa-item{
  background:linear-gradient(180deg, var(--aa-card), var(--aa-card-2));
  border-radius:18px; padding:22px; margin:20px 0 24px; position:relative;
  border:1px solid rgba(255,255,255,.7); box-shadow:
  0 10px 24px -12px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.02) inset;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ai-architecture .aa-item:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px -14px rgba(0,0,0,.18), 0 0 0 2px rgba(9,147,98,.10);
}
.ai-architecture .aa-item::after{
  content:""; position:absolute; inset:-1px; border-radius:18px; padding:1px;
  background:var(--aa-outline);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:.22; pointer-events:none;
  transition:opacity .18s ease;
}
.ai-architecture .aa-item:hover::after{ opacity:.38; }

/* --- Fix numbering: count ONLY real modules --- */

/* Remove the generic ::before rule that sets counter-increment on all items.
   (If you keep it, make sure it does NOT set counter-increment.) */

/* Numbered badge for modules only */


/* Non-module cards (Reflection / Spotlight): no number, no increment */
.ai-architecture .aa-item.is-plain{ counter-increment: none;padding-left:22px; }
.ai-architecture .aa-item.is-plain::before{
  content:"";                                 /* no numeral */
  counter-increment: none;                    /* <-- stop counting */
  position:absolute; left:8px; top:16px; width:44px; height:44px;
  border-radius:12px; background:#eef7f3;
  box-shadow:0 0 0 6px rgba(9,147,98,.10);
}


/* Head row */
.ai-architecture .aa-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; position:relative; }
.ai-architecture .aa-kicker{
  font-size:11px; letter-spacing:.5px; text-transform:uppercase; font-weight:800;
  padding:5px 10px; border-radius:999px; background:rgba(9,147,98,.12); color:var(--aa-accent);
  border:1px solid rgba(9,147,98,.22);
}
.ai-architecture .aa-heading{ margin:0; font-size:clamp(16px,1.6vw,16px); font-weight:800; color:#0b1220; }
.ai-architecture .aa-desc{ margin:.55rem 0 0; color:var(--aa-muted); line-height:1.65; font-size:clamp(14px,1.1vw,16px); }

/* Bullets */
.ai-architecture .aa-bullets{ margin:.6rem 0 0; padding:0; list-style:none; }
.ai-architecture .aa-bullets li{
  margin:10px 0; padding-left:26px; position:relative; color:var(--aa-text); line-height:1.6;
}
.ai-architecture .aa-bullets li:before{
  content:""; position:absolute; left:0; top:.58em; width:12px; height:12px; transform:rotate(45deg); border-radius:3px;
  background:radial-gradient(100% 100% at 20% 20%, var(--aa-accent), var(--aa-accent-2));
  box-shadow:0 0 0 3px var(--aa-ring);
}

/* Non-module styles (don't increment counter) */
.ai-architecture .aa-item.is-plain::before{
  display: none;
}

/* Reflection chips */
.ai-architecture .aa-chip{
  font-size:11px; text-transform:uppercase; font-weight:800; letter-spacing:.4px;
  padding:6px 10px; border-radius:8px;
  background:linear-gradient(90deg, rgba(124,58,237,.12), rgba(9,147,98,.12));
  color:#5b21b6; border:1px solid rgba(124,58,237,.25);
}
.ai-architecture .aa-reflect{ background:linear-gradient(180deg, #fff, #fbfaff); }

/* Spotlight (extra middle box) */
.ai-architecture .aa-spotlight{
  background:linear-gradient(180deg, #ffffff, #f5fff9);
  border:1px solid rgba(9,147,98,.18);
}
.ai-architecture .aa-spotlight-head{
  display:flex; align-items:center; gap:10px; margin-bottom:.35rem;
}
.ai-architecture .aa-spotlight-dot{
  width:10px; height:10px; border-radius:50%;
  background:radial-gradient(100% 100% at 30% 30%, var(--aa-accent), #3aed5c);
  box-shadow:0 0 0 6px var(--aa-ring), 0 0 18px rgba(9,147,98,.25);
  animation:pulse 2.4s ease-in-out infinite;
}
.ai-architecture .aa-spotlight-kicker{
  font-size:12px; letter-spacing:.3px; font-weight:700; color:#0f5132;
}
.ai-architecture .aa-spotlight-title{
  margin:0 0 .35rem 0; font-weight:800; font-size:clamp(18px,1.6vw,18px); color:#0b1220;
}
.ai-architecture .aa-spotlight-desc{ margin:0 0 .5rem 0; color:var(--aa-text); }
.ai-architecture .aa-spotlight-meta{ font-size:13px; color:#065f46; }

/* Motion (lightweight) */
@keyframes pulse{ 0%,100%{ transform:scale(1); opacity:1 } 50%{ transform:scale(1.12); opacity:.85 } }
[data-reveal]{ opacity:0; transform:translateY(8px); animation:reveal .5s ease forwards; }
[data-reveal]:nth-child(1){ animation-delay:.02s } [data-reveal]:nth-child(2){ animation-delay:.06s }
[data-reveal]:nth-child(3){ animation-delay:.10s } [data-reveal]:nth-child(4){ animation-delay:.14s }
@keyframes reveal{ to{ opacity:1; transform:translateY(0) } }

/* Mobile tweaks */
@media (max-width:576px){
  .ai-architecture .aa-list:before{ left:34px; top:14px; bottom:14px; }
  .ai-architecture .aa-item{ padding:18px; border-radius:16px; }
  .ai-architecture .aa-item::before{ left:6px; top:12px; width:40px; height:40px; border-radius:10px; }
  .ai-architecture .aa-item.is-plain::before{ width:40px; height:40px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  [data-reveal]{ animation:none; opacity:1; transform:none; }
  .ai-spotlight-dot{ animation:none; }
}

/* ===== Labs & Capstone Section (scoped) ===== */
.ai-labs {
    --labs-bg: #f9fbfd;
    --labs-card: #ffffff;
    --labs-border: #e2e8f0;
    --labs-accent: #009962;
    --labs-accent-2: #009962;
    --labs-text: #1e293b;
    --labs-muted: #475569;
    background: var(--labs-bg);
    color: var(--labs-text);
}

.ai-labs .labs-card {
    background: var(--labs-card);
    border: 1px solid var(--labs-border);
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ai-labs .labs-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px -12px rgba(37, 99, 235, .2);
    border-color: rgba(37, 99, 235, .35);
}

.ai-labs .labs-subhead {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 .75rem;
    color: var(--labs-accent);
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.ai-labs .labs-subhead::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 3px;
    transform: rotate(45deg);
    background: linear-gradient(135deg, var(--labs-accent), var(--labs-accent-2));
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

.ai-labs .labs-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ai-labs .labs-list li {
    margin: .65rem 0;
    padding-left: 26px;
    color: var(--labs-muted);
    line-height: 1.6;
    position: relative;
}

.ai-labs .labs-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--labs-accent), var(--labs-accent-2));
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.ai-labs .labs-desc {
    color: var(--labs-muted);
    margin: 0;
    font-size: 15px
}

.ai-labs .labs-link {
    font-weight: 600;
    text-decoration: none;
    color: var(--labs-accent);
    border-bottom: 1px dashed currentColor;
    padding-bottom: 2px;
}

.ai-labs .labs-link:hover {
    opacity: .85
}

/* ===== Agent / Tools Boxes ===== */
.ai-labs .labs-box {
    border: 1px dashed var(--labs-border);
    border-radius: 14px;
    padding: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 70%, rgba(0, 0, 0, 0.01) 100%);
}

.ai-labs .labs-box--tools {
    background: linear-gradient(180deg, #ffffff 0%, #f8fffb 100%);
}

.ai-labs .labs-box__head {
    display: flex;
    align-items: center;
    gap: 10px
}

.ai-labs .labs-box__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.ai-labs .badge-pill {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #0f5132;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 999px;
    padding: 4px 10px;
}

.ai-labs .labs-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border: 1px solid var(--labs-border);
    border-radius: 10px;
    padding: 10px 12px;
    background: #fff;
}

.ai-labs .labs-meta__item span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--labs-muted);
}

.ai-labs .labs-points {
    margin: 0 0 2px 0;
    padding-left: 18px
}

.ai-labs .labs-points li {
    color: var(--labs-text);
    margin: .25rem 0
}

/* Tools block */
.ai-labs .tools-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

.ai-labs .tool-head {
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 6px;
    color: var(--labs-accent)
}

.ai-labs .tool-list {
    margin: 0;
    padding-left: 18px
}

.ai-labs .tool-list li {
    margin: .2rem 0;
    color: var(--labs-muted)
}

/* ===== Capstone UI Enhancements (scoped to .ai-labs) ===== */
.ai-labs .cap-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
}

@media (min-width:768px) {
    .ai-labs .cap-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1200px) {
    .ai-labs .cap-grid {
        grid-template-columns: 1fr 1fr
    }
}

.ai-labs .cap-card {
    border: 1px solid var(--labs-border);
    border-radius: 14px;
    background: #fff;
    padding: 18px 18px 16px;
    height: 100%;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    overflow: initial;
}

.ai-labs .cap-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px -12px rgba(37, 99, 235, .18);
    border-color: rgba(37, 99, 235, .35);
}

.ai-labs .cap-head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-labs .cap-num {
    position: relative;
    display: flex;
    justify-content: center;
    place-items: center;
    align-items: center;
    width: 28px;
    height: 28px;
    max-height: 28px;
    min-width: 28px;
    max-width: 28px;
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    isolation: isolate;
}

.ai-labs .cap-num::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    inset: 0;
    border-radius: 8px;
    transform: rotate(45deg);
    background: linear-gradient(135deg, var(--labs-accent), var(--labs-accent-2));
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    z-index: -1;
}


.ai-labs .cap-title {
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--labs-text);
}

.ai-labs .cap-text {
    color: var(--labs-muted);
    margin: 0 0 8px
}

.ai-labs .cap-bullets {
    margin: 0;
    padding-left: 18px
}

.ai-labs .cap-bullets li {
    margin: .25rem 0;
    color: var(--labs-text)
}

.ai-labs .mb-1 {
    margin-bottom: .25rem
}

/* ===== AI Tools Section (scoped) ===== */
.ai-tools {
    --tools-bg: #f8fafc;
    --tools-card: #ffffff;
    --tools-border: #e2e8f0;
    --tools-accent: #009962;
    /* sky blue */
    --tools-accent-2: #009962;
    /* indigo */
    --tools-text: #1e293b;
    --tools-muted: #475569;
    background: var(--tools-bg);
    color: var(--tools-text);
}
.ai-tools .tools-link{
  font-weight:600;
  text-decoration:none;
  color:var(--tools-accent);
  border-bottom:1px dashed currentColor;
  padding-bottom:2px;
  white-space:nowrap;
}
.ai-tools .tools-link:hover{ opacity:.85; }
@media (max-width:576px){
  .ai-tools .tools-link{ display:inline-block; margin-top:.5rem; }
}

.ai-tools .tools-title {
    font-weight: 800;
    font-size: clamp(26px, 2.6vw, 36px);
    margin: 0 0 .5rem;
}

.ai-tools .tools-subtitle {
    font-size: 15px;
    color: var(--tools-muted);
    margin: 0 0 1rem;
}

.ai-tools .tools-card {
    background: var(--tools-card);
    border: 1px solid var(--tools-border);
    border-radius: 16px;
    padding: 24px 28px;
    height: 100%;
    box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ai-tools .tools-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px -12px rgba(14, 165, 233, .2);
    border-color: rgba(14, 165, 233, .35);
}

.ai-tools .tools-head {
    margin: 0 0 1rem;
    font-size: 18px;
    font-weight: 700;
    color: var(--tools-accent-2);
    display: flex;
    align-items: center;
    gap: 8px;
}

.ai-tools .tools-head::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 3px;
    transform: rotate(45deg);
    background: linear-gradient(135deg, var(--tools-accent), var(--tools-accent-2));
    box-shadow: 0 0 0 3px rgba(14, 165, 233, .12);
}

.ai-tools .tools-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ai-tools .tools-list li {
    margin: .65rem 0;
    padding-left: 24px;
    color: var(--tools-muted);
    position: relative;
    line-height: 1.6;
}

.ai-tools .tools-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--tools-accent), var(--tools-accent-2));
    box-shadow: 0 0 0 3px rgba(14, 165, 233, .12);
}

/* Responsive */
@media (max-width: 576px) {
    .ai-tools .tools-card {
        padding: 18px 20px;
        border-radius: 14px;
    }
}

/* ===== Logos Section ===== */
.ai-tools .ai-logos .logo-card {
    text-align: center;
    background: #fff;
    border: 1px solid var(--tools-border);
    border-radius: 12px;
    padding: 20px 15px;
    height: 100%;
    box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .06);
    transition: transform .18s ease, box-shadow .18s ease;
}

.ai-tools .ai-logos .logo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -10px rgba(14, 165, 233, .15);
}

.ai-tools .ai-logos img {
    max-height: 50px;
    min-height: 50px;
    margin-bottom: 10px;
    object-fit: contain;
}

.ai-tools .ai-logos p {
    margin: 0;
    font-size: 14px;
    color: var(--tools-muted);
    font-weight: 500;
}

.note {
    font-size: 15px;
    color: #333;
}

.corporate-note {
    margin-top: 6px;
    font-size: 14px;
    font-style: italic;
    color: #0077b6;
    /* blue tone */
    font-weight: 500;
    /* semi-bold */
}

.step-indicator {
    flex: 1;
}

.pill-circle {
    width: 100%;
    height: 100%;
    padding: 11px 20px;
    font-size: 14px;
    background-color: #dee2e6;
    border-radius: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #495057;
    transition: all 0.3s ease;
    margin: 0 auto 5px;
}

.pill-circle.active {
    background-color: #198754;
    /* Bootstrap success */
    color: #fff;
}

.step-indicator small {
    font-size: 0.85rem;
    font-weight: 500;
    color: #6c757d;
}

.step-indicator .pill-circle.completed {
    background-color: #0d6efd;
    color: #fff;
}
/* ===== Logout button (modal header) ===== */
.modal-header .logout-btn,
.modal-header .logout-btn-model,  /* your current class in screenshot */
.modal-header .logout-btn-modal { /* alt spelling just in case */
  --logout-fg: #b42318;              /* red-600 */
  --logout-fg-hover: #912018;        /* red-700 */
  --logout-bg-hover: rgba(220, 38, 38, .08);
  --logout-bd-hover: rgba(220, 38, 38, .20);
  --logout-ring: rgba(220, 38, 38, .35);

  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: #f44444;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  padding: 10px 14px 10px 40px;      /* left space for icon */
  border-radius: 9999px;             /* pill */
  position: relative;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .06s ease;
  cursor: pointer;
  outline: none;
}

/* Icon (door with arrow), recolors via currentColor */
.modal-header .logout-btn::before,
.modal-header .logout-btn-model::before,
.modal-header .logout-btn-modal::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M13 3a1 1 0 0 1 1-1h4a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3h-4a1 1 0 1 1 0-2h4a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-4a1 1 0 0 1-1-1zM3.293 11.293a1 1 0 0 0 0 1.414l3 3a1 1 0 1 0 1.414-1.414L6.414 12H14a1 1 0 1 0 0-2H6.414l1.293-1.293A1 1 0 1 0 6.293 7.293l-3 3z'/></svg>") no-repeat center / contain;

}

/* Hover / active */
.modal-header .logout-btn:hover,
.modal-header .logout-btn-model:hover,
.modal-header .logout-btn-modal:hover {
background: rgb(212 164 164 / 15%);
    border-color: var(--logout-bd-hover);
    color: #f44444;
}
.modal-header .logout-btn:active,
.modal-header .logout-btn-model:active,
.modal-header .logout-btn-modal:active {
  transform: translateY(1px);
}

/* Keyboard focus */
.modal-header .logout-btn:focus-visible,
.modal-header .logout-btn-model:focus-visible,
.modal-header .logout-btn-modal:focus-visible {
  box-shadow: 0 0 0 3px var(--logout-ring);
}

/* Disabled state (optional) */
.modal-header .logout-btn[disabled],
.modal-header .logout-btn-model[disabled],
.modal-header .logout-btn-modal[disabled] {
  opacity: .55;
  cursor: not-allowed;
}

/* Dark mode tweak (optional) */
@media (prefers-color-scheme: dark) {
  .modal-header .logout-btn,
  .modal-header .logout-btn-model,
  .modal-header .logout-btn-modal {
    --logout-fg: #fca5a5;            /* red-300 */
    --logout-fg-hover: #fecaca;      /* red-200 */
    --logout-bg-hover: rgba(239, 68, 68, .15);
    --logout-bd-hover: rgba(239, 68, 68, .25);
    --logout-ring: rgba(239, 68, 68, .35);
  }
}

/* Reduce motion (accessibility) */
@media (prefers-reduced-motion: reduce) {
  .modal-header .logout-btn,
  .modal-header .logout-btn-model,
  .modal-header .logout-btn-modal { transition: none; }
}

h5.step-title {
    font-size: 23px;
    color: var(--theme-color);
    margin-bottom: 20px;
}

.step {
    min-height: 420px;
}

ul.step-list li {
    margin-bottom: 10px;

}

ul.step-list li>strong:first-child {
    display: inline-block;
    min-width: 159px;
}

/* Payment Gateway Selection Styles */
.payment-gateway-option {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.payment-gateway-option:hover {
    border-color: #009962;
    background-color: #f8f9fa;
}

.payment-gateway-option input[type="radio"]:checked + label {
    color: #009962;
    font-weight: 600;
}

.payment-gateway-option:has(input[type="radio"]:checked) {
    border-color: #009962;
    background-color: #f0f8f5;
}

.payment-gateway-logo {
    transition: transform 0.2s ease;
}

.payment-gateway-option:hover .payment-gateway-logo {
    transform: scale(1.05);
}

/* Gateway Option Styles for Modal */
.gateway-option {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    background: #fff;
}

.gateway-option:hover {
    border-color: #009962;
    background-color: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 153, 98, 0.15);
}

.gateway-option input[type="radio"]:checked + label {
    color: #009962;
}

.gateway-option:has(input[type="radio"]:checked) {
    border-color: #009962;
    background-color: #f0f8f5;
    box-shadow: 0 4px 12px rgba(0, 153, 98, 0.2);
}

.gateway-logo {
    transition: transform 0.2s ease;
    max-height: 30px;
    object-fit: contain;
}

.gateway-option:hover .gateway-logo {
    transform: scale(1.05);
}

.gateway-option label {
    cursor: pointer;
    margin-bottom: 0;
    width: 100%;
}

.gateway-option input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.gateway-option input[type="radio"]:checked + label strong {
    color: #009962;
}

.gateway-option.selected {
    border-color: #009962 !important;
    background-color: #f0f8f5 !important;
    box-shadow: 0 4px 12px rgba(0, 153, 98, 0.2) !important;
}

.gateway-info {
    border-left: 4px solid #009962;
    background-color: #f0f8f5;
    border-color: #009962;
}

.payment-gateways h6 {
    color: #333;
    font-weight: 600;
}

/* Animation for gateway selection */
.gateway-option {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gateway-option:hover {
    transform: translateY(-3px);
}

.gateway-option.selected {
    transform: translateY(-2px);
}

/* ================== PREMIUM GREEN THEME (scoped) ================== */
.ji-enroll-modal {
    /* brand system */
    --brand: #009962;
    /* your theme color */
    --brand-ink: #064e3b;
    /* deep green for text accents */
    --ink: #0f172a;
    --muted: #667085;
    --bg: #ffffff;
    --surface: #f7faf8;
    /* very light green-tinted surface */
    --border: #e6efe9;
    /* greenish light border */
    --ring: rgba(0, 153, 98, .20);
    /* focus ring */
    --shadow: 0 20px 60px rgba(2, 43, 27, .14);
    --radius: 18px;
    font-family: system-ui, -apple-system, "Inter", Roboto, "Segoe UI", Arial, sans-serif;
}

.ji-enroll-modal.is-open {
    display: flex;
}

.ji-enroll-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.ji-enroll-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(3, 10, 8, .45);
    backdrop-filter: blur(2px);
}

.ji-enroll-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(720px, 94vw);
    background: var(--bg);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    border: 1px solid #f0f4f2;
}

/* header */
.ji-enroll-modal__header {
    padding: 22px 24px 12px;
    border-bottom: 1px solid #f0f4f2;
    background:
        radial-gradient(700px 300px at -5% -30%, rgba(0, 153, 98, .08), transparent 60%),
        #fff;
}

.ji-enroll-modal__title {
    margin: 0 32px 10px 0;
    font-size: clamp(20px, 2.2vw, 24px);
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.01em;
}

.ji-enroll-modal__close {
    position: absolute;
    right: 12px;
    top: 12px;
    border: 0;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #6b7280;
    width: 36px;
    height: 36px;
    border-radius: 10px;
}

.ji-enroll-modal__close:hover {
    background: #f2f6f3;
    color: #334155;
}

/* stepper – premium pills */
.ji-enroll-steps {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ji-enroll-steps__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid var(--border);
    color: #6b7280;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .03);
}

.ji-enroll-steps__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

/* active */
.ji-enroll-steps__item.is-active {
    color: var(--brand);
    border-color: rgba(0, 153, 98, .35);
    background: #eef8f2;
    box-shadow: 0 2px 10px rgba(0, 153, 98, .10), inset 0 -1px 0 rgba(0, 153, 98, .10);
}

/* done */
.ji-enroll-steps__item.is-done {
    color: #0ea5a0;
    background: #ecfdf5;
    border-color: rgba(14, 165, 140, .35);
}

.ji-enroll-modal__body {
    padding: 20px 24px;
    overflow: auto;
    max-height: 70vh;
}

.ji-enroll-modal__footer {
    padding: 16px 24px;
    background: #fbfdfc;
    border-top: 1px solid #eef4f1;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* grid + fields */
.ji-form {
    display: none;
}

.ji-form.is-active {
    display: block;
}

.ji-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width:680px) {
    .ji-grid {
        grid-template-columns: 1fr;
    }
}

.ji-label {
    display: block;
    margin: 0 0 6px;
    font-weight: 700;
    font-size: 14px;
    color: #0b1324;
}

.ji-field input {
    width: 100%;
    padding: 12px 12px;
    border: 1px solid #dfe9e4;
    background: #fff;
    border-radius: 14px;
    outline: none;
    font-size: 15px;
    color: #0f172a;
    transition: border-color .2s, box-shadow .2s, background .2s;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.ji-field input:hover {
    border-color: #cfe3da;
}

.ji-field input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 4px var(--ring), inset 0 1px 0 rgba(255, 255, 255, .9);
    background: #fcfffd;
}

.ji-inline {
    margin-top: 6px;
    font-size: 14px;
    color: var(--muted);
}

.ji-link {
    color: var(--brand);
    font-weight: 700;
    text-decoration: none;
}

.ji-link:hover {
    text-decoration: underline;
}

/* card + coupon + summary */
.ji-card {
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 16px;
    background: #fff;
}

.ji-card--soft {
    background: linear-gradient(180deg, #f6fbf8, #ffffff);
}

.ji-tag {
    color: var(--brand);
    font-weight: 800;
    letter-spacing: .2px;
}

.ji-coupon__row {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
}

.ji-coupon__row input {
    padding: 0 14px;
    line-height: 1;
    height: 37px;
    border-radius: 0.375rem;
    border: 1px solid #cfe3da;
    width: 100%;
    font-size: 16px;
}

.ji-coupon__row input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 4px var(--ring);
}

.ji-coupon__hint {
    margin: 8px 2px 0;
    color: #64748b;
    font-size: 13px;
}

.ji-summary {
    margin-top: 14px;
    background: #fff;
    border: 1px dashed #d9e7e1;
    border-radius: 14px;
    padding: 14px;
}

.ji-summary__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 4px;
    color: #0f172a;
}

.ji-summary__row--total {
    font-weight: 900;
    color: var(--brand);
}

/* CTA buttons */
.ji-btn {
    appearance: none;
    border: 0;
    border-radius: 0.375rem;
    padding: 6px 20px;
    background: linear-gradient(180deg, #1cc08b, var(--brand));
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0, 153, 98, .30), inset 0 -1px 0 rgba(0, 0, 0, .06);
    transition: transform .08s ease, box-shadow .2s ease, filter .15s ease;
}

.ji-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(0, 153, 98, .36);
    filter: saturate(1.05);
}

.ji-btn:active {
    transform: translateY(0);
    box-shadow: 0 6px 18px rgba(0, 153, 98, .28);
}

.ji-btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
}

.ji-btn--ghost {
    background: #fff;
    color: var(--brand);
    border: 1px solid rgba(0, 153, 98, .35);
    box-shadow: none;
    font-weight: 800;
}

.ji-btn--ghost:hover {
    background: #eef8f2;
}

/* finish screen */
.ji-finish {
    display: none;
    text-align: center;
    padding: 12px 0;
}

#jiStep3.is-active,
.ji-finish.is-active {
    display: block;
}

.ji-finish__icon {
    font-size: 44px;
}

.ji-finish__title {
    margin: 8px 0 4px;
    font-size: 22px;
    font-weight: 900;
    color: var(--ink);
}

.ji-finish__text {
    color: #475467;
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {

    .ji-btn,
    .ji-enroll-steps__item,
    .ji-field input,
    .ji-enroll-modal__dialog {
        transition: none;
    }
}

/* ===== Scoped styles (no conflicts) ===== */
.zz-custom {
    --zz-bg: #0a0a0a;
    --zz-card: #1a1a1a;
    --zz-border: #2d2d2d;
    --zz-ink: #f9fafb;
    --zz-muted: #9ca3af;
    --zz-accent: var(--theme-color);
}

.zz-custom {
    background: var(--zz-bg)
}

.zz-custom .zz-eyebrow {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: .08em;
    color: var(--zz-muted);
}

.zz-custom .zz-title {
    font-size: clamp(22px, 3.5vw, 36px);
    font-weight: 800;
}

.zz-custom .zz-lead {
    font-size: 1.05rem;
    color: var(--zz-muted)
}

.zz-custom .zz-card {
    background: var(--zz-card);
    border: 1px solid var(--zz-border);
    border-radius: 14px;
    padding: 1.25rem;
    height: 100%;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

.zz-custom .zz-card:hover {
    transform: translateY(-3px);
    border-color: var(--theme-color);
    box-shadow: 0 14px 28px rgba(0, 158, 230, .2);
}

.zz-custom .zz-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    margin-bottom: .75rem;
    background: var(--theme-color);
    color: #fff;
}

.zz-custom .zz-card-title {
    font-weight: 700;
    margin-bottom: .4rem;
    color: var(--zz-ink);
}

.zz-custom p {
    color: var(--zz-ink)
}

.highlight-box {
    background: #e6f7ef;          /* soft green tint */
    border: 1px solid #b2e0c9;    /* subtle border */
    border-left: 5px solid #099362; /* accent left border */
    padding: 18px 22px;
    border-radius: 12px;
    font-weight: 500;
    line-height: 1.6;
    color: #0b1324;               /* dark text for readability */
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.check-list-view li {
    color: #000;
    font-size: 20px;
    margin-top: 14px;
    display: flex;
    align-items: flex-start;
}

.box-liner {
    padding: 24px 20px;
}

@media (max-width: 991px) {
    .transfrm-sec.for-new-landing {
        padding-top: 0;
    }

    .faq-area.large.remove-space {
        padding-top: 0 !important;
    }
}

.text-light-white {
    color: #fff;
    opacity: 0.7;
    margin-top: 10px;
}

/* ===== What You Get (refined) ===== */
.ai-benefits {
    --ab-bg: #eef3f7;
    /* lighter gray for air */
    --ab-card: #ffffff;
    --ab-border: #e6eaf1;
    --ab-text: #0f172a;
    --ab-muted: #334155;
    --ab-accent: #16a34a;
    /* green for success ticks */
    --ab-accent-2: #0284c7;
    /* blue for alt accents */
    --ab-chip-bg: #e7f2ff;
    --ab-chip-bg-alt: #e7f8ee;
    --ab-shadow: 0 14px 40px -18px rgba(2, 132, 199, .25);
    background: var(--ab-bg);
    color: var(--ab-text);
}

.ai-benefits .ab-title {
    margin: 0 0 .5rem;
    font-weight: 900;
    font-size: clamp(28px, 3vw, 44px);
    letter-spacing: .2px;
}

/* equal visual height feel on desktop */
.ai-benefits .ab-grid>[class*="col-"] {
    display: flex;
}

.ai-benefits .ab-card {
    width: 100%;
}

/* Card */
.ai-benefits .ab-card {
    background: var(--ab-card);
    border: 1px solid var(--ab-border);
    border-radius: 22px;
    padding: 28px 30px;
    box-shadow: 0 10px 24px -16px rgba(0, 0, 0, .18);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.ai-benefits .ab-card:hover {
    transform: translateY(-4px);
    border-color: rgba(2, 132, 199, .28);
    box-shadow: var(--ab-shadow);
}

/* Header */
.ai-benefits .ab-head {
    margin-bottom: 16px;
}

.ai-benefits .ab-h3 {
    margin: .75rem 0 0;
    font-weight: 900;
    font-size: clamp(20px, 1.9vw, 14px);
    line-height: 1.2;
}

/* Pills with subtle icon for balance */
.ai-benefits .ab-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 999px;
    color: #0b3a4a;
    background: var(--ab-chip-bg);
    border: 1px solid rgba(2, 132, 199, .35);
    box-shadow: inset 0 -1px 0 rgba(2, 132, 199, .15);
}

.ai-benefits .ab-chip--alt {
    color: #0d3b24;
    background: var(--ab-chip-bg-alt);
    border-color: rgba(22, 163, 74, .35);
}

.ai-benefits .ab-chip-ico {
    width: 14px;
    height: 14px;
    fill: currentColor;
    opacity: .55;
}

/* Bullets: precise alignment & spacing */
.ai-benefits .ab-list {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: grid;
    gap: 12px;
    /* even rhythm */
}

.ai-benefits .ab-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    line-height: 1.6;
    color: var(--ab-muted);
    font-size: clamp(15px, 1.1vw, 18px);
}

/* the icon element; keeps wrap aligned */
.ai-benefits .ab-bullet {
    flex: 0 0 22px;
    height: 22px;
    margin-top: 2px;
    border-radius: 7px;
    background:
        radial-gradient(120% 120% at 25% 15%, #34d399 0%, #10b981 50%, #0ea5e9 100%);
    position: relative;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .16);
}

/* white check inside the pill */
.ai-benefits .ab-bullet::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 6px;
    height: 10px;
    border-right: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
    transform: rotate(45deg);
}

/* links inside bullet text */
.ai-benefits .ab-link {
    color: #0369a1;
    text-decoration: none;
    border-bottom: 1px dashed rgba(3, 105, 161, .45);
}

.ai-benefits .ab-link:hover {
    color: #075985;
    border-bottom-color: rgba(7, 89, 133, .85);
}

/* Tight mobile rhythm */
@media (max-width: 576px) {
    .ai-benefits .ab-card {
        padding: 22px 20px;
        border-radius: 18px;
    }

    .ai-benefits .ab-list {
        gap: 10px;
    }

    .ai-benefits .ab-bullet {
        flex-basis: 20px;
        height: 20px;
        margin-top: 4px;
    }
}

/* ===== Admissions (scoped) ===== */
.ai-admissions {
    --adm-bg: #f9fafb;
    --adm-card: #ffffff;
    --adm-border: #e2e8f0;
    --adm-accent: #2563eb;
    --adm-accent-2: #22c55e;
    --adm-text: #1e293b;
    --adm-muted: #475569;
    background: var(--adm-bg);
    color: var(--adm-text);
}

.ai-admissions .adm-title {
    font-weight: 800;
    font-size: clamp(26px, 2.6vw, 36px);
    margin: 0;
}

.ai-admissions .adm-eligibility {
    background: var(--adm-card);
    border: 1px solid var(--adm-border);
    border-radius: 16px;
    padding: 20px 24px;
    box-shadow: 0 8px 20px -12px rgba(0, 0, 0, .08);
}

.ai-admissions .adm-eligibility h4 {
    margin: 0 0 .5rem;
    font-weight: 700;
    font-size: 18px;
    color: var(--adm-accent);
}

.ai-admissions .adm-eligibility p {
    margin: 0;
    color: var(--adm-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* Steps */
.ai-admissions .adm-steps {
    display: grid;
    gap: 24px;
}

.ai-admissions .adm-step {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: var(--adm-card);
    border: 1px solid var(--adm-border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 20px -14px rgba(0, 0, 0, .06);
    transition: transform .18s ease, box-shadow .18s ease;
}

.ai-admissions .adm-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px -14px rgba(37, 99, 235, .18);
}

.ai-admissions .adm-circle {
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    color: #009962;
    border-radius: 50%;
    background: linear-gradient(135deg, #c6d3ee, #c1fed8);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .18);
}

.ai-admissions .adm-body h5 {
    margin: 0 0 .3rem;
    font-size: 17px;
    font-weight: 700;
}

.ai-admissions .adm-body p {
    margin: 0;
    color: var(--adm-muted);
    font-size: 15px;
    line-height: 1.5;
}

/* Responsive tweaks */
@media(max-width:576px) {
    .ai-admissions .adm-step {
        flex-direction: column;
        text-align: left;
    }

    .ai-admissions .adm-circle {
        margin-bottom: 10px;
        width: 45px;
        height: 45px;
    }
}

.accordion-button {
    font-size: 16px;
}

/* ===== Business Value Curriculum (scoped) ===== */
.bv-curriculum{
  --bv-bg:#f5f7fa;
  --bv-card:#ffffff;
  --bv-text:#383838;
  --bv-head:#0b1324;
  --bv-accent: var(--theme-color, #099362);
  --bv-soft: rgba(2,6,23,.06);
  --bv-ring: rgba(9,147,98,.22);
  --bv-radius:16px;
  background:var(--bv-bg);
  padding:clamp(28px,4vw,56px) 0;
  color:var(--bv-text);
}

/* Grid helpers (Bootstrap grid in place) */
.bv-curriculum .bv-list{ list-style:none; margin:0; }

/* Card base */
.bv-curriculum .bv-card{
  background:linear-gradient(180deg, var(--bv-card), #ffffff);
  border:1px solid var(--bv-soft);
  border-radius:var(--bv-radius);
  padding:clamp(16px,2.2vw,22px);
  height:100%;
  display:flex; flex-direction:column;
  box-shadow:0 10px 22px -14px rgba(2,6,23,.22);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.bv-curriculum .bv-card:hover{
  transform:translateY(-2px);
  border-color:var(--bv-ring);
  box-shadow:0 16px 34px -16px rgba(2,6,23,.28), 0 0 0 3px var(--bv-ring);
}

/* Top row */
.bv-curriculum .bv-topline{
  display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px 12px; margin-bottom:6px;
}

/* Module badge */
.bv-curriculum .bv-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 8px 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, #bceedc, #d9fffb);
    color: #009962;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
}

/* Reflection chip (non-module) */
.bv-curriculum .bv-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:10px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  background:linear-gradient(90deg, rgba(124,58,237,.14), rgba(9,147,98,.14));
  color:#5b21b6; border:1px solid rgba(124,58,237,.28);
}
.bv-curriculum .bv-chip::before{
  content:""; width:10px; height:10px; border-radius:50%;
  background:radial-gradient(100% 100% at 30% 30%, #7c3aed, #22c55e);
  box-shadow:0 0 0 6px rgba(9,147,98,.12);
}

/* Reflection card look */
.bv-curriculum .bv-card.is-reflect{
  background:linear-gradient(180deg, #ffffff, #fbfaff);
  border-color:rgba(124,58,237,.18);
  box-shadow:0 10px 22px -14px rgba(124,58,237,.25);
}
.bv-curriculum .bv-card.is-reflect:hover{
  border-color:rgba(124,58,237,.32);
  box-shadow:0 18px 34px -16px rgba(124,58,237,.28), 0 0 0 3px rgba(124,58,237,.18);
}

/* Titles & text */
.bv-curriculum .bv-title{
  margin:0; color:var(--bv-head);
  font-size:clamp(16px,2.1vw,18px); line-height:1.35; font-weight:700;
}
.bv-curriculum .bv-desc{
  margin:10px 0 0; color:var(--bv-text);
  font-size:clamp(14px,1.8vw,15px); line-height:1.55;
}
.bv-curriculum .bv-desc.bv-value{ margin-top:8px; color:#334155; }

/* Focus */
.bv-curriculum .bv-card:focus-within{ outline:2px solid var(--bv-accent); outline-offset:2px; }

/* Light variant (optional) */
.bv-curriculum.is-light{
  --bv-bg:#f7fafb; --bv-card:#ffffff; --bv-text:#334155; --bv-head:#0b1324;
  --bv-soft:rgba(2,6,23,.06); --bv-ring:rgba(19,184,166,.25);
}

  /* ---------- Lightweight custom styles ---------- */
  :root{
    --ji-bg-1:#ffffff;
    --ji-bg-2:#f7f9fb;
    --ji-text:#2b2f36;
    --ji-muted:#6b7280;
    --ji-accent:#0aae6b;      /* main green */
    --ji-accent-2:#06b6d4;    /* teal for gradient mix */
    --ji-link:#0a66c2;        /* soft brandy blue link */
    --ji-shadow:0 8px 24px rgba(16,24,40,0.08);
  }

  .ji-fee-section{
    background: linear-gradient(180deg,var(--ji-bg-1),var(--ji-bg-2));
  }

 .ji-bullets{
  margin: 0 auto;            /* center the whole list */
  padding: 0 8px;            /* a little breathing room */
  text-align: left;          /* ensure text is left-aligned */
}

.ji-bullets li{
  display: flex;
  align-items: flex-start;   /* icon aligns with first line of text */
  justify-content: flex-start; /* <-- was center; make left-aligned */
  gap: 12px;
  margin: 10px 0;
  line-height: 1.55;
}

/* Solid, same-size tick icon */
.ji-check{
  flex: 0 0 22px;            /* fixed icon column = consistent left edge */
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-top: 2px;           /* nudge to the first text line */
  background: linear-gradient(135deg, #00c853, #00bfa5);
  box-shadow: 0 2px 6px rgba(10,174,107,.3);
  position: relative;
}

/* Crisp check mark */
.ji-check::after{
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

  .ji-fee-card{
    background:#fff;
    border-radius:16px;
    box-shadow:var(--ji-shadow);
    max-width: 920px;
    margin: 0 auto;
    animation: ji-fade-in .6s ease both;
  }

  .ji-subtitle{
    color:var(--ji-text);
    opacity:.85;
    font-size: 1rem;
  }
  .ji-link a{ color:var(--ji-link); font-style: italic; }
  .ji-link a:hover{ text-decoration: underline; }

  .ji-price-title{
    font-size:1.125rem;
    color:var(--ji-muted);
    font-weight:600;
    letter-spacing:.2px;
  }
  .ji-price-amount{
    font-size: clamp(1.8rem, 2.5vw + 1rem, 2.6rem);
    font-weight: 800;
    color: var(--ji-accent);
    line-height: 1;
  }
  .ji-price-tax{
    color:var(--ji-muted);
    font-weight:600;
  }
  .ji-badge{
    background: linear-gradient(90deg,var(--ji-accent),var(--ji-accent-2));
    color:#fff;
    font-weight:600;
  }
  .ji-badge-soft{
    background:#ecfdf5;
    color:#047857;
    border:1px solid #a7f3d0;
    font-weight:600;
  }

  /* Bullets */
.ji-bullets {
    display: flex
;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
}
  @media (min-width:576px){
    .ji-bullets{ grid-template-columns: 1fr; }
  }
.ji-bullets li {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--ji-text);
    justify-content: flex-start;
    min-width: 335px;
}
 .ji-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #2c212100 35%, transparent 36%), linear-gradient(90deg, var(--ji-accent), var(--ji-accent-2));
    box-shadow: 0 2px 6px rgba(10, 174, 107, .3);
    position: relative;
    flex: 0 0 22px;
}
.ji-check::after {
    content: "";
    position: absolute;
    top: 13%;
    left: 38%;
    /* transform: translate(-50%, -50%); */
    /* inset: 0; */
    /* display: flex
; */
    /* justify-content: center; */
    /* align-items: center; */
    /* background: conic-gradient(from 315deg at 55% 62%, #fff 0 25%, transparent 0 100%); */
    -webkit-mask: radial-gradient(circle 8px at 45% 65%, #000 95%, transparent 96%), radial-gradient(circle 12px at 64% 38%, transparent 95%, #000 96%);
    mask: radial-gradient(circle 8px at 45% 65%, #000 95%, transparent 96%), radial-gradient(circle 12px at 64% 38%, transparent 95%, #000 96%);
    /* opacity: .95; */
}
  /* Buttons */
  .ji-cta-btn{
    background: linear-gradient(90deg,var(--ji-accent),var(--ji-accent-2));
    color:#fff; font-weight:700; border-radius:999px;
    border:0; box-shadow: 0 8px 18px rgba(10,174,107,.25);
    transition: transform .2s ease, box-shadow .2s ease;
    will-change: transform;
    animation: ji-soft-pulse 8s ease-in-out infinite;
  }
  .ji-cta-btn:hover{ transform: translateY(-1px) scale(1.03); box-shadow: 0 10px 22px rgba(10,174,107,.32);}
  .ji-cta-btn:active{ transform: scale(.98); }

  .ji-ghost-btn{
    background:#fff; color:var(--ji-accent); font-weight:700;
    border-radius:999px; border:1px solid #b2f5ea;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .ji-ghost-btn:hover{ background:#f0fdfa; border-color:#99f6e4; transform: translateY(-1px); }

  .ji-assurance{ color:var(--ji-muted); font-size:.95rem; }

  /* Animations */
  @keyframes ji-fade-in{
    from{opacity:0; transform: translateY(16px);}
    to{opacity:1; transform: translateY(0);}
  }
  /* gentle attention every 8s without being heavy */
  @keyframes ji-soft-pulse{
    0%,97%,100%{ box-shadow: 0 8px 18px rgba(10,174,107,.25);}
    48%{ box-shadow: 0 12px 28px rgba(10,174,107,.35);}
  }

.modal {
    --bs-modal-zindex: 105599;
}

.modal-backdrop {
    --bs-backdrop-zindex: 105598;
}

.calendly-overlay {
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 105599;
}

.cert-wrap {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 0;
}
.cert-media {
    background: linear-gradient(180deg,#eef6ff,#e9f2ff);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    min-height: 360px;
}
.c-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1.5px solid #cbd5e1;
    color: #0b1324;
    font-size: 13px;
    font-weight: 800;
}

.cert-list {
    margin: 8px 0 0;
    padding-left: 18px;
    color: var(--muted);
    font-size: 15.3px;
    line-height: 1.6;
}

.cert-sec .sub {
    text-align: center;
    color: var(--muted);
    max-width: 820px;
    margin: 0 auto 34px;
    font-size: 16px;
}

.cert-body h3 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 900;
    color: #0f172a;
}

/* ===== Academic Rigor Section ===== */
.rigor-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rigor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.rigor-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
}

.rigor-list {
    list-style: none;
    padding: 0;
}

.rigor-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    padding-left: 1.5rem;
}

.rigor-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #10b981;
    font-weight: bold;
}

.rigor-list li:last-child {
    border-bottom: none;
}

.highlight-box {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 15px;
    border-left: 4px solid #3b82f6;
}

/* ===== Faculty Section ===== */
.faculty-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faculty-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.faculty-name {
    color: #333;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.faculty-title {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.faculty-bio {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
}

/* ===== Learning Outcomes Section ===== */
.outcome-category {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    height: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.outcome-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.outcome-list {
    list-style: none;
    padding: 0;
}

.outcome-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5;
}

.outcome-list li:before {
    content: "→";
    position: absolute;
    left: 0;
    color: #6366f1;
    font-weight: bold;
}

.outcome-list li:last-child {
    border-bottom: none;
}

.outcome-highlight {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-radius: 15px;
    border-left: 4px solid #3b82f6;
}

/* ===== Prerequisites Section ===== */
.prereq-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.prereq-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.prereq-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
}

.prereq-list {
    list-style: none;
    padding: 0;
}

.prereq-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.5;
}

.prereq-list li:last-child {
    border-bottom: none;
}

.prereq-list li strong {
    color: #374151;
}

/* ===== FAQ Section ===== */
.faq-section .accordion-item {
    border: 1px solid #e2e8f0;
    border-radius: 10px !important;
    margin-bottom: 1rem;
    overflow: hidden;
}

.faq-section .accordion-button {
    background: #fff;
    border: none;
    font-weight: 600;
    color: #374151;
    padding: 1.25rem 1.5rem;
}

.faq-section .accordion-button:not(.collapsed) {
    background: #f8fafc;
    color: #3b82f6;
    box-shadow: none;
}

.faq-section .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
}

.faq-section .accordion-body {
    padding: 1.5rem;
    background: #fff;
    color: #64748b;
    line-height: 1.6;
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
    .rigor-card,
    .faculty-card,
    .outcome-category,
    .prereq-card {
        padding: 1.5rem;
    }
    
    .outcome-title {
        font-size: 1.1rem;
    }
    
    .faculty-image img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width: 576px) {
    .rigor-card,
    .faculty-card,
    .outcome-category,
    .prereq-card {
        padding: 1rem;
    }
    
    .highlight-box,
    .outcome-highlight {
        padding: 1.5rem !important;
    }
}
/* ===== Program Schedule Section ===== */
.schedule-timeline {
    position: relative;
    padding: 2rem 0;
}

.schedule-timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #3b82f6, #10b981);
}

.timeline-item {
    position: relative;
    padding-left: 80px;
    margin-bottom: 3rem;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-marker {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 3px solid #3b82f6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.timeline-number {
    font-weight: bold;
    font-size: 1.2rem;
    color: #3b82f6;
}

.timeline-content {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-content:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.timeline-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.timeline-duration {
    color: #3b82f6;
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.timeline-desc {
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 0;
}

.schedule-info {
    background: #f8fafc;
    border-radius: 15px;
    padding: 2rem;
    border: 1px solid #e2e8f0;
}

.schedule-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.schedule-card h6 {
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
}

.schedule-card p {
    color: #64748b;
    line-height: 1.5;
}

/* ===== Responsive Design for Schedule ===== */
@media (max-width: 768px) {
    .schedule-timeline::before {
        left: 20px;
    }
    
    .timeline-item {
        padding-left: 60px;
    }
    
    .timeline-marker {
        width: 40px;
        height: 40px;
    }
    
    .timeline-number {
        font-size: 1rem;
    }
    
    .timeline-content {
        padding: 1.5rem;
    }
    
    .schedule-info {
        padding: 1.5rem;
    }
    
    .schedule-card {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .timeline-content {
        padding: 1rem;
    }
    
    .schedule-info {
        padding: 1rem;
    }
}
/* ===== Testimonials Section ===== */
.testimonial-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #10b981);
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.testimonial-quote {
    margin-bottom: 1rem;
}

.testimonial-quote i {
    font-size: 1.5rem;
    opacity: 0.7;
}

.testimonial-text {
    color: #374151;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.author-info {
    flex: 1;
}

.author-name {
    color: #333;
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1rem;
}

.author-role {
    color: #3b82f6;
    font-weight: 500;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.author-transition {
    color: #64748b;
    font-size: 0.8rem;
    margin-bottom: 0;
    font-style: italic;
}

.success-stats {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.stat-label {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 0;
    font-weight: 500;
}

/* ===== Responsive Design for Testimonials ===== */
@media (max-width: 768px) {
    .testimonial-card {
        padding: 1.5rem;
    }
    
    .testimonial-text {
        font-size: 0.95rem;
    }
    
    .success-stats {
        padding: 1.5rem;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .testimonial-card {
        padding: 1rem;
    }
    
    .success-stats {
        padding: 1rem;
    }
    
    .stat-number {
        font-size: 1.25rem;
    }
    
    .stat-label {
        font-size: 0.8rem;
    }
}
/* ===== IIT Roorkee Advantage Section ===== */
.advantage-content {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.advantage-content .lead {
    color: #374151;
    font-weight: 500;
}

/* ===== What You Will Learn Section ===== */
.learning-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.learning-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.learning-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.learning-list {
    list-style: none;
    padding: 0;
}

.learning-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    padding-left: 1.5rem;
    line-height: 1.5;
}

.learning-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #6366f1;
    font-weight: bold;
    font-size: 1.2rem;
}

.learning-list li:last-child {
    border-bottom: none;
}

.learning-emphasis {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-radius: 15px;
    padding: 2rem;
    border-left: 4px solid #3b82f6;
}

/* ===== Code First Approach Section ===== */
.approach-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    height: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.approach-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.approach-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.approach-list {
    list-style: none;
    padding: 0;
}

.approach-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.5;
}

.approach-list li:last-child {
    border-bottom: none;
}

.goal-highlight {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    border-radius: 15px;
    border-left: 4px solid #10b981;
}

/* ===== Hands On Labs Section ===== */
.lab-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lab-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.lab-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
}

.lab-desc {
    color: #64748b;
    line-height: 1.6;
}

.lab-support {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 15px;
    border-left: 4px solid #f59e0b;
}

/* ===== Tools and Technologies Section ===== */
.tech-category {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    height: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.tech-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.tech-list {
    list-style: none;
    padding: 0;
}

.tech-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.5;
}

.tech-list li:last-child {
    border-bottom: none;
}

.tech-list li strong {
    color: #374151;
}

.tech-note {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    border-radius: 15px;
    border-left: 4px solid #6366f1;
}

/* ===== Program Format Section ===== */
.format-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
    height: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.format-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.format-list {
    list-style: none;
    padding: 0;
}

.format-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.5;
}

.format-list li:last-child {
    border-bottom: none;
}

.format-list li strong {
    color: #374151;
}

.format-breakdown {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2rem;
}

/* ===== Certificate Section ===== */
.certificate-content {
    padding: 1rem 0;
}

.certificate-content .lead {
    color: #374151;
}

.cert-list {
    list-style: none;
    padding: 0;
}

.cert-list li {
    padding: 0.5rem 0;
    line-height: 1.5;
}

.certificate-image img {
    border: 2px solid #e2e8f0;
    transition: transform 0.3s ease;
}

.certificate-image img:hover {
    transform: scale(1.05);
}

/* ===== Program Fee Details Section ===== */
.fee-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 2.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.fee-amount {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
}

.fee-tax {
    font-size: 1.2rem;
    color: #64748b;
    font-weight: normal;
}

.fee-subtitle {
    color: #64748b;
    font-size: 1.1rem;
}

.fee-option {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1.5rem;
    height: 100%;
}

.fee-option h6 {
    /* color: #333; */
    color: var(--bs-link-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.fee-option p {
    color: #64748b;
    line-height: 1.5;
}

/* ===== Ready to Upskill Section ===== */
.upskill-cta {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 3rem 2rem;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.upskill-title {
    color: #333;
    font-weight: 700;
    font-size: 2.5rem;
}

.upskill-desc {
    color: #374151;
    max-width: 800px;
    margin: 0 auto;
}

.upskill-actions {
    margin-top: 2rem;
}

.upskill-actions .theme-btn {
    margin: 0.5rem;
    padding: 0.75rem 2rem;
    font-weight: 600;
}

/* ===== Responsive Design for New Sections ===== */
@media (max-width: 768px) {
    .advantage-content,
    .learning-card,
    .approach-card,
    .lab-card,
    .tech-category,
    .format-card,
    .fee-card {
        padding: 1.5rem;
    }
    
    .upskill-cta {
        padding: 2rem 1rem;
    }
    
    .upskill-title {
        font-size: 2rem;
    }
    
    .fee-amount {
        font-size: 2rem;
    }
    
    .lab-icon i {
        font-size: 2rem !important;
    }
}

@media (max-width: 576px) {
    .advantage-content,
    .learning-card,
    .approach-card,
    .lab-card,
    .tech-category,
    .format-card,
    .fee-card {
        padding: 1rem;
    }
    
    .upskill-cta {
        padding: 1.5rem 1rem;
    }
    
    .upskill-title {
        font-size: 1.75rem;
    }
    
    .fee-amount {
        font-size: 1.75rem;
    }
    
    .upskill-actions .theme-btn {
        display: block;
        width: 100%;
        margin: 0.5rem 0;
    }
}