.gradient-primary {
  background: linear-gradient(180deg, rgb(173, 220, 237) 0%, rgb(191, 229, 242) 25%);
  background-blend-mode: multiply;
}

.gradient-secondary {
  background: linear-gradient(180deg, rgb(255, 119, 107) 0%, rgb(255, 140, 128) 25%);
  background-blend-mode: multiply;
}

.block--cards-wrapper {
  --block-cards-wrapper-bullet: transparent;
  --block-cards-wrapper-bullet-active: currentColor;
  --block-cards-wrapper-bullet-border: currentColor;
  --block-cards-wrapper-bullet-size: 12px;
  --block-cards-wrapper-bullet-spacing: 1rem;
  --card-count: 4;
}

@media (max-width: 991.98px) {
  .block--cards-wrapper {
    --card-count: 2 !important;
  }
}
@media (max-width: 767.98px) {
  .block--cards-wrapper {
    --card-count: 1 !important;
  }
}
.block--cards-wrapper:not([data-mobile=slider]) .cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--style--block-gap);
}

@media (max-width: 991.98px) {
  .block--cards-wrapper:not([data-mobile=slider]) .cards {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .block--cards-wrapper .cards {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--wp--style--block-gap) + 20px);
  }
}
.block--cards-wrapper .swiper {
  margin-left: calc(var(--wp--style--block-gap) / -2);
  margin-right: calc(var(--wp--style--block-gap) / -2);
  padding: calc(var(--wp--style--block-gap) / 2);
}

.block--cards-wrapper .swiper-pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--block-cards-wrapper-bullet-spacing);
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .block--cards-wrapper .swiper-pagination {
    display: none;
  }
}
.block--cards-wrapper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  flex: 0 0 var(--block-cards-wrapper-bullet-size);
  height: var(--block-cards-wrapper-bullet-size);
  width: var(--block-cards-wrapper-bullet-size);
  background-color: var(--block-cards-wrapper-bullet);
  border: 1px solid var(--block-cards-wrapper-bullet-border);
  border-radius: 50%;
}

.block--cards-wrapper .swiper-pagination .swiper-pagination-bullet:hover, .block--cards-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--block-cards-wrapper-bullet-active);
}

.block--cards-wrapper .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  height: 22px;
  position: relative;
  width: 100%;
  z-index: 2;
  top: -9px;
}

.editor-styles-wrapper .block--cards-wrapper .cards {
  display: block;
}

.editor-styles-wrapper .block--cards-wrapper .cards > .acf-innerblocks-container {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--wp--style--block-gap) + 20px);
}

.editor-styles-wrapper .block--cards-wrapper .swiper,
.editor-styles-wrapper .block--cards-wrapper .swiper-pagination {
  display: none;
}