.verticalSlider {width: 100%;height:500px;}
.verticalZoomFade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 2s ease;
  opacity: 0.1;
}
.swiper-slide-active img {opacity: 1;}
/* Pagination (dots) styling */
.swiper-pagination { left: 10px !important; right: auto !important;top: 40% !important; width: 20px;height: 20px;}
.swiper-pagination-bullet {
  background:var(--color-white-same);
  opacity: 0.6;
  margin: 15px 0 !important;
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullet-active {  
  background: var(--color-white-same);  
  opacity: 1;
  outline: 1px solid var(--color-white-same);  ;    
  outline-offset: 3px; 
}
.swiper-slide-number-value{position: absolute;top: -30%;font-size: 18rem;right: 5%;
  --stroke: min(0.25vmin, 2px) var(--color-third);
  color: var(--color-third) !important;
  opacity: 0.1;
  z-index: -1;
  -webkit-text-stroke:var(--color-third);
  text-stroke: var(--color-third);
}
@media screen and (max-width: 991px) {
  .verticalSlider {height:800px;}
  .swiper-slide-number-value{top:20%;right: 0}
}
@media screen and (max-width: 767px) {
  .swiper-slide-number-value{top:10%;}
}
@media screen and (max-width: 481px) {
  .verticalSlider {height:600px;}
  .swiper-slide-number-value{font-size: 12rem;}
  .swiper-pagination{display: none;}
  .swiper-slide-number-value{top:30%;}
}