/* assets/style.css */

    .bnt-container {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffffff;
        box-shadow: 0 10px 30px rgba(0,0,0,0.07);
        border-radius: 0.5rem;
        overflow: hidden;
    }

    .bnt-image-wrapper {
        min-height: 400px; /* Minimum height for the image area */
        height: 100%;
        position: relative;
    }

    .bnt-image-wrapper img {
        transition: opacity 0.4s ease-in-out;
    }

    .bnt-caption-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
        padding: 40px 20px 20px;
        color: #fff;
    }
    
    .bnt-caption-overlay p {
        margin: 0;
        font-size: 1.1rem;
        transition: opacity 0.4s ease-in-out;
    }

    .bnt-news-list .list-group-item {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: 1.25rem 1.5rem;
    }

    .bnt-news-list .list-group-item:first-child {
        border-top: 0;
    }
    .bnt-news-list .list-group-item:last-child {
        border-bottom: 0;
    }

    .bnt-news-list .list-group-item.active {
        background-color: #0d6efd; /* Bootstrap primary blue */
        border-color: #0d6efd;
        color: #fff;
    }
    
    .bnt-news-list .list-group-item.active .text-muted {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .bnt-news-list .list-group-item h5 {
        font-size: 1rem;
        font-weight: 600;
    }
    
    /* Fade effect for content switching */
    .bnt-fade-out {
        opacity: 0 !important;
    }