/* Slide active */
.collection_swiper .swiper-slide-active {
  opacity: 1;
  filter: blur(0);
  z-index: 10;
}
.collection_swiper {
  overflow: visible;
}
.coverflowSection {
  min-height: 320px !important;
}
@media (max-width: 768px) {
  .coverflowSection {
    padding-top: 60px !important;
    padding-bottom: 23px !important;
  }
}
/* Slide images */
.collection_swiper .swiper-slide img {
  width: 100%;
  height: 606px;
  border-radius: 0;
  transition: filter 0.5s ease;
}

/* Darken inactive slides */
.collection_swiper .swiper-slide:not(.swiper-slide-active) img {
  filter: brightness(0.7);
}

/* Badges container */
@media screen and (max-width: 769px) {
  .badge-left {
    font-size: 8px !important;
    max-width: 215px !important;
    padding: 5px !important;
  }
  .badge-right {
    font-size: 10px !important;
    margin: 0 !important;
  }

}
.collection_swiper .swiper-slide .badge-left {
  background: var(--wp--preset--color--base, #fff) !important;
}
.collection_swiper .swiper-slide .badge-right,
.collection_swiper .swiper-slide .badge-left {
  position: absolute;
  opacity: 0;
  filter: blur(8px);
  transition:
    opacity 1.5s ease,
    transform 1.5s ease,
    filter 1.5s ease;
  z-index: 10;
  padding: 10px;
  background: color-mix(
    in srgb,
    var(--wp--preset--color--base, #f8efeb) 50%,
    #e0c097 50%
  );
  color: var(--wp--preset--color--contrast, #2d2424) !important;
  border: 2px solid var(--wp--preset--color--accent-7, #654e3e);
}

/* Show badges on active slide */
.collection_swiper .swiper-slide-active .badge-right,
.collection_swiper .swiper-slide-active .badge-left {
  opacity: 1;
  filter: blur(0);
}

/* Right badge top right */
.collection_swiper .swiper-slide .badge-right {
  top: -6%;
  left: 18%;
  transform: rotate(11deg);
}
@media (max-width:768px) {
  .collection_swiper .swiper-slide .badge-right{
    padding: 5px !important;
  }
}

/* Left badge bottom left */
.collection_swiper .swiper-slide .badge-left {
  bottom: 15px;
  right: 15px;
  max-width: 55%;
  transform: rotate(-4deg);
}
@media (max-width: 768px) {
  .collection_swiper .swiper-slide .badge-left {
    bottom: 1px;
        right: 4px;
        padding: 5px;
        transform: rotate(-2deg);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .collection_swiper .swiper-slide img {
    height: 480px;
  }
}
/* Responsive */
@media screen and (max-width: 768px) {
  .collection_swiper .swiper-slide img {
    height: 160px;
  }
}
.top_title {
  position: relative;
  width: fit-content;
}
.head_badge_left {
  gap: 5px;
  position: absolute;
  top: -42px;
  left: -65px;
  padding-inline: 10px;
  transform: rotate(-20.45deg);
  background-color: var(--wp--preset--color--base);
  border: 4px solid var(--wp--preset--color--accent-7);
  figure {
    width: 40px;
    height: 58px;
    img {
      height: 100%;
      border-radius: 0;
    }
  }
  h1 {
    color: var(--wp--preset--color--accent-7);
  }
}
.wp-block-cover,
.wp-block-cover-image {
  padding-block: 0;
  padding-inline: 0;
}
@media screen and (max-width: 768px) {
  .head_badge_left {
    top: -26px;
    left: -8%;
    align-items: end;
    padding: 0px 3px;
    transform: rotate(-31deg);
    border: 2px solid var(--wp--preset--color--accent-7);
    figure {
      width: 14px;
      height: 21px;
    }
  }
}

.heading_title {
  gap: 3px;
}
.right_head_badge {
  border-radius: 50%;

  background-color: var(--wp--preset--color--contrast);
  border: 1.2px solid var(--wp--preset--color--accent-5);
  position: absolute;
  bottom: 0;
  right: -50px;

  figure {
    img {
      width: 50px !important;
      border-radius: 50% !important;
      border: 4px solid var(--wp--preset--color--contrast);
      height: auto;
      height: 50px !important;
      height: 100%;
      border-radius: 0;
    }
  }
}
@media screen and (max-width: 768px) {
  .head_badge_left {
    gap: 0 !important;
  }
  .right_head_badge {
    right: -17px;
    bottom: -17px;
    figure {
      img {
        width: 27px !important;
        border: 1px solid var(--wp--preset--color--contrast);
        height: 27px !important;
      }
    }
  }
}