:root {
    scroll-behavior: smooth;
    --bs-primary-rgb: 0, 122, 51; /* Your custom green #007A33 */
    --bs-primary: rgb(var(--bs-primary-rgb)); /* Update primary color */
}

.icon-speed {
    animation: slide-right 1s infinite alternate;
}

@keyframes slide-right {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(5px);
    }
}

@media (max-width: 991px) {
    /* Add border lines between menu items */
    #navbar ul li {
        position: relative; /* Needed for positioning the pseudo-element */
        padding: 10px 0;
    }

        /* Create a full-width border line */
        #navbar ul li::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: #ddd; /* Light gray divider */
        }

        /* Remove the line for the last item */
        #navbar ul li:last-child::after {
            display: none;
        }

        /* Adjust link appearance */
        #navbar ul li a {
            font-size: 18px;
            color: #5f687b;
            text-decoration: none;
            display: block;
            padding: 0 20px; /* Add padding for better spacing */
            transition: color 0.3s ease;
        }

            #navbar ul li a:hover {
                color: #007A33; /* Change color on hover */
            }
}