.content-div{
  height: 90vh;
  overflow-y: auto;
  padding-bottom: 50px;
}

::-webkit-scrollbar {
  width: 5px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
  background: #888;
}


::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.loader-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000; /* Ensure it's on top of all other elements */
opacity: 0.5;
}

/* HTML: <div class="loader"></div> */
.loader {
width: 50px;
aspect-ratio: 1.154;
position: relative;
background: conic-gradient(from 120deg at 50% 64%,#0000, #e92d30 1deg 120deg,#0000 121deg);
animation: l27-0 1.5s infinite cubic-bezier(0.3,1,0,1);
}
.loader:before,
.loader:after {
content:'';
position: absolute;
inset:0;
background:inherit;
transform-origin: 50% 66%;
animation: l27-1 1.5s infinite;
}
.loader:after {
--s:-1;
}
@keyframes l27-0 {
 0%,30%      {transform: rotate(0)}
 70%         {transform: rotate(120deg)}
 70.01%,100% {transform: rotate(360deg)}
}
@keyframes l27-1 {
 0%      {transform: rotate(calc(var(--s,1)*120deg)) translate(0)}
 30%,70% {transform: rotate(calc(var(--s,1)*120deg)) translate(calc(var(--s,1)*-5px),10px)}
 100%    {transform: rotate(calc(var(--s,1)*120deg)) translate(0)}
}