.navbar ul li a.active {
    color: #007BFF !important;
    font-weight: 600;   
}

.navbar ul li {
    font-size: 23px;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.close-icon {
    font-size: 32px;
    display: none;
    line-height: 1;
}

.navbar-toggle-checkbox:checked~.navbar-toggler .navbar-toggler-icon {
    display: none;
}

.navbar-toggle-checkbox:checked~.navbar-toggler .close-icon {
    display: inline-block;
}

.navbar-toggle-checkbox:not(:checked)~.navbar-toggler .close-icon {
    display: none;
}

.navbar-collapse {
    display: none;
}

.navbar-toggle-checkbox:checked~.navbar-collapse {
    display: block;
}

.navbar-collapse {
    transition: all 0.3s ease;
}