/* Full-width header */
header {
    width: 100%;
    background: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.footer {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Desktop Menu Styling */
.nav-link {
    color: black; /* Default inactive color */
    transition: color 0.3s ease-in-out;
}

/* Active Menu Styling */
.nav-link:hover, .nav-link.active {
    color: green !important;
}

/* Mobile Menu Styles */
.navbar-toggler {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.mobile-menu {
    display: none;
    background: white;
    padding: 10px;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.mobile-menu .nav-link {
    padding: 10px;
    display: block;
}

.mobile-menu .nav-link:hover {
    background: green;
    color: white !important;
}

.btn-outline-green {
    border: 2px solid #157347;
    color: #157347;
    background-color: transparent;
    transition: 0.3s;
}

.btn-outline-green:hover {
    background-color: #157347;
    color: white;
}

.btn-outline-green:active {
    background-color: #0e5a2a !important; /* Darker green on click */
    color: white !important;
}

/*  */