.header-swiper{
  width: 100%;
  margin: 0 auto;
  padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) 0;/*30-50*/
  background-color: #f8f2e7;
  overflow-x: hidden;
}
.header-swiper__img{
  display: block;
  height: clamp(9.375rem, 7.5rem + 9.38vw, 18.75rem);/*150-300*/
  width: 100%;
  object-fit: cover;
  box-shadow: 5px 5px 0 rgb(208, 208, 208);/*2-5*/
}
.header-swiper__title{
  display: block;
  padding-top: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);/*10-30*/
  font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);/*14-22*/
}
.swiper-button-prev{
  position: absolute;
  top: 50% !important;
  left: clamp(0.313rem, -6.5rem + 34.06vw, 34.375rem) !important;/*5-550*/
  transform: translate(0,-50%);
}
.swiper-button-prev::after{
  content: '';
  display: block;
  width: clamp(2.188rem, 2rem + 0.94vw, 3.125rem);/*35-50*/
  height: clamp(2.188rem, 2rem + 0.94vw, 3.125rem);/*35-50*/
  background-image: url('../img/arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.swiper-button-prev:hover::after{
  transform: translate(-50%,-50%) scale(1.1);
}
.swiper-button-next{
  position: absolute;
  top: 50% !important;
  right: clamp(0.313rem, -6.5rem + 34.06vw, 34.375rem) !important;/*5-550*/
  transform: translate(0,-50%) scale(-1,1);
}
.swiper-button-next::after{
  content: '';
  display: block;
  width: clamp(2.188rem, 2rem + 0.94vw, 3.125rem);/*35-50*/
  height: clamp(2.188rem, 2rem + 0.94vw, 3.125rem);/*35-50*/
  background-image: url('../img/arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.swiper-button-next:hover::after{
  transform: translate(-50%,-50%) scale(1.1);
}