.wp-block-xod-background-slider {
   position: relative;
   overflow: hidden;
   min-height: clamp(24rem, 48vw, 42rem);
   display: flex;
   align-items: stretch;
   background: #f2f0ea;
}

.xod-background-slider__media,
.xod-background-slider__single-image,
.xod-background-slider__slides,
.xod-background-slider__slide {
   position: absolute;
   inset: 0;
}

.xod-background-slider__single-image,
.xod-background-slider__slide {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.xod-background-slider__media::after {
   content: '';
   position: absolute;
   inset: 0;
   background-color: var(--xod-background-slider-overlay-color, #12110e);
   opacity: var(--xod-background-slider-overlay-opacity, 0.5);
   z-index: 1;
}

.wp-block-xod-background-slider.is-overlay-disabled .xod-background-slider__media::after {
   display: none;
}

.xod-background-slider__slides {
   z-index: 0;
}

.xod-background-slider__slides .slick-list,
.xod-background-slider__slides .slick-track,
.xod-background-slider__slides .slick-slide,
.xod-background-slider__slides .slick-slide > div {
   height: 100%;
}

.xod-background-slider__content {
   position: relative;
   z-index: 2;
   display: flex;
   align-items: center;
   width: 100%;
}

.xod-background-slider__content-inner {
   width: min(100%, 75rem);
   margin: 0 auto;
   padding: clamp(4rem, 10vw, 8rem) clamp(1.5rem, 4vw, 3rem);
   color: #fff;
}

.xod-background-slider__content-inner > * {
   position: relative;
   z-index: 1;
}

.wp-block-xod-background-slider.is-style-hero .xod-background-slider__content {
   justify-content: flex-end;
   margin-top: 120px;
   margin-bottom: 120px;
}

.wp-block-xod-background-slider.is-style-hero .xod-background-slider__content-inner {
   width: 50%;
   margin-left: auto;
   margin-right: 0;
   background-color: #3f7461;
   padding: clamp(32px, 2.5vw, 40px);
   border-radius: clamp(24px, 2vw, 32px) 0 0 clamp(24px, 2vw, 32px);
}

.wp-block-xod-background-slider.is-style-hero .xod-background-slider__content-inner > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
   max-width: 540px;
   margin-left: 0 !important;
   margin-right: auto !important;
}

.wp-block-xod-background-slider.is-style-hero .xod-background-slider__content-inner :first-child {
   margin-top: 0;
}

@media screen and (max-width: 960px) {
   .wp-block-xod-background-slider.is-style-hero .xod-background-slider__content-inner {
      width: 60%;
   }
}

.wp-block-xod-background-slider.has-no-images .xod-background-slider__media {
   background: linear-gradient(135deg, #d8d0c3 0%, #b8a790 100%);
}

.wp-block-xod-background-slider.has-no-images .xod-background-slider__media::after {
   background: linear-gradient(180deg, rgba(18, 17, 14, 0.05) 0%, rgba(18, 17, 14, 0.22) 100%);
}

@media screen and (max-width: 767px) {
   .wp-block-xod-background-slider {
      min-height: 20rem;
   }

   .xod-background-slider__content-inner {
      padding: 3rem 1.25rem;
   }

   .wp-block-xod-background-slider.is-style-hero .xod-background-slider__content-inner {
      width: 100%;
      border-radius: clamp(24px, 2vw, 32px);
   }
}