﻿.s-testimonial-carousel {
    display: flex;
    height: 450px;
    padding: 80px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    background: #F9F9F9;
}

    .s-testimonial-carousel .c-testimonial-carousel {
        display: flex;
        align-items: flex-start;
        gap: 29px;
        max-width: 1172px;
        width: 100%;
    }

        .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 34px;
            align-self: stretch;
            padding-top:1rem;
        }

            .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile {
                width: 84px;
                height:32px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-direction: row;
            }

                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile .swiper-button-next.cards-tes-mobile,
                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile .swiper-button-prev.cards-tes-mobile {
                    display: flex;
                    width: 32px;
                    height: 32px;
                    padding: 7.081px;
                    justify-content: flex-end;
                    align-items: center;
                    border-radius: 44.256px;
                    border: 0.443px solid var(--primario-primario);
                    background: var(--primario-primario);
                }

                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile .swiper-button-next.cards-tes-mobile svg,
                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile .swiper-button-prev.cards-tes-mobile svg {
                    fill: var(--color-blanco);
                    stroke-width: 1.328px;
                    stroke: var(--color-blanco);
                }

            .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .c-ctn-testimonial {
                width: 257px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                align-self: stretch;
            }

                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .c-ctn-testimonial p:first-child {
                    margin: 0px;
                    align-self: stretch;
                    color: #000;
                    font-family: var(--lexend);
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 40px;
                }

                .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .c-ctn-testimonial p:last-child {
                    margin: 0px;
                    align-self: stretch;
                    color: var(--texto-secundario);
                    font-feature-settings: 'liga' off, 'calt' off;
                    font-family: var(--lexend);
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;
                }


        .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial {
            width:100%;
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            gap: 24px;
            align-self: stretch;
            flex-direction: row;
        }

            .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .swiper-wrapper {
                padding: 2rem;
            }

            .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .swiper-pagination.cards-tes .swiper-pagination-bullet-active {
                background: var(--primario-primario) !important;
                border-radius: 32px !important;
                width: 20px !important;
            }

            .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial {
                display: flex;
                width: 419px;
                height: 262px;
                padding: 32px 24px;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
                border-radius: 16px;
                background: #FFF;
                box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.03), 0 0 20px 0 rgba(0, 0, 0, 0.06), -20px 12px 35px 0 rgba(0, 0, 0, 0.03);
                margin-right: 24px;
            }

                .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial .cards-testimonial-txt-img {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 16px;
                }

                    .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial .cards-testimonial-txt-img p {
                        margin: 0px;
                        color: var(--general-colors-paragraph);
                        font-family: var(--outfit);
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 150%;
                    }


                .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial div p:first-child {
                    margin: 0px;
                    color: var(--general-colors-dark);
                    font-family: var(--urbanist);
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 120%;
                }

                .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial div p:last-child {
                    margin: 0px;
                    color: var(--general-colors-paragraph);
                    font-family: var(--outfit);
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%;
                }

@media screen and (max-width: 830px) {
    .s-testimonial-carousel {
        padding: 40px 20px 80px 20px;
        height: auto;
    }

    .s-testimonial-carousel .c-testimonial-carousel {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position:relative;
    }

        .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial {
            margin-right: 20px;
        }

        .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial {
            padding: 1rem;
            height: 360px;
        }

            .s-testimonial-carousel .c-testimonial-carousel .c-cards-testimonial .cards-testimonial {
                width: 100%;
                height:100%;
                min-height:279px;
                max-height:279px;
            }

        .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next-mobile {
            position: absolute;
            left: 30px;
            top: 95%;
        }

        .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .c-ctn-testimonial{
                width:100%;
            }

            .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .c-ctn-testimonial p{
                text-align:center;
            }

            .s-testimonial-carousel .c-testimonial-carousel .c-ctn-btns .ctn-prev-next{
                display:none;
            }
}