.testimonial-slider {
    .swiper-wrapper {
        height: 100% !important;
    }
    .testimonial-wrapper {
        position: relative;
        @media(min-width: 768px) {
            display: flex;
            gap: var(--wp--preset--spacing--20);
        }
        .wp-block-image {
            @media(min-width: 768px) {
                margin: 0;
            }
            img {
                object-fit: cover;  
                height: 100%;
                max-height: 300px;
                width: 100% !important;
                @media(min-width: 768px) {
                    width: 300px !important;
                    max-height: unset;
                }
                @media(min-width: 1024px) {
                    min-width: 300px;
                }
            }
        }
        .quote-wrapper {
            width: 100%;
            position: relative;
            blockquote {
                margin-left: 0;
                margin-top: var(--wp--preset--spacing--20);
                @media(min-width: 1024px) {
                    margin-top: 0;
                }
                p {
                    margin: var(--wp--preset--spacing--10) 0 var(--wp--preset--spacing--30) 0;
                    font-weight: 600;
                    @media(min-width: 1024px) {
                        max-width: 75%;
                    }
                    @media(min-width: 1535px) {
                        max-width: 100%;
                    }
                }
                cite {
                    font-weight: 400;
                    font-style: normal;
                }
            }
        }
    }
    .swiper-button-prev,
    .swiper-button-next {
        top: -6px;
        left: 4rem;
        border: 2px solid var(--wp--preset--color--fc-gold-300);
        border-radius: 100%;
        color: var(--wp--preset--color--fc-gold-300);
        padding: 0 var(--wp--preset--spacing--10);
        transition: background-color 0.3s ease-in-out;
        position: relative;
        @media(min-width: 1024px) {
            padding: .5rem 1.03125rem;
            position: absolute;
            top: 4.3125rem;
            right: var(--wp--preset--spacing--40);
            left: unset;
            bottom: 0;
        }
        &::after {
            content: '\f178';
            font-family: "Font Awesome 6 Pro";
            font-size: var(--wp--preset--font-size--medium);
            transition: color 0.3s ease-in-out;
        }
        &:is(:hover, :focus) {
            background-color: var(--wp--preset--color--white);
            &::after {
                color: var(--wp--preset--color--black);
            }
        }
    }
    .swiper-button-prev {
        top: 20px;
        left: 0;
        @media(min-width: 1024px) {
            right: 7.0625rem;
            left: unset;
            top: 4.3123rem;
        }
        
        &::after {
            content: '\f177';
            font-family: "Font Awesome 6 Pro";
            
        }
    }
}