#courses-swiper .swiper-slide {
  height: auto !important;
}

#courses-swiper .card {
  display: flex;
  flex-direction: column;
}

#courses-swiper .ratio {
  flex: 0 0 auto;
}

#courses-swiper .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

#courses-swiper .card-body .price {
  margin-top: auto;
}

.ao-section-premium {
  background-color: var(--black);
  background: url("/assets/images/backgrounds/golden.webp") center/cover
    no-repeat;
  background-image: image-set(
    url("/assets/images/backgrounds/golden.webp") type("image/webp"),
    url("/assets/images/backgrounds/golden.jpg") type("image/jpeg")
  );
}

#courses-swiper .swiper-button-next,
#courses-swiper .swiper-button-prev {
  color: var(--red-flame);
}

#courses-swiper .swiper-button-next::after,
#courses-swiper .swiper-button-prev::after {
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.card-body.gradient-diagonal {
  background: radial-gradient(
      120% 80% at 100% 0%,
      rgba(240, 185, 11, 0.18) 0%,
      rgba(240, 185, 11, 0) 60%
    ),
    linear-gradient(180deg, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7));
  border-radius: 0 0 0.5rem 0.5rem;
}