:root {
        --bs-primary-rgb: 12, 42, 87;
        /* Dark Blue from the screenshot */
        --bs-link-color-rgb: 12, 42, 87;
        --bs-link-hover-color-rgb: 8, 28, 58;
    }

    .navbar-brand img {
        width: 80%;
    }

    .hero-section {
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 2rem;
    }

    .card-link {
        text-decoration: none;
        color: inherit;
    }

    .card-link:hover .card {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        border-color: var(--bs-primary);
    }

    .section-dark-blue {
        background-color: rgb(var(--bs-primary-rgb));
        color: #fff;
    }

    .section-dark-blue .display-6,
    .section-dark-blue p,
    .section-dark-blue a {
        color: #fff;
    }

    .footer-main {
        background-color: rgb(var(--bs-primary-rgb));
        color: #fff;
    }

    .footer-main a {
        color: #fff;
        text-decoration: none;
    }

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

    .footer-bottom {
        background-color: #f8f9fa;
        border-top: 1px solid #dee2e6;
    }

    .accordion-button:not(.collapsed) {
        background-color: #e7f1ff;
        color: var(--bs-primary);
    }

    .footer-con{
        line-height: 37px;
        font-size: 18px;
    }