.logo {
    width: 300px !important;
    height: 80px !important;
    object-fit: cover;
    object-position: right center;
    overflow: hidden;
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: #fbd0d06e !important;
}
.text-slate-400{
    color:#3c3f43fc !important;
}
footer{
    background-color: #efe3e478 !important;
}
footer p{
    color:gray !important;
}
.border-brand-500\/30{
    border-color: #9E1B22 !important;
}
/* Base link style */
.nav-link {
    position: relative;
    color: #475569;
    font-weight: 600;
    padding: 8px 12px;
    transition: color 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

/* Centered animated underline */
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #9E1B22;
    border-radius: 2px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active State */
.nav-link.active {
    color: #9E1B22;
    font-weight: 800;
    background-color: transparent !important;
    border: none !important;
}

.nav-link.active::after {
    width: 80%; /* Keeps a clean margin instead of touching adjacent links */
}

/* Hover State (Soft indicator preview) */
.nav-link:not(.active):hover {
    color: #9E1B22;
}

.nav-link:not(.active):hover::after {
    width: 40%; /* Subtle expansion on hover */
    opacity: 0.6;
}

.bg-black\/40 {
    background-color: rgb(75 71 71 / 0%) !important;
}