/* Home page (institute) — hm- ; shared slider hs- (assets/js/home.js) */
.st.hm{max-width:none;padding:0 0 10px;background:#fff}
.hm-k{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sa,#0c6878);margin:0 0 4px}
.hm-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 16px}
.hm-h h2{margin:0;font-size:26px;font-weight:800;color:#111827;letter-spacing:-.01em;line-height:1.2}
.hm-h > a{flex:0 0 auto;font-weight:700;font-size:14.5px;color:var(--sa,#0c6878)!important;text-decoration:none!important;white-space:nowrap}
.hm-h.c{flex-direction:column;align-items:center;text-align:center}
.hm-sec{padding:40px 0 0}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;background:var(--sa,#0c6878);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;border:2px solid var(--sa,#0c6878);cursor:pointer;font-family:inherit;transition:transform .15s,filter .15s,background .15s}
.hm-btn svg{width:18px;height:18px}.hm-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hm-btn.ghost{background:#fff;color:var(--sa,#0c6878)!important}.hm-btn.ghost:hover{background:#f0f8f9}
.hm-btn:disabled{opacity:.7;cursor:wait;transform:none}
.hm-more{display:flex;justify-content:center;gap:10px;margin-top:18px}

/* ---- shared slider ---- */
[data-hs]{position:relative}
.hs-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;cursor:grab}
.hs-track::-webkit-scrollbar{display:none}
.hs-track.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.hs-s{flex:0 0 auto;min-width:0;scroll-snap-align:start}
.hs-dots{display:flex;justify-content:center;gap:6px;margin-top:12px;min-height:4px}
.hs-dots button{width:14px;height:4px;padding:0;border:0;border-radius:99px;background:#d1d5db;cursor:pointer;transition:width .25s,background .25s}
.hs-dots button.on{width:30px;background:var(--sa,#0c6878)}
.hs-prev,.hs-next{position:absolute;top:calc(50% - 30px);width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:0 6px 18px rgba(15,23,42,.14);transition:opacity .2s}
.hs-prev{left:-14px}.hs-next{right:-14px}.hs-prev:disabled,.hs-next:disabled{opacity:0;pointer-events:none}
.hs-one .hs-prev,.hs-one .hs-next,.hs-one .hs-dots{display:none}
@media (max-width:760px){.hs-prev,.hs-next{display:none}.hs-track{gap:12px}}

/* ---- 1. top slider ---- */
.hm-hs{background:#0f172a}
.hm-hs .hs-track{gap:0;padding:0}
.hm-slide{flex-basis:100%}
.hm-slide > a,.hm-slide picture{display:block}
.hm-slide img{display:block;width:100%;aspect-ratio:16/5;object-fit:cover;background:#1f2937}
.hm-hs .hs-prev{left:14px}.hm-hs .hs-next{right:14px}.hm-hs .hs-prev,.hm-hs .hs-next{top:calc(50% - 20px);background:rgba(255,255,255,.9)}
.hm-hs .hs-dots{position:absolute;left:0;right:0;bottom:12px;margin:0}.hm-hs .hs-dots button{background:rgba(255,255,255,.55)}.hm-hs .hs-dots button.on{background:#fff}
@media (max-width:700px){.hm-slide img{aspect-ratio:2/1}} /* lower than 16:9 everywhere: computers 16:5, phones 2:1 */
/* ready-made banner until the admin adds slides */
.hm-slide-def{background:radial-gradient(1200px 500px at 85% 10%,rgba(124,58,237,.45),transparent 60%),linear-gradient(135deg,#0b1f3a,#1e1b4b);color:#fff}
.hm-def{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding-top:46px;padding-bottom:54px}
.hm-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fde68a;font-size:13px;font-weight:700}.hm-pill svg{width:15px;height:15px}
.hm-def h1{margin:16px 0 10px;font-size:46px;line-height:1.08;font-weight:900;letter-spacing:-.02em;color:#fff}.hm-def h1 span{background:linear-gradient(90deg,#fbbf24,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-def p{margin:0 0 20px;font-size:17px;line-height:1.6;color:#cbd5e1;max-width:560px}
.hm-cta{display:flex;gap:10px;flex-wrap:wrap}.hm-slide-def .hm-btn{background:#f59e0b;border-color:#f59e0b;color:#111827!important}.hm-slide-def .hm-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.5)}
.hm-def-c{display:block;background:#fff;color:#111827!important;text-decoration:none!important;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(1.5deg)}
.hm-def-c > span{display:block;padding:12px 14px}.hm-def-c b{display:block;font-size:15px;line-height:1.35}.hm-def-c small{display:flex;gap:6px;align-items:baseline;margin-top:6px}
.hm-def-c small s{color:#9ca3af;font-size:12.5px}.hm-def-c .off{color:#15803d;font-weight:700;font-size:12.5px}
@media (max-width:860px){.hm-def{grid-template-columns:1fr;padding-top:28px;padding-bottom:40px}.hm-def h1{font-size:32px}.hm-def p{font-size:15.5px}.hm-slide .hm-def-c{display:none}}

/* ---- small course card (hc) ---- */
.hc{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e7eb;color:#111827!important;text-decoration:none!important;transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}
.hc:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);transform:translateY(-2px);border-color:#d1d5db}
.hc-img{position:relative;display:block}.hc-img .st-thumb,.hc-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hc-img em{position:absolute;left:8px;top:8px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}
.hc-up{background:#fbbf24;color:#1f2937}.hc-free{background:#22c55e;color:#fff}
.hc-b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.hc-cat{font-size:11.5px;font-weight:800;color:var(--sa,#0c6878);text-transform:uppercase;letter-spacing:.04em}
.hc-t{font-size:15px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.hc-m{color:#6b7280;font-size:12.5px}
.hc-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:auto;padding-top:4px}.hc-p b{font-size:17px}.hc-p s{color:#9ca3af;font-size:13px}.hc-p .off{color:#15803d;font-weight:700;font-size:12.5px}
.hc-go{display:block;margin-top:8px;padding:8px 0 0;border-top:1px solid #f1f2f4;color:var(--sa,#0c6878);font-weight:700;font-size:13.5px}

/* ---- 2. our courses: pages of 2 rows, filled left to right (4 a row on computers, 3 on tablets, 2 on phones = 2 × 2) ---- */
.hm-cs{--hc-cols:4}
.hm-pg{flex-basis:100%;display:grid;grid-template-columns:repeat(var(--hc-cols),minmax(0,1fr));grid-auto-rows:1fr;gap:16px;align-content:start}
.hm-new{animation:hmIn .4s ease}@keyframes hmIn{from{opacity:0;transform:translateY(8px)}}
@media (max-width:1024px){.hm-cs{--hc-cols:3}}
@media (max-width:760px){.hm-cs{--hc-cols:2}.hm-pg{gap:12px}.hc-t{font-size:13.5px}.hc-b{padding:8px 9px 10px}.hc-p b{font-size:15px}.hc-p .off{display:none}.hc-go{font-size:12.5px}.hc-m{font-size:11.5px}}

/* ---- 3. categories ---- */
.hm-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.hm-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 10px 14px;background:#fff;border:1px solid #e5e7eb;color:#111827!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.hm-cat:hover{border-color:var(--sa,#0c6878);box-shadow:0 12px 24px rgba(15,23,42,.08);transform:translateY(-2px)}
.hm-cat-i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eef7f8;overflow:hidden}.hm-cat-i img{width:44px;height:44px;object-fit:contain}
.hm-cat-i b{font-size:18px;font-weight:900;color:var(--sa,#0c6878)}
.hm-cat-n{font-weight:800;font-size:15px;line-height:1.25}.hm-cat small{color:#6b7280;font-size:12px}
.hm-cat:nth-child(6n+2) .hm-cat-i{background:#fef3c7}.hm-cat:nth-child(6n+2) .hm-cat-i b{color:#b45309}
.hm-cat:nth-child(6n+3) .hm-cat-i{background:#ede9fe}.hm-cat:nth-child(6n+3) .hm-cat-i b{color:#6d28d9}
.hm-cat:nth-child(6n+4) .hm-cat-i{background:#dcfce7}.hm-cat:nth-child(6n+4) .hm-cat-i b{color:#15803d}
.hm-cat:nth-child(6n+5) .hm-cat-i{background:#fee2e2}.hm-cat:nth-child(6n+5) .hm-cat-i b{color:#b91c1c}
.hm-cat:nth-child(6n+6) .hm-cat-i{background:#e0f2fe}.hm-cat:nth-child(6n+6) .hm-cat-i b{color:#0369a1}
@media (max-width:760px){.hm-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hm-cat{padding:12px 6px 10px}.hm-cat-i{width:48px;height:48px}.hm-cat-i img{width:36px;height:36px}.hm-cat-n{font-size:13px}}

/* ---- 4. latest / upcoming batch: one big card at a time ---- */
.hm-bt .hs-s{flex-basis:100%}
.hm-btc{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid #e5e7eb;height:100%;box-sizing:border-box}
.hm-btc-i{display:block;background:#0f172a;overflow:hidden}.hm-btc-i .st-thumb,.hm-btc-i img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.hm-btc-b{padding:24px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hm-btc-tags{display:flex;gap:6px;flex-wrap:wrap}.hm-btc-tags span{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;background:#eef7f8;color:var(--sa,#0c6878)}
.hm-btc-tags .t-up{background:#fbbf24;color:#1f2937}.hm-btc-tags .t-new{background:#dcfce7;color:#15803d}
.hm-btc h3{margin:0;font-size:24px;line-height:1.25;font-weight:800}.hm-btc h3 a{color:#111827!important;text-decoration:none!important}
.hm-btc-b > p{margin:0;color:#4b5563;font-size:15px;line-height:1.55}
.hm-btc-m{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#374151;font-size:14px}.hm-btc-m li{display:flex;align-items:center;gap:6px}.hm-btc-m svg{width:16px;height:16px;color:var(--sa,#0c6878)}
.hm-btc-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #f1f2f4}
.hm-btc-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hm-btc-p b{font-size:24px}.hm-btc-p s{color:#9ca3af}.hm-btc-p .off{color:#15803d;font-weight:800;font-size:13.5px}
.hm-bt .hs-prev,.hm-bt .hs-next{top:calc(50% - 26px)}
@media (max-width:760px){.hm-btc{grid-template-columns:1fr}.hm-btc-i .st-thumb,.hm-btc-i img{min-height:0;aspect-ratio:16/9;height:auto}.hm-btc-b{padding:14px 14px 16px}.hm-btc h3{font-size:19px}.hm-btc-b > p{font-size:14px}.hm-btc-p b{font-size:20px}.hm-btc-f .hm-btn{width:100%}}

/* ---- 5. study materials ---- */
.hm-ns .hs-s{flex-basis:calc((100% - 48px) / 4)}
@media (max-width:1024px){.hm-ns .hs-s{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:760px){.hm-ns .hs-s{flex-basis:calc((100% - 12px) / 2)}}

/* ---- 6. latest update ---- */
.hm-ps .hs-s{flex-basis:calc((100% - 32px) / 3)}
.hm-post{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e7eb;color:#111827!important;text-decoration:none!important;transition:box-shadow .2s,transform .2s}
.hm-post:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);transform:translateY(-2px)}
.hm-post-i{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#e0f2fe,#ede9fe);overflow:hidden}.hm-post-i img{width:100%;height:100%;object-fit:cover;display:block}
.hm-post-b{display:flex;flex-direction:column;gap:5px;padding:12px 14px 14px;flex:1}.hm-post-b b{font-size:15.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hm-post-b small{color:#6b7280;font-size:12.5px;margin-top:auto}.hm-post-b .hm-post-c{margin:0;color:var(--sa,#0c6878);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}
@media (max-width:1024px){.hm-ps .hs-s{flex-basis:calc((100% - 16px) / 2.15)}}
@media (max-width:760px){.hm-ps .hs-s{flex-basis:82%}}

/* ---- 7. free courses ---- */
.hm-fs .hs-s{flex-basis:calc((100% - 48px) / 4)}
.hm-fc{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e7eb;color:#111827!important;text-decoration:none!important;transition:box-shadow .2s,transform .2s}
.hm-fc:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);transform:translateY(-2px)}
.hm-fc-i{position:relative;display:block;aspect-ratio:16/9;background:#111827;overflow:hidden}.hm-fc-i img{width:100%;height:100%;object-fit:cover;display:block}
.hm-fc-pl{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(220,38,38,.92);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .2s}.hm-fc-pl svg{width:20px;height:20px;margin-left:2px}
.hm-fc:hover .hm-fc-pl{transform:scale(1.1)}
.hm-fc-i em{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11.5px;font-weight:700;background:rgba(0,0,0,.78);color:#fff;padding:3px 8px}
.hm-fc-b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.hm-fc-b small{color:#15803d;font-weight:800;font-size:11.5px;letter-spacing:.04em}.hm-fc-b b{font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1024px){.hm-fs .hs-s{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:760px){.hm-fs .hs-s{flex-basis:calc((100% - 12px) / 1.6)}}

/* ---- 8. our impact ---- */
.hm-imp{margin-top:44px;padding:40px 0 44px;background:linear-gradient(135deg,#0b1f3a,#1e1b4b);color:#fff}
.hm-imp .hm-h h2{color:#fff}.hm-imp .hm-k{color:#fbbf24}
.hm-imp-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.hm-imp-g > div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.hm-imp-i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(251,191,36,.16);color:#fbbf24}.hm-imp-i svg{width:22px;height:22px}
.hm-imp-g b{font-size:32px;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.hm-imp-g small{color:#cbd5e1;font-size:14px}
@media (max-width:760px){.hm-imp{padding:30px 0 32px}.hm-imp-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hm-imp-g b{font-size:25px}.hm-imp-g > div{padding:14px 8px}}

@media (max-width:760px){.hm-sec{padding-top:30px}.hm-h h2{font-size:21px}.hm-h{margin-bottom:12px}}
[data-theme="dark"] .st.hm{background:transparent}
[data-theme="dark"] .hc,[data-theme="dark"] .hm-cat,[data-theme="dark"] .hm-btc,[data-theme="dark"] .hm-post,[data-theme="dark"] .hm-fc,[data-theme="dark"] .hm-why-g > div{background:#151b23;border-color:#263040;color:#e5e7eb!important}
[data-theme="dark"] .hm-h h2,[data-theme="dark"] .hm-btc h3 a{color:#e5e7eb!important}
/* small cards: no type label over the picture (the card already says it); placeholder title fits */
.hc-img .st-type{display:none}
.hc-img .st-ph{font-size:15px;line-height:1.25;padding:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hc-img em{left:auto;right:8px}
.hm-cat small.soon{color:#b45309}
@media (max-width:760px){.hc-img .st-ph{font-size:12.5px;padding:8px}.hm-imp-g > div:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:560px){.hm-cta .hm-btn{flex:1 1 100%}}

/* ---- Our Courses: a grid; View more adds below (phones show 4 first) ---- */
.hm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.hm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hm-grid .hc:nth-child(n+5):not(.shown){display:none}}

/* small "View details" button on the cards */
.hc-go{display:inline-flex!important;align-self:flex-start;align-items:center;gap:4px;margin-top:10px!important;padding:5px 12px!important;border:1px solid var(--sa,#0c6878)!important;border-radius:999px;color:var(--sa,#0c6878);font-size:12.5px!important;font-weight:700;line-height:1.2;transition:background .15s,color .15s}
.hc:hover .hc-go{background:var(--sa,#0c6878);color:#fff}
.hc-p{gap:6px}.hc-p s{order:0}.hc-p b{order:1}.hc-p .off{order:2}
@media (max-width:760px){.hc-go{padding:4px 10px!important;font-size:11.5px!important}}

/* latest / upcoming batch: the next card peeks in */
.hm-bt .hs-s{flex-basis:calc(100% - 90px)}
.hm-bt .hs-track{gap:16px}
@media (max-width:760px){.hm-bt .hs-s{flex-basis:86%}.hm-bt .hs-track{gap:12px}}

/* ---- why choose us: text on the left, numbered points on the right ---- */
.hm-why{padding-bottom:10px}
.hm-why-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:36px;align-items:center;padding-top:34px!important;padding-bottom:34px!important;background:linear-gradient(135deg,#f0f8f9,#f5f3ff);border-radius:16px}
.hm-why-l h2{margin:0 0 10px;font-size:28px;line-height:1.2;color:#111827}
.hm-why-l p{margin:0 0 18px;color:#4b5563;font-size:15px;line-height:1.65}
.hm-why-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:why}
.hm-why-g li{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hm-why-i{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--sa,#0c6878);color:#fff}.hm-why-i svg{width:19px;height:19px}
.hm-why-g li:nth-child(4n+2) .hm-why-i{background:#7c3aed}.hm-why-g li:nth-child(4n+3) .hm-why-i{background:#f59e0b}.hm-why-g li:nth-child(4n+4) .hm-why-i{background:#16a34a}
.hm-why-g b{display:block;font-size:15px;color:#111827;margin-bottom:3px}.hm-why-g p{margin:0;color:#4b5563;font-size:13.5px;line-height:1.5}
@media (max-width:900px){.hm-why-in{grid-template-columns:1fr;gap:18px;padding:22px 16px!important;border-radius:12px}.hm-why-l h2{font-size:22px}}
@media (max-width:560px){.hm-why-g{grid-template-columns:1fr;gap:8px}.hm-why-g li{padding:11px 12px}.hm-why-cta .hm-btn{width:100%}}

/* ---- meet our teachers / toppers: passport-photo cards in a slider ---- */
.hm-tch .hs-s,.hm-top .hs-s{flex-basis:calc((100% - 64px) / 5)}
@media (max-width:1100px){.hm-tch .hs-s,.hm-top .hs-s{flex-basis:calc((100% - 48px) / 4)}}
@media (max-width:860px){.hm-tch .hs-s,.hm-top .hs-s{flex-basis:calc((100% - 24px) / 3)}}
@media (max-width:560px){.hm-tch .hs-s,.hm-top .hs-s{flex-basis:calc((100% - 12px) / 2.15)}}
.hm-pc{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow .2s,transform .2s}
.hm-pc:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);transform:translateY(-2px)}
.hm-pc-ph{position:relative;display:block;width:112px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#eef2f7;border:3px solid #fff;box-shadow:0 0 0 1px #e5e7eb,0 6px 14px rgba(15,23,42,.08);margin-bottom:6px}
.hm-pc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hm-pc-ph b{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:var(--sa,#0c6878)}
.hm-pc-ph em{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-size:11px;font-weight:800;background:rgba(17,24,39,.72);color:#fde68a;padding:2px 0}
.hm-pc-n{font-size:15px;color:#111827;line-height:1.3}
.hm-pc-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--sa,#0c6878);background:#eef7f8;padding:3px 10px;border-radius:999px}
.hm-pc-l{display:flex;align-items:center;gap:5px;justify-content:center;color:#4b5563;font-size:12.5px;line-height:1.35}.hm-pc-l svg{width:13px;height:13px;flex:0 0 auto;color:#9ca3af}
.hm-pc-a{margin:2px 0 0;color:#6b7280;font-size:12.5px;line-height:1.45}
.hm-pc-res{display:block;font-size:13px;font-weight:800;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 10px;border-radius:8px;line-height:1.35}
@media (max-width:560px){.hm-pc-ph{width:96px}.hm-pc{padding:12px 8px}.hm-pc-n{font-size:14px}}
[data-theme="dark"] .hm-pc,[data-theme="dark"] .hm-why-g li{background:#151b23;border-color:#263040}
[data-theme="dark"] .hm-why-in{background:#111827}
.hm-tch.hs-one .hs-track,.hm-top.hs-one .hs-track{justify-content:center}
.hm-why-in{padding-left:30px!important;padding-right:30px!important}
@media (max-width:900px){.hm-why-in{margin:0 12px;padding-left:16px!important;padding-right:16px!important}}

/* ===== Meet our teachers / toppers — designs (includes/home-people.php) ===== */
.hm-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sa,#0c6878);margin:0 0 6px}
.hm-label::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.hm-hsub{margin:6px 0 0;color:#6b7280;font-size:15px}
.hm-ph-none{display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:var(--sa,#0c6878);font-weight:900;font-size:40px}
.hm-dsg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px;padding:10px 14px!important;background:#111827;color:#fff;border-radius:10px;font-size:14px}.hm-dsg span{color:#cbd5e1;font-size:13px}
.hm-dsg + .hm-sec{padding-top:18px}
.hm-tch-s .hm-tch .hs-s,.hm-top-s .hm-top .hs-s{flex-basis:calc((100% - 48px) / 4)}
@media (max-width:1024px){.hm-tch-s .hm-tch .hs-s,.hm-top-s .hm-top .hs-s{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:640px){.hm-tch-s .hm-tch .hs-s,.hm-top-s .hm-top .hs-s{flex-basis:calc((100% - 12px) / 1.7)}}

/* Teachers 1 — faculty cards: a big portrait, name, subject pill, details */
.tA-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e8eaee;border-radius:18px;overflow:hidden;box-shadow:0 1px 3px rgba(16,24,40,.06);transition:transform .25s,box-shadow .25s}
.tA-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(15,23,42,.12)}
.tA-phw{display:block;aspect-ratio:4/4.3;background:linear-gradient(160deg,#eef6ff,#f5f0ff);overflow:hidden}
.tA-ph{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s}.tA-card:hover .tA-ph{transform:scale(1.04)}
.tA-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px}
.tA-b > b{font-size:17px;color:#0f172a;letter-spacing:-.01em}
.tA-sub{align-self:flex-start;font-size:12px;font-weight:700;color:#0f766e;background:#ccfbf1;padding:4px 10px;border-radius:999px}
.tA-b ul{list-style:none;margin:4px 0 0;padding:10px 0 0;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:6px}
.tA-b li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#475569;line-height:1.4}.tA-b li svg{width:15px;height:15px;flex:0 0 auto;color:#94a3b8;margin-top:1px}

/* Teachers 2 — photo overlay: name on a dark fade, details rise on hover (always shown on phones) */
.tB-card{position:relative;height:100%;min-height:340px;border-radius:18px;overflow:hidden;background:#0f172a;isolation:isolate}
.tB-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.tB-card:hover .tB-ph{transform:scale(1.06)}
.tB-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.92) 100%);z-index:1}
.tB-in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;color:#fff;display:flex;flex-direction:column;gap:4px}
.tB-in > b{font-size:18px}.tB-in > span{font-size:12.5px;font-weight:700;color:#fde68a}
.tB-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,opacity .3s;opacity:0}
.tB-more > *{overflow:hidden}.tB-card:hover .tB-more{grid-template-rows:1fr;opacity:1}
.tB-more small{display:flex;gap:6px;align-items:center;font-size:12.5px;color:#e2e8f0;margin-top:4px}.tB-more svg{width:14px;height:14px;color:#94a3b8}
@media (hover:none),(max-width:640px){.tB-more{grid-template-rows:1fr;opacity:1}}

/* Teachers 3 — profile rows: round photo, details, years badge */
.tC .hm-tch .hs-s{flex-basis:calc((100% - 16px) / 2)}
@media (max-width:760px){.tC .hm-tch .hs-s{flex-basis:88%}}
.tC-card{height:100%;box-sizing:border-box;display:flex;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid #e8eaee;border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.tC-ring{flex:0 0 auto;width:96px;height:96px;border-radius:50%;padding:3px;background:conic-gradient(var(--sa,#0c6878),#7c3aed,#f59e0b,var(--sa,#0c6878))}
.tC-ph{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;display:block;border:3px solid #fff;box-sizing:border-box}
.tC-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tC-b > b{font-size:17px;color:#0f172a}
.tC-sub{font-size:13px;font-weight:700;color:var(--sa,#0c6878)}.tC-b small{color:#64748b;font-size:12.5px}.tC-b p{margin:4px 0 0;color:#475569;font-size:13px;line-height:1.45}
.tC-exp{flex:0 0 auto;text-align:center;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f7}.tC-exp b{display:block;font-size:24px;color:#0f172a;line-height:1}.tC-exp small{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:420px){.tC-card{flex-wrap:wrap}.tC-exp{display:none}}

/* Toppers 1 — score cards: ring photo, big score */
.pA-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 14px 18px;background:#fff;border:1px solid #e8eaee;border-radius:18px;position:relative;overflow:hidden}
.pA-card::before{content:"";position:absolute;left:0;right:0;top:0;height:72px;background:linear-gradient(135deg,#ecfeff,#f5f3ff)}
.pA-ring{position:relative;width:104px;height:104px;border-radius:50%;padding:4px;background:conic-gradient(#f59e0b,#f43f5e,#8b5cf6,#0ea5e9,#f59e0b);margin-bottom:8px}
.pA-ph{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;display:block;border:4px solid #fff;box-sizing:border-box}
.pA-sc{font-size:28px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,#0f766e,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.pA-n{font-size:15.5px;color:#0f172a}.pA-r{color:#475569;font-size:12.5px;min-height:1em}.pA-y{margin-top:6px;font-size:11.5px;font-weight:700;color:#64748b;background:#f1f5f9;padding:3px 10px;border-radius:999px}

/* Toppers 2 — hall of fame posters */
.pB-card{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #f1e3b8;box-shadow:0 10px 26px rgba(146,64,14,.08)}
.pB-phw{position:relative;display:block;aspect-ratio:3/3.4;background:#fef3c7;overflow:hidden}
.pB-ph{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.pB-badge{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f59e0b;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}.pB-badge svg{width:18px;height:18px}
.pB-phw em{position:absolute;top:12px;right:12px;font-style:normal;font-size:11.5px;font-weight:800;color:#78350f;background:#fde68a;padding:3px 9px;border-radius:999px}
.pB-rib{display:flex;align-items:baseline;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px 12px;background:linear-gradient(90deg,#b45309,#f59e0b);color:#fff;text-align:center}
.pB-rib b{font-size:22px;font-weight:900}.pB-rib span{font-size:12.5px;font-weight:600;opacity:.95}
.pB-b{padding:12px 12px 14px;text-align:center}.pB-b b{display:block;font-size:15.5px;color:#0f172a}.pB-b small{color:#78716c;font-size:12.5px}

/* Toppers 3 — moving strip (two rows, opposite ways; pauses on hover) */
.pC-wall{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:4px 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pC-row{overflow:hidden}.pC-move{display:flex;gap:12px;width:max-content;animation:pcL 40s linear infinite}
.pC-row.r .pC-move{animation-name:pcR}.pC-wall:hover .pC-move{animation-play-state:paused}
@keyframes pcL{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes pcR{from{transform:translateX(-33.333%)}to{transform:translateX(0)}}
.pC-chip{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:#fff;border:1px solid #e8eaee;border-radius:999px;box-shadow:0 2px 6px rgba(16,24,40,.05);white-space:nowrap}
.pC-ph{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;display:block;flex:0 0 auto}
.pC-chip b{display:block;font-size:14px;color:#0f172a}.pC-chip small{color:#64748b;font-size:12px}
.pC-sc{margin-left:6px;font-weight:900;font-size:15px;color:#15803d;background:#f0fdf4;padding:4px 10px;border-radius:999px}.pC-txt{font-size:12px;font-weight:700}
@media (prefers-reduced-motion:reduce){.pC-move{animation:none}.pC-row{overflow-x:auto}}
[data-theme="dark"] .tA-card,[data-theme="dark"] .tC-card,[data-theme="dark"] .pA-card,[data-theme="dark"] .pB-card,[data-theme="dark"] .pC-chip{background:#151b23;border-color:#263040}

/* Teachers 3 — passport-size photo (3:4) instead of a circle */
.tC-ring{width:96px;height:128px;border-radius:10px;padding:3px;background:#fff;box-shadow:0 0 0 1px #e2e8f0,0 8px 18px rgba(15,23,42,.10)}
.tC-ph{border-radius:7px;border:0}
.tC-card{align-items:flex-start}
@media (max-width:420px){.tC-ring{width:84px;height:112px}}
/* Toppers 4 — the first design (passport cards), 5 a row on computers */
.p4 .hm-top .hs-s{flex-basis:calc((100% - 64px) / 5)}
@media (max-width:1100px){.p4 .hm-top .hs-s{flex-basis:calc((100% - 48px) / 4)}}
@media (max-width:860px){.p4 .hm-top .hs-s{flex-basis:calc((100% - 24px) / 3)}}
@media (max-width:560px){.p4 .hm-top .hs-s{flex-basis:calc((100% - 12px) / 2.15)}}

/* final look: no shadows, 5px corners, bigger teacher photo, toppers = photo · name · Marks · class */
.tC-card,.tC .tC-ring,.p4 .hm-pc,.p4 .hm-pc-ph{box-shadow:none!important}
.tC-card,.p4 .hm-pc{border-radius:5px!important;border:1px solid #e5e7eb}
.p4 .hm-pc:hover{transform:none;border-color:#cbd5e1}
.tC-ring{width:132px!important;height:176px!important;border-radius:5px!important;padding:0!important;border:1px solid #e5e7eb;background:#f8fafc;overflow:hidden}
.tC-ph{border-radius:0!important}
.tC-exp{border-radius:5px}
@media (max-width:640px){.tC-ring{width:108px!important;height:144px!important}}
@media (max-width:420px){.tC-ring{width:108px!important;height:144px!important}}
.p4 .hm-pc-ph{width:120px;border-radius:5px!important;border:1px solid #e5e7eb!important}
.p4 .hm-pc-ph em{border-radius:0}
.hm-pc-marks{font-size:13.5px;color:#374151}.hm-pc-marks b{color:#15803d;font-size:15px}
.hm-pc-cls{font-size:12.5px;color:#6b7280}
@media (max-width:560px){.p4 .hm-pc-ph{width:100px}}

/* Meet our teachers — 3 a row on computers, 2 on tablets, 1 (+ a peek) on phones; experience as a pill under the text */
.tC .hm-tch .hs-s{flex-basis:calc((100% - 32px) / 3)!important}
@media (max-width:1024px){.tC .hm-tch .hs-s{flex-basis:calc((100% - 16px) / 2)!important}}
@media (max-width:640px){.tC .hm-tch .hs-s{flex-basis:86%!important}}
.tC-card{gap:14px!important;padding:16px!important;align-items:flex-start!important}
.tC-ring{width:112px!important;height:150px!important;flex:0 0 auto}
.tC-b{gap:4px}.tC-b > b{font-size:16.5px;line-height:1.25}
.tC-sub{font-size:12.5px}.tC-b small{font-size:12.5px;line-height:1.4}
.tC-b p{margin:2px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tC-exp{display:inline-flex!important;align-items:center;gap:5px;align-self:flex-start;margin-top:8px;padding:4px 10px!important;border:1px solid #e5e7eb;border-radius:5px;background:#f8fafc;color:#475569;font-size:12px;text-align:left}
.tC-exp svg{width:13px;height:13px;color:#94a3b8}.tC-exp b{display:inline!important;font-size:12.5px!important;color:#0f172a}
@media (max-width:420px){.tC-ring{width:100px!important;height:134px!important}}
@media (max-width:420px){.tC-exp{display:inline-flex!important}}
.tC-exp{white-space:nowrap}

/* Why choose us — phones: just the points (no explanations), 2 neat tiles a row */
@media (max-width:640px){
  .hm-why-in{gap:14px!important;padding:20px 14px!important}
  .hm-why-l h2{font-size:21px;margin-bottom:6px}
  .hm-why-l p{font-size:14px;margin-bottom:12px}
  .hm-why-g{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hm-why-g li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 11px!important;border-radius:8px;box-shadow:none}
  .hm-why-g li p{display:none}
  .hm-why-g b{font-size:13.5px;line-height:1.3;margin:0}
  .hm-why-i{width:32px;height:32px;border-radius:8px}.hm-why-i svg{width:17px;height:17px}
  .hm-why-cta{order:3}
}
@media (max-width:640px){.hm-why-l{display:contents}.hm-why-l h2,.hm-why-l p{margin:0}.hm-why-g{order:2}.hm-why-cta{order:3}.hm-why-in{gap:12px!important}}

/* Why choose us — only the point names, icon beside the text (computers and phones) */
.hm-why-g li{align-items:center!important;flex-direction:row!important;padding:16px!important}
.hm-why-g b{margin:0!important;font-size:15.5px;line-height:1.3}
@media (max-width:640px){.hm-why-g li{gap:9px!important;padding:11px 10px!important}.hm-why-g b{font-size:13px}.hm-why-i{width:30px;height:30px}}

/* ===== round 48: course cards, buttons, splash, impact ===== */
/* card top line: CLASS 10 | UPCOMING (small tag, not on the thumbnail) */
.hc-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:18px}
.hc-sep{font-style:normal;color:#cbd5e1;font-size:12px}
.hc-top .hc-up{position:static;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:3px 6px;border-radius:3px;background:#fef3c7;color:#92400e}
.hc-m{display:flex;align-items:center;gap:5px}.hc-m svg{width:14px;height:14px;flex:0 0 auto;color:#94a3b8}
.hc-pdf svg{color:#dc2626!important;width:16px!important;height:16px!important}
/* price: original (cut) · discount · selling price */
.hc-p s{order:0!important}.hc-p .off{order:1!important;display:inline!important;font-size:11.5px!important;padding:1px 5px;border-radius:3px;background:#dcfce7}.hc-p b{order:2!important}
.hm-btc-p s{order:0}.hm-btc-p .off{order:1;background:#dcfce7;padding:2px 7px;border-radius:4px}.hm-btc-p b{order:2}
/* View details + Free tag row */
.hc-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.hc-p + .hc-f{margin-top:0}
.hc-f .hc-go{margin-top:0!important}
.hc-go{position:relative;overflow:hidden;isolation:isolate;transition:color .25s,border-color .25s!important;background:transparent!important}
.hc-go::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sa,#0c6878);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.hc-go svg{width:13px;height:13px;transition:transform .25s}
.hc:hover .hc-go{color:#fff!important}.hc:hover .hc-go::before{transform:scaleX(1)}.hc:hover .hc-go svg{transform:translateX(3px)}
.hc-f .hc-free{position:relative;overflow:hidden;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#16a34a;color:#fff;line-height:1.2}
/* splash: a light sweep every few seconds + a ripple where it is clicked */
.hm-splash{position:relative;overflow:hidden;isolation:isolate}
.hm-splash::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:hmSweep 3.2s ease-in-out infinite}
@keyframes hmSweep{0%,55%{left:-60%}100%{left:130%}}
.hm-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:hmRip .6s ease-out forwards;pointer-events:none;z-index:2}
@keyframes hmRip{to{transform:scale(4);opacity:0}}
@media (prefers-reduced-motion:reduce){.hm-splash::after{animation:none;display:none}}
.hm-btc-f .hm-btn svg{transition:transform .25s}.hm-btc-f .hm-btn:hover svg{transform:translateX(4px)}
/* latest courses: no "Video Course" label on the picture */
.hm-btc-i .st-type{display:none!important}
/* professional buttons: View more courses / Explore study materials */
.hm-pro{min-height:48px;padding:0 8px 0 24px!important;gap:12px;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--sa,#0c6878),#0e8a9e)!important;color:#fff!important;box-shadow:0 8px 20px rgba(12,104,120,.22)}
.hm-pro:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,104,120,.3);filter:none}
.hm-pro-a{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.18);transition:transform .25s,background .25s}
.hm-pro-a svg{width:17px!important;height:17px!important}
.hm-pro:hover .hm-pro-a{transform:translateX(3px);background:rgba(255,255,255,.28)}
.hm-pro-n{padding-left:10px!important;background:linear-gradient(135deg,#7c2d12,#dc2626)!important;box-shadow:0 8px 20px rgba(220,38,38,.2)}
.hm-pro-n:hover{box-shadow:0 12px 26px rgba(220,38,38,.28)}
.hm-pro-l{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff;color:#dc2626}.hm-pro-l svg{width:19px!important;height:19px!important}
@media (max-width:560px){.hm-pro{width:100%;justify-content:space-between}}
/* Our impact: compact */
.hm-imp{margin-top:36px;padding:28px 0 30px}
.hm-imp .hm-h{margin-bottom:14px}.hm-imp .hm-h h2{font-size:24px}
.hm-imp-g{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.hm-imp-g > div{flex-direction:row;align-items:center;text-align:left;gap:12px;padding:14px 16px;border-radius:8px}
.hm-imp-g > div > b,.hm-imp-g > div > small{display:block}
.hm-imp-t{display:flex;flex-direction:column;min-width:0}
.hm-imp-i{flex:0 0 auto;width:40px;height:40px}.hm-imp-i svg{width:19px;height:19px}
.hm-imp-g b{font-size:24px;line-height:1.1}.hm-imp-g small{font-size:12.5px;line-height:1.3}
@media (max-width:760px){
  .hm-imp{margin-top:26px;padding:20px 0 22px}.hm-imp .hm-h{margin-bottom:10px}.hm-imp .hm-h h2{font-size:19px}
  .hm-imp-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hm-imp-g > div{gap:9px;padding:10px}.hm-imp-g > div:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}
  .hm-imp-i{width:32px;height:32px}.hm-imp-i svg{width:16px;height:16px}
  .hm-imp-g b{font-size:18px}.hm-imp-g small{font-size:11.5px}
}
.hc-f{flex-wrap:nowrap}
@media (max-width:760px){.hc-f{gap:5px}.hc-f .hc-free{padding:4px 7px;font-size:9.5px;letter-spacing:.03em}.hc-go{white-space:nowrap}}

/* View more courses / Explore study materials — small, centred pill buttons (premium, not heavy) */
.hm-more{justify-content:center!important}
.hm-pro{min-height:40px!important;padding:0 18px!important;gap:8px!important;border-radius:999px!important;border:0!important;background:var(--sa,#0c6878)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 4px 12px rgba(12,104,120,.18)!important;width:auto!important;justify-content:center!important;transition:transform .2s,box-shadow .2s,background .2s!important}
.hm-pro:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(12,104,120,.26)!important;background:#0a5a68!important}
.hm-pro > svg{width:16px!important;height:16px!important}
.hm-pro-a{display:inline-flex!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important}
.hm-pro-a svg{width:15px!important;height:15px!important}
.hm-pro:hover .hm-pro-a{transform:translateX(3px)}
/* buttons with the splash effect: no border */
.hm-splash{border:0!important}