﻿
/*#region REVIEWS*/
.sectionReviews.title.titleSection b {
    color: var(--color_active);
    font-weight: 700 !;
}

.sectionReviews {
    background: #000;
    padding: 31px 0 40px 0;
    color: white;
}

    .sectionReviews * {
        color: white !important;
    }

    .sectionReviews .row-reviews {
        margin-top: 50px;
    }

        .sectionReviews .row-reviews .item {
            max-width: Calc(100% - 140px);
            margin: 0 auto;
        }


            .sectionReviews .row-reviews .item .head {
                height: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .sectionReviews .row-reviews .item .head img {
                    height: 80px;
                }

            .sectionReviews .row-reviews .item .body {
            }

                .sectionReviews .row-reviews .item .body .title {
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 23px; /* 115% */
                }


                .sectionReviews .row-reviews .item .body .text {
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 15px;
                }

    .sectionReviews .swiper-slide-active {
        /*border-right: 2px solid white;*/ /* Añade un borde a la derecha de cada slide */
        height: auto;
    }

        .sectionReviews .swiper-slide-active:after {
            content: ''; /* Necesario para que el pseudo-elemento se genere */
            position: absolute; /* Posiciona absolutamente dentro de .swiper-slide-active */
            top: 0; /* Alinea al top del slide */
            right: -16px; /* Desplaza 20px a la derecha del borde derecho original */
            bottom: 0; /* Alinea al bottom del slide */
            width: 2px; /* El ancho del borde */
            background-color: white; /* Color del 'borde' */
        }

    .sectionReviews .swiper-slide:last-child {
        border-right: none; /* Elimina el borde del último slide */
    }

    .sectionReviews .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .sectionReviews .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: white;
    }

    .sectionReviews .swiper-pagination {
        position: relative;
        top: 5px;
    }


/*#endregion REVIEWS*/