/* Temp Styles */


:root {
    --color-green: #67C118;
    --color-dark: #2D2D2D;
    --color-white: #FAFAFA;
    --color-card: #30322F;
    --font-open: "Open Sans";
    --spacing-base: 20px;
    --max-width: 1200px;
}

.testimonials02-section {
    padding: calc(3.5 * var(--spacing-base)) var(--spacing-base) calc(4.5 * var(--spacing-base));
    max-width: var(--max-width);
    margin: 0 auto;
    position: relative;

    & .testimonial-header-v2 {
        color: var(--color-dark);
        font-feature-settings: 'case' on, 'cpsp' on;
        font-family: var(--font-open);
        font-size: 36px!important;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: -0.72px;

        & strong {
            color: var(--color-green);
            font-feature-settings: inherit;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            line-height: inherit;
            letter-spacing: inherit;
        }
    }

    & .testimonials-slider-v2 {
        position: relative;
    }

    & .slider-header-wrapper {
        margin-bottom: calc(2 * var(--spacing-base));
        max-width: var(--max-width);
        margin-left: auto;
        margin-right: auto;
    }

    & .testimonial-card-v2 {
        background: var(--color-card);
        border-radius: var(--spacing-base);
        padding: calc(1.5 * var(--spacing-base));
        height: 416px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    & .testimonial-content-v2 {
        color: var(--color-white);
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        padding-right: 5px;

        &::-webkit-scrollbar {
            width: 4px;
        }

        &::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2px;
        }

        &::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
        }
    }

    & .rating-images-v2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: var(--spacing-base);

        & img {
            &:first-child {
                width: 100px;
                height: auto;
            }

            &:last-child {
                width: 28px;
                height: 28px;
            }
        }
    }

    & .tagline-v2 {
        color: var(--color-white);
        font-family: var(--font-open);
        font-size: 20px!important;
        font-style: normal;
        font-weight: 700;
        line-height: 150%!important;
        letter-spacing: -0.4px;
        margin-bottom: 16px;
    }

    & .content-v2 {
        color: var(--color-white);
        font-family: var(--font-open);
        font-size: 18px!important;
        font-style: normal;
        font-weight: 400;
        line-height: 150%!important;
        margin: 0;
        margin-bottom: auto;
    }

    & .author-v2 {
        color: var(--color-white);
        font-family: var(--font-open);
        font-size: 16px!important;
        font-style: normal;
        font-weight: 500;
        line-height: 22px!important;
        margin-top: 24px;
    }

    & .section-header-v2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    & .navigation-controls-v2 {
        display: flex;
        gap: var(--spacing-base);
    }

    & .swiper-button-prev,
    & .swiper-button-next {
        position: static;
        border: 1px solid var(--color-green);
        border-radius: 99px;
        background: transparent;
        padding: 0;
        cursor: pointer;
        transition: all 0.3s ease;
        margin: 0;
        width: 72px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        pointer-events: all;
        -webkit-tap-highlight-color: transparent;

        &:hover {
            background: rgba(103, 193, 25, 0.06);

            & svg path {
                stroke: var(--color-dark);
            }
        }

        &:focus {
            outline: 2px solid var(--color-green);
            outline-offset: 2px;
        }

        &::after {
            display: none;
        }

        & svg {
            width: 20px;
            height: 14px;
            display: block;

            & path {
                transition: stroke 0.3s ease;
            }
        }
    }

    &[data-slides="3"],
    &[data-slides="2"],
    &[data-slides="1"] {
        & .navigation-controls-v2 {
            display: none;
        }
    }

    & .swiper-pagination-v2 {
        display: none;
    }

    @media (max-width: 1023px) {

        & .testimonial-header-v2 {
            font-size: 24px !important;
        }




        & .navigation-controls-v2 {
            display: none !important;
        }

        & .testimonial-card-v2 {
            height: auto;
        }

        & .testimonials-slider-v2 {
            padding-bottom: 0;
        }

        & .testimonial-header-v2 {
            text-align: center;
        }

        & .section-header-v2 {
            display: block;
            text-align: center;
        }

        & .swiper-pagination-v2 {
            position: static;
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-top: calc(1.5 * var(--spacing-base));
            min-height: 24px;
        }

        & .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #D9D9D9;
            opacity: 1;
            margin: 0;
            border-radius: 50%;
            transition: all 0.3s ease;

        }

        & .swiper-pagination-bullet-active {
            background: var(--color-green);
            transform: scale(1.5);
        }

        & .tagline-v2 {
            font-size: 18px!important;
            margin-bottom: 12px;
        }

        & .content-v2 {
            font-size: 16px!important;
            line-height: 140%;
        }
    }
}