.testimonials {
    .container {
        display: flex;
        flex-direction: row;
        gap: 50px;

        @media (max-width: 991px) {
            flex-direction: column;
        }

        .testimonials__title {
            .section__title {
                text-align: left;

                span {
                    font-family: var(--title-font);
                }
            }

            h2+p:not(.cta) {
                opacity: 0.5;
            }

            .section__btn.cta, p.cta.cta--p {
                margin-left: 0px !important;
            }
        }

        .wrapper_pagination {
            display: flex;
            flex-direction: column;

            .testimonials_wrapper {
                display: flex;
                flex-direction: row;
                justify-content: start;
                gap: 50px;

                @media (max-width: 991px) {
                    flex-direction: column;
                    gap: 10px;
                }

                .testimonials__main {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    position: relative;
                    width: 100%;
                    height: fit-content;

                    h3 {
                        font-family: var(--title-font);
                    }

                    .logo {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                        margin-top: 30px;

                        @media (max-width: 991px) {
                            flex-direction: column;
                        }

                        .author {
                            opacity: 0.5;
                            border-left: 1px solid rgba(60, 40, 80, 0.16);
                            padding-left: 15px;

                            .name,
                            .job {
                                font-size: 14px;
                                line-height: 24px;
                                margin-bottom: 0px;
                            }

                            .name {
                                text-transform: uppercase;
                            }
                        }
                    }

                    .testimonial-slide {
                        opacity: 0;
                        transition: opacity 0.5s ease;
                        position: relative;
                        top: 0;
                        left: 0;
                        width: 100%;
                        z-index: 0;
                        pointer-events: none;
                        background: transparent;
                        width: 100%;
                        height: fit-content;
                        padding: 50px;
                        position: absolute;
                    }

                    .testimonial-slide.active {
                        opacity: 1;
                        z-index: 1;
                        pointer-events: auto;
                        width: 100%;
                        height: fit-content;
                        padding: 40px;
                        background: var(--white);
                        border-radius: var(--border-radius);
                        position: relative;
                    }
                }

                .testimonials__avatars {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: start;
                    gap: 30px;

                    @media (max-width: 991px) {
                        flex-direction: row;
                        justify-content: center;
                        gap: 10px;
                    }

                    .avatar {
                        cursor: pointer;

                        &.active {
                            width: 120px;
                            height: 120px;

                            @media (max-width: 991px) {
                                width: 75px;
                                height: 75px;
                            }
                        }

                        &:not(.active) {
                            width: 80px;
                            height: 80px;

                            @media (max-width: 991px) {
                                width: 45px;
                                height: 45px;
                            }
                        }
                    }
                }
            }

            .pagination_testimonials {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                cursor: pointer;
                width: 80%;
                margin-top: 10px;

                @media (max-width: 991px) {
                    width: 100%;
                }

                p {
                    color: var(--main-color3);
                }
            }
        }
    }
}