@font-face {
  font-family: 'ProductSans-Black';
  src: url('./assets/fonts/ProductSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-BlackItalic';
  src: url('./assets/fonts/ProductSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'ProductSans-Bold';
  src: url('./assets/fonts/ProductSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-BoldItalic';
  src: url('./assets/fonts/ProductSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'ProductSans-Italic';
  src: url('./assets/fonts/ProductSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'ProductSans-Light';
  src: url('./assets/fonts/ProductSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-LightItalic';
  src: url('./assets/fonts/ProductSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'ProductSans-Medium';
  src: url('./assets/fonts/ProductSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-MediumItalic';
  src: url('./assets/fonts/ProductSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'ProductSans-Regular';
  src: url('./assets/fonts/ProductSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-Thin';
  src: url('./assets/fonts/ProductSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'ProductSans-ThinItalic';
  src: url('./assets/fonts/ProductSans-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #C6C6C6;
  border-radius: 8px;
  border: 5px solid transparent;
  background-clip: content-box;
}

.swiper-pagination-bullets {
  bottom: 0px !important;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  margin: 0 2.5px !important;
  opacity: 1 !important;
  background: #C3E2E1 !important;
}

.swiper-pagination-bullet-active {
  background: #006D77 !important;
}