/* Critical layout fixes — separate file so Hostinger CDN cache cannot serve a stale style.css */
.slider-area,
.slider-area.height-750,
.slider-area.chapter-hero {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
}

.slider-area.height-750 {
  height: 750px !important;
}

.slider-area.chapter-hero {
  height: auto !important;
  min-height: 520px !important;
  padding: 140px 0 60px !important;
}

.slider-area[data-black-overlay] > .video-container,
.slider-area > .video-container {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 0 !important;
  pointer-events: none !important;
  flex: none !important;
}

.slider-area .video-container video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

.slider-area > .container {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
}

.slider-area > .container > .row {
  width: 100%;
}

.bg-image {
  background-size: cover !important;
  background-position: center center !important;
  width: 100% !important;
}

.rainbow-callto-action-area,
.rainbow-callto-action-area .wrapper,
.rainbow-callto-action-area .rainbow-callto-action {
  width: 100% !important;
  max-width: none !important;
}

@media only screen and (max-width: 991px) {
  .slider-area.height-750 {
    height: auto !important;
    min-height: 0 !important;
    padding: 140px 0 80px !important;
  }

  .slider-area > .container {
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.height-750 {
    padding: 110px 0 60px !important;
  }

  .slider-area.chapter-hero {
    padding: 110px 0 40px !important;
    min-height: 0 !important;
  }
}