.nav-link:hover .nav-underline {
    width: 100%;
}

.nav-link.active {
    color: #ea580c !important;
}

.nav-link.active .nav-underline {
    width: 100%;
    background-color: #ea580c;
}

.hamburger-icon {
    width: 20px;
    height: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hamburger-line {
    width: 100%;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform-origin: center;
}

.hamburger-active .hamburger-line-1 {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-active .hamburger-line-2 {
    opacity: 0;
    transform: scaleX(0);
}

.hamburger-active .hamburger-line-3 {
    transform: rotate(-45deg) translate(7px, -6px);
}

@media (max-width: 768px) {
    .max-w-7xl {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}