.cs-feature-slides{padding:40px 0 60px}.cs-feature-slides__container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.cs-feature-slides__title{font-size:1.5rem;font-weight:600;color:var(--color-foreground);margin-bottom:2.5rem;line-height:1.3}.cs-feature-slides__tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.cs-feature-slides__tab{padding:.875rem 1.75rem;border-radius:9999px;font-size:1rem;font-weight:500;font-family:inherit;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;background:transparent;color:#00000080}.cs-feature-slides__tab:hover{background:#0000000a;border-color:#00000040}.cs-feature-slides__tab.active{background:#000;color:#fff;border-color:#000}.cs-feature-slides__grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.cs-feature-slides__card{background:#00000008;border-radius:1rem;padding:2rem 2.5rem}.cs-feature-slides__card-number{display:block;font-size:.875rem;font-weight:500;color:#e6007e99;margin-bottom:.5rem}.cs-feature-slides__card-title{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin-bottom:1rem;line-height:1.3}.cs-feature-slides__card-text{font-size:1rem;color:#0009;line-height:1.7}.cs-feature-slides__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem}.cs-feature-slides__arrow{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #e6007e;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;color:#e6007e}.cs-feature-slides__arrow:hover{background:#0000000d}.cs-feature-slides__arrow:disabled{opacity:.3;cursor:default}.cs-feature-slides__arrow svg{width:20px;height:20px}.cs-feature-slides__dots{display:flex;gap:.5rem}.cs-feature-slides__dot{width:.625rem;height:.625rem;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s;background:#00000026;padding:0}.cs-feature-slides__dot.active{background:#e6007e}.cs-feature-slides__slide{display:none}.cs-feature-slides__slide.active{display:grid;grid-template-columns:1fr;gap:1.25rem}@media screen and (min-width:750px){.cs-feature-slides{padding:60px 0 80px}.cs-feature-slides__title{font-size:2rem}.cs-feature-slides__slide.active{grid-template-columns:repeat(var(--cs-columns, 2),1fr)}}@media screen and (min-width:990px){.cs-feature-slides__title{font-size:2.25rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/case-study-feature-slides.css.map */
