.content-carousel{display:grid;grid-template-columns:1fr;margin-top:4rem}@media screen and (min-width: 768px){.content-carousel{grid-template-columns:1fr 1fr}}.content-carousel__title{position:relative;height:100%;overflow:hidden}.content-carousel__title h2{font-family:var(--font-title);font-size:64px;margin:30px auto;position:relative;line-height:.85!important;z-index:1;font-weight:400;color:var(--amala-light-teal);width:70%;text-align:center;white-space:pre-line}@media screen and (min-width: 768px){.content-carousel__title h2{font-size:96px;margin:15% auto 0}}.content-carousel__title img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.content-carousel__slider{background-color:var(--amala-teal);padding:4rem 0 4rem 2rem;position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.content-carousel__slider-inner{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-right:2rem}.content-carousel__slider-item{display:flex;flex-direction:column;gap:10px;flex:0 0 85%;scroll-snap-align:start;background-color:#fff;border-radius:var(--border-radius);padding:20px}@media screen and (min-width: 768px){.content-carousel__slider-item{flex:0 0 65%}}.content-carousel__slider-item-image{aspect-ratio:20/17;border-radius:var(--border-radius);overflow:hidden;margin-bottom:.5rem;position:relative}.content-carousel__slider-item-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.content-carousel__slider-item-title{font-size:var(--font-size-xl);margin:0}.content-carousel__slider-item-description{font-size:var(--font-size-sm)}.content-carousel__slider-icon{position:absolute;top:50%;transform:translateY(-50%);right:3rem;cursor:pointer;transition:transform .2s ease;display:none}@media screen and (min-width: 768px){.content-carousel__slider-icon{display:block}}.content-carousel__slider-icon:hover{transform:translateY(-50%) scale(1.1)}.content-carousel__slider-icon svg{rotate:0deg;transition:rotate .2s ease}.content-carousel__slider-icon--reset svg{rotate:180deg}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-content-carousel.css.map */