/* ==========================================================================
   #HERO SLIDER
   ========================================================================== */

.c-universal-slider {
  overflow: hidden;
}

.c-universal-slider.is-loading {
  background-color: var(--slider-bg);
}

.c-universal-slider.is-loading > * {
  visibility: hidden;
}

.c-universal-slider.is-loading .c-universal-slider__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  visibility: visible;
}

.c-universal-slider:not(.is-loading) .c-universal-slider__spinner {
  display: none;
}

.c-universal-slider .swiper-slide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
  background-color: var(--wp--preset--color--white);
}

.c-universal-slider .swiper-slide > .wp-block-group {
  width: 100%;
}

.c-universal-slider .swiper-slide > .wp-block-group > .wp-block-columns {
  height: 100%;
}

.c-universal-slider .swiper-button-prev::after,
.c-universal-slider .swiper-button-next::after {
  display: none;
}

.c-universal-slider .swiper-button-prev,
.c-universal-slider .swiper-button-next {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-universal-slider .swiper-button-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41'%3E%3Cpath id='Path_22100' data-name='Path 22100' d='M20.5,0A20.5,20.5,0,1,1,0,20.5,20.5,20.5,0,0,1,20.5,0Z'%3E%3C/path%3E%3Cg id='Group_14712' data-name='Group 14712' transform='translate(731.579 -659) rotate(90)'%3E%3Crect id='Rectangle_3489' data-name='Rectangle 3489' width='3' height='14' transform='translate(678 703)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3490' data-name='Rectangle 3490' width='3' height='13' transform='translate(686.536 708.843) rotate(45)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3491' data-name='Rectangle 3491' width='3' height='13' transform='translate(681.657 718.036) rotate(135)' fill='%23fff'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
}

.c-universal-slider .swiper-button-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41'%3E%3Cg id='Component_48_2' data-name='Component 48 – 2' transform='translate(41 41) rotate(180)'%3E%3Ccircle id='Ellipse_851' data-name='Ellipse 851' cx='20.5' cy='20.5' r='20.5'%3E%3C/circle%3E%3Cg id='Group_14712' data-name='Group 14712' transform='translate(731.579 -659) rotate(90)'%3E%3Crect id='Rectangle_3489' data-name='Rectangle 3489' width='3' height='14' transform='translate(678 703)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3490' data-name='Rectangle 3490' width='3' height='13' transform='translate(686.536 708.843) rotate(45)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3491' data-name='Rectangle 3491' width='3' height='13' transform='translate(681.657 718.036) rotate(135)' fill='%23fff'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1330px) {
  .c-universal-slider .swiper-button-prev {
    left: calc(50% - (var(--wp--style--global--content-size) / 2) - 1.25rem);
  }

  .c-universal-slider .swiper-button-next {
    left: calc(50% + (var(--wp--style--global--content-size) / 2) - 1.25rem);
  }
}

.c-universal-slider .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin: 3px;
  background-color: #cccccc;
}

.c-universal-slider .swiper-pagination-bullet-active {
  background-color: #333333;
}

.c-universal-slider .swiper-pagination {
  margin: 0;
  margin-top: 21px;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
}