:root {
  --swiper-navigation-size: 32px;
}

.box {
  height: 100%;
  border-radius: 0.375rem;
}

.box-wrapper {
  padding: 2em 2.5em;
  background: #FFF;
  min-height: 300px;
  border-radius: 0.375rem;
}

.swiper-button-next, .swiper-button-prev {
  color: var(--bs-primary);
}

.stars {
  color: var(--bs-yellow);
  margin-bottom: 0.5em;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 5px;
  left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 5px;
  right: auto;
}

@media only screen and (min-width: 1200px) {
  Section#house, Section#reviews, Section#servises, Section#aksya {
    padding-top: 64px;
    padding-bottom: 64px;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }
}

@media only screen and (max-width: 1024px) {
  Section#house, Section#reviews, Section#servises, Section#aksya {
    padding-top: 48px;
    padding-bottom: 48px;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }
}

@media only screen and (max-width: 768px) {
  Section#house, Section#reviews, Section#servises, Section#aksya {
    padding-top: 40px;
    padding-bottom: 40px;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }
}

@media only screen and (max-width: 576px) {
  Section#house, Section#reviews, Section#servises, Section#aksya {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}