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

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.swiper-button-prev,
.swiper-button-next {
  width: 44px;
  height: 44px;
  /* green background and padding for better visibility */
  background-color: #131313;
  padding: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff; /* arrow color */
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #131313;
}


[x-cloak] {
  display: none !important;
}