/* Heading styling override */        
        
        h1, h2, h3, h4, h5, h6 {
            color: #000249;
        }
        
        /* Styling Overrides for pagnination and accordion */
        
        .pagination {
            --bs-pagination-active-bg: #000249 !important;
            --bs-pagination-active-border-color: #01126a !important;
        }

        .accordion {
            --bs-accordion-active-color: #000249 !important;
        }

        .page-link {
            color: #000249;
        }

        .accordion-button:focus {
            box-shadow: 0 0 0 0.25rem #e2e5e9 !important;
        }

        .accordion-button:not(.collapsed) {
            color: #fff !important;
            background-color: #747677 !important;
        }

        /* Body Styling */
        body {
            background-color: #f4f5f7;
            font-family: 'Poppins','Inter','Segoe UI', sans-serif;
            color: #333;
        }

        /* Brand Colors */
        .text-brand {
            color: #000b45;
        }

        /* Dark navy blue from the design */
        .bg-brand {
            background-color: #000b45;
        }

        .btn-brand {
            background-color: #000b45;
            color: white;
            font-weight: 500;
        }

        .btn-brand:hover {
            background-color: #001a75;
            color: white;
        }

        /* Navbar Styling */
        .portal-navbar {
            background-color: #ffffff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            padding: 15px 0;
        }

        .brand-logo-text {
            font-weight: 800;
            font-size: 1.5rem;
            line-height: 1;
            color: #000b45;
            margin-bottom: 2px;
        }

        .brand-subtext {
            font-size: 0.85rem;
            color: #6c757d;
        }

        .search-bar-container {
            max-width: 600px;
            width: 100%;
        }

        /* Footer Styling */
        .portal-footer {
            background-color: #e2e5e9;
            font-size: 0.85rem;
            color: #555;
            border-top: 1px solid #dcdfe3;
            margin-top: auto;
            width: 100%;
        }

        .portal-footer a {
            color: #555;
            text-decoration: none;
        }

        .portal-footer a:hover {
            text-decoration: underline;
        }

        /* Home Styling */
        .portal-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
            transition: transform 0.2s ease-in-out, box-shadow 0.2s;
            min-height: 257px;
            padding: 6px;
            cursor: pointer;
        }

        .portal-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        }

        .card-icon {
            font-size: 3.5rem;
            color: #000b45;
            margin-bottom: 1rem;
            display: block;
        }

        .card-title {
            color: #000249;
            font-weight: 500;
            font-size: 20px;
            margin: 17px 0;
        }

        .card-text {
            font-weight: 400;
            line-height: 23px;
            font-size: 16px;
            color: #212529;
        }

        .home-subtitle {
            font-weight: 400;
            line-height: 20px;
            font-size: 16px;
        }

        .home-title {
            font-weight: 500;
            font-size: 28px;
            color: #000249;
        }

        .nav-search-input {
            border-radius: 10px 0 0 10px;
        }

        .nav-search-button {
            border-radius: 0 10px 10px 0;
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 0.5px;
        }

        .nav-search-button i {
            margin-right: 8px;
        }

        .nav-search-button i:active {
           color: #000249;
        }

        .nav-search {
            max-width: 569px;
            height: 61px;
        }

        .main-home {
            background: linear-gradient(135deg, #f2f2f2, #e1e1e1);
            /*background-size: 400% 400%;
            animation: gradient 15s ease infinite;*/
        }

        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .page-title {
            font-weight: 500;
            font-size: 40px;
            color: #000249;
            margin-bottom: 20px;
        }

        .page-description {
            font-size: 16px;
            font-weight: 400;
            line-height: 23px;
            color: #212529;
        }
        
        body * {
            font-family: 'Poppins';
            /*display: flex;
            flex-direction: column;
            min-height: 100vh;*/
        }

        a:not(.btn):hover {
        text-decoration: none !important;
        }

        a:not(.btn) {
        text-decoration: none !important;
        }
        
        .card-image img {
        height: 86px;
        }

        /* Badges */
        .badge-topic {
            background-color: #e2e5e9;
            color: #333;
            font-weight: 500;
            font-size: 0.8rem;
        }
        .badge-current {
            background-color: #000b45;
            color: #fff;
            font-weight: 500;
            font-size: 0.8rem;
        }

        .article-button {
            color: white;
            background-color: #000249;
            font-weight: 400;
            padding: 16px 32px;
            border: none;
            border-radius: 6px;
        }