.carousel-holder {
  position: relative;
  --space-between-images: 25px; /* Adjusts space between images */
}
@media screen and (max-width: 767px) {
  .carousel-holder {
    --space-between-images: 15px; /* Adjusts space between images */
  }
}

.carousel-heading {
  margin-bottom: 30px;
  padding-top: 10px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  color: #ffcc00;
}
.carousel-heading h2 {
  margin-bottom: 0;
}
.carousel-holder img {
  width: 100%;
  height: auto;
}
.carousel-cell .carousel-img {
  margin-bottom: 20px; /* Space between the image and text */
}
.news-carousel .carousel-cell .carousel-img {
  overflow: hidden;
}
.carousel-cell .carousel-img img {
  transition: transform 0.2s ease-in-out;
}
.carousel-cell:hover .carousel-img img {
  transform: scale(1.05);
}
.carousel-cols-6 .carousel-cell:hover .carousel-img img {
  transform: scale(1.1);
}
.carousel-cols-6 .carousel-cell {
  position: relative;
  margin-right: var(--space-between-images);
  width: calc(
    ((4 / 12) * 100%) - var(--space-between-images) +
      (4 / 12 * var(--space-between-images))
  );
}
.carousel-cols-4 .carousel-cell {
  position: relative;
  margin-right: var(--space-between-images);
  width: calc(
    ((6 / 12) * 100%) - var(--space-between-images) +
      (6 / 12 * var(--space-between-images))
  );
}
.carousel-cols-3 .carousel-cell {
  position: relative;
  margin-right: var(--space-between-images);
  width: calc(
    ((12 / 12) * 100%) - var(--space-between-images) +
      (12 / 12 * var(--space-between-images))
  );
}
.carousel-cols-2 .carousel-cell {
  position: relative;
  margin-right: var(--space-between-images);
  width: calc(
    ((12 / 12) * 100%) - var(--space-between-images) +
      (12 / 12 * var(--space-between-images))
  );
}
@media screen and (min-width: 768px) {
  .carousel-cols-4 .carousel-cell {
    width: calc(
      ((4 / 12) * 100%) - var(--space-between-images) +
        (4 / 12 * var(--space-between-images))
    );
  }
  .carousel-cols-3 .carousel-cell,
  .carousel-cols-2 .carousel-cell {
    width: calc(
      ((6 / 12) * 100%) - var(--space-between-images) +
        (6 / 12 * var(--space-between-images))
    );
  }
}
@media screen and (min-width: 1024px) {
  .carousel-cols-6 .carousel-cell {
    width: calc(
      ((2.4 / 12) * 100%) - var(--space-between-images) +
        (2.4 / 12 * var(--space-between-images))
    );
  }
  .carousel-cols-4 .carousel-cell {
    width: calc(
      ((3 / 12) * 100%) - var(--space-between-images) +
        (3 / 12 * var(--space-between-images))
    );
  }
  .carousel-cols-3 .carousel-cell {
    width: calc(
      ((4 / 12) * 100%) - var(--space-between-images) +
        (4 / 12 * var(--space-between-images))
    );
  }
}
@media screen and (min-width: 1280px) {
  .carousel-cols-6 .carousel-cell {
    width: calc(
      ((2 / 12) * 100%) - var(--space-between-images) +
        (2 / 12 * var(--space-between-images))
    );
  }
}
.carousel-holder .passport-logo {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  z-index: 1;
}
.carousel-holder .flickity-prev-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -76px;
  right: 0;
  left: auto;
  width: 35px;
  height: 35px;
  transform: none;
  border: 1px solid #949494; /* Arrow border color */
  border-radius: 3px;
  transition: background-color 275ms ease-in-out, border-color 275ms ease-in-out;
}
/* .carousel-holder .flickity-prev-next-button svg {
  position: static;
  max-width: 16px;
  width: 16px;
  min-height: 16px;
} */
.carousel-holder .flickity-prev-next-button svg path {
  transition: fill 500ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .carousel-holder .flickity-prev-next-button svg {
    position: static;
    max-width: 16px;
    width: 16px;
    min-height: 16px;
  }
}
.carousel-holder .flickity-prev-next-button:hover {
  background-color: #011399; /* Arrow hover background color */
  border-color: #011399; /* Arrow hover border color */
}
.carousel-holder .flickity-prev-next-button:hover svg path {
  fill: #fff;
}
.carousel-holder .flickity-prev-next-button.previous {
  right: 45px;
}
@media screen and (min-width: 1024px) {
  .carousel-holder .passport-logo {
    width: 35px;
    height: 35px;
  }
  .carousel-holder .flickity-prev-next-button {
    top: -76px;
    width: 45px;
    height: 45px;
  }
  .carousel-holder .flickity-prev-next-button.previous {
    right: 60px;
  }
}

.band-caro-test-a {
  background-color: #02aca8;
  padding: 150px 0;
}

.band-caro-test-b {
  background-color: #ef6325;
  padding: 150px 0;
}