/*@media (max-width: 768px) {
    body {
        zoom: 0.3;*/ /* Scales down everything */
    /*}
}*/

/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0.125rem;
    top: 40px
}
.dropdown-menu {
    border-radius: 0px 0px 0.5rem 0.5rem;
    width: 100%;
    top: 0px;
    background-color: #212529
}
    .dropdown-menu a {
        color: white;
        font-size: 12px
    }
        .dropdown-menu a:hover {
            color: #1cc0a0
        }
.dropdown-toggle {
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.9rem
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #212529 !important;*/ /* Change to your desired color */
/*}

.dropdown-item:hover {
    background-color: #212529 !important;*/ /* Change to your desired color */
/*}

.dropdown-item:focus {
    background-color: #212529 !important;*/ /* Keep the background after clicking */
    /*color: white
}
#userButton:hover span {
    color: #1cc0a0;
}
#userButton:hover::after {
    color: #1cc0a0;
}
#userButton:focus, #userButton:active {
    outline: none;
    box-shadow: none;
    border: none;
}
#userButton:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}
#userButton {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

    #userButton:focus, #userButton:active {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
.btn:focus, .btn:active {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}
.offcanvas-start {*/ /*small screens side bar*/
    /*width: 60% !important;
}
.btn-close {*/ /* Small Screens  colose btn */
    /*background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    box-sizing: border-box
}
.list-unstyled {
    display: none;
    font-size: 0.9rem !important;
    font-size: .8rem;
}
    .list-unstyled a {
        text-decoration: none !important;
        color: inherit;
    }
.nav-item > :nth-child(3) {
    font-size: 10px
}

.nav-item > :nth-child(1) {
    font-size: 13px
}
.nav-item ul li:hover {
    color: #1cc0a0;
}
.nav-item:hover > i,
.nav-item:hover > span, .nav-item:hover > a {
    color: #1cc0a0 !important;
}
.nav-link {
    font-size: 1rem !important;
    font-weight: 500
}
    .nav-link:hover {
        color: #1cc0a0 !important;
    }
.toggle-menu {
    font-weight: 500;
}
.toggle-menu, li i {
    cursor: pointer
}
.footer a {
    color: #1cc0a0;
}
    .footer a:hover {
        color: #046e59
    }
.footer div a {
    text-decoration: none
}
.footer div, .footer div a {
    font-size: 12px
}*/
/* For Webkit browsers like Chrome and Safari */
::-webkit-scrollbar {
    width: 7px; /* Width of the scrollbar */
}
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the track */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    /*background: linear-gradient(45deg, #ff6b6b, #556270);*/ /* Gradient effect */
    background: linear-gradient(45deg, #1cc0a0 , white); /* Gradient effect */
    border-radius: 10px;
    border: 1px solid #fff; /* Gives a clean edge */
}
    ::-webkit-scrollbar-thumb:hover {
        background: #046e59; /* Changes color on hover */
    }



.navbar .dropdown-item:active{
    background-color: #1cc0a0;
    color: black
}
.navbar .dropdown-item:hover {
    color: black !important
}

.navbar a {
    color: black !important
}
.navbar a:hover {
    color: #07b491 !important
}
.navbar-brand{
    font-weight:bold
}
.navbar .dropdown-menu {
    height: 50px;
    align-content: center;
    border-color: #07b491;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dropdown-menu:has(.dropdown-item:active) {
    background-color: #d8eae7;
}