*,
:after,
:before {
    scroll-behavior: smooth;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


@media (min-width: 576px) {
    body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f7fa;
    }
    body::-webkit-scrollbar {
        width: 6px;
        background-color: #f5f7fa;
    }
    body::-webkit-scrollbar-thumb {
        background-color: #9CA3AF;
    }
}

:hover {
    transition: all 0.4s ease;
}