/* Width of the scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

/* Styles for the scrollbar track (the area behind the scrollbar) */
::-webkit-scrollbar-track {
    background-color: #f2f2f2; /* Light gray background color */
}

/* Styles for the scrollbar thumb (the draggable handle) */
::-webkit-scrollbar-thumb {
    background-color: #3498db; /* Blue color for the thumb */
    border-radius: 6px; /* Rounded corners for the thumb */
}

    /* Styles for the scrollbar thumb when hovered over */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #2980b9; /* Darker blue color when hovered */
    }

/* Styles for the scrollbar corner (between vertical and horizontal scrollbars) */
::-webkit-scrollbar-corner {
    background-color: #f2f2f2; /* Light gray background color */
}

@media (min-width: 992px) {
    .navbar-collapse {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .navbar-nav .nav-link {
        padding-right: 10px; /* Reduce padding */
    }

    /* Additional customizations can go here */
}