
.fixed-thumb {
    height: 180px;
    object-fit: cover;
    width: 100%;
}

.d-none {
    display: none !important;
}

.entertainment-radio label {
    margin: 0 0.5rem;
    cursor: pointer;
}

.entertainment-radio span {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.3s;
}

.entertainment-radio input[type="radio"] {
    display: none;
}

.entertainment-radio input[type="radio"]:checked + span {
    background-color: #0d6efd !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-color: #0d6efd !important;
}

/* Hero Background */

.custom-hero-bg {
    background-size: cover;       
    background-position: center;   
    background-repeat: no-repeat; 
    width: 100%;
    height: auto;         
    object-fit: contain;   
    display: block;
}


.hero-spacer {
    height: 660px; 
    width: 100%;
}


@media (max-width: 991.98px) {
    .hero-spacer {
        height: 450px; 
    }
}


@media (max-width: 575.98px) {
    .custom-hero-bg {
        background-size: contain; 
        background-position: center top; 
    }
    
    .hero-spacer {
        height: 250px; 
    }
}


@media (min-width: 992px) {
    /* স্লাইডারের মূল কন্টেইনারকে সেন্টারে নিয়ে আসার জন্য */
    .ftp-swiper, .live-swiper {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* লুপের ভেতর যদি মাত্র ১টি কার্ড থাকে */
    .ftp-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(1):last-child),
    .live-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(1):last-child) {
        max-width: 300px !important;
    }

    /* লুপের ভেতর যদি মাত্র ২টি কার্ড থাকে */
    .ftp-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(2):last-child),
    .live-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(2):last-child) {
        max-width: 600px !important;
    }

    /* লুপের ভেতর যদি মাত্র ৩টি কার্ড থাকে */
    .ftp-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(3):last-child),
    .live-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(3):last-child) {
        max-width: 900px !important;
    }

    /* ৪টি বা তার বেশি কার্ড থাকলে ফুল স্ক্রিন উইডথ পাবে */
    .ftp-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(4)),
    .live-swiper:has(.swiper-slide:not(.swiper-slide-duplicate):nth-child(4)) {
        max-width: 100% !important;
    }
}


