/*
Theme Name: Fortune Trading Academy
Template: hello-elementor
Description: Custom design for Fortune Trading Academy — forex and gold (XAUUSD) training institute in Rawalpindi and Islamabad.
Version: 1.0.7
*/

:root{
  --bg:#FBFAF7; --paper:#FFFFFF; --navy:#0C1E2E; --navy-2:#123047; --navy-deep:#0A1926;
  --ink:#0C1E2E; --muted:#5B6976; --muted-2:#4A5A68; --on-dark:#B9C6D2;
  --line:#E9E5DC; --gold:#C39A3E; --gold-2:#E2C173; --gold-deep:#9A7630; --soft:#F6EFDD;
  --green:#2F9E6B; --red:#A5463E;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;
  --maxw:1180px; --r:18px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--gold-deep);text-decoration:none}
a:hover{color:#7A5C22}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-.01em}
p{margin:0}
ul{margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.eyebrow .dash{width:18px;height:1.5px;background:var(--gold)}
.lead{font-size:18px;line-height:1.65;color:var(--muted-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:700;border:1.5px solid transparent;cursor:pointer;transition:.18s}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-2);color:#fff}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-2);color:var(--navy)}
.btn-ghost{border-color:var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.btn-sm{height:46px;padding:0 22px;font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#fff;padding:10px 16px;z-index:99}

/* ---------- top bar + nav ---------- */
.topbar{background:var(--navy);color:#F3EDE0;font-size:14px;font-weight:500}
.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding-top:8px;padding-bottom:8px;text-align:center;flex-wrap:wrap}
.topbar b{color:var(--gold-2)}
.topbar a{color:var(--gold-2);font-weight:700}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gold-2);flex-shrink:0}
.nav{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
section[id],div[id]{scroll-margin-top:96px}
@supports not (backdrop-filter:blur(2px)){.nav{background:var(--bg)}}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.brand img{height:46px;width:auto;display:block}
.brand-name{display:flex;flex-direction:column;line-height:1}
.brand-name span{font-family:var(--serif);font-size:23px;font-weight:600}
.brand-name small{font-size:10px;letter-spacing:.24em;font-weight:700;color:var(--muted);margin-top:4px}
.nav-links{display:flex;gap:30px;font-size:15px;font-weight:600}
.nav-links a{color:var(--navy-2)}
.nav-links a:hover{color:var(--gold-deep)}
.nav-cta{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:46px;height:46px;border-radius:12px;border:1px solid #E0D9CA;background:none;align-items:center;justify-content:center}
.mobile-menu{display:none;flex-direction:column;gap:2px;padding:8px 24px 20px;border-top:1px solid var(--line);background:var(--bg)}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:12px 0;font-weight:600;color:var(--navy-2);border-bottom:1px solid var(--line)}
.mobile-menu .btn{margin-top:14px}

/* ---------- hero ---------- */
.hero{padding:72px 0 76px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.03;text-wrap:balance}
.hero h1 em{color:#B08530;font-style:italic}
.hero-col{display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--soft);color:#7A5C22;font-size:13px;font-weight:700}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-trust{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--navy-2)}
.hero-trust span{display:inline-flex;align-items:center;gap:8px}

/* ---------- batch card ---------- */
.batch{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 1px 2px rgba(12,30,46,.04),0 24px 60px rgba(12,30,46,.10);overflow:hidden}
.batch-head{padding:26px 30px 20px;display:flex;flex-direction:column;gap:16px}
.batch-head .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--muted)}
.chip-green{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#E6F4EC;color:#1F7A50;font-size:12px;font-weight:700}
.chip-green i{width:7px;height:7px;border-radius:50%;background:var(--green);display:block}
.chip-amber{background:#FCF3E2;color:#8A6D1D}
.chip-amber i{background:var(--gold)}
.chip-grey{background:#EEEEEC;color:#5B6976}
.chip-grey i{background:#9AA3AB}
.batch-date{display:flex;align-items:flex-end;gap:16px}
.batch-date .day{font-family:var(--serif);font-size:96px;line-height:.82;font-weight:500}
.batch-date .my{display:flex;flex-direction:column;gap:4px;padding-bottom:6px}
.batch-date .my b{font-family:var(--serif);font-size:28px;font-weight:500}
.batch-date .my small{font-size:15px;color:var(--muted);font-weight:600}
.batch-row{padding:16px 30px;border-top:1px solid #EFEBE2;display:flex;gap:14px;align-items:flex-start}
.batch-row .ic{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;flex-shrink:0}
.batch-row .txt{flex:1;display:flex;flex-direction:column;gap:2px}
.batch-row .txt .t{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:16px}
.batch-row .txt small{font-size:14px;color:var(--muted)}
.batch-foot{padding:10px 30px 28px}
.batch-foot .btn{width:100%;border-radius:14px}

/* ---------- carousel ---------- */
.section{padding:84px 0}
.section.tight{padding:64px 0}
.section.paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.sec-head h2{font-size:clamp(28px,3.4vw,42px)}
.sec-head .sub{max-width:420px;color:var(--muted);font-size:16.5px}
.car{position:relative}
.car-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.car-track::-webkit-scrollbar{display:none}
.slide{flex:0 0 min(820px,86%);scroll-snap-align:start;height:420px;border-radius:24px;overflow:hidden;position:relative;background:var(--navy);display:flex}
.car{--h:420px}
.car-track{align-items:center}
.slide.photo{flex:0 0 auto;height:auto;width:min(100%,calc(var(--h) * var(--ar,1)));aspect-ratio:var(--ar,1);background:#E9E2D2}
.slide.photo img{object-fit:contain}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-body{position:relative;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;max-width:600px}
.slide-body h3{font-size:clamp(28px,3.4vw,48px);color:#fff;line-height:1.05}
.slide-body p{color:var(--on-dark);font-size:17px}
.tag{align-self:flex-start;padding:7px 14px;border-radius:999px;background:rgba(226,193,115,.16);color:var(--gold-2);font-size:12px;font-weight:800;letter-spacing:.14em}
.slide-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 26px;background:linear-gradient(0deg,rgba(12,30,46,.8),rgba(12,30,46,0));color:#fff;font-weight:700;font-size:18px}
.car-nav{display:flex;gap:10px}
.car-btn{width:52px;height:52px;border-radius:50%;border:1.5px solid #D9D2C3;background:none;display:grid;place-items:center;cursor:pointer}
.car-btn:hover{background:var(--navy);border-color:var(--navy)}
.car-btn:hover svg{stroke:#fff}
.car-dots{display:flex;gap:8px;margin-top:18px}
.car-dots i{width:6px;height:6px;border-radius:999px;background:#CFC7B6;display:block}
.car-dots i.on{width:28px;background:var(--navy)}

/* ---------- two panels ---------- */
.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:26px;overflow:hidden;border:1px solid var(--line)}
.panel{padding:48px;display:flex;flex-direction:column;gap:24px}
.panel.dark{background:var(--navy);color:#DCE4EB}
.panel.dark h2{color:#fff}
.panel.dark .eyebrow{color:var(--gold-2)}
.panel.light{background:var(--paper)}
.panel.light .eyebrow{color:var(--red)}
.tick{display:flex;gap:13px;align-items:flex-start;font-size:16.5px}
.tick svg{flex-shrink:0;margin-top:3px}
.list{display:flex;flex-direction:column;gap:16px}

/* ---------- steps / curriculum ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.step{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:2px solid var(--navy)}
.step .n{font-family:var(--serif);font-size:42px;line-height:1;color:var(--gold)}
.step h4{font-family:var(--sans);font-size:19px;font-weight:700}
.step p{font-size:15.5px;color:var(--muted)}
.cur-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mod{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:9px}
.mod .num{font-size:13px;font-weight:800;color:var(--gold)}
.mod h4{font-size:23px}
.mod p{font-size:15px;color:var(--muted)}

/* ---------- videos ---------- */
.section.dark{background:var(--navy);color:#fff}
.section.dark h2{color:#fff}
.section.dark .eyebrow{color:var(--gold-2)}
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vid{display:flex;flex-direction:column;gap:14px}
.vid .thumb{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#173A55;display:grid;place-items:center}
.vid .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid .play{position:relative;width:62px;height:62px;border-radius:50%;background:var(--gold-2);display:grid;place-items:center}
.vid .topic{font-size:12px;font-weight:800;letter-spacing:.14em;color:#8FA3B5;text-transform:uppercase}
.vid h4{font-family:var(--sans);font-size:19px;font-weight:700;line-height:1.4;color:#fff}

/* ---------- trainer ---------- */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.portrait{position:relative;aspect-ratio:4/4.4;border-radius:26px;background:#E9E2D2;overflow:hidden;display:grid;place-items:center}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait .ph{color:#7B6E55;font-size:14px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:10px}
.name-card{position:absolute;left:24px;bottom:24px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(12,30,46,.14)}
.name-card b{font-family:var(--serif);font-size:20px;font-weight:600;display:block}
.name-card small{font-size:13px;color:var(--muted);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{padding:9px 16px;border-radius:999px;background:var(--soft);color:#6E5220;font-size:14px;font-weight:700}
.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.tcard{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:22px}
.tcard-top{display:flex;align-items:center;gap:20px}
.avatar{width:92px;height:92px;flex:none;border-radius:50%;overflow:hidden;background:var(--navy);color:var(--gold-2);display:grid;place-items:center;font-family:var(--serif);font-size:32px;letter-spacing:.02em;box-shadow:0 0 0 4px var(--bg),0 0 0 5.5px var(--gold)}
.avatar img{width:100%;height:100%;object-fit:cover}
.tcard h3{font-size:28px}
.tcard .role{display:block;margin-top:6px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.tcard .bio{color:var(--muted);font-size:16px;line-height:1.7}

/* ---------- faq ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;font-size:19px;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:26px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:12px;color:var(--muted-2);font-size:16px;max-width:680px}

/* ---------- enroll ---------- */
.enroll{border-radius:30px;background:var(--navy);padding:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:center;position:relative;overflow:hidden}
.enroll::before{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(226,193,115,.18)}
.enroll h2{color:#fff;font-size:clamp(30px,3.8vw,48px)}
.enroll .info{display:flex;flex-direction:column;gap:11px;font-size:15px;color:#DCE4EB;position:relative}
.enroll .info a{color:#DCE4EB}
.enroll .info span{display:flex;gap:12px;align-items:flex-start}
.form{position:relative;background:#fff;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:15px}
.form h3{font-family:var(--sans);font-size:20px;font-weight:800}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:13px;font-weight:700;color:#33475A}
.field input,.field select{height:50px;border-radius:12px;border:1px solid #DDD6C7;background:var(--bg);padding:0 15px;font-family:inherit;font-size:15px;color:var(--ink)}
.field input:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:1px}
.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seg label{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;border:1px solid #DDD6C7;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}
.seg input{position:absolute;opacity:0}
.seg input:checked+span{}
.seg label:has(input:checked){border:1.5px solid var(--navy);background:var(--soft);color:var(--ink);font-weight:700}
.fine{font-size:12.5px;line-height:1.5;color:#7A8793;text-align:center}

/* ---------- footer ---------- */
.site-foot{background:var(--navy-deep);color:#9FB0BF;padding:64px 0 30px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:44px}
.foot-grid a{color:#9FB0BF;display:block;margin-bottom:11px}
.foot-grid a:hover{color:var(--gold-2)}
.foot-col h5{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--gold-2);margin:0 0 16px}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.foot-brand .box{background:#fff;border-radius:12px;padding:6px 8px;display:flex}
.foot-brand img{height:36px;width:auto}
.foot-brand .brand-name span{color:#fff}
.foot-brand .brand-name small{color:#7F93A5}
.socials{display:flex;gap:12px;margin-top:20px}
.socials a{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--gold-2);margin:0}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}
.foot-bottom .links{display:flex;gap:22px}
.foot-bottom a{display:inline}
.disclaimer{font-size:12.5px;line-height:1.6;color:#6F8497;margin-top:16px}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 10px 30px rgba(47,158,107,.4)}
.wa-bar{display:none}

/* ---------- blog, posts, pages ---------- */
.page-hero{padding:56px 0 8px}
.page-hero h1{font-size:clamp(32px,4.6vw,52px)}
.page-hero .sub{margin-top:14px;color:var(--muted-2);font-size:17px;max-width:720px}
.content{max-width:760px;margin:0 auto;padding:36px 24px 72px;font-size:17px;line-height:1.75;color:#233748}
.content h2{font-size:26px;margin:2em 0 .5em}
.content h3{font-size:21px;margin:1.6em 0 .4em}
.content p{margin:0 0 1.1em}
.content ul,.content ol{margin:0 0 1.2em;padding-left:1.3em}
.content li{margin-bottom:.5em}
.content a{text-decoration:underline;text-underline-offset:2px}
.content em{color:var(--muted)}
.post-meta{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--muted);margin-top:14px}
.cat-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--soft);color:#6E5220;font-size:12.5px;font-weight:700}
.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:36px 0 72px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px}
.card h2{font-size:24px;line-height:1.25}
.card h2 a{color:var(--ink)}
.card h2 a:hover{color:var(--gold-deep)}
.card p{color:var(--muted);font-size:15.5px}
.card .more{font-weight:700;font-size:14.5px}
.pager{display:flex;gap:10px;justify-content:center;padding-bottom:60px}
.pager .page-numbers{padding:10px 16px;border:1px solid var(--line);border-radius:10px;color:var(--navy-2);font-weight:600}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.post-faq{margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.post-faq h2{font-size:24px;margin-bottom:10px}
.post-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.post-faq summary{cursor:pointer;font-weight:700;list-style:none}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::before{content:"+";color:var(--gold);font-weight:700;margin-right:10px}
.post-faq details[open] summary::before{content:"\2212"}
.post-cta{margin-top:40px;padding:30px;border-radius:20px;background:var(--navy);color:#DCE4EB}
.post-cta h3{color:#fff;font-size:24px;margin-bottom:8px}
.post-cta .btn{margin-top:16px}
.back-link{font-size:14px;color:var(--muted);font-weight:600}


/* single post / page: align the title with the article column */
body.single .page-hero .wrap,body.page .page-hero .wrap{max-width:808px}

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .hero-grid,.split,.cur-grid,.faq-grid,.enroll{grid-template-columns:minmax(0,1fr);gap:40px}
  .panels{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-links{display:none}
  .menu-btn{display:flex}
  .enroll{padding:40px 28px}
  .section{padding:64px 0}
  .portrait{max-width:420px}
}
@media(max-width:780px){
  body{font-size:15.5px}
  .nav{background:var(--bg)}
  section[id],div[id]{scroll-margin-top:76px}
  .nav-cta .btn-ghost{display:none}
  .posts{grid-template-columns:minmax(0,1fr)}
  .mods{grid-template-columns:minmax(0,1fr)}
  .vids{grid-template-columns:minmax(0,1fr)}
  .tgrid{grid-template-columns:minmax(0,1fr);gap:20px}
  .tcard{padding:26px 22px}
  .avatar{width:76px;height:76px;font-size:26px}
  .tcard h3{font-size:24px}
  .steps{grid-template-columns:minmax(0,1fr);gap:18px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px}
  .slide{height:360px}
  .car{--h:360px}
  .slide-body{padding:30px 26px}
  .panel{padding:32px 26px}
  .hero{padding:44px 0 40px}
  .batch-head,.batch-row,.batch-foot{padding-left:22px;padding-right:22px}
  .batch-date .day{font-size:76px}
  .wa-float{display:none}
  .wa-bar{display:flex;position:sticky;bottom:0;z-index:45;gap:10px;padding:12px 16px;background:rgba(251,250,247,.96);border-top:1px solid var(--line)}
  .wa-bar .btn{flex:1;height:50px;border-radius:14px;background:var(--green);color:#fff;font-size:15px}
  .wa-bar .call{width:50px;height:50px;border-radius:14px;border:1px solid #D9D2C3;display:grid;place-items:center}
  .foot-bottom{flex-direction:column;gap:12px}
  .content{padding:28px 20px 56px;font-size:16.5px}
}
@media(max-width:520px){
  .wrap{padding:0 18px}
  .topbar .wrap{font-size:13px}
  .brand img{height:38px}
  .brand-name span{font-size:20px}
  .nav-cta .btn-gold{display:none}
  .nav-inner{min-height:68px}
  .batch-row .txt .t{font-size:15px;flex-wrap:wrap}
  .batch-row .txt small{font-size:13px}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .hero-cta .btn{width:100%}
  .enroll{padding:30px 20px;border-radius:22px}
  .form{padding:22px}
}