.social-carousel-swiper.swiper {
  width: 100% !important;
  position: relative !important;
  background-color: #0d6818 !important;
  padding: 54px 0 !important;
}

.social-carousel-swiper .swiper-wrapper {
  overflow: visible !important;
}

.social-carousel-swiper {
  position: relative !important;
  padding-bottom: 60px !important;
}

.social-carousel-swiper .swiper-slide {
  display: flex !important;
  background: #ddd !important;
  aspect-ratio: 565/742 !important;
  background-position: center;
  background-size: cover;
  transition:
    filter 0.2s ease,
    opacity 0.2s ease,
    transform 0.1s ease-out;
}

.social-carousel-swiper .swiper-pagination {
  position: absolute !important;
  bottom: 0px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  width: 100% !important;
  text-align: center !important;
}

.social-carousel-swiper .swiper-pagination-bullet {
  width: 9px !important;
  height: 7px !important;
  background-color: #094d11 !important;
  transition: all 0.3s !important;
  border-radius: 2px !important;
  margin: 8px !important;
  opacity: 1 !important;
}

.social-carousel-swiper .swiper-pagination-bullet-active {
  width: 23px !important;
  height: 7px !important;
  background-color: #fff !important;
  border-radius: 2px !important;
}

.social-swiper-button-prev,
.social-swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
}

.social-swiper-button-prev {
  left: 3% !important;
}

.social-swiper-button-next {
  right: 3% !important;
}

.social-swiper-button-prev svg,
.social-swiper-button-next svg {
  width: 100% !important;
  height: auto !important;
}

.social-swiper-button-prev::after,
.social-swiper-button-next::after {
  display: none !important;
}

.social-carousel-swiper .social-swiper-button-prev.swiper-button-disabled,
.social-carousel-swiper .social-swiper-button-next.swiper-button-disabled {
  display: none !important;
}

.social-swiper-button-prev:hover svg,
.social-swiper-button-next:hover svg {
  opacity: 0.7 !important;
}

.swiper-slide > a {
  pointer-events: none;
}
.swiper-slide-active > a {
  pointer-events: auto;
}

@media screen and (min-width: 640px) {
  .social-swiper-button-prev {
    left: 20% !important;
  }

  .social-swiper-button-next {
    right: 20% !important;
  }
}

@media screen and (min-width: 768px) {
  .social-swiper-button-prev,
  .social-swiper-button-next {
    width: 3% !important;
    height: 3% !important;
  }

  .social-swiper-button-prev {
    left: 29% !important;
  }

  .social-swiper-button-next {
    right: 29% !important;
  }
}


@media screen and (min-width: 1600px) {
  .social-swiper-button-prev {
    left: 29.5% !important;
  }

  .social-swiper-button-next {
    right: 29.5% !important;
  }
}