.stories{margin:80px 0;position:relative}.stories__heading{text-align:center;font-size:40px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.stories__subheading{text-align:center;color:#475569;max-width:720px;margin:0 auto 48px}.stories__scroller{display:flex;gap:24px;overflow-x:auto;padding:0 5vw 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.stories__scroller::-webkit-scrollbar{display:none}.story-card{position:relative;min-width:85%;min-height:420px;border-radius:22px;overflow:hidden;scroll-snap-align:center;color:#fff;isolation:isolate;transform:scale(.94);opacity:0;transition:transform .9s ease,opacity .9s ease}.story-card.is-visible{transform:scale(1);opacity:1}.story-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg);background-size:cover;background-position:center;z-index:-2}.story-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--overlay) 0%,rgba(10,61,46,.9) 40%,rgba(10,61,46,.6) 65%,rgba(10,61,46,.25) 80%,rgba(10,61,46,0) 100%);z-index:-1}.story-card__content{padding:48px;max-width:560px}.story-card__badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 16px;border-radius:999px;font-size:13px;margin-bottom:20px;opacity:0;transform:translateY(12px)}.story-card__kicker{font-size:14px;opacity:.9;margin-bottom:6px;opacity:0;transform:translateY(12px)}.story-card__title{font-size:40px;font-weight:500;line-height:1.15;margin:10px 0;color:#fff;opacity:0;transform:translateY(12px)}.story-card__desc{font-size:16px;line-height:1.6;opacity:.95;margin-bottom:22px;color:#fffffff2;opacity:0;transform:translateY(12px)}.story-card__features{display:flex;gap:10px;margin-bottom:26px;flex-wrap:nowrap;opacity:0;transform:translateY(12px)}.story-card__features span{background:#ffffff2e;padding:8px 14px;border-radius:999px;font-size:13px;white-space:nowrap}.story-card__content .custom-btn{opacity:0;transform:translateY(12px)}.story-card__content .custom-btn:hover{transform:scale(1.05)}.story-card.is-visible .story-card__badge{opacity:1;transform:translateY(0);transition:all .6s ease .15s}.story-card.is-visible .story-card__kicker{opacity:1;transform:translateY(0);transition:all .6s ease .25s}.story-card.is-visible .story-card__title{opacity:1;transform:translateY(0);transition:all .6s ease .35s}.story-card.is-visible .story-card__desc{opacity:1;transform:translateY(0);transition:all .6s ease .45s}.story-card.is-visible .story-card__features{opacity:1;transform:translateY(0);transition:all .6s ease .55s}.story-card.is-visible .custom-btn{opacity:1;transform:translateY(0);transition:all .6s ease .65s}.stories__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000040;transition:transform .25s ease,opacity .25s ease}.stories__arrow:hover{transform:translateY(-50%) scale(1.08)}.stories__arrow svg{width:18px;height:18px}.stories__arrow--left{left:24px}.stories__arrow--right{right:24px}.stories__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.stories__dot{width:8px;height:8px;border-radius:999px;background:#d1d5db;opacity:.6;transition:all .25s ease;cursor:pointer}.stories__dot.is-active{width:18px;background:#0f172a;opacity:1}.stories__footer{margin-top:40px;text-align:center}@media (min-width: 990px){.story-card{min-width:70%;min-height:460px}.stories__scroller{padding:0 6vw 30px}.story-card{min-width:62%}}@media (max-width: 768px){.stories{margin:60px 0}.stories__heading{font-size:30px}.story-card{min-width:92%;min-height:520px}.story-card:after{background:linear-gradient(to top,var(--overlay) 0%,rgba(10,61,46,.95) 55%,rgba(10,61,46,.6) 75%,rgba(10,61,46,.3) 100%)}.story-card__content{padding:28px 22px}.story-card__title{font-size:28px}.story-card__desc{font-size:15px}.story-card__features{flex-direction:column;align-items:flex-start;gap:10px}.story-card__features span{width:fit-content}.stories__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/investment-stories-slider.css.map */