/* --- CUSTOM THEME SCROLLBAR --- */

/* Chrome, Safari, and Edge ke liye */
::-webkit-scrollbar {
    width: 12px; /* Scrollbar ki width */
}

::-webkit-scrollbar-track {
    background: #f8fafc; /* Scrollbar ka background (Light Grey) */
}

::-webkit-scrollbar-thumb {
    /* Gradient color: Cyan se Pink tak */
    background: linear-gradient(to bottom, #7FB3E4, #E87CA3);
    border-radius: 20px; /* Round corners */
    border: 3px solid #f8fafc; /* Track ke sath gap dikhane ke liye */
}

::-webkit-scrollbar-thumb:hover {
    /* Hover karne par colors ulte ho jayenge */
    background: linear-gradient(to bottom, #E87CA3, #7FB3E4);
}

/* Firefox ke liye */
* {
    scrollbar-width: thin;
    scrollbar-color: #E87CA3 #f8fafc;
}