body {
  font-family: 'Inter', sans-serif;
}

.download-app-button {
  background: linear-gradient(121.19deg, rgba(133, 239, 49, 0) 25.73%, hsla(0, 0%, 100%, .37) 45.27%, rgba(133, 239, 49, 0) 62.27%), #009c4d;
  animation: button-shine 45s linear infinite;
}

@keyframes button-shine {
  0% {
    background-position: -5000px 0;
  }

  100% {
    background-position: 5000px 0;
  }
}

.bottom-bar {
  transition: transform 0.3s ease;
  /* 添加过渡效果 */
}

.bottom-bar2 {
  transition: transform 0.3s ease;
  /* 添加过渡效果 */
}

.bottom-bar3 {
  transition: transform 0.3s ease;
}

.tersedia {
  transition: transform 0.3s ease;
}

.scroll-to-top {
  transition: visibility 0s linear .3s, opacity .3s;
  -webkit-animation: animatedBackground 1s infinite alternate;
  animation: animatedBackground 1s infinite alternate;
}

@keyframes animatedBackground {
  0% {
    transform: translateY(20%);
  }

  100% {
    transform: translateY(-20%);
  }
}

.multi-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.swiper-slide {
  position: relative;
}

.slide-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
}
.swiper-button-next,
.swiper-button-prev {
  /* color: white !important; */
  /* background: rgba(0,0,0,0.5); */
  width: 25px !important;
  height: 25px !important;
  /* border-radius: 50%; */
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px !important;
}

.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #3498db !important;
}