.text-primary {
    color: #0d3b84;
}

.text-secondary {
    color: #f6ae2d;
}

.btn-primary {
    background-color: #0d3b84;
}

.btn-primary:hover {
    background-color: #0d3084;
}

.btn-outline {
    border-color: #0d3b84;
}

.btn-outline.btn-primary {
    background-color: transparent;
    color: #0d3b84;
    outline-color: #0d3b84;
}

.btn-outline.btn-primary:hover {
    background-color: #0d3b84;
    color: white;
}

.btn-outline.btn-tertiary {
    background-color: transparent;
    color: #f6ae2d;
    outline-color: #f6ae2d;
    border-color: #f6ae2d;
}

.btn-outline.btn-tertiary:hover {
    color: #f6ae2d;
        outline-color: #f6ae2d;
        border-color: #f6ae2d;
}

.btn-secondary { 
    background-color: #f6ae2d;
    border-color: #f6ae2d;
    color: #0d3b84;
}

.btn-secondary:hover {
    background-color: #f6ae2d;
    border-color: #0d3b84;
}

.btn-outline.btn-secondary {
    color: #0d3b84;
}

.btn-outline.btn-secondary:hover {
    background-color: #0d3b84;
    color: #f6ae2d;
    border-color: #0d3b84;
}

.border-white {
    border-color: white;
}

.from-primary {
    --tw-gradient-from: #0d3b84;
    --tw-gradient-to: #0d3b84;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-secondary\/90 {
    --tw-gradient-to: #358ffd;
}

.badge-primary {
    border-color: #0d3b84;
    background-color: #0d3b84;
    color: #fff;
}

.bg-primary {
    background-color: #0d3b84;
}

.border-t {
    border-top: 1px solid #00000042;
}

.hover\:text-primary:hover {
    color: #0d3b84;
}

/* Header */
.top-bar {
    background-color: #0d3b84;
    color: white;
    padding: 3px 50px;
}

.top-bar ul {
    display: flex;
    gap: 10px;
}

.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    font-size: 1.1rem;
}

.iicon svg {
    height: 50px;
    width: 50px;
}

.department-container .card-body {
    padding: 1rem;
}

/* Footer */
.footer-title {
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: #0d3b84;
    font-size: 22px;
    text-transform: uppercase;
    opacity: 0.5;
}

footer a.link-hover {
    text-decoration-line: none;
}

.footer-address p {
    font-size: 1.1rem;
}

.footer-bottom {
    width: 100%;
}

@media (hover: hover) {
    .btn-outline:hover {
        border-color: #0d3b84;
        background-color: transparent;
        color: #0d3b84;
    }
}