/* Web Builder: image_component_one / design-1 */
.wb-image_component_one-design-1 {
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
    background: transparent;
    display: flex;
    justify-content: center;
}

.wb-image_component_one-design-1 .slider-container {
    width: 100%;
    max-width: 1180px;
    position: relative;
    overflow: hidden;
}

.wb-image_component_one-design-1 .slides-inner {
    display: flex;
    width: max-content;
    gap: 20px;
    animation: scrollDesktop 60s linear infinite;
}

.wb-image_component_one-design-1 .slides-inner:hover {
    animation-play-state: paused;
}

.wb-image_component_one-design-1 .slide {
    width: 380px;
    aspect-ratio: 400 / 500;
    flex-shrink: 0;
}

.wb-image_component_one-design-1 .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: none;
    display: block;
}

@keyframes scrollDesktop {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-380px * 5 - 100px)); }
}

@media (max-width: 768px) {
    .wb-image_component_one-design-1 .slider-container {
        max-width: 100%;
    }

    .wb-image_component_one-design-1 .slides-inner {
        gap: 15px;
        animation: scrollMobile 80s linear infinite;
    }

    .wb-image_component_one-design-1 .slide {
        width: 80vw;
    }

    @keyframes scrollMobile {
        from { transform: translateX(0); }
        to { transform: translateX(calc(-400vw - 75px)); }
    }
}