.elementor img.image-before.slider-image {
    height: 100%;
}

.solutionSwiper .swiper-slide {
    position: relative;
}

.elementor .solutionSwiper .swiper-slide.with-backdrop:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    height: calc(1 / 2 * 100%);
    width: 100%;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-content: none;
    /*content: none;*/
    content: "";
}

.elementor .solutionSwiper .swiper-pagination-bullet {
    transition: all 0.3s ease-in-out;
}

.elementor .solutionSwiper .swiper-slide.with-backdrop .text {
    z-index: 30;
}

.gamme-custom-buttons {
    display: flex !important;
    justify-content: center;
}

.gamme_modal .modal-content {
    max-height: calc(100vh - 60px);
    max-width: min(1064px, calc(100vw - 60px));
}

@media (max-width: 768px) {
    .gamme_modal .modal-content .product-info > .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.elementor .solutionSwiper .swiper-slide .video-frame {
    width: auto;
}

.elementor .solutionSwiper .swiper-slide .video-frame .plyr {
    width: 100%;
    height: 100%;
    object-fit: cover;
}