.aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}

.swiper-vertical {
  max-height: 100vh;
}

.swiper-nav-standalone .swiper-button-prev, .swiper-nav-standalone .swiper-button-next {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.swiper-nav-standalone .swiper-button-prev:after, .swiper-nav-standalone .swiper-button-next:after {
  content: "";
}

.swiper-nav-custom .swiper-button-prev:after, .swiper-nav-custom .swiper-button-next:after {
  content: "";
}
:root {
  --bs-primary: #A0C040;
  --bs-primary-rgb: 160, 192, 64;
}
/* Logo word "Way" */
.healthy-colors-logo span {
  color: #A0C040 !important;
}
/* Book Appointment button */
.navbar .btn.btn-primary {
  background-color: #A0C040 !important;
  border-color: #A0C040 !important;
  color: #ffffff !important;
}
/* Book Appointment button hover */
.navbar .btn.btn-primary:hover,
.navbar .btn.btn-primary:focus,
.navbar .btn.btn-primary:active {
  background-color: #8EAE36 !important;
  border-color: #8EAE36 !important;
  color: #ffffff !important;
}
/* Override Bootstrap primary button to match logo green */

.btn-primary {
  background-color: #A0C040 !important;
  border-color: #A0C040 !important;
  color: #ffffff !important;
}

/* Hover state */
.btn-primary:hover,
.btn-primary:focus {
  background-color: #8EAE36 !important;
  border-color: #8EAE36 !important;
  color: #ffffff !important;
}

/* Active / pressed state */
.btn-primary:active,
.btn-primary.active {
  background-color: #7C9A2F !important;
  border-color: #7C9A2F !important;
  color: #ffffff !important;
}
.healthy-colors-logo {
  color: #A0C040 !important;
}