.hidden{
    display:none;
}  
.swiper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
z-index: 12;
margin-bottom: 10vh;
height: 100%;
}
.swiper-wrapper{
margin-top: 5vh !important;
}
.swiper-slide {
background-position: center;
background-size: cover;
width: 18rem;
height: fit-content;
} 
.swiper-pagination-bullet-active{
  background: #0f0 !important;
}
.swiper-pagination-bullet{
  background: white ;
}  
.swiper-scrollbar-drag{
  background: linear-gradient(to right , #0003ee , #0f0) ;
  animation: hue_roatate 4s linear infinite;
}
.swiper-horizontal>.swiper-scrollbar{
  height: 1vh ;
  bottom: 0.25vh ;
  background: linear-gradient(to right ,#98ff09  ,#557ef9); 
  /* animation: hue_roatate 12s linear infinite; */
}
.swiper-scrollbar-drag::before , .swiper-horizontal>.swiper-scrollbar::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: blur(10px);
}
.swiper-scrollbar-drag::after , .swiper-horizontal>.swiper-scrollbar::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: blur(30px);
}
.swiper-button-next, .swiper-button-prev{
      background: #000;
padding: 2vw 1.5vw; 
}
.swiper-pagination{
  margin-bottom: 2vh;
}
@media only screen and (max-width: 1200px) {
  .swiper-button-next, .swiper-button-prev { 
  padding: 3vw 2.2vw;
}
}
@media only screen and (max-width: 768px) {
  .swiper-button-next, .swiper-button-prev { 
  padding: 7vw 6vw !important;
}
.card.onFocus_Main p.click_on_para{
  transform: scale(1.05) !important;
}
.swiper-wrapper{
  margin-top: -6vh;
}
 }