/* ==========================================================================
   Custom state classes managed by JavaScript
   ========================================================================== */

/* Slider Active States */

body {
    background: #fff5ed;
}

.slide.active {
    opacity: 1;
    visibility: visible;
}

.slide.active .slide-bg {
    transform: scale(1);
}

.slide.active .slide-left,
.slide.active .slide-right {
    transform: translateY(0);
    opacity: 1;
}

/* Slider Dot Active State */
.dot.active {
    background-color: #FFFFFF;
    transform: scale(1.3);
}


/* Hide play button from thumbnails and show pointer */
.video-testimonials-slider .reel-toggle-btn {
    display: none !important;
}

.video-testimonials-slider .swiper-slide {
    width: 255px !important;
    height: 400px !important;
    transition: all 0.3s ease;
    /* box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 30px; */
    border-radius: 20px;
}

.video-testimonials-slider .swiper-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    z-index: 15;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.video-testimonials-slider .swiper-slide-active::after {
    opacity: 0;
}

.video-testimonials-slider .swiper-slide>div.relative {
    width: 100%;
    height: 100%;
    aspect-ratio: auto !important;
    border-radius: 20px;
}

.yoga-classes-card {
    background: linear-gradient(180deg, #e8e6d9 0%, #f2f0e8 100%) !important;
    border-radius: 24px;
    overflow: hidden !important;

    transition: all 0.3s ease;
}

.border-main {
    border: 1px solid #ccc !important;
}

/* Global Signup Button */
.signup-btn {
    background: linear-gradient(135deg, #1fd895, #14b078) !important;
    color: #ffffff !important;
    border: none !important;
}

.classes-btn {
    /* background: linear-gradient(135deg, #1fd895, #14b078) !important; */
    color: #28bc5e !important;
    border: none !important;
}

.icon-set {
    height: 45px;
    width: 45px;
}