.vc_row.swiper-slide {
  margin-left: 0;
}
.content-carousel {
  position: relative;
}
.content-carousel .vc_inner:first-child {
  padding-top: 5% !important;
}
.content-carousel .swiper-wrapper {
  align-items: stretch;
}

.content-carousel .swiper-slide {
  height: auto;
  display: block; /* Change back to block */
}

/* Force the inner row to fill the slide */
.content-carousel .swiper-slide > .vc_row {
  flex: 1;
  display: flex;
  min-height: 100%;
}

/* Make columns fill height */
.content-carousel .swiper-slide .wpb_column {
  display: flex;
  flex-direction: column;
}

.content-carousel .swiper-slide .vc_column-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content-carousel .swiper-button-prev,
.content-carousel .swiper-button-next {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 10;
}

/* Move arrows horizontally inward/outward */
.content-carousel .swiper-button-prev {
  left: 20px; /* Adjust distance from left edge */
}

.content-carousel .swiper-button-next {
  right: 20px; /* Adjust distance from right edge */
}

/* Or position them at the bottom */
.content-carousel .swiper-button-prev,
.content-carousel .swiper-button-next {
  top: auto;
  bottom: 20px;
}

/* Make them smaller/larger */
.content-carousel .swiper-button-prev,
.content-carousel .swiper-button-next {
  width: 40px;
  height: 40px;
}
.carousel-wrapper {
  position: relative;
  padding: 0 60px; /* Space for arrows */
}

.content-carousel {
  overflow: hidden; /* Keep this */
}

.content-carousel .swiper-button-prev,
.content-carousel .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.content-carousel .swiper-button-prev {
  left: -40px; /* Position outside carousel */
}

.content-carousel .swiper-button-next {
  right: -40px; /* Position outside carousel */
}
.swiper-pagination-bullet {
  background: var(--white) !important;
}
.swiper-pagination-bullet-active {
  background: var(--pink) !important;
}
.swiper-button-prev,
.swiper-button-next {
  transition: color 0.3s ease;
  color: color-mix(in srgb, var(--pink) 80%, transparent);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: var(--pink);
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: initial !important;
}
@media (max-width: 768px) {
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 30px;
  }
  .vc_custom_1763081513804 {
    margin-top: 0% !important;
  }
}