body {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.animate-text {
  opacity: 0;
  transform: translateY(100%);
  transform-origin: right center;
  transition: opacity 2s ease, transform 2s ease;
}

.animate-text.show {
  opacity: 1;
  transform: translateY(0);
}

.from-left {
  opacity: 0;
  transform: translateX(-100%);
  transform-origin: left center;
  transition: opacity 2s ease, transform 2s ease;
}

.from-left.animate {
  opacity: 1;
  transform: translateX(0);
}

.from-right {
  opacity: 0;
  transform: translateX(100%);
  transform-origin: left center;
  transition: opacity 2s ease, transform 2s ease;
}

.from-right.animate {
  opacity: 1;
  transform: translateX(0);
}

.from-bottom {
  opacity: 0;
  transform: translateY(100%);
  transform-origin: left center;
  transition: opacity 2s ease, transform 2s ease;
}

.from-bottom.animate {
  opacity: 1;
  transform: translateY(0);
}

.swiper-pagination-bullet {
  background: white !important;
  opacity: 0.7;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.2s ease;
}

.swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 10px;
  opacity: 1;
}