/* Voice Section Slider Styles */
:root {
    --voice-slider-btn-width: 48px;
    --voice-slider-btn-height: 64px;
    --voice-slider-btn-offset: 24px;
    --voice-slider-btn-bg-color: #c8000f;
}

@media (min-width: 1001px) {
    .c-voices.c-voices__slider {
        position: relative;
    }

    .c-voices__slider .c-voices__slider-container {
        position: relative;
        overflow: hidden;
    }

    .c-voices__slider .c-voices__list {
        display: flex;
        transition: transform 0.5s ease;
    }

    .c-voices__slider .c-voices__nav-button {
        position: absolute;
        top: 160px;
        transform: translateY(-50%);
        width: var(--voice-slider-btn-width);
        height: var(--voice-slider-btn-height);
        background-color: var(--voice-slider-btn-bg-color);
        border: none;
        cursor: pointer;
        z-index: 10;
        outline: none;
        opacity: 1;
    }
    .c-voices__slider .c-voices__nav-button:hover {
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .c-voices__slider .c-voices__nav-button--prev {
        left: calc(-1 * (var(--voice-slider-btn-offset) + var(--voice-slider-btn-width)));
        clip-path: polygon(100% 0, 100% 100%, 0 50%);
    }

    .c-voices__slider .c-voices__nav-button--next {
        right: calc(-1 * (var(--voice-slider-btn-offset) + var(--voice-slider-btn-width)));
        clip-path: polygon(0 0, 0 100%, 100% 50%);
    }

    .c-voices__slider .c-voices__slider-container .c-voices__list {
        position: relative;
        width: 200%;
        flex-wrap: nowrap;
        gap: 1%;
    }

    .c-voices.c-voices__slider .c-voices__item:not(:nth-of-type(-n + 3)) {
        margin-top: 0;
    }
}

@media (max-width: 1320px) and (min-width: 1001px) {
    .c-voices.c-voices__slider {
        width: calc(100% - (var(--voice-slider-btn-width) + var(--voice-slider-btn-offset))*2);
        margin: 0 auto;
    }
}

@media (max-width: 1200px) and (min-width: 1001px)  {
    
    .c-voices__slider .c-voices__nav-button {
        /* width: 50px; */
        /* height: 80px; */
    }
    
    .c-voices__slider .c-voices__nav-button--prev {
        left: calc(-1 * (var(--voice-slider-btn-width) + var(--voice-slider-btn-offset)));
    }
    
    .c-voices__slider .c-voices__nav-button--next {
        right: calc(-1 * (var(--voice-slider-btn-width) + var(--voice-slider-btn-offset)) + 1%);
    }

    .c-voices__slider .c-voices__thumb img:not(:root) {
        max-width: 86%;
    }
}

@media (max-width: 1000px) {
    .c-voices__slider .c-voices__item:not(:nth-of-type(-n + 3)) {
        display: none;
    }
}