@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

html {
  scroll-behavior: smooth;
}

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

::-webkit-scrollbar-thumb {
  background: var(--color-red);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-red);
}

.site-group.noactive:hover,
.site-subgroup.noactive:hover,
.dropdown.noactive:hover {
  color: var(--color-red);
}

.dropdown-item li:hover {
  color: var(--color-red);
}

.dropdown.active:hover {
  color: var(--color-red);
  background-color: white;
}

a:hover,
a {
  text-decoration: underline;
  word-break: break-all;
}

.button-white:hover {
  color: white;
  background-color: var(--color-red);
  text-decoration: unset;
}

.button-red:hover {
  color: var(--color-red);
  background-color: white;
  text-decoration: unset;
}

.button-white-in-pink:hover {
  background-color: #FAD0D0;
  text-decoration: unset;
  border: 1px solid black;
}

.button-pink:hover {
  border: 1px solid black;
  background-color: white;
  text-decoration: unset;
}

header a:hover,
header a,
.button-red,
.button-white-in-pink,
.button-white,
.button-pink,
.details-link,
.footer-item {
  text-decoration: unset;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--color-red) !important;
}

.swiper-pagination-bullet {
  width: 25px !important;
  height: 25px !important;
  opacity: 0.8 !important;
  background-color: white !important;
  border: 1px solid rgb(66, 66, 66);
}

.swiper-pagination-bullet-active {
  background-color: var(--color-red) !important;
  opacity: 1 !important;
}


@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
  }
}