/* Homepage slider: all source banners are 1920x640 (3:1).
   Preserve that ratio on desktop so backgrounds never crop, stretch or tile. */
@media (min-width: 1200px) {
  .slider-home-1,
  .slider-home-1 .owl-stage-outer,
  .slider-home-1 .owl-item,
  .slider-home-1 .hero-section {
    min-height: 0 !important;
    height: auto;
    aspect-ratio: 3 / 1;
  }

  .slider-home-1 .hero-section,
  .slider-home-1 .hero-section.hero-slide-2 {
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .slider-home-1 .hero-section > .container,
  .slider-home-1 .hero-section > .container > .row,
  .slider-home-1 .hero-section > .container > .row > [class*="col-"] {
    height: 100%;
  }

  .slider-home-1 .hero-section > .container > .row > [class*="col-"] {
    display: flex;
    align-items: center;
  }

  .slider-home-1 .featured-area {
    width: clamp(360px, 30.208vw, 580px) !important;
    height: clamp(360px, 30.208vw, 580px) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: clamp(46px, 4.167vw, 80px) !important;
    padding-top: clamp(96px, 8.854vw, 170px) !important;
  }

  .slider-home-1 .featured-area span {
    font-size: clamp(14px, 1.042vw, 20px) !important;
  }

  .slider-home-1 .featured-area h3 {
    font-size: clamp(54px, 4.688vw, 90px) !important;
    line-height: 0.78 !important;
    padding-bottom: clamp(12px, 1.563vw, 30px) !important;
  }

  .slider-home-1 .featured-area h5 {
    font-size: clamp(14px, 1.146vw, 22px) !important;
    padding: clamp(15px, 1.146vw, 22px) clamp(14px, 1.042vw, 20px) !important;
    margin-bottom: clamp(10px, 1.042vw, 20px) !important;
  }

  .slider-home-1 .featured-area p {
    font-size: clamp(14px, 0.938vw, 18px) !important;
    line-height: 1.5 !important;
  }
}