/* slider button and scrollbar */
.swiper .slider-button{
  position: relative;
  width: 100%;
  margin-top:3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  gap:40px;
}
.swiper .slider-button .swiper-button-prev,.swiper .slider-button .swiper-button-next{
  position: static;
  /*margin: 0 clamp(0.8rem, calc(0.71rem + 0.23vw), 1rem);*/
  margin: 0px;
  width: clamp(3rem, calc(2.56rem + 1.16vw), 4rem);
  height: clamp(3rem, calc(2.56rem + 1.16vw), 4rem);
}
.swiper .slider-button .swiper-button-next:after,.swiper .slider-button .swiper-button-prev:after {
    display: flex;
    content: "";
    font-size: 35px;
    color: #00325b;
}

/*.swiper .slider-button .swiper-button-next:after,.swiper .slider-button .swiper-button-prev:after{
  font-size: 0;
  content: '';
  width: 100%;
  height: 100%; 
  background-position: center;
  background-size: 70%;
  background-image: url(../img/template/icons/icon_arrow_right.svg);
  filter: brightness(0) saturate(100%) invert(14%) sepia(38%) saturate(3169%) hue-rotate(187deg) brightness(94%) contrast(101%);     
}*/
.swiper .slider-button .swiper-button-prev:after{      
  transform: rotate(180deg);
}
.swiper .swiper-scrollbar{
  width: 100vw;
  height:10px;
  left: 50%;
  bottom:0;
  transform: translateX(-50%);
  position: relative;
  margin-top: 6.4rem;
  cursor:pointer;
  background: var(--mediumblue);  
}
.swiper .swiper-scrollbar-drag{
  background: var(--darkblue);
  border-radius: 0;
}