.carousel-custom-control {
            z-index: 5;
            top: 40%;
            height: 70px;
            width: 70px;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .carousel-custom-control:hover {
            background-color: #e60013;
        }

        .news-card {
            background-color: #F7F7F7;
            position: relative;
            overflow: hidden;
            margin-bottom: 1.5rem;
            height: 500px;
            transition: all 0.3s ease;
        }

        .news-card .card-img {
            height: 300px;
            object-fit: cover;
        }

        .news-card .card-img-overlay {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
        }

        .card-overlay-2 {
            background: linear-gradient(200deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 15%, rgba(255, 0, 0, 0.5) 71%) !important;
        }

        .news-card-content {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(245, 245, 245, 0.95);
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }

        .news-card:hover .news-card-content {
            transform: translateY(0);
        }

        .news-card-content h5 {
            margin-bottom: 0.5rem;
            color: #212;
        }

        .news-card-red {
            color: white;
            height: 100%;
        }

        .news-card-red .see-more-btn {
            border-color: white;
            color: white;
        }

        .news-card-red .see-more-btn:hover {
            background-color: white;
            color: #363636;
        }

        .news-card-white {
            color: #525252;
            height: 100%;
        }

        .news-card-white .see-more-btn {
            border-color: #525252;
            color: #525252;
        }

        .news-card-white .see-more-btn:hover {
            background-color: #E0E0E0;
            color: #e60013;
        }

        .see-more-btn img {
            height: 15px;
        }       
       

        /* Set fixed height for the button container row */
        .publications-buttons {
            min-height: 60px;
        }

        .publications-buttons .col-md-4 {
            height: 60px;
            margin-bottom: 15px;
        }

        .publications-buttons a {
            height: 100%;
        }

        /* Priority card hover effect */
        .priority-card {
            position: relative;
            overflow: hidden;
        }

        .priority-card .card-img-overlay {
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            box-shadow: inset 0px -100px 50px -50px rgba(0, 0, 0, 0.5);
        }

        /* FadeOutUp animation keyframes */
        @keyframes fadeOutUp {
            0% {
                opacity: 1;
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                transform: translateY(-50px);
            }
        }

        /* FadeInDown animation keyframes */
        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translateY(-50px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .priority-card .card-title {
            transition: all 0.3s ease;
            margin-bottom: auto;
            margin-top: auto;
            animation: fadeInDown 0.3s forwards;
        }

        .priority-card:hover .card-title {
            animation: fadeOutUp 0.2s forwards;
        }

        .priority-card .hover-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1rem;
            transform: translateY(100px);
            opacity: 0;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-shadow: inset 0px -100px 50px -50px rgba(0, 0, 0, 0.7);
        }

        .priority-card:hover .hover-content {
            transform: translateY(0);
            opacity: 1;
        }

        .event-section {
            position: relative;
            /* background: #F7F7F7; */
        }

        .event-section::after {
            background: #F7F7F7;
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background-image: url('../../../images/ifg-progress/extras/ifg-progress-event.png');
            background-repeat: no-repeat;
            background-position: right top;
            background-size: contain;
            z-index: -1;
            pointer-events: none;
        }

        /* Ensure content sits on top of the background image */
        .event-section .row {
            position: relative;
            z-index: 1;
        }

        @media (max-width: 767.98px) {
            .event-section::after {
                display: none;
            }            
        }

        .bg-card-bulletin{
            background-image: url('../../../images/ifg-progress/extras/Background Bulletin.png');
            background-repeat: no-repeat; 
            background-size: cover;                                  
        }