.image-text-carousel{overflow:hidden}.image-text-carousel .title-wrapper{text-align:center;margin-bottom:3rem}.image-text-carousel__slider{margin-bottom:0}.image-text-carousel__slide{width:100%;scroll-snap-align:start}.image-text-carousel__content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:50vh;padding:2rem 0;max-width:700px;margin:0 auto}.image-text-carousel__media{position:relative;overflow:hidden;border-radius:.8rem}.image-text-carousel__media img,.image-text-carousel__media svg{width:100%;height:auto;max-height:50vh;object-fit:contain;display:block}.image-text-carousel__text{padding:1rem 0}.image-text-carousel__title{font-size:32px;font-weight:400;margin-bottom:1.5rem;color:#1a1f71;line-height:1.2}.image-text-carousel__description{font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.image-text-carousel__description p{font-weight:300;font-size:18px;color:#4a5568}.image-text-carousel__description p:last-child{margin-bottom:0}.image-text-carousel{position:relative}.image-text-carousel .slider-button{position:absolute;top:50%;transform:translateY(-50%);width:4.5rem;height:4.5rem;border:1px solid #141519;color:rgb(var(--color-foreground));transition:all .3s ease;z-index:2}.image-text-carousel .slider-button--prev{left:10%}.image-text-carousel .slider-button--next{right:10%}.image-text-carousel .slider-button:hover:not([disabled]){border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.2)}.image-text-carousel .slider-button[disabled]{opacity:.5;cursor:not-allowed}.image-text-carousel .slider-button .svg-wrapper{width:1.4rem;height:1.4rem}.image-text-carousel .slider-button .icon{height:auto}.slider-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.slider-dot{width:1rem;height:1rem;border-radius:50%;border:none;background-color:rgba(var(--color-foreground),.3);cursor:pointer;transition:all .3s ease}.slider-dot--active,.slider-dot:hover{background-color:rgb(var(--color-foreground));transform:scale(1.2)}@media screen and (max-width: 749px){.image-text-carousel__media img,.image-text-carousel__media svg{width:80%;height:auto;margin:0 auto;max-height:50vh;object-fit:contain;display:block}.image-text-carousel__content{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:1.5rem 0}.image-text-carousel__media{order:1}.image-text-carousel__text{order:2;text-align:center;padding:0}.image-text-carousel__title{margin-top:0;font-size:2.4rem;margin-bottom:1rem}.image-text-carousel__description{font-size:1.4rem}.image-text-carousel .title-wrapper{margin-bottom:2rem}.image-text-carousel .slider-button{width:auto;height:auto;border:none;background:transparent;padding:.5rem}.image-text-carousel .slider-button:hover:not([disabled]){border:none;background:transparent;box-shadow:none}.image-text-carousel .slider-button--prev{left:1rem}.image-text-carousel .slider-button--next{right:1rem}.image-text-carousel .slider-button .svg-wrapper{width:1rem;height:1rem}.image-text-carousel .slider-button .icon{height:auto}.slider-dots{margin-top:1.5rem;gap:.6rem}.slider-dot{width:.8rem;height:.8rem}}@media screen and (min-width: 750px) and (max-width: 989px){.image-text-carousel__content{gap:2.5rem}.image-text-carousel__title{font-size:32px;color:#1a1f71}.image-text-carousel__description{font-size:1.5rem}}@media screen and (min-width: 1200px){.image-text-carousel__content{gap:4rem;padding:3rem 0}.image-text-carousel__title{font-size:32px;color:#1a1f71}.image-text-carousel__description{font-size:1.8rem}}[dir=rtl] .image-text-carousel__content{direction:rtl}[dir=rtl] .image-text-carousel__text{text-align:right}@media screen and (max-width: 749px){[dir=rtl] .image-text-carousel__text{text-align:center}}@media (prefers-reduced-motion: no-preference){.image-text-carousel__slide{transition:opacity .5s ease}.image-text-carousel__media img{transition:transform .3s ease}.image-text-carousel__content:hover .image-text-carousel__media img{transform:scale(1.02)}}@media (prefers-contrast: high){.image-text-carousel .slider-button{border-width:.2rem}.slider-dot{border:.1rem solid rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-image-and-text-carousel.css.map */
