.container_depoimentos_carousel_main {
    background: var(--Off-White, #F5F5F5);
    width: 100%;
    padding-block: clamp(50px, 10vw, 90px);
    display: flex;
    flex-direction: column;
    gap: 24px;

    @media screen and (min-width: 768px) {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
        gap: 60px;
        padding-left: 5vw;
    }

    .title_section {
        color: var(--Preto, #000);
        text-align: center;
        /* font-family: Lexend !important; */
        font-size: clamp(20px, 3vw, 32px);
        font-style: normal;
        font-weight: 500 !important;
        line-height: 140%;
        display: block;
        order: 1;
        max-width: var(--custom-pdp-page-width);
        width: 100%;
        margin: 0 auto;

        @media screen and (min-width: 768px) {
            display: none;
            order: unset;
        }
    }

    .container_content_title {
        display: flex;
        flex-direction: column;
        gap: 40px;
        order: 3;
        max-width: var(--custom-pdp-page-width);
        width: 100%;
        margin: 0 auto;

        @media screen and (min-width: 768px) {
            order: unset;
            max-width: unset;
        }

        .title_section {
            display: none;

            @media screen and (min-width: 768px) {
                display: block;
                color: var(--Preto, #000);
                text-align: left;
                /* font-family: Lexend !important; */
                font-size: clamp(20px, 3vw, 32px);
                font-style: normal;
                font-weight: 500 !important;
                line-height: 140%;
            }
        }

        .container_content-dep {
            display: none;
            flex-direction: column;
            gap: 2px;

            &.active {
                display: flex;
            }

            @media screen and (min-width: 768px) {
                gap: 6px;
            }

            .text {
                color: var(--Preto, #000);
                /* font-family: Lexend !important; */
                font-size: clamp(16px, 3vw, 28px);
                font-style: normal;
                font-weight: 300 !important;
                line-height: 140%;
            }

            .name {
                margin-top: 10px;
                color: var(--Preto, #000);
                /* font-family: Lexend !important; */
                font-size: clamp(14px, 3vw, 22px);
                font-style: normal;
                font-weight: 500 !important;
                line-height: 140%;

                @media screen and (min-width: 768px) {
                    margin-top: 18px;
                }
            }

            .positon {
                color: var(--Preto, #000);
                /* font-family: Lexend !important; */
                font-size: clamp(12px, 3vw, 20px);
                font-style: normal;
                font-weight: 300 !important;
                line-height: 140%;
            }
        }
    }

    .depoimentos-carousel-blaze-slider {
        display: flex;
        flex-direction: column;
        gap: 5px;
        order: 2;
        padding-left: 5vw;

        @media screen and (min-width: 768px) {
            order: unset;
            padding-left: 0;
        }

        .depoimentos-carousel-blaze-container {
            .depoimentos-carousel-blaze-track-container {
                .depoimentos-carousel-blaze-track {
                    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 2rem);

                    @media screen and (min-width: 600px) {
                        padding: clamp(4rem, 4vw, 5rem) clamp(2rem, 5vw, 4rem);
                    }
                    @media screen and (min-width: 768px) {
                        padding: clamp(2rem, 5vw, 3rem) clamp(1rem, 3vw, 2rem);
                    }

                    .card_video {
                        position: relative;
                        aspect-ratio: 9 / 15;
                        border-radius: 0.8rem;
                        overflow: hidden;
                        opacity: 0.5;
                        transition: all 0.5s ease-in-out;

                        &.active {
                            transform: scale(1.1);
                            opacity: 1;
                        }

                        :is(video) {
                            width: 100%;
                            height: 100%;
                            display: block;
                            object-fit: cover;
                        }

                        .btn-play-and-pause {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            cursor: pointer;
                            opacity: 1;
                            transition: all 0.5s ease-in-out;

                            :is(img) {
                                display: block;
                                width: clamp(40px, 6vw, 50px);
                                height: clamp(40px, 6vw, 50px);
                            }

                            &.play{
                                opacity: 0;
                            }
                        }
                    }
                }

                .blaze-pagination-depoimentos-carousel {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    margin-top: 24px;

                    @media screen and (min-width: 768px) {
                        display: none;
                    }

                    :is(button) {
                        border-radius: 50%;
                        border: 1px solid var(--Preto, #000);
                        background: transparent;
                        width: 8px;
                        height: 8px;
                        font-size: 0;
                        transition: all 0.3s ease;

                        &.active {
                            border-radius: 50%;
                            border: 1px solid var(--Preto, #000);
                            background: var(--Preto, #000);
                        }
                    }
                }
            }
        }

        .container_buttons {
            display: none;
            align-items: center;
            gap: 18px;

            @media screen and (min-width: 768px) {
                display: flex;
            }

            .depoimentos-carousel--prev,
            .depoimentos-carousel--next {
                padding: 9px;
                border-radius: 50%;
                border: 1px solid #D9D9D9;
                background: var(--Preto, #000);
                transition: all 0.3s ease;

                &.disabled {
                    border: 1px solid #D9D9D9;
                    background: var(--Off-White, #F5F5F5);
                    opacity: 1;

                    :is(svg) {
                        :is(path) {
                            stroke: #000;
                        }
                    }
                }

                :is(svg) {
                    :is(path) {
                        stroke: #FFF;
                        transition: all 0.3s ease;
                    }
                }
            }

            .depoimentos-carousel--next {
                transform: rotate(180deg);
            }
        }

    }
}