: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-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;
}