.wp-block-hero-group-hero-section-4 .fw-hero-section-4 {
  overflow: hidden;
}
.wp-block-hero-group-hero-section-4 .fw-hero-section-4 .single-carousel-slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wp-block-hero-group-hero-section-4 .fw-hero-section-4 .single-carousel-slide:nth-child(1) {
  position: relative;
  opacity: 1;
}
.wp-block-hero-group-hero-section-4 .fw-hero-section-4 .swiper-pagination,
.wp-block-hero-group-hero-section-4 .fw-hero-section-4 .fw-carousel-controls {
  display: none;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 {
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 .fw-content {
  width: 50%;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 .fw-section-side-one {
  width: 100%;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 .fw-desktop-image-container {
  height: auto;
  position: relative;
  top: -100%;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4 .single-carousel-slide {
  position: relative;
  opacity: 1;
  margin-bottom: 20px;
  width: 100%;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4.fw-image-left-section .fw-content {
  order: 2;
  padding-left: 0;
}
.wp-block-hero-group-hero-section-4.is-selected .fw-hero-section-4.fw-image-left-section .swiper-wrapper {
  order: 1;
}

.fw-hero-section-4 {
  padding-top: 0;
  padding-bottom: 0;
}
.fw-hero-section-4 .fw-content {
  gap: 0;
}
.fw-hero-section-4 .fw-section-side-one {
  width: 50%;
  flex: none;
  justify-content: center;
  padding-right: var(--inner-spacing-lg);
}
.fw-hero-section-4 .fw-section-side-two {
  width: 50%;
  flex: none;
}
.fw-hero-section-4 .fw-desktop-image-container {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.fw-hero-section-4 .fw-desktop-image-container .fw-carousel-cell {
  width: 100%;
  height: 100%;
}
.fw-hero-section-4 .fw-desktop-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fw-hero-section-4.fw-image-left-section .fw-section-side-one {
  padding-left: var(--inner-spacing-lg);
  padding-right: 0;
  order: 2;
}
.fw-hero-section-4.fw-image-left-section .fw-section-side-two {
  order: 1;
}
.fw-hero-section-4.fw-image-left-section .fw-desktop-image-container {
  right: auto;
  left: 0;
  padding-left: 0;
}
.fw-hero-section-4 .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.fw-hero-section-4 .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fw-hero-section-4 .swiper-pagination {
  position: absolute;
  --swiper-pagination-top: auto;
  --swiper-pagination-bottom: var(--inner-spacing-sm);
}
.fw-hero-section-4 .fw-mobile-image-container {
  position: relative;
  display: none;
}
@media screen and (max-width: 885px) {
  .fw-hero-section-4 {
    display: flex;
    flex-direction: column;
  }
  .fw-hero-section-4 .fw-content {
    gap: 0px;
  }
  .fw-hero-section-4 .fw-desktop-image-container {
    display: none;
  }
  .fw-hero-section-4 .fw-mobile-image-container {
    height: 500px;
    display: inline-block;
  }
  .fw-hero-section-4 .fw-mobile-image-container .fw-carousel-cell {
    width: 100%;
    height: 100%;
  }
  .fw-hero-section-4 .fw-mobile-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .fw-hero-section-4.fw-image-right-section .fw-section-side-one {
    padding-right: 0;
    width: 100%;
  }
  .fw-hero-section-4.fw-image-right-section .fw-mobile-image-container {
    padding-top: 0;
  }
  .fw-hero-section-4.fw-image-left-section .fw-content {
    order: 2;
  }
  .fw-hero-section-4.fw-image-left-section .fw-section-side-one {
    padding-left: 0;
    width: 100%;
  }
  .fw-hero-section-4.fw-image-left-section .fw-mobile-image-container {
    order: 1;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .fw-hero-section-4 .fw-mobile-image-container {
    height: 300px;
  }
}