/**
 * Toolkit & Testimonials Component Styles
 *
 * @package JPK
 */

.toolkit-testimonials {
    .toolkit-testimonials-wrapper {
        gap: 30px;

        .toolkit-testimonials-text {
            flex: 1;
            width: 33.333%;
            padding-right: 20px;

            @media (max-width: 1200px) {
                padding-right: 0px;
            }
            @media (max-width: 768px) {
                flex: none;
                width: 100%;
            }
            .toolkit-testimonials-text-box {
                padding: 2.5rem;
                background: linear-gradient(to bottom, #000000 0%, #181818 100%);
                border: 1px solid rgba(255, 255, 255, .5);
                border-radius: var(--border-radius-secondary);

                @media (max-width: 1200px) {
                    padding: 1.5rem;
                }
                h3 {
                    line-height: 1.3;

                    @media (max-width: 1200px) {
                        font-size: 1.5rem;
                    }
                }
            }
        }
        .toolkit-testimonials-testimonials {
            flex: 2;
            width: 66.666%;

            @media (max-width: 768px) {
                flex: none;
                width: 100%;
            }
            .filterable-card {
                display: block;
                opacity: 1;
            }
        }
    }
}