/* ============ RESET & BASE ============ */
  *,*::before,*::after{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    font-family:'IBM Plex Sans',sans-serif;
    color:var(--ink);
    background-color:var(--paper);
    background-image:radial-gradient(rgba(19,42,70,0.05) 1px, transparent 1px);
    background-size:22px 22px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{ display:block; max-width:100%; }
  a{ color:inherit; text-decoration:none; }
  button{ font-family:inherit; cursor:pointer; }
  ul{ list-style:none; margin:0; padding:0; }
  h1,h2,h3{ font-family:'Space Grotesk',sans-serif; color:var(--navy); margin:0; line-height:1.15; }
  p{ margin:0; }
  input,select{ font-family:inherit; font-size:1rem; }
  :focus-visible{ outline:2.5px solid var(--emerald); outline-offset:2px; }

  :root{
    --navy:#132A46;
    --navy-deep:#0C1E33;
    --paper:#EFF2F6;
    --white:#FFFFFF;
    --gold:#D6A24A;
    --gold-deep:#A9782A;
    --emerald:#147A5F;
    --emerald-deep:#0F5F4A;
    --ink:#16202B;
    --ink-soft:#55606E;
    --line:#D7DCE2;
    --whatsapp:#25D366;
    --whatsapp-deep:#1DA851;
    --radius:16px;
    --shadow:0 8px 24px rgba(19,42,70,0.08);
    --container:1180px;
  }

  /* ============ LAYOUT UTILITIES ============ */
  .container{ max-width:var(--container); margin:0 auto; padding:0 20px; }
  .section{ padding:68px 0; }
  .section-head{ max-width:620px; margin:0 auto 44px; text-align:center; }
  .section-head p{ color:var(--ink-soft); font-size:1.02rem; margin-top:10px; }
  .eyebrow{
    display:inline-block;
    font-family:'IBM Plex Mono',monospace;
    font-size:0.7rem;
    letter-spacing:0.12em;
    font-weight:600;
    color:var(--emerald-deep);
    background:rgba(20,122,95,0.09);
    padding:6px 14px;
    border-radius:999px;
    margin-bottom:14px;
  }
  .eyebrow1{
    display:inline-block;
    font-family:'IBM Plex Mono',monospace;
    font-size:0.7rem;
    letter-spacing:0.18em;
    font-weight:700;
    color:var(--emerald-deep);
    background:rgba(20,122,95,0.09);
    padding:6px 14px;
    border-radius:999px;
    margin-bottom:14px;
    margin-top: 15px;
    width:75%;
    text-align:center;
  }
  .section-head h2{ font-size:clamp(1.6rem,3.2vw,2.25rem); }

  .reveal{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
  .reveal.is-visible{ opacity:1; transform:translateY(0); }
  @media (prefers-reduced-motion:reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
    html{ scroll-behavior:auto; }
  }

  /* ============ BUTTONS ============ */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:15px 28px; border-radius:999px; font-weight:600; font-size:0.96rem;
    border:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    white-space:nowrap;
  }
  .btn-primary{ background:var(--emerald); color:#fff; box-shadow:0 10px 24px rgba(20,122,95,0.28); }
  .btn-primary:hover{ background:var(--emerald-deep); transform:translateY(-2px); }
  .btn:active{ transform:translateY(0) scale(0.97); }
  .btn-outline{ background:transparent; border:1.5px solid var(--navy); color:var(--navy); }
  .btn-outline:hover{ background:var(--navy); color:#fff; }
  .btn-block{ width:100%; }

  /* ============ HEADER ============ */
  .site-header{
    position:sticky; top:0; z-index:50;
    background:rgba(239,242,246,0.94);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .header-inner{
    max-width:var(--container); margin:0 auto; padding:14px 20px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  .brand{ display:flex; flex-direction:column; line-height:1.1; }
  .brand-name{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.3rem; color:var(--navy); }
  .brand-tag{ font-family:'IBM Plex Mono',monospace; font-size:0.62rem; letter-spacing:0.14em; color:var(--gold-deep); font-weight:600; }
  .header-actions{ display:flex; gap:10px; }
  .header-btn{
    display:flex; align-items:center; gap:7px;
    padding:9px 16px; border-radius:999px; font-size:0.86rem; font-weight:600;
    transition:transform .15s ease;
  }
  .header-btn:hover{ transform:translateY(-2px); }
  .header-btn-call{ background:var(--navy); color:#fff; }
  .header-btn-wa{ background:var(--whatsapp); color:#fff; }
  .header-btn svg{ width:16px; height:16px; }
  .header-btn-label{ display:inline; }
  @media (max-width:560px){
    .header-btn-label{ display:none; }
    .header-btn{ padding:10px; }
    .brand-name{ font-size:1.12rem; }
  }

  /* mini whatsapp bubble icon reused in header/footer buttons */
  .wa-bubble-mini{
    width:16px; height:13px; background:#fff; border-radius:8px 8px 8px 2px; position:relative; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; gap:1.5px;
  }
  .wa-bubble-mini span{ width:2.2px; height:2.2px; border-radius:50%; background:var(--whatsapp); }

  /* ============ HERO ============ */
  .hero{ padding:10px 0 64px; overflow:hidden; }
  .hero-inner{ display:grid; grid-template-columns:1fr; gap:44px; align-items:center; }
  @media (min-width:900px){ .hero-inner{ grid-template-columns:1.05fr 0.95fr; gap:52px; } }

  .hero h1{ font-size:clamp(2.1rem,5vw,3.3rem); margin:14px 0 18px; }
  .hero-sub{ font-size:1.08rem; color:var(--ink-soft); max-width:520px; margin-bottom:26px; }
  .hero-ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:30px; }
  .trust-row{ display:flex; flex-wrap:wrap; gap:10px; }
  .trust-pill{
    font-size:0.82rem; font-weight:500; color:var(--navy);
    background:var(--white); border:1px solid var(--line);
    padding:7px 14px; border-radius:999px;
  }
  .trust-pill::before{ content:'✓ '; color:var(--emerald); font-weight:700; }

  /* Departure board widget */
  .board{
    background:var(--navy); border-radius:var(--radius); padding:20px;
    box-shadow:0 22px 46px rgba(12,30,51,0.38);
    font-family:'IBM Plex Mono',monospace;
    position:relative;
    animation:board-float 5s ease-in-out infinite;
  }
  .board::before{
    content:'';
    position:absolute; inset:-1px; border-radius:inherit;
    border:1px solid rgba(214,162,74,0.25);
    pointer-events:none;
  }
  @keyframes board-float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-6px); }
  }
  @media (prefers-reduced-motion:reduce){
    .board{ animation:none; }
  }
  /* perforated ticket-tear strip under the board */
  .board-tear{
    height:14px; margin-top:-1px; background:var(--navy);
    border-radius:0 0 10px 10px;
    background-image:radial-gradient(circle 6px, var(--paper) 6px, transparent 6.5px);
    background-position:7px center;
    background-size:24px 14px;
    background-repeat:repeat-x;
  }
  .board-head,.board-row{ display:grid; grid-template-columns:1.5fr 1fr 0.75fr; gap:8px; padding:10px 10px; }
  .board-head{
    color:var(--gold); font-size:0.64rem; letter-spacing:0.1em; font-weight:600;
    border-bottom:1px solid rgba(255,255,255,0.15); padding-bottom:12px; margin-bottom:4px;
  }
  .board-row{
    color:#fff; font-size:0.76rem; font-weight:600; letter-spacing:0.02em;
    border-bottom:1px dashed rgba(255,255,255,0.14);
  }
  .board-row:last-child{ border-bottom:none; }
  .flap{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .flap-status{ color:#7CE0B8; }
  .board-caption{
    text-align:center; font-size:0.8rem; color:var(--ink-soft); margin-top:14px;
    font-family:'IBM Plex Mono',monospace;
  }

  /* ============ HOW IT WORKS ============ */
  .steps{ display:flex; flex-direction:column; }
  .step{ display:flex; gap:18px; align-items:flex-start; }
  .step-num{
    flex-shrink:0; width:44px; height:44px; border-radius:50%;
    background:var(--navy); color:var(--gold); font-family:'Space Grotesk',sans-serif; font-weight:700;
    display:flex; align-items:center; justify-content:center; font-size:1.05rem;
  }
  .step h3{ font-size:1.12rem; margin-bottom:6px; }
  .step p{ color:var(--ink-soft); font-size:0.95rem; max-width:280px; }
  .step-connector{ width:2px; min-height:34px; border-left:2px dashed var(--line); margin:6px 0 6px 21px; }
  @media (min-width:860px){
    .steps{ flex-direction:row; align-items:flex-start; }
    .step{ flex-direction:column; text-align:center; align-items:center; flex:1; }
    .step p{ max-width:230px; }
    .step-connector{ width:auto; min-height:0; height:2px; border-left:none; border-top:2px dashed var(--line); margin:22px 6px 0; flex:0 0 40px; align-self:flex-start; }
  }

  /* ============ COURSES ============ */
  .courses-grid{ display:grid; grid-template-columns:1fr; gap:24px; }
  @media (min-width:640px){ .courses-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:980px){ .courses-grid{ grid-template-columns:repeat(3,1fr); } }
  .courses-grid .course-card{ opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; }
  .courses-grid.is-visible .course-card{ opacity:1; transform:translateY(0); }
  .courses-grid.is-visible .course-card:nth-of-type(1){ transition-delay:.03s; }
  .courses-grid.is-visible .course-card:nth-of-type(2){ transition-delay:.08s; }
  .courses-grid.is-visible .course-card:nth-of-type(3){ transition-delay:.13s; }
  .courses-grid.is-visible .course-card:nth-of-type(4){ transition-delay:.18s; }
  .courses-grid.is-visible .course-card:nth-of-type(5){ transition-delay:.23s; }
  .courses-grid.is-visible .course-card:nth-of-type(6){ transition-delay:.28s; }
  .courses-grid.is-visible .course-card:nth-of-type(7){ transition-delay:.33s; }
  .courses-grid.is-visible .course-card:nth-of-type(8){ transition-delay:.38s; }
  .courses-grid.is-visible .course-card:nth-of-type(9){ transition-delay:.43s; }
  @media (prefers-reduced-motion:reduce){
    .courses-grid .course-card{ opacity:1; transform:none; transition:none; }
  }

  .course-card{
    position:relative;
    background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
    box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .course-card:hover,.course-card:focus-within{ transform:translateY(-5px); box-shadow:0 18px 34px rgba(19,42,70,0.15); }
  .course-card.is-selected{ border-color:var(--emerald); box-shadow:0 0 0 2.5px rgba(20,122,95,0.35),0 18px 34px rgba(19,42,70,0.15); }
  .course-card.is-selected::after{
    content:'✓ SELECTED';
    position:absolute; top:14px; right:-30px;
    background:var(--emerald); color:#fff;
    font-family:'IBM Plex Mono',monospace; font-size:0.62rem; font-weight:700; letter-spacing:0.08em;
    padding:4px 34px; transform:rotate(35deg);
    box-shadow:0 4px 10px rgba(15,95,74,0.35);
    animation:badge-in .35s ease;
  }
  @keyframes badge-in{
    from{ transform:rotate(35deg) scale(0.5); opacity:0; }
    to{ transform:rotate(35deg) scale(1); opacity:1; }
  }
  @media (prefers-reduced-motion:reduce){
    .course-card.is-selected::after{ animation:none; }
  }
  .course-top{ display:flex; gap:16px; padding:24px 22px 18px; flex:1; }
  .stamp{
    width:58px; height:58px; border-radius:50%; border:2px dashed currentColor;
    display:flex; align-items:center; justify-content:center; text-align:center;
    font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:0.66rem; letter-spacing:0.02em;
    transform:rotate(-8deg); flex-shrink:0; line-height:1.15; padding:4px;
    transition:transform .25s ease;
  }
  .stamp-navy{ color:var(--navy); }
  .stamp-gold{ color:var(--gold-deep); }
  .stamp-emerald{ color:var(--emerald); }
  /* vary the stamp tilt per card so they read as individually hand-stamped, not copy-pasted */
  .course-card:nth-of-type(2) .stamp{ transform:rotate(6deg); }
  .course-card:nth-of-type(3) .stamp{ transform:rotate(-5deg); }
  .course-card:nth-of-type(4) .stamp{ transform:rotate(7deg); }
  .course-card:nth-of-type(5) .stamp{ transform:rotate(-6deg); }
  .course-card:nth-of-type(6) .stamp{ transform:rotate(4deg); }
  .course-card:nth-of-type(7) .stamp{ transform:rotate(-9deg); }
  .course-card:nth-of-type(8) .stamp{ transform:rotate(5deg); }
  .course-card:nth-of-type(9) .stamp{ transform:rotate(-4deg); }
  .course-card:hover .stamp,.course-card:focus-within .stamp{ transform:rotate(0deg) scale(1.06); }
  .course-info h3{ font-size:1.08rem; margin-bottom:6px; }
  .course-info p{ font-size:0.91rem; color:var(--ink-soft); line-height:1.55; }
  .course-stub{
    position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:14px 22px; border-top:2px dashed var(--line); background:var(--paper);
  }
  .course-stub::before,.course-stub::after{
    content:''; position:absolute; top:-9px; width:18px; height:18px; border-radius:50%; background:var(--paper);
  }
  .course-stub::before{ left:-9px; }
  .course-stub::after{ right:-9px; }
  .course-meta{ font-family:'IBM Plex Mono',monospace; font-size:0.68rem; letter-spacing:0.04em; color:var(--ink-soft); }
  .select-course-btn{
    display:inline-flex; align-items:center; gap:6px;
    background:var(--navy); color:#fff; border:none; padding:9px 16px;
    border-radius:999px; font-size:0.82rem; font-weight:600; transition:background .15s ease, transform .15s ease;
  }
  .select-course-btn:hover{ background:var(--emerald-deep); transform:translateY(-1px); }
  .select-course-btn:active{ transform:translateY(0) scale(0.96); }

  /* ============ ENQUIRY FORM ============ */
  .enquiry{ background:var(--navy); }
  .enquiry .section-head h2{ color:#fff; }
  .enquiry .section-head p{ color:rgba(255,255,255,0.65); }
  .enquiry .eyebrow{ background:rgba(214,162,74,0.16); color:var(--gold); }

  .enquiry-card{
    max-width:520px; margin:0 auto; background:var(--white); border-radius:var(--radius);
    overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,0.28);
  }
  .ticket-header{
    background:var(--navy-deep); color:var(--gold); font-family:'IBM Plex Mono',monospace;
    display:flex; justify-content:space-between; padding:12px 22px; font-size:0.68rem; letter-spacing:0.12em; font-weight:600;
  }
  .selected-course-box{
    display:flex; flex-direction:column; gap:4px; padding:20px 26px;
    border-bottom:2px dashed var(--line);
  }
  .scb-label{ font-family:'IBM Plex Mono',monospace; font-size:0.66rem; letter-spacing:0.1em; color:var(--ink-soft); font-weight:600; }
  .scb-value{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.18rem; color:var(--navy); }

  #enquiryForm{ padding:22px 26px 26px; display:flex; flex-direction:column; gap:16px; }
  .field label{ display:block; font-size:0.85rem; font-weight:600; color:var(--navy); margin-bottom:6px; }
  .field select,.field input{
    width:100%; padding:12px 14px; border:1.5px solid var(--line); border-radius:10px; background:var(--paper);
    transition:border-color .15s ease;
  }
  .field select:focus,.field input:focus{ border-color:var(--emerald); outline:none; }
  .mobile-field{ display:flex; align-items:stretch; border:1.5px solid var(--line); border-radius:10px; overflow:hidden; background:var(--paper); }
  .mobile-field:focus-within{ border-color:var(--emerald); }
  .mobile-prefix{ display:flex; align-items:center; padding:0 12px; font-family:'IBM Plex Mono',monospace; font-weight:600; color:var(--ink-soft); background:var(--line); }
  .mobile-field input{ border:none; background:transparent; flex:1; padding:12px 14px; }
  .mobile-field input:focus{ outline:none; }
  .field-error{ display:block; font-size:0.78rem; color:#C7433F; margin-top:5px; min-height:1em; }
  .privacy-note{ font-size:0.78rem; color:var(--ink-soft); text-align:center; margin-top:2px; }

  .success-msg{ padding:34px 30px 30px; text-align:center; }
  .confirm-stamp{
    display:inline-flex; align-items:center; gap:6px;
    border:2.5px solid var(--emerald); color:var(--emerald-deep);
    font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:0.72rem; letter-spacing:0.14em;
    padding:6px 16px; border-radius:8px; transform:rotate(-4deg) scale(0.6);
    margin-bottom:14px; opacity:0;
    animation:stamp-thump .45s cubic-bezier(.34,1.56,.64,1) .15s forwards;
  }
  @keyframes stamp-thump{
    0%{ transform:rotate(-4deg) scale(1.8); opacity:0; }
    60%{ transform:rotate(-4deg) scale(0.94); opacity:1; }
    100%{ transform:rotate(-4deg) scale(1); opacity:1; }
  }
  @media (prefers-reduced-motion:reduce){
    .confirm-stamp{ animation:none; opacity:1; transform:rotate(-4deg) scale(1); }
  }
  .success-msg h3{ font-size:1.3rem; margin-bottom:10px; }
  .success-msg p{ color:var(--ink-soft); font-size:0.96rem; margin-bottom:20px; }
  .wa-followup-btn{
    display:inline-flex; align-items:center; gap:9px; background:var(--whatsapp); color:#fff;
    padding:13px 24px; border-radius:999px; font-weight:600; font-size:0.92rem; transition:background .15s ease;
  }
  .wa-followup-btn:hover{ background:var(--whatsapp-deep); }

  /* ============ WHY US ============ */
  .why-grid{ display:grid; grid-template-columns:1fr; gap:22px; }
  @media (min-width:640px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:980px){ .why-grid{ grid-template-columns:repeat(4,1fr); } }
  .why-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:26px 22px; text-align:left; }
  .why-icon{
    width:42px; height:42px; border-radius:11px; background:rgba(20,122,95,0.1); color:var(--emerald);
    display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; margin-bottom:14px; font-size:1.05rem;
  }
  .why-card h3{ font-size:1.02rem; margin-bottom:8px; }
  .why-card p{ font-size:0.9rem; color:var(--ink-soft); }

  /* ============ FAQ ============ */
  .faq-list{ max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
  .faq-item{ background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
  .faq-q{
    width:100%; background:none; border:none; text-align:left; padding:18px 20px;
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    font-weight:600; color:var(--navy); font-size:0.98rem;
  }
  .faq-icon{ font-family:'Space Grotesk',sans-serif; font-size:1.2rem; color:var(--emerald); flex-shrink:0; }
  .faq-a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
  .faq-a p{ padding:0 20px 18px; color:var(--ink-soft); font-size:0.92rem; }
  .faq-item.is-open .faq-a{ max-height:220px; }

  /* ============ FOOTER ============ */
  .site-footer{ background:var(--navy-deep); color:rgba(255,255,255,0.85); padding:52px 0 26px; }
  .footer-inner{ display:grid; grid-template-columns:1fr; gap:32px; margin-bottom:36px; }
  @media (min-width:720px){ .footer-inner{ grid-template-columns:1.3fr 1fr; } }
  .footer-brand-name{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.4rem; color:#fff; margin-bottom:8px; }
  .footer-tagline{ color:rgba(255,255,255,0.6); font-size:0.94rem; max-width:340px; }
  .footer-contact h4{ font-family:'IBM Plex Mono',monospace; letter-spacing:0.1em; font-size:0.7rem; color:var(--gold); margin-bottom:14px; }
  .footer-contact-row{ display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:0.98rem; }
  .footer-contact-row svg{ width:16px; height:16px; flex-shrink:0; }
  .footer-fine{ border-top:1px solid rgba(255,255,255,0.12); padding-top:22px; font-size:0.8rem; color:rgba(255,255,255,0.45); display:flex; flex-direction:column; gap:8px; }
  @media (min-width:720px){ .footer-fine{ text-align:center; } }

  /* ============ FLOATING ACTION BUTTONS ============ */
  .fab-stack{ position:fixed; right:18px; bottom:18px; z-index:60; display:flex; flex-direction:column; gap:12px; }
  .fab{
    width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 24px rgba(0,0,0,0.25); transition:transform .15s ease;
  }
  .fab:hover{ transform:scale(1.07); }
  .fab-call{ background:var(--navy); }
  .fab-wa{ background:var(--whatsapp); position:relative; }
  .fab-wa::before{
    content:''; position:absolute; inset:0; border-radius:50%;
    background:var(--whatsapp); z-index:-1;
    animation:fab-pulse 2.6s ease-out infinite;
  }
  @keyframes fab-pulse{
    0%{ transform:scale(1); opacity:0.55; }
    100%{ transform:scale(1.9); opacity:0; }
  }
  @media (prefers-reduced-motion:reduce){
    .fab-wa::before{ animation:none; display:none; }
  }
  .fab-call svg{ width:24px; height:24px; }
  .wa-bubble{
    width:26px; height:21px; background:#fff; border-radius:12px 12px 12px 3px; position:relative;
    display:flex; align-items:center; justify-content:center; gap:3px;
  }
  .wa-bubble span{ width:3.4px; height:3.4px; border-radius:50%; background:var(--whatsapp); }

  @media (max-width:480px){
    .fab{ width:50px; height:50px; }
  }
  
  /*-------popup----------------------*/
  

.form-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}

.form-popup-overlay.show {
  display: flex;
}


.form-popup-wrapper {
  position: relative;
  width: 100%;
  max-width: 470px;
  max-height: 90vh;
}


/* Popup form card */
.form-popup-wrapper .enquiry-card {
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
}


/* Close button */
.popup-close {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #222;
  font-size: 25px;
  line-height: 30px;
  cursor: pointer;
  z-index: 10;
}
.form-popup-wrapper .selected-course-box {
  padding: 22px 25px;
}


.form-popup-wrapper #enquiryForm {
  padding: 25px;
}


.form-popup-wrapper .field {
  /*padding-left: 12px;*/
  /*padding-right: 12px;*/
  padding:10px 12px;
}

.form-popup-wrapper .field label {
  margin-left: 0;
  margin-right: 0;
}


.form-popup-wrapper .btn.btn-primary.btn-block {
  width: calc(100% - 50px) !important;
  margin-left: 25px !important;
  margin-right: 25px !important;
}


.form-popup-wrapper .privacy-note {
  margin-bottom: 5px;
}
  
  
  /*==========================================
    PRIVACY POLICY PAGE
==========================================*/

.privacy-section{
    padding:70px 0;
}

.privacy-card{
    background:var(--white);
    padding:45px;
    border-radius:18px;
    box-shadow:var(--shadow);
    border:1px solid var(--line);
}

.privacy-card h2{
    color:var(--navy);
    font-size:28px;
    margin-bottom:10px;
}

.privacy-card h3{
    color:var(--navy);
    font-size:22px;
    margin:35px 0 12px;
    position:relative;
    padding-bottom:8px;
}

.privacy-card h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:3px;
    background:var(--gold);
    border-radius:20px;
}

.privacy-card p{
    color:var(--ink-soft);
    line-height:1.9;
    font-size:16px;
    margin-bottom:18px;
}

.privacy-card ul{
    margin:15px 0 25px 22px;
    list-style:disc;
}

.privacy-card ul li{
    color:var(--ink-soft);
    margin-bottom:10px;
    line-height:1.8;
}

.privacy-card a{
    color:var(--emerald);
    font-weight:600;
    transition:.3s;
}

.privacy-card a:hover{
    color:var(--gold-deep);
}

.policy-box{
    background:#f8fafc;
    border-left:5px solid var(--gold);
    padding:20px 25px;
    border-radius:10px;
    margin:25px 0;
}

.policy-box p{
    margin:0;
}

.contact-box{
    background:var(--navy);
    color:#fff;
    padding:30px;
    border-radius:14px;
    margin-top:35px;
}

.contact-box h3{
    color:#fff;
    margin-top:0;
    margin-bottom:15px;
}

.contact-box h3:after{
    background:var(--gold);
}

.contact-box p{
    color:rgba(255,255,255,.85);
    margin-bottom:10px;
}

.contact-box a{
    color:var(--gold);
    text-decoration:none;
}

.contact-box a:hover{
    color:#fff;
}

.last-updated{
    display:inline-block;
    background:rgba(20,122,95,.1);
    color:var(--emerald);
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:30px;
}

@media(max-width:991px){

    .privacy-card{
        padding:35px;
    }

}

@media(max-width:767px){

    .privacy-section{
        padding:50px 0;
    }

    .privacy-card{
        padding:25px;
    }

    .privacy-card h2{
        font-size:24px;
    }

    .privacy-card h3{
        font-size:20px;
    }

    .privacy-card p,
    .privacy-card li{
        font-size:15px;
    }

    .contact-box{
        padding:22px;
    }

}


/*course details*/

.course-wrapper{
    display:grid;
    grid-template-columns:2fr 340px;
    gap:50px;
    align-items:start;
}

.course-image{
    width:100%;
    border-radius:15px;
    margin-bottom:30px;
}

.course-content h1{
    font-size:40px;
    margin-bottom:20px;
    color:#132A46;
}

.course-content p{
    margin-bottom:20px;
    color:#555;
    line-height:1.8;
}

.course-content h3{
    margin:35px 0 20px;
    color:#132A46;
}

.course-points{
    padding-left:20px;
}

.course-points li{
    margin-bottom:12px;
    color:#444;
}

.course-sidebar{
    position:sticky;
    top:120px;
}

.sidebar-box{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.sidebar-box h3{
    background:#132A46;
    color:#fff;
    padding:18px 25px;
    margin:0;
    font-size:22px;
}

.sidebar-box ul{
    list-style:none;
    margin:0;
    padding:0;
}

.sidebar-box li{
    border-bottom:1px solid #eee;
}

.sidebar-box li:last-child{
    border-bottom:none;
}

.sidebar-box li a{
    display:block;
    padding:16px 25px;
    color:#333;
    transition:.3s;
}

.sidebar-box li:hover a,
.sidebar-box li.active a{
    background:#147A5F;
    color:#fff;
    padding-left:35px;
}

@media(max-width:991px){

.course-wrapper{
    grid-template-columns:1fr;
}

.course-sidebar{
    position:relative;
    top:0;
}

}