/* Modern Audience Reviews Slider */
.quote-slider-2 {
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
    padding: 0 80px !important;
}

/* Hide original Webflow dots - keep arrows but restyle them */
.quote-slider-2 .w-slider-nav {
    display: none !important;
}

.quote-mask-2 {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Remove any container borders */
.quote-slider-2,
.quote-wrapper {
    border: none !important;
}

.quote-slide {
    padding: 50px !important;
    min-height: auto !important;
}

.quote-grid {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
    grid-template-columns: none !important;
    min-height: 180px !important;
}

.quote-image-wrapper {
    flex-shrink: 0 !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 110px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
}

.quote-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    transition: transform 0.3s ease !important;
    filter: brightness(1.1) contrast(1.05) !important;
}

.quote-slide:hover .quote-image {
    transform: scale(1.05) !important;
}

.quote-heading-wrapper {
    flex: 1 !important;
    position: relative !important;
    padding-left: 20px !important;
}

.quote-heading-2 {
    font-size: 20px !important;
    line-height: 1.7 !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    margin: 0 !important;
    position: relative !important;
    padding-left: 0 !important;
    font-style: italic !important;
}

/* Modern Navigation Arrows - FORCE bottom center positioning */
.quote-mask-2 {
    position: relative !important;
}

.quote-slider-2 .w-slider-arrow-left,
.quote-slider-2 .w-slider-arrow-right,
.quote-arrow.arrow-left,
.quote-arrow.w-slider-arrow-right {
    position: absolute !important;
    bottom: 15px !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
    z-index: 15 !important;
    top: auto !important;
    right: auto !important;
}

/* FORCE Position arrows side by side at bottom center of the mask */
.quote-slider-2 .w-slider-arrow-left,
.quote-arrow.arrow-left {
    left: calc(50% - 90px) !important;
    transform: none !important;
}

.quote-slider-2 .w-slider-arrow-right,
.quote-arrow.w-slider-arrow-right {
    left: calc(50% - 20px) !important;
    transform: none !important;
}

/* Hide the brown/dark arrow icons inside */
.quote-slider-2 .w-slider-arrow-left .w-icon-slider-left,
.quote-slider-2 .w-slider-arrow-right .w-icon-slider-right {
    display: none !important;
}

.quote-slider-2 .w-slider-arrow-left:hover,
.quote-slider-2 .w-slider-arrow-right:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: scale(1.1) !important;
}

.quote-slider-2 .w-slider-arrow-left:hover,
.quote-arrow.arrow-left:hover {
    left: calc(50% - 90px) !important;
    transform: scale(1.1) !important;
}

.quote-slider-2 .w-slider-arrow-right:hover,
.quote-arrow.w-slider-arrow-right:hover {
    left: calc(50% - 20px) !important;
    transform: scale(1.1) !important;
}

/* Create our own modern arrow icons with CSS */
.quote-slider-2 .w-slider-arrow-left::after,
.quote-slider-2 .w-slider-arrow-right::after {
    content: '' !important;
    width: 16px !important;
    height: 16px !important;
    border: solid 2px #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.quote-slider-2 .w-slider-arrow-left::after {
    transform: rotate(135deg) !important;
}

.quote-slider-2 .w-slider-arrow-right::after {
    transform: rotate(-45deg) !important;
}

.quote-slider-2 .w-slider-arrow-left:hover::after {
    border-color: #ffffff !important;
    transform: rotate(135deg) scale(1.1) !important;
}

.quote-slider-2 .w-slider-arrow-right:hover::after {
    border-color: #ffffff !important;
    transform: rotate(-45deg) scale(1.1) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .quote-slider-2 {
        padding: 0 20px !important;
    }
    
    .quote-grid {
        flex-direction: column !important;
        text-align: center !important;
        gap: 20px !important;
    }
    
    .quote-image-wrapper {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50px !important;
        margin: 0 auto !important;
    }
    
    .quote-heading-2 {
        font-size: 16px !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
    
    .quote-heading-2::before {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .quote-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    
    .quote-slide {
        padding: 30px 20px !important;
    }
}

/* OVERRIDE any default webflow positioning with super high specificity */
.quote-slider-2.w-slider .quote-arrow.arrow-left.w-slider-arrow-left {
    position: absolute !important;
    bottom: 15px !important;
    left: calc(50% - 90px) !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
}

.quote-slider-2.w-slider .quote-arrow.w-slider-arrow-right {
    position: absolute !important;
    bottom: 15px !important;
    left: calc(50% - 20px) !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
}

/* Smooth slide transitions */
.w-slider-mask {
    transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}

/* Section spacing adjustments */
.sec-reviews {
    padding-bottom: 150px !important;
}

/* Add padding under hero subheader before trailer */
.hero-label {
    padding-bottom: 30px !important;
}

.quote-wrapper {
    position: relative !important;
}