.shadow-hover {
    transition: transform 0.2s, box-shadow 0.2s;
}
.shadow-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.object-fit-cover {
    object-fit: cover;
    object-position: center;
}
.featured-biography {
    border-top: 4px solid #0d6efd;
}


.btn-download {
        background-color: #00008B;
        color: #fff;
        font-size: 1.2rem;
        padding: 0.5rem 2rem;
        border-radius: 25px;
        text-decoration: none;
    }
    .btn-download:hover {
        background-color: #c70039;
    }
    .screenshots img {
        border: 2px solid #ddd;
    }







    /* news */

    .shadow-lg-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .shadow-lg-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 1rem 3rem rgba(0,0,0,0.15)!important;
    }

    .shadow-sm-hover {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    
    .shadow-sm-hover:hover {
        transform: translateY(-3px);
        box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1)!important;
    }

    .bg-gradient-primary {
        background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%);
    }



    /* songs */


    .featured-card {
        border: none;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        transition: transform 0.3s;
        position: relative;
        margin-bottom: 10px;
    }
    .featured-card:hover {
        transform: scale(1.02);
    }
    .featured-img {
        background-size: cover;
        background-position: center;
        height: 400px;
        position: relative;
    }
    .featured-img::after {
        content: "";
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.3);
    }
    .featured-content {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: #fff;
        z-index: 2;
    }
    .small-card {
        border: none;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transition: transform 0.3s;
        position: relative;
        background: #fff;
    }
    .small-card:hover {
        transform: translateY(-5px);
    }
    .small-img {
        background-size: cover;
        background-position: center;
        height: 200px;
    }


    /* web story */


     /* Updated styling for tabs and stories */
     .category-tabs { margin-bottom: 20px; }
     .TlTbs-ul { list-style: none; display: flex; padding: 0; margin: 0; }
     .TlTbs-li { margin-right: 10px; cursor: pointer; }
     .TlTbs-lnk { text-decoration: none; color: #333; padding: 5px 10px; }
     .TlTbs-act { font-weight: bold; border-bottom: 2px solid #333; }
     .stories-content { margin-top: 20px; }
     
     /* Ensure one-line scrollable row without wrapping */
     .scrollable-row {
         display: flex;
         flex-wrap: nowrap; 
         overflow-x: auto;
         padding-bottom: 10px;
     }
     
     /* Story cards set to fixed width and inline using flex */
     .story-card {
         flex: 0 0 auto;
         margin: 10px;
         width: 150px;
         vertical-align: top;
     }
     
     .card-img-container {
         position: relative;
         width: 100%;
         padding-bottom: 150%;
         overflow: hidden;
     }
     .card-img-container img {
         position: absolute;
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-radius: 20px 0px;
     }
     .web-story-logo {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
     .story-title {
         margin-top: 5px;
         font-size: 14px;
     }
     .relative-anchor {
         position: relative;
     }

     .category-tabs {
        overflow-x: auto;
        white-space: nowrap;
    }

    .TlTbs-ul {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .TlTbs-li {
        display: inline-block;
    }

    .TlTbs-lnk {
        display: inline-block;
        padding: 10px 20px;
        text-decoration: none;
        color: #000;
    }

    .TlTbs-act {
        font-weight: bold;
        color: #007bff;
    }

     /* festivals */


     .card {
        transition: transform 0.2s;
    }
    
    .card:hover {
        transform: translateY(-5px);
    }
    
    .card-title {
        font-size: 1rem;
    }
    
    .card-body p {
        font-size: 0.9rem;
    }
    
    @media (max-width: 768px) {
        .col-md-3, .col-md-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    
        .card-img-top {
            height: 200px !important;
        }
    }
    


    a{
        text-decoration: none;
        /* color: green; */
    }