::-webkit-scrollbar {
    animation: slideTab 0.4s ease-in-out;
    transition: all 0.3s ease-out;
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    animation: slideTab 0.4s ease-in-out;
    margin-top: 140px;
    margin-bottom: 80px;
    transition: all 0.3s ease-out;
    background: #f7fafc; /* Background of the track */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb {
    transition: all 0.3s ease-out;
    background-color: #cecece; 
    border-radius: 10px; 
    border: 3px solid #f7fafc; 
}

::-webkit-scrollbar-thumb:hover {
    transition: all 0.3s ease-out;
    background-color: #929292;
}

/* Custom Scrollbar for Firefox */
html {
    transition: all 0.3s ease-out;
    scrollbar-width: thin; /* Make scrollbar thinner */
    scrollbar-color: #7d7d7d #f7fafc; /* Thumb and track color */
}

body {
    scrollbar-width: thin; /* Make scrollbar thinner */
    scrollbar-color: #6c6c6c #f7fafc; /* Thumb and track color */
}

/* Applies to the entire body for a consistent look */
body::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

body::-webkit-scrollbar-track {
    background: #f7fafc; /* Background of the track */
    border-radius: 10px; /* Rounded corners */
}

body::-webkit-scrollbar-thumb {
    background-color: #505050; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
    border: 3px solid #f7fafc; /* Adds padding around the thumb */
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #494949; /* Color on hover */
}



.dark {
    .text-gray-600{
        color: #d8d8d8;
      }
    ::-webkit-scrollbar {
        transition: all 0.3s ease-out;
        width: 12px; /* Width of the scrollbar */
    }

    ::-webkit-scrollbar-track {
        animation: slideTab 0.4s ease-in-out;
        margin-top: 140px;
        margin-bottom: 80px;
        transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background: #232323; /* Background of the track */
        border-radius: 10px; /* Rounded corners */
    }

    ::-webkit-scrollbar-thumb {
        transition: all 0.3s ease-out;
        background-color: #5b5b5b; /* Color of the scrollbar thumb */
        border-radius: 10px; /* Rounded corners */
        border: 3px solid #2d2d2d; /* Adds padding around the thumb */
    }

    ::-webkit-scrollbar-thumb:hover {
        transition: all 0.3s ease-out;
        background-color: #929292; /* Color on hover */
    }

    /* Custom Scrollbar for Firefox */
    html {
        transition: all 0.3s ease-out;
        scrollbar-width: thin; /* Make scrollbar thinner */
        scrollbar-color: #7d7d7d #181818; /* Thumb and track color */
    }

    body {
        scrollbar-width: thin; /* Make scrollbar thinner */
        scrollbar-color: #6c6c6c #f7fafc; /* Thumb and track color */
    }

    /* Applies to the entire body for a consistent look */
    body::-webkit-scrollbar {
        width: 12px; /* Width of the scrollbar */
    }

    body::-webkit-scrollbar-track {
        background: #f7fafc; /* Background of the track */
        border-radius: 10px; /* Rounded corners */
    }

    body::-webkit-scrollbar-thumb {
        background-color: #505050; /* Color of the scrollbar thumb */
        border-radius: 10px; /* Rounded corners */
        border: 3px solid #f7fafc; /* Adds padding around the thumb */
    }

    body::-webkit-scrollbar-thumb:hover {
        background-color: #494949; /* Color on hover */
    }
}