.blockCarousel {
  display: flex;
  flex-direction: column;
}
.blockCarousel > *:not(:last-child) {
  margin-bottom: 12px;
}
.blockCarousel__heading {
  color: #fff;
  display: flex;
  align-items: center;
}
.blockCarousel__heading > *:not(:last-child) {
  margin-right: 8px;
}
.blockCarousel__heading__icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.blockCarousel__heading__icon__img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.blockCarousel__heading__text {
  user-select: none;
  font-size: 14px;
  font-weight: 700;
  color: #005da6;
}
@media screen and (min-width: 1024px) {
  .blockCarousel__heading__text {
    font-size: 20px;
  }
}

.blockCarousel__heading__text:empty + .blockCarousel__heading__spacer {
  display: none;
}

.blockCarousel__heading:has(.blockCarousel__heading__subtext:empty) .blockCarousel__heading__spacer{
    display: none;
}

.blockCarousel__heading__spacer {
  display: inline-block;
  height: 20px;
  width: 1px;
  border-radius: 999px;
  background: #ff6600;
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__spacer {
    height: 26px;
  }
}

.blockCarousel__heading__subtext {
  font-size: 12px;
  font-weight: 300;
  color: #005da6;
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__subtext {
    font-size: 16px;
  }
}

.blockCarousel__heading__controls {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.blockCarousel__heading__controls > *:not(:last-child) {
  margin-right: 12px;
}

.blockCarousel .swiper-button-lock {
  display: none;
}

@media (any-pointer: coarse) {
  .blockCarousel__navigation {
    display: none !important;
  }
}

.blockCarousel__heading__more {
  border-radius: 8px;
  text-decoration: none;
  color: #fff !important;
  background: #272630;
  border: 1px solid #272630;
  text-decoration: none;
  padding: 4px 12px;
  font-size: 12px;
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .blockCarousel__heading__more:hover {
    color: #fff !important;
    background: #fd6620;
    border: 1px solid #fd6620;
  }
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__more {
    padding: 8px 24px;
    font-size: 16px;
  }
}

.blockCarousel__carousel__outer {
  position: relative;
}
.blockCarousel__carousel__outer__pagination {
  position: absolute;
  margin: 0;
  bottom: 10px !important;
  width: max-content;
  z-index: 10;
  display: flex;
  justify-content: center;
}
.blockCarousel__carousel__outer__pagination .swiper-pagination-bullet {
  width: 32px;
  height: 6px;
  border-radius: 999px;
  background-color: #fd6620;
}
.blockCarousel__carousel__slide {
  user-select: none;
}
.blockCarousel__carousel__slide__img {
  border-radius: 16px;
  width: 100%;
  height: auto;
}
.blockCarousel__navigation {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #272630;
  border-radius: 100%;
  transition: transform 0.2s linear;
}
.blockCarousel__navigation.swiper-button-disabled {
  opacity: 0.5;
  transform: none !important;
}
.blockCarousel__navigation:hover {
  transform: scale(1.2);
}
.blockCarousel__navigation__icon {
  width: 12px;
  height: 12px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.blockCarousel__navigation--prev .blockCarousel__navigation__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
}
.blockCarousel__navigation--next .blockCarousel__navigation__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}
.blockCarousel__carousel__outer__buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.blockCarousel__carousel__outer__buttons:hover {
  transform: translateY(-50%) scale(1.2);
}
.blockCarousel__carousel__outer__buttons.swiper-button-disabled {
  opacity: 0.5;
  transform: translateY(-50%) !important;
}
.blockCarousel__carousel__outer__buttons.blockCarousel__navigation--prev {
  left: 2%;
}
.blockCarousel__carousel__outer__buttons.blockCarousel__navigation--next {
  right: 2%;
}

.blockCarousel .swiper-slide{
  height: auto;
}

/* CSS for popover */
.popover-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.popover-trigger__icon::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: red;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM14.2644 17.9164C13.7158 18.1329 13.2791 18.2972 12.9516 18.4108C12.625 18.5245 12.2452 18.5814 11.813 18.5814C11.1489 18.5814 10.6319 18.419 10.2638 18.095C9.89568 17.7711 9.71252 17.3606 9.71252 16.8617C9.71252 16.6677 9.72605 16.4692 9.75312 16.2671C9.78109 16.065 9.8253 15.8376 9.88575 15.5823L10.5724 13.157C10.6328 12.9242 10.6852 12.7032 10.7267 12.4975C10.7682 12.2899 10.788 12.0996 10.788 11.9263C10.788 11.6178 10.7239 11.4012 10.5967 11.2794C10.4677 11.1576 10.225 11.0981 9.8632 11.0981C9.68635 11.0981 9.5041 11.1242 9.31733 11.1793C9.13237 11.2361 8.97177 11.2875 8.84004 11.3381L9.02139 10.591C9.47072 10.4078 9.90109 10.2508 10.3116 10.1209C10.7221 9.98918 11.1101 9.92422 11.4755 9.92422C12.1351 9.92422 12.6439 10.0848 13.0021 10.4024C13.3585 10.7209 13.5381 11.135 13.5381 11.6439C13.5381 11.7495 13.5255 11.9353 13.5011 12.2006C13.4767 12.4668 13.4307 12.7095 13.3639 12.9323L12.6809 15.3504C12.625 15.5444 12.5754 15.7663 12.5303 16.0144C12.4861 16.2626 12.4644 16.452 12.4644 16.5793C12.4644 16.9005 12.5357 17.1197 12.68 17.2361C12.8226 17.3525 13.0725 17.4111 13.4262 17.4111C13.5931 17.4111 13.7799 17.3814 13.991 17.3236C14.2003 17.2659 14.3519 17.2144 14.4476 17.1702L14.2644 17.9164ZM12.2817 9.36344C12.7301 9.36344 13.1136 9.21547 13.4321 8.91953C13.7506 8.62359 13.9103 8.2645 13.9103 7.84314C13.9103 7.42359 13.7506 7.06269 13.4321 6.76405C13.1145 6.4645 12.7301 6.31562 12.2817 6.31562C11.8342 6.31562 11.448 6.4645 11.1268 6.76405C10.8083 7.06269 10.6459 7.42359 10.6459 7.84314C10.6459 8.26359 10.8074 8.62359 11.1268 8.91953C11.448 9.21547 11.8342 9.36344 12.2817 9.36344Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}

.custom-popover {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 20px;
  border-radius: 16px;
  box-shadow: -2px -2px 50px 0px rgba(0, 0, 0, 0.08), 2px 2px 8px 0px rgba(0, 0, 0, 0.08);
  background: #ffffff;
  user-select: none;
}

.custom-popover__arrow {
  pointer-events: none;
  z-index: 999;
}

.blockCarousel .swiper-slide.slide-auto{
  width: auto;
}