:root {
    --transition-my-ease: all ease .8s;
}

/* Navbar */
.nav-link:hover .nl-sp1 {
    color: #FFB84D;
}

.nav-link:hover .nl-sp2 {
    color: #f5f1e8;
}

.active .nl-sp1 {
    color: #FFB84D;
}

.active .nl-sp2 {
    color: #f5f1e8;
}

.active {
    position: relative;
}

.active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 140%;
    background-color: #FFB84D;
}

/* Responsive for Large Tab or Small Laptop */
@media screen and (max-width: 1024px) {

    /* Navbar */
    .active::after {
        transform: translateX(-50%);
        width: 100%;
    }
}

/* Responsive for Small Phone Sizes */
@media screen and (max-width: 360px) {

    /* Footer */
    .fc-container1 {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .fc-container2 {
        flex-direction: column;
        gap: 5px;
    }
}