.testimonial-sec {
    text-align: center;
    .testimonial-wrapper {
        position: relative;
        .bg-testimonial {
            width: 77.292vw;
            @include media-query(1025px) {
                width: 94.292vw;
            }
            @include media-query(933px) {
                display: none;
            }
            &.b2 {
                display: none;
                @include media-query(933px) {
                    display: block;
                }
                @include media-query(490px) {
                    display: none;
                }
            }
            &.b3 {
                display: none;
                @include media-query(490px) {
                    display: block;
                }
            }
        }
        .testimonial-slider {
            position: absolute;
            width: 38.646vw;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            @include media-query(821px) {
                padding: 0 16.454vw;
                width: 100%;
                padding-top: 60px;
                width: 100%;
            }
            @include media-query(490px) {
                padding: 0 24px;
            }
            .testimonial-content {
                .mb-50 {
                    margin-bottom: 2.604vw;
                    @include media-query(933px) {
                        svg {
                            display: none;
                        }
                    }
                }
                .user-01 {
                    width: clamp(48px, 4.167vw, 160px);
                    height: clamp(48px, 4.167vw, 160px);
                    object-fit: cover;
                }
            }
            .user-block {
                text-align: start;
                margin-left: 8.568vw;
                @include media-query(821px) {
                    margin-left: 0;
                }
            }
        }
        .slider-arrows {
            position: absolute;
            bottom: 24%;
            right: 38.8%;
            display: flex;
            align-items: center;
            gap: $gap-16;
            @include media-query(1399px) {
                right: 28.8%;
            }
            @include media-query(490px) {
                right: 15.8%;
                bottom: 27%;
            }
            @include media-query(378px) {
                bottom: 11%;
            }
            .arrow-btn {
                width: clamp(32px, 2.5vw, 68px);
                height: clamp(32px, 2.5vw, 68px);
                border-radius: 50%;
                background-color: $accent-2;
                transition: $transition;
                display: flex;
                align-items: center;
                justify-content: center;
                svg {
                    width: clamp(18px, 1.25vw, 48px);
                    height: clamp(14px, 0.938vw, 36px);
                    path {
                        transition: $transition;
                        stroke: $black;
                    }
                }
                &:hover {
                    background-color: $accent-3;
                    svg {
                        path {
                            stroke: $white;
                        }
                    }
                }
            }
        }
    }
}
