#scroll-div {
width: 100%;
position: relative;
display:inline-block;
overflow-x: hidden;
z-index: 0;

}
.cardnov, .cardnov img, .cardnov a {
-webkit-user-drag: none;
user-select: none; 
-webkit-user-select: none; 
pointer-events: auto; 
cursor:move;
cursor:-webkit-grab;
cursor:grab ;
}

#carousel {
width: 100%;
height: auto;
display: block;
overflow-x: hidden;
}
.scroll-buttons{
position: absolute;
top: 50%;
width: 100%;
height: 0px;
transform: translateY(-50%);
}
.prev,
.next {
position: absolute;
top: 100%;
width: 50px;
height: 50px;
border-radius: 50%;
transform: translateY(-50%);
background: hsla(0, 0%, 100%, 0.75);
color: #000;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
padding: 0; /* changed */
font-size: 18px;
}


.prev { left: 12px; }
.next { right: 12px; }


.carousel-track {
touch-action: pan-y; /* Allows vertical scroll, disables horizontal swipe conflict */
user-select: none;
padding-left: 100px;
position: relative;
width: 100%;
transition: transform 0.5s ease;
}
.carousel-indicators {
display: flex;
height: 30px;
justify-content: center;
align-items: center;
margin: 0px auto;
gap: 8px;
position: relative;
}

.carousel-indicators .dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
transition: background-color 0.3s ease;
position: relative;
}

.carousel-indicators .dot.active {
background-color: #333;
}
.glob-scroll-div{
position: relative;
}