:root {
  --swiper-theme-color: #999 !important;
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'dsp-logos';
  font-weight: 400;
  font-style: normal;
  src: local('dsp-logos'), url('dsp-logos.otf') format('truetype');
}

/* .swiper-button-prev,
.swiper-button-next {
  background: red;
  color: yellow;
} */

.swiper-wrapper {
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
}

.swiper-wrapper {
  overflow: visible;
}

.swiper-button-prev,
.swiper-button-next {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.swiper:hover > .swiper-button-prev,
.swiper:hover > .swiper-button-next {
  opacity: 1;
}