/* Offer banner strip (Navratri ads): one carousel, shared by the home page, the unlisted shares pages and their thank-you pages. Markup: see mirror/unlisted-shares/index.html. */
/* offer banners: a carousel of three, one under the navigation and one between the deals and "how it works" */
.adband{padding-block:14px}
.adband.admid{padding-block:36px 0}
.adcar{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line, #E6EAF2);background:#F6F0E6}
.adcar-track{display:grid}
.adslide{grid-area:1/1;display:block;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.adslide.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.adslide img{display:block;width:100%;height:auto}
.adslide:focus-visible{outline:3px solid var(--green-text, #0B6B3A);outline-offset:-4px}
.adcar-dots{position:absolute;right:4px;bottom:0;display:flex;align-items:center}
/* each dot is a 24px tap target (the WCAG minimum); the visible dot is the small mark drawn inside it */
.adcar-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.adcar-dots button:before{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:4px;background:rgba(14,26,20,.3);transition:width .25s ease,margin .25s ease,background .25s ease}
.adcar-dots button.is-on:before{width:16px;margin-left:-8px;background:#0B3B22}
.adcar-dots button:focus-visible{outline:2px solid var(--green-text, #0B6B3A);outline-offset:-4px;border-radius:12px}
@media (max-width:640px){.adband{padding-block:10px}.adband.admid{padding-block:24px 0}.adcar{border-radius:10px}.adcar-dots{right:0;bottom:-3px}}
@media (prefers-reduced-motion:reduce){.adslide,.adslide.is-on{transition:none}}