body{
    font-family: 'Poppins', sans-serif;
}
.bg-primary-maxy {
    background-color: #1E186B;
}
.navbar {
    background-color: #1E186B;
}

.nav-link {
    color: white !important;
    font-weight: 600 !important;
    font-size: 18px;
}

.border-maxy-warning {
    width: 100%;
    height: 10px;
    background-color: #FFB800;
}

.btn {
    font-weight: 600 !important;
    font-family: inherit;
    font-size: 18px;
    border-radius: 10px;
}

.btn-warning {
    color: white;
    background-color: #ffb800;
}

.btn-outline-warning {
    border: 2px solid #ffb800;
    background-color: white
}


/* Footer */
footer a {
    position: relative;
    text-decoration: none;
    color: gray;
    padding-bottom: 5px;
    transition: color 0.3s ease;
}

/* Before hover (no border) */
footer a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    /* Start at the center */
    background-color: #ffb800;
    /* Yellow border color */
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    /* Smooth transition */
    transform: translateX(-50%);
    /* Center the origin */
}

/* On hover (border appears from the center) */
footer a:hover::before {
    visibility: visible;
    width: 100%;
    /* Full width border expands */
    left: 0;
    /* Stretch from the center */
    transform: translateX(0);
    /* Reset translate once full width */
}

footer a:hover {
    color: #ffb800;
    /* Optional: Change link color on hover */
}
/* Footer END */