body {
    font-family: 'Roboto Slab', serif;
}
.header {
    background-color: #609ef1;
    padding: 10px 0;
}
.logo img {
    height: 80px;
}
.navbar {
    background-color: #ffffff; 
}
.navbar-nav .nav-link {
    color: #000000 !important;
}
.tabs-section{
    background-image: url('./img/general-notice-bg.jpg');
}

.nav-tabs .nav-link.active {
    background-color: #609ef1 !important;
    color: #ffffff !important;
    border: none;
}
.nav-tabs .nav-link{
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    background-color: #ffffff !important;
}
.w-33 { width: 33.33%; }
@media (max-width: 768px) {
    .info-section .d-flex {
        flex-direction: column !important; /* Stacks elements on mobile */
        text-align: center; /* Centers text for better appearance */
    }
    .info-section img {
        width: 100% !important; /* Full width images on small screens */
        max-width: 100% !important;
    }
    .info-section .btn {
        align-self: center !important; /* Center-align button on mobile */
    }
}