/* Template track. */
:root{--fb:'Mada';--fh:'Kufam';--bg:#EEF5FB;--ink:#0F2233;--ink2:#4E6275;--line:#D3E2EE;--acc:#C8553D;--sky:#2F80C4;--nav-bg:rgba(255,255,255,.95);--nav-solid:#fff;--demo-bg:#0F2233;--r-in:6px}
.track{font-size:17px}
.track .nav{border-bottom:4px solid var(--acc)}
.track .btn{border-radius:4px;transform:skewX(-8deg)}
.track .cta,.track .b1,form .btn{background:var(--acc);color:#fff}
.track .b2{background:#fff;color:var(--ink)}
form .btn{transform:none}
h1,h2{font-style:italic;font-weight:800}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px}
.hero{background:var(--acc);color:#fff;position:relative;overflow:hidden;padding-top:60px}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 86px,rgba(255,255,255,.35) 86px 89px)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;position:relative;padding-bottom:56px}
.go{display:inline-block;background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:5px 16px;transform:skewX(-8deg)}
.hero h1{font-size:64px;margin:18px 0;line-height:1.25}.hero h1 em{color:var(--ink)}
.hero-t>p{font-size:19px;color:#FFE4DD;max-width:540px}
.hero-b{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero-v .ph{height:430px;background:center/cover;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);border-radius:4px}
.lanes{background:var(--ink);position:relative}
.lanes .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lanes .wrap>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;padding:18px 16px;border-inline-start:3px solid rgba(255,255,255,.18)}
.lanes .wrap>div:first-child{border:0}
.lanes i{grid-row:span 2;font-family:var(--fh);font-weight:800;font-size:42px;color:var(--acc);line-height:1;font-style:italic}
.lanes b{font-family:var(--fh);font-size:26px;line-height:1.2}.lanes span{font-size:14px;color:#B6C6D6}
.sec-h h2{font-size:42px}.sec-h h2 em{color:var(--acc)}
.kick{color:var(--sky);font-weight:700}
.events{background:#fff}
.lane-list{display:grid;border-top:3px solid var(--acc)}
.lr{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 6px;border-bottom:2px dashed var(--line)}
.lr i{font-family:var(--fh);font-style:italic;font-weight:800;font-size:44px;color:var(--acc);line-height:1;text-align:center}
.lr h3{font-size:22px}.lr p{margin:2px 0 0;color:var(--ink2)}
.lr:hover{background:var(--bg)}
.ag{background:var(--sky);color:#fff;padding:4px 12px;font-size:13px;transform:skewX(-8deg);white-space:nowrap}
.info{background:var(--bg)}
.ig{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.slant{background:var(--sky);color:#fff;transform:skewX(-6deg);border-radius:4px;padding:26px}
.slant>div{transform:skewX(6deg)}
.slant .i{width:34px;height:34px}.slant h3{font-size:22px;margin:10px 0 4px}.slant p{margin:0;color:#DCEBF7}
.slant:nth-child(2){background:var(--ink)}.slant:nth-child(3){background:var(--acc)}
.course{background:#fff}.co-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
.facts{display:grid;gap:10px}.facts div{display:grid;grid-template-columns:auto 130px minmax(0,1fr);gap:12px;align-items:center;background:var(--bg);border-inline-start:5px solid var(--acc);padding:14px 16px}
.facts .i{color:var(--acc)}.facts span{color:var(--ink2)}
.learn{background:var(--ink);color:#fff;border:0;padding:30px}.learn h3{font-size:24px;margin-bottom:14px;font-style:italic}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:#FF9C85}
.season{background:var(--bg)}
.tl>div{border:0;border-top:5px solid var(--sky);border-radius:0}
.tl .now{background:var(--acc);border-top-color:var(--ink)}.tl .now small{color:#fff}.tl .now p{color:#FFE4DD}
.bus{background:var(--ink);color:#fff}.bus .sec-h p{color:#B6C6D6}.bus .kick{color:#7FB8E6}
.bus-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.areas{display:flex;flex-wrap:wrap;gap:10px}.areas span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:10px 16px;font-weight:600;border-radius:4px}.areas .i{color:#FF9C85}
.ph.big{min-height:0;height:340px;background:center/cover;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.rv{background:#fff}.revs{grid-template-columns:repeat(3,minmax(0,1fr))}.rev{border-top:4px solid var(--sky)}
.gal div{border-radius:4px}
.track .fq{background:var(--bg)}.faqs details{border-radius:4px;border-inline-start:4px solid var(--acc)}
.track .portal{--po-bg:#0F2233;--po-acc:#FF9C85}
.bk{background:var(--sky);color:#fff}.bk .kick{color:#fff}.bk .sec-h p{color:#DCEBF7}.bk form{color:var(--ink)}
.bk-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.crow>.i{width:26px;height:26px;color:var(--acc)}.lnk{color:var(--acc);font-weight:700;font-size:14px}
.soc a{border:1px solid var(--line);border-radius:4px;background:#fff}
footer{background:var(--ink);color:#B6C6D6;border-top:6px solid var(--acc)}
@media (max-width:900px){
 .hero{padding-top:36px}.hero-in,.co-in,.bus-in,.bk-in,.ct-in{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:40px}.hero-t>p{font-size:17px}.hero-v .ph{height:260px}.hero-in{padding-bottom:36px}
 .lanes .wrap{grid-template-columns:minmax(0,1fr)}.lanes .wrap>div{border-inline-start:0;border-top:2px solid rgba(255,255,255,.14);padding:12px 4px}
 .lanes i{font-size:32px}.lanes b{font-size:22px}
 .lr{grid-template-columns:44px minmax(0,1fr);gap:12px}.lr i{font-size:34px}.lr .ag{grid-column:2;justify-self:start}
 .ig,.revs{grid-template-columns:minmax(0,1fr)}.slant{transform:skewX(-3deg)}.slant>div{transform:skewX(3deg)}
 .facts div{grid-template-columns:auto minmax(0,1fr)}.facts span{grid-column:2}
 .sec-h h2{font-size:30px}.ph.big{height:240px}
}
