.swiper-gallery {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: currentColor;
  box-sizing: border-box;
  padding: 1.5rem 3rem 3rem;
  width: 100%;
}

.swiper-gallery .swiper-slide {
  height: auto;
}

.swiper-gallery-item,
.swiper-gallery-item > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.swiper-gallery-item img {
  aspect-ratio: 4 / 3;
  display: block;
  height: auto;
  width: 100%;
}

.swiper-gallery-coverflow-square .swiper-gallery-item img {
  aspect-ratio: 1;
}

.swiper-gallery-coverflow-square {
  padding-bottom: 1.5rem;
}

.swiper-gallery-coverflow-square .swiper-gallery-item,
.swiper-gallery-coverflow-square .swiper-gallery-item > a,
.swiper-gallery-coverflow-square .swiper-gallery-item img {
  border-radius: var(--boxhorizontal-radius, 1.2rem);
  overflow: hidden;
}

.swiper-gallery-coverflow-square .swiper-pagination {
  display: none;
}

.swiper-gallery .swiper-button-prev,
.swiper-gallery .swiper-button-next {
  /* background: linear-gradient(135deg, rgba(0, 140, 205, 0.88), rgba(0, 49, 91, 0.88));
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--theme-color3-bg, #008ccd) 88%, transparent),
    color-mix(in srgb, var(--theme-color1-bg, #00315b) 88%, transparent));
  border: 2px solid color-mix(in srgb, var(--theme-color1-txt, #fff) 85%, transparent);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); */
  color: var(--theme-color1-txt, #fff);
  height: 3.5rem;
  padding: 0;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  width: 3.5rem;
  background-color: transparent;
  border:none;
  box-shadow: none;
}

.swiper-gallery .swiper-button-prev:hover,
.swiper-gallery .swiper-button-next:hover {
  /* background: linear-gradient(135deg, var(--theme-color3-bg, #008ccd), var(--theme-color1-bg, #00315b));
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.45); */
  transform: scale(1.06);
}

.swiper-gallery .swiper-button-prev::after,
.swiper-gallery .swiper-button-next::after {
  font-size: 1.1rem;
  font-weight: 700;
}

.swiper-gallery .swiper-pagination-bullet {
  background: linear-gradient(135deg, var(--theme-color3-bg, #008ccd), var(--theme-color1-bg, #00315b));
  border: 2px solid var(--theme-color1-txt, #fff);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
  height: 0.8rem;
  opacity: 0.78;
  width: 0.8rem;
}

.swiper-gallery .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.18);
}

.swiper-gallery .swiper-button-prev:focus-visible,
.swiper-gallery .swiper-button-next:focus-visible,
.swiper-gallery .swiper-pagination-bullet:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.swiper-gallery-coverflow .swiper-slide,
.swiper-gallery-coverflow-square .swiper-slide {
  opacity: 0;
  transition: opacity 0.35s ease;
}

@media (min-width: 992px) {
  .swiper-gallery-coverflow .swiper-slide,
  .swiper-gallery-coverflow-square .swiper-slide {
    width: min(400px, 32vw);
  }

  .swiper-gallery-coverflow-square .swiper-slide {
    width: min(440px, 35vw);
  }
}

.swiper-gallery-coverflow .swiper-slide-visible,
.swiper-gallery-coverflow-square .swiper-slide-visible {
  opacity: 0.72;
}

.swiper-gallery-coverflow-square .swiper-slide {
  opacity: 0.48;
}

.swiper-gallery-coverflow .swiper-slide-active,
.swiper-gallery-coverflow-square .swiper-slide-active {
  opacity: 1;
}

@media (max-width: 575.98px) {
  .swiper-gallery {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swiper-gallery-coverflow .swiper-slide,
  .swiper-gallery-coverflow-square .swiper-slide {
    transition: none;
  }
}
