.gallery-slider {
  display: flex;
  flex-direction: column;
  gap: calc(4.8rem * var(--scale-factor, 1));
}

@media (max-width: 640px) {
  .gallery-slider {
    gap: calc(2.4rem * var(--scale-factor, 1));
  }
}

.gallery-slider .swiper {
  overflow: visible;
}

.gallery-slider .swiper-slide {
  width: calc(74rem * var(--scale-factor, 1));
  margin-right: calc(2.4rem * var(--scale-factor, 1));
  height: auto;
  box-sizing: border-box;
}

.gallery-slider .swiper-slide:last-child {
  margin-right: 0;
}

@media (max-width: 640px) {
  .gallery-slider .swiper-slide {
    width: calc(24rem * var(--scale-factor, 1));
    margin-right: calc(0.9rem * var(--scale-factor, 1));
  }
}

.gallery-slider__card {
  padding: calc(1.6rem * var(--scale-factor, 1));
  border-radius: calc(0.8rem * var(--scale-factor, 1));
  background: #fff;
  box-shadow: -2px -2px 12px 0px rgba(8, 159, 124, 0.25),
    2px 2px 12px 0px rgba(8, 159, 124, 0.25),
    -2px -2px 2px 0px rgba(255, 255, 255, 0.25) inset,
    2px 2px 2px 0px rgba(255, 255, 255, 0.25) inset;
  position: relative;
  display: block;
}

@media (max-width: 640px) {
  .gallery-slider__card {
    border-radius: calc(0.4rem * var(--scale-factor, 1));
    padding: calc(0.4rem * var(--scale-factor, 1));
    background: #fff;
    box-shadow: -0.652px -0.652px 3.912px 0px rgba(8, 159, 124, 0.25),
      0.652px 0.652px 3.912px 0px rgba(8, 159, 124, 0.25),
      -0.652px -0.652px 0.652px 0px rgba(255, 255, 255, 0.25) inset,
      0.652px 0.652px 0.652px 0px rgba(255, 255, 255, 0.25) inset;
  }
}

.gallery-slider__card-image {
  aspect-ratio: 706 / 392;
  width: 100%;
  object-fit: cover;
  border-radius: calc(0.8rem * var(--scale-factor, 1));
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 640px) {
  .gallery-slider__card-image {
    border-radius: calc(0.2rem * var(--scale-factor, 1));
  }
}

.gallery-slider__card-icon {
  width: calc(9.5rem * var(--scale-factor, 1));
  height: calc(9.5rem * var(--scale-factor, 1));
  border: calc(0.2rem * var(--scale-factor, 1)) solid white;
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 50%;
}

.gallery-slider__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #02c498;
}

@media (max-width: 640px) {
  .gallery-slider__card-icon {
    width: calc(3.2rem * var(--scale-factor, 1));
    height: calc(3.2rem * var(--scale-factor, 1));
    border-width: 1px;
  }
}

.gallery-slider__controls {
  display: flex;
  align-items: center;
  gap: calc(4.8rem * var(--scale-factor, 1));
}

@media (max-width: 640px) {
  .gallery-slider__controls {
    justify-content: space-between;
    gap: calc(2rem * var(--scale-factor, 1));
  }
}

.gallery-slider__arrows {
  display: flex;
  align-items: center;
  gap: calc(1.6rem * var(--scale-factor, 1));
}

@media (max-width: 640px) {
  .gallery-slider__arrows {
    order: 40;
  }
}

.gallery-slider__arrow {
  flex-shrink: 0;
  width: calc(5.6rem * var(--scale-factor, 1));
  height: calc(5.6rem * var(--scale-factor, 1));
  border: 1px solid #a1a1a1;
  border-radius: 50%;
  transition: opacity 0.2s;
  outline: none;
  box-sizing: border-box;
  background-color: transparent;
  appearance: none;
}

.gallery-slider__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #a1a1a1;
}

.gallery-slider__arrow.swiper-button-disabled {
  cursor: default;
}

@media (max-width: 640px) {
  .gallery-slider__arrow.swiper-button-disabled {
    opacity: 0.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .gallery-slider__arrow:not(.swiper-button-disabled):hover {
    opacity: 0.5;
  }
}

.gallery-slider__pagination {
  font-size: calc(1.6rem * var(--scale-factor, 1));
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  align-items: baseline;
  gap: 0rem;
  width: auto;
}

.gallery-slider__pagination .swiper-pagination-current {
  font-size: calc(2.4rem * var(--scale-factor, 1));
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  color: #02c498;
}