/* GENERATED - do not edit. Built from style.original.css by build-style.php, which prefixes every selector with .sidco-nt. Edit the original, then re-run: php public/frontend/newtheme/build-style.php */ :root{ --navy:#0754A5;--navy-800:#06478C;--navy-700:#0968B8; --blue:#0754A5;--blue-700:#06478C;--blue-100:#EAF5FD; --sky:#00AEEF;--sky-50:#EAF9FF; --saffron:#FF781F;--saffron-50:#FFF2E9; --green:#6FBE44;--green-50:#EFF8E9; --paper:#FFFFFF;--paper-alt:#F4F5F6;--paper-deep:#E9ECEF; --ink:#222B33;--ink-muted:#5E6872;--ink-faint:#7B848D; --line:#D4D9DE;--line-strong:#C9CED3;--heading:#152A3B; --shadow-sm:0 4px 16px rgba(7,84,165,.08); --shadow-md:0 14px 34px rgba(7,84,165,.13); --shadow-lg:0 26px 70px rgba(7,84,165,.16); --display:'Tiro Devanagari Hindi','Noto Serif',Georgia,'Times New Roman',serif; --body:'Mukta','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace; --t-cap:12px;--t--1:15px;--t-0:17px;--t-1:20px;--t-2:26px; --t-3:38px;--t-4:42px;--t-5:64px; --wrap:1280px;--gut:clamp(1.1rem,4vw,2.5rem);--sec-y:clamp(3.4rem,6vw,6.5rem); --r-sm:3px;--r-md:6px;--r-lg:18px; } .sidco-nt, .sidco-nt *, .sidco-nt::before, .sidco-nt *::before, .sidco-nt::after, .sidco-nt *::after{ box-sizing:border-box; } html{ scroll-behavior:smooth; } .sidco-nt{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.68; -webkit-font-smoothing:antialiased;} .sidco-nt h1, .sidco-nt h2, .sidco-nt h3, .sidco-nt h4{ font-family:var(--display); font-weight:400; line-height:1.14; margin:0; text-wrap:balance; color:var(--heading); letter-spacing:-.005em; } .sidco-nt p{ margin:0; } .sidco-nt ul{ margin:0; padding:0; list-style:none; } .sidco-nt a{ color:inherit; text-decoration:none; } .sidco-nt img, .sidco-nt svg{ max-width:100%; } .sidco-nt .section-image, .sidco-nt .card__image, .sidco-nt .news__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;} .sidco-nt button{ font:inherit; } .sidco-nt :focus-visible{ outline:3px solid var(--saffron); outline-offset:3px; border-radius:2px; } .sidco-nt .wrap{ width:min(100% - (2 * var(--gut)), var(--wrap)); margin-inline:auto; } .sidco-nt .sec{ padding-block:60px; } .sidco-nt .sec--alt{background:#f3f3f3;} .sidco-nt .label{ font-family:var(--mono); font-size:14px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--blue); display:flex; align-items:center; gap:.7rem; margin-bottom:1rem; } .sidco-nt .label::before{ content:""; width:28px; height:2px; background:var(--saffron); flex:none; } .sidco-nt .lede{ color:#000; font-size:17px; max-width:62ch; } .sidco-nt .sec-head{ max-width:70ch; margin-bottom:clamp(2rem,3.5vw,3.2rem); } .sidco-nt .sec-head h2{ font-size:42px; } .sidco-nt .sec-head p{ margin-top:1rem; color:#000; } .sidco-nt .sec-head--row{ display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; max-width:none; } .sidco-nt .sec-head--row > div{ max-width:64ch; } .sidco-nt .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:.82rem 1.5rem; border-radius:40px; border:1.5px solid transparent; font-weight:600; font-size:16px; letter-spacing:.01em; cursor:pointer; transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; } .sidco-nt .btn svg{ flex:none; } .sidco-nt .btn--primary{ background:var(--blue); color:#fff; } .sidco-nt .btn--primary:hover{ background:var(--blue-700); transform:translateY(-1px); } .sidco-nt .btn--saffron{ background:var(--saffron); color:#fff; } .sidco-nt .btn--saffron:hover{ background:#C65F06; transform:translateY(-1px); } .sidco-nt .btn--outline{ border-color:var(--line-strong); color:var(--heading); background:transparent; } .sidco-nt .btn--outline:hover{ border-color:var(--blue); color:var(--blue); } .sidco-nt .btn--sm{ padding:.6rem 1.1rem; font-size:16px; } .sidco-nt .link-more{ display:inline-flex; align-items:center; gap:.45rem; color:var(--blue); font-weight:600; font-size:16px; } .sidco-nt .link-more:hover{ color:var(--saffron); } .sidco-nt .link-more span{ transition:transform .18s ease; } .sidco-nt .link-more:hover span{ transform:translateX(3px); } .sidco-nt .util{ background:#0B2545; color:#A6BED6; font-size:12.64px; border-bottom:1px solid rgba(255,255,255,.08); } .sidco-nt .util__in{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:48px; flex-wrap:wrap; } .sidco-nt .util__social{ display:flex; gap:.5rem; } .sidco-nt .util__social a{ width:26px; height:26px; display:grid; place-items:center; border-radius:30px; border:1px solid rgba(255,255,255,.50); } .sidco-nt .util__social a:hover{ background:var(--saffron); border-color:var(--saffron); color:#fff; } .sidco-nt .hdr{ position:sticky; top:0; z-index:60; background:var(--paper); border-bottom:1px solid var(--line); transition:box-shadow .2s ease; } .sidco-nt .hdr.is-stuck{ box-shadow:var(--shadow-sm); } .sidco-nt .hdr__in{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:84px; transition:min-height .2s ease; } .sidco-nt .hdr.is-stuck .hdr__in{ min-height:66px; } .sidco-nt .e.eligibility-btn{display: flex; gap: 10px; align-items: center;} .sidco-nt header{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 99; position: relative; } .sidco-nt .logo{ display:flex; align-items:center; gap:.75rem; } .sidco-nt .logo__txt{ display:flex; flex-direction:column; line-height:1.15; } .sidco-nt .logo__name{ font-family:var(--display); font-size:22.72px; color:var(--heading); letter-spacing:.02em; } .sidco-nt .logo__sub{ font-family:var(--body); font-size:10.88px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-faint); font-weight:600; } .sidco-nt .nav{ display:flex; align-items:center; gap:2rem; } .sidco-nt .nav a:hover{ color:var(--blue); border-bottom-color:var(--saffron); } .sidco-nt .nav a[aria-current="page"]{ color:var(--blue); border-bottom-color:var(--blue); font-weight:600; } .sidco-nt .hdr__cta{ display:flex; align-items:center; gap:.6rem; } .sidco-nt .burger{ display:none; width:44px; height:44px; background:transparent; border:1px solid var(--line-strong); border-radius:var(--r-sm); cursor:pointer; align-items:center; justify-content:center; color:var(--heading); } .sidco-nt .theme-btn{ border: #fff solid 1px; border-radius: 20px; padding: 2px 15px; font-size: 15px;} .sidco-nt .login-btn{ padding: 0 15px 0 0;} .sidco-nt .drawer{ position:fixed; inset:0 0 0 auto; width:min(88vw, 360px); background:var(--paper); border-left:1px solid var(--line); z-index:90; transform:translateX(100%); transition:transform .28s ease; display:flex; flex-direction:column; overflow-y:auto; } .sidco-nt .drawer[data-open="true"]{ transform:translateX(0); } .sidco-nt .drawer__top{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid var(--line); } .sidco-nt .drawer__close{ width:40px; height:40px; border:1px solid var(--line-strong); background:transparent; border-radius:var(--r-sm); cursor:pointer; color:inherit; flex:none; } .sidco-nt .drawer nav{ display:flex; flex-direction:column; padding:.5rem 0; } .sidco-nt .drawer nav a{ padding:.95rem 1.25rem; border-bottom:1px solid var(--line); font-weight:500; } .sidco-nt .drawer nav a:hover{ background:var(--paper-alt); color:var(--blue); } .sidco-nt .drawer__foot{ padding:1.25rem; display:grid; gap:.6rem; } .sidco-nt .scrim{ position:fixed; inset:0; background:rgba(11,37,69,.5); z-index:80; opacity:0; pointer-events:none; transition:opacity .25s ease; } .sidco-nt .scrim[data-open="true"]{ opacity:1; pointer-events:auto; } .sidco-nt .hero{ position:relative; background:var(--paper); border-bottom:1px solid var(--line); overflow:hidden; } .sidco-nt .hero__bg{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; } .sidco-nt .hero__in{ display:grid; grid-template-columns:minmax(0,47fr) minmax(0,53fr); gap:clamp(2rem,4vw,4rem); align-items:center; padding-block:clamp(2.6rem,5vw,4.6rem); position:relative; } .sidco-nt .hero h1{ font-size:64px; margin-block:.85rem 0; } .sidco-nt .hero h1 em{ font-style:italic; color:var(--blue); } .sidco-nt .hero__lede{ margin-top:1.35rem; color:var(--ink-muted); font-size:20px; max-width:52ch; } .sidco-nt .hero__acts{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; align-items:center; } .sidco-nt .hero__art{ position:relative; } .sidco-nt .hero__frame{ position:relative; isolation:isolate; border:1px solid var(--line); border-radius:var(--r-md); background:var(--blue-100); overflow:hidden; box-shadow:var(--shadow-md); } .sidco-nt .hero__image{position:absolute;inset:0;} .sidco-nt .hero__frame > svg{ display:block; width:100%; height:auto; } .sidco-nt .strip{ border-top:1px solid var(--line); background:var(--paper-alt); position:relative; } .sidco-nt .strip__in{ display:grid; grid-template-columns:repeat(4,1fr); text-align: center; } .sidco-nt .strip__i{ padding:1.4rem 1.25rem; border-right:1px solid var(--line); } .sidco-nt .strip__i:last-child{ border-right:0; } .sidco-nt .strip__n{ font-family:var(--display); font-size:38px; color:var(--blue); line-height:1; display:block; } .sidco-nt .strip__l{ font-size:16px; color:var(--ink-muted); margin-top:.35rem; display:block; } .sidco-nt .about__in{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(2rem,5vw,4.5rem); align-items:center; } .sidco-nt .about__art{ position:relative; } .sidco-nt .figure{ margin:0; position:relative; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; background:var(--blue-100); box-shadow:var(--shadow-sm); } .sidco-nt .figure > .section-image{position:absolute;inset:0;} .sidco-nt .figure > svg{ display:block; width:100%; height:auto; } .sidco-nt .figure figcaption{ font-family:var(--mono); font-size:10.56px; letter-spacing:.05em; color:var(--ink-faint); padding:.55rem .8rem; background:var(--paper); border-top:1px solid var(--line); } .sidco-nt .about__badge{ position:absolute; right:-14px; bottom:-45px; background:#0B2545; color:#A6BED6; padding:1rem 1.2rem; border-radius:var(--r-md); max-width:238px; box-shadow:var(--shadow-md); } .sidco-nt .about__badge b{ font-family:var(--display); font-size:26px; display:block; line-height:1.1; color:#fff; font-weight:400; } .sidco-nt .about__badge span{ font-size:12.16px; display:block; margin-top:.3rem; line-height:1.5; } .sidco-nt #about .hl{ display:grid; gap:1.1rem; margin-top:1.9rem; } .sidco-nt #about .hl li{ display:grid; grid-template-columns:auto 1fr; gap:.9rem; align-items:start; } .sidco-nt #about .hl__ic{ width:34px; height:34px; border-radius:var(--r-sm); display:grid; place-items:center; flex:none; } .sidco-nt #about .hl__ic--blue{ background:var(--blue-100); color:var(--blue); } .sidco-nt #about .hl__ic--saff{ background:var(--saffron-50); color:var(--saffron); } .sidco-nt #about .hl__ic--green{ background:var(--green-50); color:var(--green); } .sidco-nt #about .hl b{ display:block; font-weight:600; color:var(--heading); font-size:18px; } .sidco-nt #about .hl p{ color:var(--ink-muted); font-size:16px; } .sidco-nt .acts-row{ margin-top:2.1rem; display:flex; gap:.8rem; flex-wrap:wrap; } .sidco-nt .about__art .figure{ height: 650px; width: 100%; } .sidco-nt #aboutTitle{ font-size: 42px; padding:0px 0 10px 0; } .sidco-nt #about{ padding-bottom: 80px;} .sidco-nt .prog{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; } .sidco-nt .card{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md); display:flex; flex-direction:column; overflow:hidden; transition:border-color .2s, transform .2s, box-shadow .2s; } .sidco-nt .card:hover{ border-color:var(--line-strong); transform:translateY(-3px); box-shadow:var(--shadow-md); } .sidco-nt .card__media{ position:relative; overflow:hidden; aspect-ratio:14/6; background:var(--blue-100); border-bottom:1px solid var(--line); } .sidco-nt .card__media svg{ position:absolute; inset:0; width:100%; height:100%; } .sidco-nt .card__no{ position:absolute; top:.7rem; left:.7rem; font-family:var(--mono); font-size:11.52px; font-weight:600; background:#0B2545; color:#fff; padding:.2rem .5rem; border-radius:2px; letter-spacing:.06em; } .sidco-nt .card__body{ padding:1.3rem 1.35rem 1.45rem; display:flex; flex-direction:column; gap:.6rem; flex:1; } .sidco-nt .card__cat{ font-family:var(--mono); font-size:10.88px; letter-spacing:.13em; text-transform:uppercase; color:var(--saffron); font-weight:600; } .sidco-nt .card__t{ font-size:20px; } .sidco-nt .card__p{ color:var(--ink-muted); font-size:15px; flex:1; } .sidco-nt .card__foot{ padding-top:.4rem; } .sidco-nt .act{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; } .sidco-nt .act__i{ background:var(--paper); padding:1.6rem 1.4rem 1.7rem; display:flex; flex-direction:column; gap:.7rem; transition:background .2s; } .sidco-nt .act__i:hover{ background:var(--paper-alt); } .sidco-nt .act__ic{ width:40px; height:40px; color:var(--blue); } .sidco-nt .act__i h3{ font-size:20px; } .sidco-nt .act__i p{ color:var(--ink-muted); font-size:15px; } .sidco-nt .part-note{ margin-top:1.2rem; font-family:var(--mono); font-size:11.52px; color:var(--ink-faint); } .sidco-nt .donors-sec{background:#FFFFFF;} .sidco-nt .donors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} .sidco-nt .donor-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:start;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;} .sidco-nt .donor-card:nth-child(3n+2){border-top-color:var(--saffron);} .sidco-nt .donor-card:nth-child(3n){border-top-color:var(--green);} .sidco-nt .donor-card:nth-child(4n){border-top-color:var(--green);} .sidco-nt .donor-card:nth-child(5n){border-top-color:var(--blue);} .sidco-nt .donor-card:nth-child(6n){border-top-color:var(--saffron);} .sidco-nt .donor-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--line-strong);} .sidco-nt .donor-card__image{display:block;width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center;border:4px solid var(--blue-100);} .sidco-nt .donor-card__anonymous{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-family:var(--display);font-size:24px;border:0;} /* ── Donor media wrapper (click → video or lightbox) ── */ .sidco-nt .donor-card__media-wrap{position:relative;width:80px;height:80px;flex-shrink:0;cursor:pointer;} .sidco-nt .donor-card__media-wrap:focus{outline:2px solid var(--blue);outline-offset:2px;border-radius:50%;} .sidco-nt .donor-card__media-wrap .donor-card__image{width:100%;height:100%;transition:filter .2s;} .sidco-nt .donor-card__media-wrap:hover .donor-card__image{filter:brightness(.8);} .sidco-nt .donor-card__play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;} .sidco-nt .donor-card__play-btn svg{width:44px;height:44px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .2s;} .sidco-nt .donor-card__media-wrap:hover .donor-card__play-btn svg{transform:scale(1.12);} /* ── Donor media modal ── */ .donor-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;} .donor-modal.is-open{display:flex;} .donor-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);cursor:pointer;} .donor-modal__box{position:relative;z-index:1;background:#111;border-radius:12px;overflow:hidden;max-width:min(860px,95vw);width:100%;box-shadow:0 16px 48px rgba(0,0,0,.6);} .donor-modal__close{position:absolute;top:10px;right:14px;z-index:2;background:rgba(0,0,0,.55);border:none;color:#fff;font-size:26px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;} .donor-modal__close:hover{background:rgba(255,255,255,.2);} .donor-modal__title{margin:0;padding:14px 48px 0 18px;color:#fff;font-size:15px;font-weight:600;background:#111;} .donor-modal__body{background:#000;} .donor-modal__video{display:block;width:100%;max-height:70vh;outline:none;} .donor-modal__img{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain;} .sidco-nt .donor-card__content{min-width:0;} .sidco-nt .donor-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;} .sidco-nt .donor-card__top h3{font-family:var(--body);font-size:19px;font-weight:700;line-height:1.3;color:var(--heading);} .sidco-nt .donor-card__amount{flex:none;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--green-50);color:var(--green);font-size:14px;font-weight:700;line-height:1;} .sidco-nt .donor-card__content>p{color:var(--ink-muted);font-size:16px;line-height:1.6;} .sidco-nt .donor-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-family:var(--mono);font-size:13px;line-height:1.5;text-transform:uppercase;color:var(--ink-faint);} .sidco-nt .donor-card__meta span{color:var(--blue);font-weight:600;} .sidco-nt .donor-card__meta time{ min-width: 88px;} .sidco-nt .donors-note{margin-top:20px;padding:14px 16px;border-left:4px solid var(--saffron);background:var(--paper);color:var(--ink-muted);font-size:13px;line-height:1.6;} @media(max-width:1080px){ .sidco-nt .donors-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:720px){ .sidco-nt .donors-grid{grid-template-columns:1fr;}.sidco-nt .donor-card{grid-template-columns:68px minmax(0,1fr);padding:18px}.sidco-nt .donor-card__image{width:68px;height:68px}.sidco-nt .donor-card__media-wrap{width:68px;height:68px}.sidco-nt .donor-card__top{flex-direction:column;gap:8px} } @media(max-width:430px){ .sidco-nt .donor-card{grid-template-columns:1fr}.sidco-nt .donor-card__image{width:72px;height:72px}.sidco-nt .donor-card__meta{align-items:flex-start;flex-direction:column;gap:4px} } .sidco-nt .foot{ background:#0B2545; color:#A6BED6; padding-block:clamp(3rem,5vw,4.6rem) 0; } .sidco-nt .foot__top{ display: grid; grid-template-columns: 25% 1fr 25%; gap:80px; align-items: start;} .sidco-nt .foot-nav-slot{display:contents;} .sidco-nt .foot .logo__name{ color:#fff; } .sidco-nt .foot .logo__sub{ color:#A6BED6; } .sidco-nt .foot__brand p{ margin-top:1.1rem; font-size:16px; max-width:36ch; } .sidco-nt .foot__social{ display:flex; gap:.5rem; margin-top:1rem; } .sidco-nt .foot__social a{ width:34px; height:34px; border:1px solid rgba(255,255,255,.2); border-radius:20px; display:grid; place-items:center; } .sidco-nt .foot__social a:hover{ background:var(--saffron); border-color:var(--saffron); color:#fff; } .sidco-nt .foot h4{ color:#fff; font-family:var(--body); font-weight:600; font-size:16px; letter-spacing:.11em; text-transform:uppercase; margin-bottom:1rem; } .sidco-nt .foot li{ margin-bottom:.6rem; font-size:16px; line-height:1.6; } .sidco-nt .foot li a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; } .sidco-nt .foot__contact li{ display:grid; grid-template-columns:auto 1fr; gap:.6rem; align-items:start; } .sidco-nt .foot__contact svg{ color:#F0913C; margin-top:.35rem; } .sidco-nt .foot__bar{ margin-top:clamp(2.4rem,4vw,3.4rem); border-top:1px solid rgba(255,255,255,.12); padding-block:1.3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:12.8px; } .sidco-nt .foot__bar ul{ display:flex; gap:1.4rem; flex-wrap:wrap; } .sidco-nt .foot__bar p{ font-size: 16px;} .sidco-nt .craftby{ font-size: 16px; display: flex; align-items: center; } .sidco-nt .craftby svg{ margin: 0px 5px;} .sidco-nt #footNav{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } @media (max-width:1340px){ .sidco-nt .nav a{ padding:.5rem .58rem; font-size:14.24px; } .sidco-nt .logo__sub{ font-size:10.08px; } } @media (max-width:1180px){ .sidco-nt .hdr__cta .btn--outline{ display:none; } } @media (max-width:1080px){ .sidco-nt .nav{ display:none; } .sidco-nt .hdr__cta .btn--outline{ display:none; } .sidco-nt .burger{ display:flex; } .sidco-nt .prog, .sidco-nt .news{ grid-template-columns:repeat(2,1fr); } .sidco-nt .act{ grid-template-columns:repeat(2,1fr); } .sidco-nt .strip__in{ grid-template-columns:repeat(3,1fr); } .sidco-nt .strip__i:nth-child(3n){ border-right:0; } } @media (max-width:900px){ .sidco-nt .hero__in, .sidco-nt .about__in{ grid-template-columns:1fr; } .sidco-nt .hero__art, .sidco-nt .about__art, .sidco-nt .about__badge{ right:12px; bottom:-16px; } .sidco-nt .foot__top{ grid-template-columns:repeat(2,1fr); } .sidco-nt .sec-head--row{ flex-direction:column; align-items:flex-start; } } @media (max-width:720px){ .sidco-nt .prog, .sidco-nt .news{ grid-template-columns:1fr; } .sidco-nt .strip__in{ grid-template-columns:repeat(2,1fr); } .sidco-nt .strip__i:nth-child(2n){ border-right:0; } .sidco-nt .hero__acts .btn{ flex:1 1 100%; } } @media (max-width:560px){ .sidco-nt .act{ grid-template-columns:1fr; } .sidco-nt .foot__top{ grid-template-columns:1fr; } .sidco-nt .util__in{ justify-content:center; } .sidco-nt .hero__art, .sidco-nt .about__art, .sidco-nt .about__badge{right: 0px;} } @media (max-width:430px){ .sidco-nt .logo__name{ font-size:19.2px; } .sidco-nt .logo__sub{ font-size:9.6px; } .sidco-nt .strip__in{ grid-template-columns:1fr; } .sidco-nt .strip__i{ border-right:0; border-bottom:1px solid var(--line); } .sidco-nt .strip__i:last-child{ border-bottom:0; } } @media (prefers-reduced-motion:reduce){ .sidco-nt, .sidco-nt *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } .sidco-nt .card:hover, .sidco-nt .news__i:hover, .sidco-nt .btn:hover{ transform:none; } } .sidco-nt .hdr{backdrop-filter:saturate(160%) blur(14px);background:color-mix(in srgb,var(--paper) 92%,transparent);} .sidco-nt .hero{min-height:720px;background: radial-gradient(circle at 15% 12%,rgba(222,108,10,.09),transparent 28%), radial-gradient(circle at 86% 32%,rgba(19,97,168,.12),transparent 34%), var(--paper);} .sidco-nt .hero__in{min-height:630px;} .sidco-nt .hero h1{font-weight:500;} .sidco-nt .hero__lede{max-width:58ch;} .sidco-nt .hero__frame{border-radius:26px;border:0;box-shadow:var(--shadow-lg);aspect-ratio:1.16/1;} .sidco-nt .hero__frame > svg{display:none;} .sidco-nt .hero__frame::after{ content:"MSME • SKILLS • ENTREPRENEURSHIP";position:absolute;right:22px;top:22px; padding:.55rem .8rem;border:1px solid rgba(255,255,255,.45);border-radius:999px; color:#fff;background:rgba(11,37,69,.34);backdrop-filter:blur(8px); font-family:var(--mono);font-size:9.92px;letter-spacing:.09em;z-index:2; } .sidco-nt .strip{background:var(--navy);border:0;color:#fff;} .sidco-nt .strip__i{border-color:rgba(255,255,255,.14);padding:1.6rem 1.25rem;} .sidco-nt .strip__n{color:#fff;font-size:48px;font-weight:500;} .sidco-nt .strip__l{color:#bcd0e4;} .sidco-nt .figure{border:0;border-radius:22px;box-shadow:var(--shadow-lg);aspect-ratio:4/3;position:relative;} .sidco-nt .figure > svg{display:none;} .sidco-nt .figure figcaption{position:absolute;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(to top,rgba(7,84,165,.88),transparent);color:#fff;border:0;padding:1rem 1.2rem;} .sidco-nt .about__badge{border-radius:16px;padding:1.2rem 1.35rem;} .sidco-nt .card{border-radius:16px;box-shadow:0 10px 35px rgba(11,37,69,.06);border-color:var(--line);} .sidco-nt .card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(11,37,69,.14);} .sidco-nt .card__media{overflow:hidden;} .sidco-nt .card__media svg{display:none;} .sidco-nt .act{border-radius:18px;box-shadow:var(--shadow-sm);} .sidco-nt .act__i{min-height:220px;justify-content:flex-end;position:relative;overflow:hidden;} .sidco-nt .act__i::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 55%,rgba(19,97,168,.07));pointer-events:none;} .sidco-nt .act__ic{width:52px;height:52px;border-radius:14px;background:var(--blue-100);display:grid;place-items:center;padding:8px;} .sidco-nt .news__i{border-radius:16px;} .sidco-nt .news__media svg{display:none;} .sidco-nt .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;} .sidco-nt .reveal.is-visible{opacity:1;transform:none;} @media(max-width:900px){ .sidco-nt .hero{min-height:auto}.sidco-nt .hero__in{min-height:auto}.sidco-nt .hero__frame{aspect-ratio:16/10} .sidco-nt .hero__art::before{left:-8px}.sidco-nt .hero__art::after{right:-8px} } @media(max-width:560px){ .sidco-nt .hero__frame{border-radius:18px}.sidco-nt .hero__art::before, .sidco-nt .hero__art::after{display:none} .sidco-nt .figure{border-radius:16px}.sidco-nt .strip__n{font-size:33.6px} } .sidco-nt .logo__mark--official{ width:132px; height:auto; max-height:72px; object-fit:contain; display:block; transition:width .2s ease; } .sidco-nt .hdr.is-stuck .logo__mark--official{width:112px;} .sidco-nt .logo--official .logo__txt{display:none;} .sidco-nt .foot .logo__mark--official{width:145px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.12));} .sidco-nt .drawer__brand-logo{width:126px;height:auto;display:block;} .sidco-nt .util{ background:linear-gradient(90deg,#0754A5 0%,#0968B8 58%,#00AEEF 100%); color:#fff; } .sidco-nt .util__social a:hover{background:#FF781F;border-color:#FF781F;} .sidco-nt .hdr{border-top:3px solid #6FBE44;} .sidco-nt .nav a:hover{color:#0754A5;border-bottom-color:#FF781F;} .sidco-nt .nav a[aria-current="page"]{color:#0754A5;border-bottom-color:#00AEEF;} .sidco-nt .btn--primary{ background:linear-gradient(135deg,#0754A5,#00AEEF); box-shadow:0 9px 22px rgba(7,84,165,.18); } .sidco-nt .btn--primary:hover{background:linear-gradient(135deg,#06478C,#009BD6);} .sidco-nt .btn--saffron{background:#FF781F;box-shadow:0 9px 15px rgba(255,120,31,.2);} .sidco-nt .btn--saffron:hover{background:#EA6812;} .sidco-nt .btn--outline{border-color:#0754A5;color:#0754A5;} .sidco-nt .btn--outline:hover{background:#EAF5FD;border-color:#00AEEF;color:#0754A5;} .sidco-nt .label{color:#0754A5;} .sidco-nt .label::before{background:linear-gradient(90deg,#FF781F 0 48%,#6FBE44 48%);} .sidco-nt .link-more{color:#0754A5;} .sidco-nt .link-more:hover{color:#FF781F;} .sidco-nt .hero{ background: radial-gradient(circle at 9% 8%,rgba(255,120,31,.08),transparent 28%), radial-gradient(circle at 88% 16%,rgba(0,174,239,.07),transparent 31%), radial-gradient(circle at 84% 90%,rgba(111,190,68,.06),transparent 28%), #fff; } .sidco-nt .hero h1 em{color:#FF781F;} .sidco-nt .hero__frame{outline:5px solid rgba(255,255,255,.92);} .sidco-nt .hero__frame::after{background:rgba(7,84,165,.72);border-color:rgba(255,255,255,.7);} .sidco-nt .hero__art::before{background:#FF781F;} .sidco-nt .hero__art::after{background:#6FBE44;} .sidco-nt .strip{ background:linear-gradient(105deg,#0754A5 0%,#0873BC 55%,#00AEEF 100%); position:relative; } .sidco-nt .strip::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:5px; background:linear-gradient(90deg,#FF781F 0 34%,#00AEEF 34% 67%,#6FBE44 67%); } .sidco-nt .strip__l{color:#E7F8FF;} .sidco-nt .about__badge{background:linear-gradient(145deg,#0754A5,#00AEEF);color:#EAF9FF;} .sidco-nt .hl__ic--blue{background:#EAF5FD;color:#0754A5;} .sidco-nt .hl__ic--saff{background:#FFF2E9;color:#FF781F;} .sidco-nt .hl__ic--green{background:#EFF8E9;color:#6FBE44;} .sidco-nt .card__no{background:#0754A5;} .sidco-nt .card__cat{color:#FF781F;} .sidco-nt .card:hover{border-color:#BBD4E5;box-shadow:0 24px 60px rgba(7,84,165,.15);} .sidco-nt .act__i:nth-child(4n+1) .act__ic{background:#EAF5FD;color:#0754A5;} .sidco-nt .act__i:nth-child(4n+2) .act__ic{background:#FFF2E9;color:#FF781F;} .sidco-nt .act__i:nth-child(4n+3) .act__ic{background:#EFF8E9;color:#6FBE44;} .sidco-nt .act__i:nth-child(4n) .act__ic{background:#EAF9FF;color:#00AEEF;} .sidco-nt .act__i::before{background:linear-gradient(145deg,transparent 52%,rgba(0,174,239,.08));} .sidco-nt .news__meta b{color:#6FBE44;} .sidco-nt .foot{ background: radial-gradient(circle at 95% 10%,rgba(0,174,239,.18),transparent 26%), linear-gradient(135deg,#043C78,#0754A5); position: relative; color:#DDF3FF; } .sidco-nt .foot .wrap{ position: relative; z-index: 99;} .sidco-nt .foot__social a:hover{background:#FF781F;border-color:#FF781F;} .sidco-nt .foot__contact svg{color:#FF781F;} .sidco-nt .foot__bar{border-top-color:rgba(255,255,255,.2);} .sidco-nt .impact__bg{ position: absolute;top: 0px; opacity: 0.5; height: 100%; width: 100%;} @media(max-width:720px){ .sidco-nt .logo__mark--official{width:108px;} .sidco-nt .hdr.is-stuck .logo__mark--official{width:96px;} } @media (max-width:720px){ :root{ --t-cap:11px; --t--1:14px; --t-0:16px; --t-1:18px; --t-2:22px; --t-3:30px; --t-4:38px; --t-5:46px; } } @media (max-width:430px){ :root{ --t-3:27px; --t-4:34px; --t-5:40px; } } .sidco-nt .partners-slider-sec{background:#FFFFFF;border-bottom:1px solid #E1E4E7;} .sidco-nt .partners-slider-head{margin-inline:auto;text-align:center;} .sidco-nt .partners-slider-head .label{justify-content:center;} .sidco-nt .partners-slider-shell{position:relative;padding:8px 64px 14px;} .sidco-nt .partners-slider{margin:0 -12px;} .sidco-nt .partner-slide{padding:12px;} .sidco-nt .partner-logo-card{height:142px;padding:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(7,84,165,.12);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;} .sidco-nt .partner-logo-card:hover{transform:translateY(-4px);border-color:var(--sky);box-shadow:0 12px 28px rgba(7,84,165,.18);} .sidco-nt .partner-logo-card img{display:block;width:100%;max-width:240px;height:82px;object-fit:contain;} .sidco-nt .partners-slider .slick-track{display:flex;align-items:stretch;} .sidco-nt .partners-slider .slick-slide{height:auto;} .sidco-nt .partners-slider .slick-slide>div{height:100%;} .sidco-nt .partners-slider .slick-arrow{width:52px;height:52px;z-index:5;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 5px 16px rgba(7,84,165,.18);transition:background .2s ease,border-color .2s ease,transform .2s ease;} .sidco-nt .partners-slider .slick-arrow:hover, .sidco-nt .partners-slider .slick-arrow:focus{background:var(--saffron);border-color:var(--saffron); } .sidco-nt .partners-slider .slick-prev{left:-52px;} .sidco-nt .partners-slider .slick-next{right:-52px;} .sidco-nt .partners-slider .slick-prev::before, .sidco-nt .partners-slider .slick-next::before{display:block;font-family:Arial,sans-serif;font-size:30px;line-height:1;color:var(--blue);opacity:1; margin: -4px 0 0 3px;} .sidco-nt .partners-slider .slick-prev::before{content:'‹';} .sidco-nt .partners-slider .slick-next::before{content:'›';} .sidco-nt .partners-slider .slick-arrow:hover::before, .sidco-nt .partners-slider .slick-arrow:focus::before{color:#fff;} .sidco-nt .partners-slider .slick-dots{bottom:-28px;} .sidco-nt .partners-slider .slick-dots li button::before{color:var(--blue);font-size:9px;} .sidco-nt .partners-slider .slick-dots li.slick-active button::before{color:var(--saffron);} .sidco-nt .partners-slider-sec .part-note{text-align:center;margin-top:36px;} @media(max-width:720px){ .sidco-nt .partners-slider-shell{padding-inline:42px}.sidco-nt .partners-slider .slick-prev{left:-38px}.sidco-nt .partners-slider .slick-next{right:-38px}.sidco-nt .partners-slider .slick-arrow{width:42px;height:42px}.sidco-nt .partner-logo-card{height:125px;padding:18px} } @media(max-width:430px){ .sidco-nt .partners-slider-shell{padding-inline:34px}.sidco-nt .partners-slider .slick-prev{left:-30px}.sidco-nt .partners-slider .slick-next{right:-30px} } .sidco-nt .benefit-steps-sec{background:linear-gradient(180deg,#EAF4FB 0%,#E2EFF8 100%);border-block:1px solid #CADFEB;} .sidco-nt .benefit-steps-head{max-width:760px;margin-bottom:42px;} .sidco-nt .benefit-steps-head h2{font-size:42px;} .sidco-nt .benefit-steps-head>p:last-child{margin-top:14px;color:var(--ink-muted);font-size:17px;} .sidco-nt .benefit-steps-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.45fr);gap:28px;align-items:stretch;} .sidco-nt .benefit-step-list{display:grid;gap:14px;counter-reset:benefit-step; padding-left: 0px; margin: 0px;} .sidco-nt .benefit-step{position:relative;display:grid;grid-template-columns:58px 1fr;gap:17px;align-items:start;min-height:154px;padding:25px 58px 23px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px rgba(7,84,165,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;} .sidco-nt .benefit-step:hover{transform:translateX(5px);box-shadow:0 16px 34px rgba(7,84,165,.12);} .sidco-nt .benefit-step__number{position:absolute;right:18px;top:8px;font-family:var(--display);font-size:48px;font-weight:700;line-height:1;color:#E3EBF1;} .sidco-nt .benefit-step__icon{position:relative;z-index:1;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#fff;} .sidco-nt .benefit-step__icon svg{width:26px;height:26px;} .sidco-nt .benefit-step--orange .benefit-step__icon{background:var(--saffron);} .sidco-nt .benefit-step--green .benefit-step__icon{background:var(--green);} .sidco-nt .benefit-step--blue .benefit-step__icon{background:var(--navy);} .sidco-nt .benefit-step h3{font-family:var(--body);font-size:21px;font-weight:700;color:var(--ink);margin-bottom:5px;} .sidco-nt .benefit-step p{color:var(--ink-muted);font-size:15px;line-height:1.55;} .sidco-nt .benefit-details{position:relative;padding:34px;background:linear-gradient(145deg,#FFFFFF,#F5FBFF);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 38px rgba(7,84,165,.10);overflow:hidden;} .sidco-nt .benefit-details::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,174,239,.15),transparent 68%);pointer-events:none;} .sidco-nt .benefit-details__intro{position:relative;z-index:1;max-width:700px;margin-bottom:24px;} .sidco-nt .benefit-details__intro .label{margin-bottom:9px;} .sidco-nt .benefit-details__intro h3{font-size:32px;} .sidco-nt .benefit-details__intro>p:last-child{margin-top:9px;color:var(--ink-muted);font-size:16px;} .sidco-nt .benefit-detail-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} .sidco-nt .benefit-detail-card{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:border-color .2s ease,transform .2s ease;} .sidco-nt .benefit-detail-card:hover{transform:translateY(-3px);border-color:var(--sky);} .sidco-nt .benefit-detail-card__icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue);} .sidco-nt .benefit-detail-card:nth-child(2) .benefit-detail-card__icon{background:var(--saffron-50);color:var(--saffron);} .sidco-nt .benefit-detail-card:nth-child(3) .benefit-detail-card__icon{background:var(--green-50);color:var(--green);} .sidco-nt .benefit-detail-card:nth-child(4) .benefit-detail-card__icon{background:var(--sky-50);color:var(--sky);} .sidco-nt .benefit-detail-card__icon svg{width:24px;height:24px;} .sidco-nt .benefit-detail-card h4{font-family:var(--body);font-size:17px;font-weight:700;color:var(--heading);margin-bottom:3px;} .sidco-nt .benefit-detail-card p{color:var(--ink-muted);font-size:14px;line-height:1.5;} .sidco-nt .benefit-details__cta{margin-top:24px;position:relative;z-index:1;} @media(max-width:1080px){ .sidco-nt .benefit-steps-layout{grid-template-columns:1fr}.sidco-nt .benefit-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sidco-nt .benefit-step{grid-template-columns:1fr;min-height:215px;padding-right:24px}.sidco-nt .benefit-step:hover{transform:translateY(-4px)} } @media(max-width:760px){ .sidco-nt .benefit-steps-head h2{font-size:38px}.sidco-nt .benefit-step-list{grid-template-columns:1fr}.sidco-nt .benefit-step{grid-template-columns:58px 1fr;min-height:auto;padding-right:58px}.sidco-nt .benefit-detail-grid{grid-template-columns:1fr}.sidco-nt .benefit-details{padding:24px} } @media(max-width:430px){ .sidco-nt .benefit-steps-head h2{font-size:32px}.sidco-nt .benefit-step{grid-template-columns:1fr;padding:22px}.sidco-nt .benefit-step__number{font-size:40px}.sidco-nt .benefit-details{padding:20px}.sidco-nt .benefit-details__intro h3{font-size:25px}.sidco-nt .benefit-detail-card{grid-template-columns:42px 1fr;padding:15px}.sidco-nt .benefit-detail-card__icon{width:42px;height:42px} } .sidco-nt .testimonials-sec{position:relative;overflow:hidden;background:linear-gradient(180deg,#F4F8FB 0%,#EAF1F6 100%);border-block:1px solid #D5E1E9;} .sidco-nt .testimonials-sec::before{content:none;} .sidco-nt .testimonials-sec>.wrap{position:relative;z-index:1;} .sidco-nt .testimonials-head{display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px;margin:0 auto 44px;text-align:center;} .sidco-nt .testimonials-head .label{width:100%;justify-content:center;margin-bottom:10px;text-align:center;} .sidco-nt .testimonials-head .label::after{content:"";width:28px;height:2px;background: linear-gradient(90deg, #FF781F 0 48%, #6FBE44 48%);flex:none; display: none;} .sidco-nt .testimonials-head h2{width:100%;margin-inline:auto;font-size:42px;text-align:center;text-transform:uppercase;color:var(--heading); padding: 10px 0 0 0;} .sidco-nt .testimonials-head>p:last-child{width:100%;margin:14px auto 0;color:var(--ink-muted);font-size:17px;text-align:center;} .sidco-nt .testimonials-slider{margin:0 -12px;padding-bottom:44px;} .sidco-nt .testimonial-slide{padding:24px 12px;} .sidco-nt .testimonial-card{position:relative;min-height:330px;padding:54px 34px 34px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px rgba(7,84,165,.10);transform:scale(.92);opacity:.72;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease;} .sidco-nt .testimonials-slider .slick-center .testimonial-card{transform:scale(1.04);opacity:1;box-shadow:0 22px 48px rgba(7,84,165,.18);} .sidco-nt .testimonial-quote{position:absolute;right:24px;top:2px;color:var(--saffron);font-family:Georgia,serif;font-size:76px;line-height:1;} .sidco-nt .testimonial-card img{display:block;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;object-fit:cover;border:2px dotted var(--blue);padding:4px;background:#fff;} .sidco-nt .testimonial-card h3{font-family:var(--body);font-size:21px;font-weight:700;color:var(--ink);} .sidco-nt .testimonial-role{margin:2px 0 14px;color:var(--blue)!important;font-family:var(--mono);font-size:11px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;} .sidco-nt .testimonial-card>p:last-child{max-width:38ch;margin-inline:auto;color:var(--ink-muted);font-size:16px;line-height:1.55;} .sidco-nt .testimonials-slider .slick-track{display:flex;align-items:center; padding-bottom: 45px;} .sidco-nt .testimonials-slider .slick-slide{height:auto;} .sidco-nt .testimonials-slider .slick-dots{bottom:0;} .sidco-nt .testimonials-slider .slick-dots li{width:16px;height:16px;margin:0 5px;} .sidco-nt .testimonials-slider .slick-dots li button{width:16px;height:16px;padding:0;border:1px solid var(--saffron);border-radius:50%;} .sidco-nt .testimonials-slider .slick-dots li button::before{content:"";width:8px;height:8px;left:4px;top:4px;border-radius:50%;background:transparent;opacity:1;} .sidco-nt .testimonials-slider .slick-dots li.slick-active button::before{background:var(--saffron);} .sidco-nt .testimonials-note{max-width:800px;margin:22px auto 0;text-align:center;color:var(--ink-faint);font-size:12px;line-height:1.6;} @media(max-width:980px){ .sidco-nt .testimonial-card{transform:none;opacity:1;} .sidco-nt .testimonials-head h2{font-size:42px;} } @media(max-width:650px){ .sidco-nt .testimonials-head{margin-bottom:24px} .sidco-nt .testimonials-head h2{font-size:34px} .sidco-nt .testimonial-slide{padding:12px 8px} .sidco-nt .testimonial-card{min-height:auto;padding:48px 22px 28px} } .sidco-nt .donation-page{background:#f8fafb;color:#18354c} .sidco-nt .donation-page *{box-sizing:border-box} .sidco-nt .donation-hero{background:linear-gradient(120deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 30%)), url(../images/donation-banner.png) 0 0 no-repeat; background-size: cover; color:#fff;overflow:hidden} .sidco-nt .donation-hero__inner{min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative} .sidco-nt .donation-eyebrow{color:#bdeab1;font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase} .sidco-nt .donation-hero h1{color:#fff;font-family:var(--display);font-size:clamp(42px,5vw,70px);line-height:1.1;margin:12px 0} .sidco-nt .donation-hero p:last-child{max-width:560px;color:#e5f2ff;font-size:17px} .sidco-nt .donation-hero__motif{display:flex;align-items:center;gap:18px;transform:rotate(-18deg);opacity:.24;color:#fff;font-size:clamp(70px,12vw,180px)} .sidco-nt .donation-hero__motif span:nth-child(2){color:#ffb36e} .sidco-nt .donation-breadcrumb{display:flex;gap:10px;padding-block:18px;font-size:14px;color:#55718a} .sidco-nt .donation-breadcrumb a{color:var(--blue)} .sidco-nt .donation-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start;padding-block:36px 94px} .sidco-nt .donation-intro{margin-bottom:26px} .sidco-nt .donation-intro h2, .sidco-nt .donation-info h2{font-family:var(--display);font-size:clamp(28px,3vw,40px);color:#123e65;margin:9px 0} .sidco-nt .donation-intro p:last-child{color:#5c7181} .sidco-nt .donation-panel{min-width:0;margin:0 0 22px;padding:30px;background:#fff;border:1px solid #dae6ed;border-radius:18px;box-shadow:0 10px 30px #194f750b} .sidco-nt .donation-panel legend{float:left;width:100%;font-size:22px;font-weight:800;color:#173d5d;margin-bottom:22px} .sidco-nt .donation-panel legend+*{clear:both} .sidco-nt .step{display:inline-grid;place-items:center;width:37px;height:37px;margin-right:10px;border-radius:11px;color:#fff;background:#0754a5;font-size:14px;vertical-align:middle} .sidco-nt .field-hint{font-size:14px;color:#617687;margin:5px 0 18px} .sidco-nt .cause-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .sidco-nt .cause-option{position:relative;min-height:132px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:16px;border:1.5px solid #d6e4ec;border-radius:13px;cursor:pointer;background:#fff} .sidco-nt .cause-option input, .sidco-nt .amount-grid input, .sidco-nt .segmented input, .sidco-nt .payment-options input{position:absolute;opacity:0;width:1px;height:1px} .sidco-nt .cause-option:has(input:checked), .sidco-nt .amount-grid label:has(input:checked), .sidco-nt .payment-options label:has(input:checked){border-color:#0754a5;background:#edf6fd;box-shadow:inset 0 0 0 1px #0754a5} .sidco-nt .cause-option:has(input:focus-visible), .sidco-nt .amount-grid label:has(input:focus-visible), .sidco-nt .segmented label:has(input:focus-visible), .sidco-nt .payment-options label:has(input:focus-visible){outline:3px solid #ff781f;outline-offset:3px} .sidco-nt .cause-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e6f4ec;color:#17805d;font-size:22px} .sidco-nt .cause-option b{color:#143f66;line-height:1.3} .sidco-nt .cause-option small{font-size:12px;color:#647887} .sidco-nt .field-row{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:0 0 24px} .sidco-nt .field-title, .sidco-nt .currency-field{display:block;font-weight:700;font-size:14px;color:#234962} .sidco-nt .segmented{display:flex;width:max-content;padding:4px;margin-top:9px;border-radius:999px;background:#eaf1f5;gap:3px} .sidco-nt .segmented label{position:relative;cursor:pointer} .sidco-nt .segmented span{display:block;padding:8px 23px;border-radius:999px;color:#536f82;font-weight:700;font-size:14px} .sidco-nt .segmented label:has(input:checked) span{background:#0754a5;color:#fff} .sidco-nt .currency-field select{display:block;margin-top:9px;min-width:110px;padding:10px;border:1px solid #cadce6;border-radius:9px;background:#fff} .sidco-nt .amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .sidco-nt .amount-grid label, .sidco-nt .payment-options label{position:relative;cursor:pointer} .sidco-nt .amount-grid span, .sidco-nt .payment-options span{display:block;text-align:center;padding:13px 10px;background:#f8fbfd;border:1.5px solid #d5e3eb;border-radius:10px;color:#204d70;font-weight:700} .sidco-nt .amount-grid label:has(input:checked) span, .sidco-nt .payment-options label:has(input:checked) span{background:#edf6fd;border-color:#0754a5} .sidco-nt .custom-amount{display:block;margin-top:18px;font-size:14px;font-weight:700;color:#234962} .sidco-nt .custom-amount[hidden]{display:none} .sidco-nt .donor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px} .sidco-nt .donor-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:#274d68} .sidco-nt .donor-fields .field-full{grid-column:1/-1} .sidco-nt .donor-fields input, .sidco-nt .custom-amount input{width:100%;min-height:46px;border:1px solid #c9d9e3;border-radius:9px;padding:11px 13px;font:inherit;font-weight:400;color:#163b57;background:#fff} .sidco-nt .donor-fields input:focus, .sidco-nt .custom-amount input:focus{outline:2px solid #0754a5;border-color:#0754a5} .sidco-nt .donor-fields small{font-size:12px;color:#60788a;font-weight:400} .sidco-nt .required{color:#c55418} .sidco-nt .payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .sidco-nt .check-line{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#344f62;line-height:1.5} .sidco-nt .check-line input{margin-top:4px;accent-color:#0754a5} .sidco-nt .donation-submit{margin-top:18px;min-height:48px;cursor:pointer;border:0} .sidco-nt .form-message{min-height:1.5em;color:#8b4a10;font-size:14px;margin:12px 0 0} .sidco-nt .donation-aside{position:sticky;top:110px} .sidco-nt .summary-card, .sidco-nt .help-card{padding:25px;border-radius:17px;background:#fff;border:1px solid #dae6ed;box-shadow:0 10px 30px #194f750b} .sidco-nt .summary-card h2{font-family:var(--display);font-size:26px;color:#123e65;margin:12px 0 20px} .sidco-nt .summary-card dl{margin:0} .sidco-nt .summary-card dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e5edf1;padding:14px 0} .sidco-nt .summary-card dt{color:#6c8090} .sidco-nt .summary-card dd{margin:0;text-align:right;font-weight:700;color:#173f5f} .sidco-nt .summary-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#173f5f} .sidco-nt .summary-total strong{font-size:26px;color:#0754a5} .sidco-nt .summary-card>p:last-child{font-size:12px;line-height:1.5;color:#657d8e} .sidco-nt .help-card{margin-top:18px;background:#e9f5ed;border-color:#d4e9db} .sidco-nt .help-card>span{font-size:36px;color:#338d52} .sidco-nt .help-card h3{font-size:22px;margin:5px 0;color:#174f38} .sidco-nt .help-card p{font-size:14px;line-height:1.6} .sidco-nt .help-card a{display:block;color:#0754a5;font-weight:700;margin-top:8px;overflow-wrap:anywhere} .sidco-nt .donation-info{background:#eaf5fd;border-top:1px solid #d7e8f1;padding:50px 0} .sidco-nt .donation-info .wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:38px;align-items:center} .sidco-nt .donation-info p:last-child{line-height:1.7;color:#3b5d72} .sidco-nt .donation-page .label{font-size:12px} .sidco-nt .donation-page :focus-visible{outline:3px solid #ff781f;outline-offset:3px} @media(max-width:1050px){ .sidco-nt .donation-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px} .sidco-nt .cause-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:800px){ .sidco-nt .donation-layout{grid-template-columns:1fr} .sidco-nt .donation-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .sidco-nt .help-card{margin:0} .sidco-nt .donation-hero__motif{font-size:70px} } @media(max-width:580px){ .sidco-nt .donation-hero__inner{min-height:220px} .sidco-nt .donation-hero__motif{display:none} .sidco-nt .donation-layout{padding-top:18px} .sidco-nt .donation-panel{padding:20px} .sidco-nt .donation-panel legend{font-size:19px} .sidco-nt .cause-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .sidco-nt .cause-option{min-height:118px;padding:11px} .sidco-nt .donor-fields{grid-template-columns:1fr} .sidco-nt .donor-fields .field-full{grid-column:auto} .sidco-nt .amount-grid{grid-template-columns:repeat(2,1fr)} .sidco-nt .payment-options{grid-template-columns:1fr} .sidco-nt .donation-aside, .sidco-nt .donation-info .wrap{grid-template-columns:1fr} .sidco-nt .field-row{flex-wrap:wrap} .sidco-nt .donation-info{padding:40px 0} } @media(prefers-reduced-motion:reduce){ .sidco-nt .donation-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important} } /* =================================================================== Corrections, appended by build-style.php =================================================================== */ /* Below ~900px the design drops its grids to `1fr`, which leaves grid items at the default min-width:auto - a 1200px-wide image then cannot shrink and the page scrolls sideways. (The shipped HTML does this too: at 375px its scrollWidth is 884px.) Letting the children shrink keeps every section inside the viewport at any size. */ .sidco-nt .hero__in > *, .sidco-nt .about__in > *, .sidco-nt .about__art > *, .sidco-nt .prog > *, .sidco-nt .act > *, .sidco-nt .donors-grid > *, .sidco-nt .donor-card > *, .sidco-nt .benefit-steps-layout > *, .sidco-nt .benefit-cards__grid > *, .sidco-nt .testimonials-slider > *, .sidco-nt .foot__top > *, .sidco-nt .foot-nav-slot > *, .sidco-nt .sec-head--row > * { min-width: 0; } .sidco-nt img { max-width: 100%; height: auto; } /* A carousel track is wider than the page by design - keep it clipped. */ .sidco-nt .slick-list { overflow: hidden; } /* Slick's own stylesheet hides the arrow and dot labels with font-size:0 on a bare class. The design's `button { font: inherit }` becomes `.sidco-nt button` here, which outranks it, and the labels reappear on top of the arrows. Put slick's intent back. */ .sidco-nt .slick-prev, .sidco-nt .slick-next, .sidco-nt .slick-dots li button { font-size: 0; line-height: 0; } /* The counters wrap rather than squeezing into four columns. */ @media (max-width: 720px) { .sidco-nt .strip__in { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Below about 400px "Apply Now" wraps onto two lines and the pill turns into a tall blob that crowds the burger. The supplied design does this too. Keep the label on one line and let the button shrink instead. */ .sidco-nt .hdr__cta .btn { white-space: nowrap; } @media (max-width: 400px) { .sidco-nt .hdr__cta { gap: .5rem; } .sidco-nt .hdr__cta .btn--sm { padding: .55rem .85rem; font-size: 15px; } } /* The partner arrows sit inside the shell's padding, and the design's offsets leave them touching the card at full width and overlapping it below 1180px. Push them clear and widen the shell to match, so there is always a gap. */ .sidco-nt .partners-slider-shell { padding-inline: 72px; } .sidco-nt .partners-slider .slick-prev { left: -68px; } .sidco-nt .partners-slider .slick-next { right: -68px; } @media (max-width: 1180px) { .sidco-nt .partners-slider-shell { padding-inline: 58px; } .sidco-nt .partners-slider .slick-prev { left: -54px; } .sidco-nt .partners-slider .slick-next { right: -54px; } } @media (max-width: 560px) { .sidco-nt .partners-slider-shell { padding-inline: 52px; } .sidco-nt .partners-slider .slick-arrow { width: 38px; height: 38px; } .sidco-nt .partners-slider .slick-prev { left: -48px; } .sidco-nt .partners-slider .slick-next { right: -48px; } } /* The donation page's currency control. main.js runs `$("select").niceSelect()` on every select on the site, so this one is replaced by a .nice-select div and the real