.wv-30{
    width: 30vw;
}
.wv-70{
    width: 69vw;
}
.wv-40{
    width: 40vw;
}
.border{
    border: 2px solid red;
}
.flex{
    display: flex;
}
.justify-center{
    justify-content: center;
}
.justify-space-around{
    justify-content: space-around;
}
.justify-space-between{
    justify-content: space-between;
}
.justify-end{
    justify-content: end;
}
.align-items-center{
    align-items: center;
}
.bg-white{
    background-color: white;
}
.bg-black{
    background-color: black;
}
.p-1{
    padding: 10px;
}
.g-10{
    gap: 10px;
}
.border-none{
    border: none;
}
.display-none{
    display: none;
}
/* Scrollbar Styles */
::-webkit-scrollbar {
    width: 12px;  /* Adjust the width of the scrollbar */
    height: 12px; /* Adjust the height of horizontal scrollbar */
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
    background-color: #121212;  /* Dark background for the track */
    border-radius: 10px;         /* Rounded corners */
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
    background-color: #333;      /* Darker color for the thumb */
    border-radius: 10px;         /* Rounded corners */
    border: 3px solid #121212;   /* Border to create separation from track */
}

/* Scrollbar Thumb on Hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;      /* Lighter color when hovering */
}

/* Scrollbar Buttons (optional, hides them) */
::-webkit-scrollbar-button {
    display: none;  /* Hide scrollbar buttons (arrows) */
}