/* ==========================================================================
   Marji V11 — true edge-to-edge hero, no white on the right
   The previous .row had `margin: 0 -12px` and the .col-6 children kept a
   small `padding: 0 12px`, plus Swiper was still calculating the slide
   width relative to its container.  This file forces every layer of the
   hero down to a clean 100vw with no padding/margin/negative offsets.
   ========================================================================== */

/* The whole section becomes a full-viewport-width block, even if a
   container or body padding is constraining it */
.hero-slider 
{
    
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
}

.hero-slider .container,
.hero-slider .hero-swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide,
.hero-slider .row 
{
    
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Cols inside the row — image col fills, text col vanishes */
.hero-slider .row > .col-6.hero-slide-text,
.hero-slider .row > .hero-slide-text {
  flex: 0 0 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: none !important;
}

.hero-slider .row > [class*="col-"]:not(.hero-slide-text) {
  flex: 0 0 100vw !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Image fills the slide perfectly */
.hero-slide-media {
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hero-slide-media img,
.hero-slide-media video {
  /*width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;*/
    width: 100% !important;
    max-width: 100% !important;
    object-fit: fill !important;
    object-position: center !important;
    height: 685px !important;
}