/* Pricing Section Mobile Slider CSS */
    /* Reposition the limited-offer-notification for mobile view */
    .pricing-section .limited-offer-notification {
        order: 2;
        margin-top: 20px;
    }
    
    /* Show the mobile slider container */
    .pricing-slider-container {
        display: block;
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 20px 0;
        order: 1;
    }

    /* Base styles for the discount badge */
    .discount-badge {
        position: absolute;
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.9), rgba(255, 165, 0, 0.9));
        border-radius: 5px;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
        z-index: 10;
        text-align: center;
    }
    
    /* Desktop styles (min-width: 768px) */
    @media screen and (min-width: 768px) {
        .discount-badge,
        .pricing-slide .discount-badge,
        .pricing-plan .discount-badge {
            position: absolute !important;
            top: -50px !important;
            left: 35px !important;
            padding: 11px 16px !important;
            transform: rotate(0deg) !important;
            width: 200px !important;
            font-size: 21px !important;
            z-index: 10 !important;
        }
    }
      
    /* Mobile styles (max-width: 767px) */
    @media screen and (max-width: 767px) {
        .discount-badge,
        .pricing-slide .discount-badge {
            position: absolute !important;
            top: -35px !important;
            left: 15px !important;
            z-index: 100 !important;
            width: auto !important;
            min-width: 160px !important;
            box-sizing: border-box !important;
            transform: rotate(0deg) !important;
            pointer-events: none !important;
            font-size: 15px !important;
            padding: 8px 8px !important;
        }

        .pricing-slider {
        padding-top: 25px !important;
        }
    }

    /* Style for the slider wrapper */
    .pricing-slider {
        display: flex;
        transition: transform 0.3s ease;
        width: 100%;
        overflow: visible !important;
        position: relative;
        padding-top: 50px;
    }
    
    /* Style for individual slide */
    .pricing-slide {
        min-width: 100%;
        flex: 0 0 100%;
        padding: 0px;
        box-sizing: border-box;
        position: relative;
        overflow: visible;
        isolation: isolate;
    }
    
    /* Navigation buttons */
    .pricing-nav-btn {
        display: block;
        position: absolute;
        top: 30%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        z-index: 10;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .pricing-prev-btn {
        left: 100px;
    }
    
    .pricing-next-btn {
        right: 100px;
    }
    
    /* Indicators for current slide */
    .pricing-indicators {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    
    .pricing-indicator {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        margin: 0 5px;
        cursor: pointer;
    }
    
    .pricing-indicator.active {
        background: #69fba6;
    }
    
    /* Make sure pricing plans in the slider look nice */
    .pricing-slide .pricing-plan {
        margin-top: 35px;
        max-width: 100%;
        height: 560px;
        position: relative;
    }
    
    /* Hide other discount badges when not in active slide */
    .pricing-slide:not(.active) .discount-badge {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    
    /* Make the pricing section content use flexbox for ordering */
    .pricing-section .section-container {
        display: flex;
        flex-direction: column;
    }

    @media screen and (min-width: 380px) and (max-width: 390px) {
        .plan-features li {
            font-size: 13px;
        }
        .pricing-slide .pricing-plan {
            height: 470px;
        }
        .pricing-nav-btn {
            top: 23%;
        }
        .pricing-next-btn {
            right: 40px;
        }
        .pricing-prev-btn {
            left: 40px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
    }

    @media screen and (min-width: 410px) and (max-width: 430px) {
        .plan-features li {
            font-size: 13px;
        }
        .pricing-slide .pricing-plan {
            height: 510px;
        }
        .pricing-nav-btn {
            top: 23%;
        }
        .pricing-next-btn {
            right: 30px;
        }
        .pricing-prev-btn {
            left: 30px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
    }
    
    @media screen and (min-width: 391px) and (max-width: 400px) {
        .plan-features li {
            font-size: 13px;
        }
        .pricing-slide .pricing-plan {
            height: 480px;
        }
        .pricing-nav-btn {
            top: 24%;
        }
        .pricing-next-btn {
            right: 30px;
        }
        .pricing-prev-btn {
            left: 30px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
    }

    @media screen and (min-width: 370px) and (max-width: 380px) {
        .plan-features li {
            font-size: 13px;
        }
        .pricing-slide .pricing-plan {
            height: 470px;
        }
        .pricing-nav-btn {
            top: 23%;
        }
        .pricing-next-btn {
            right: 30px;
        }
        .pricing-prev-btn {
            left: 30px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
    }
    @media screen and (min-width: 350px) and (max-width: 369px) {
        .plan-features li {
            font-size: 12px;
        }
        .pricing-slide .pricing-plan {
            height: 450px;
        }
        .pricing-nav-btn {
            top: 23%;
        }
        .pricing-next-btn {
            right: 20px;
        }
        .pricing-prev-btn {
            left: 20px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
    }

    @media screen and (min-width: 401px) and (max-width: 409px) {
        .plan-features li {
            font-size: 14px;
        }
        .pricing-slide .pricing-plan {
            height: 490px;
        }
        .pricing-nav-btn {
            top: 25%;
        }
        .pricing-next-btn {
            right: 20px;
        }
        .pricing-prev-btn {
            left: 20px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
        .plan-price {
            font-size: 24px;
        }
    }

    @media screen and (min-width: 340px) and (max-width: 349px) {
        .plan-features li {
            font-size: 11px;
        }
        .pricing-slide .pricing-plan {
            height: 410px;
        }
        .pricing-nav-btn {
            top: 25%;
        }
        .pricing-next-btn {
            right: 20px;
        }
        .pricing-prev-btn {
            left: 20px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
        .plan-price {
            font-size: 24px;
        }
        .event-highlights li {
            font-size: 11px;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 850px) {
        .plan-features li {
            font-size: 16px;
        }
        .pricing-slide .pricing-plan {
            height: 540px;
        }
        .pricing-nav-btn {
            top: 30%;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
        .pricing-next-btn {
            right: 100px;
        }
        .pricing-prev-btn {
            left: 100px;
        }
    }

    @media screen and (min-width: 851px) and (max-width: 1023px) {
        .plan-features li {
            font-size: 15px;
        }
        .pricing-slide .pricing-plan {
            height: 530px;
        }
        .pricing-nav-btn {
            top: 30%;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
        .pricing-next-btn {
            right: 100px;
        }
        .pricing-prev-btn {
            left: 100px;
        }
    }
    @media screen and (min-width: 1024px) and (max-width: 1366px) {
        .plan-features li {
            font-size: 19px;
        }
        .pricing-slide .pricing-plan {
            height: 570px;
        }
        .pricing-nav-btn {
            top: 30%;
        }
        .pricing-plan {
            margin-left : 3px;
            margin-right: 3px;
        }
        .limited-offer-mobile {
            font-size: 12px;
        }
        .pricing-next-btn {
            right: 100px;
        }
        .pricing-prev-btn {
            left: 100px;
        }
    }

    @media screen and (max-width: 768px) {
        .event-detail-content p {
            margin-bottom: 0px;
        }
    }