
        /* Ensures smooth slider transition */
        #slides {
            transition: transform 0.5s ease-in-out;
        }
        /* Custom Marquee for Breaking News (Red Banner) */
        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
        }
        .marquee-content {
            display: inline-block;
            animation: marquee 20s linear infinite;
            padding-left: 100%; /* Start off-screen */
        }
        @keyframes marquee {
            0% { transform: translate(0, 0); }
            100% { transform: translate(-100%, 0); }
        }
        /* Style for Notice Board items to match the official look */
        .notice-item {
            border-bottom: 1px dashed #ddd;
        }
        .notice-item:hover {
            background-color: #f0f4f8;
            border-left: 3px solid #B52222; /* Changed hover accent to red for notices */
            padding-left: 5px;
        }
        /* Ensure VMG cards stack well even in wide view when not in a narrow column */
        .vmg-card {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        /* Responsive slider height adjustment */
        .slider-height {
             height: 300px; /* Base height for all slides */
        }
        @media (min-width: 1024px) {
            .slider-height {
                /* Increased height slightly for the new 2/3 width layout to make the banner more prominent */
                height: 450px; 
            }
        }
        /* Leadership Card Styling for better visual appeal */
        .leadership-card {
            display: flex;
            align-items: center;
            padding: 0.75rem; /* p-3 */
            border-radius: 0.5rem; /* rounded-lg */
           
            transition: all 0.2s;
        }
        .leadership-card:hover {
            transform: translateY(-2px);
     
        }
        /* Adjusted font sizes for the Leadership section to fit well in 1/3 column */
        .leadership-card p {
            font-size: 0.875rem; /* text-sm default */
        }
        .leadership-card .font-extrabold {
             font-size: 1rem; /* text-base */
        }
    