/* SAFE CSS: Extracted for Product Benefits Block */

.block-product-benefits {
    background-color: #000000;
}

.block-product-benefits .block-gm-content__item__container {
    position: relative;
    vertical-align: top;
}

.block-product-benefits .block-gm-content__item {
    font-size: 0.875rem;
}

.block-product-benefits h3 {
    font-size: 1.75rem;
}

.block-product-benefits__slider .block-media__image {
    width: 100vw;
}

.block-product-benefits .block-media__content {
    left: 1.375rem;
    bottom: 1.625rem;
    right: 0.834rem;
    padding: 1rem 1rem 1.125rem 1rem;
    width: auto;
    min-height: 200px;
    transform: none;
    -webkit-backdrop-filter: blur(4px) brightness(1.5);
    backdrop-filter: blur(4px) brightness(1.5);
    background-color: rgba(111, 108, 108, 0.75);
}

.block-product-benefits .slick-prev:before {
    padding: 2.5rem;
    transform: translate(10px, -50%);
    background: url(/assets/images/left-arrow.png) #0096FF center no-repeat;
}

.block-product-benefits .slick-next:before {
    padding: 2.5rem;
    transform: translate(-10px, -50%);
    background: url(/assets/images/right-arrow.png) #0096FF center no-repeat;
}

@media (max-width: 576px) {
    .block-product-benefits .slick-prev:before,
    .block-product-benefits .slick-next:before {
        padding: 1.5rem;
        background-size: 50%;
    }

    .block-product-benefits .block-gm-content__item.ar__rectangle .block-media__image {
        aspect-ratio: 347 / 522;
    }

    .block-product-benefits__slider {
        bottom: -1px;
    }
}

.block-product-benefits__slider .block-media__image {
    width: calc(100vw - 80px);
}

@media screen and (min-width: 992px) {
    .block-product-benefits__slider .block-media__image {
        width: calc((100vw - 80px) / 2);
    }
}

@media screen and (min-width: 1200px) {
    .block-product-benefits__slider .block-media__image {
        width: calc((100vw - 80px) / 3);
    }
}