.mod-slider .h1,
.mod-slider .h1-desktop {
  font-size: 4rem;
}
.mod-slider .slide {
  height: 100%;
}
.mod-slider .slide .wrapper {
  display: flex;
  flex-flow: column-reverse nowrap;
  column-gap: 3rem;
  row-gap: 2.1rem;
  width: 100%;
  height: 100%;
}
.mod-slider .slide .right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
.mod-slider .slide .right .title {
  flex: 1;
}
.mod-slider .slide .single-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod-slider .slide .mosaic {
  display: flex;
  gap: 1.3rem;
  min-height: 30rem;
  max-height: 70rem;
}
.mod-slider .slide .mosaic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod-slider button.prev,
.mod-slider button.next {
  cursor: pointer;
}
@supports (display:grid) {
  .mod-slider .slide .mosaic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
  .mod-slider .slide .mosaic img:nth-child(1) { grid-area: 1 / 1 / 6 / 3; }
  .mod-slider .slide .mosaic img:nth-child(2) { grid-area: 1 / 3 / 3 / 4; }
  .mod-slider .slide .mosaic img:nth-child(3) { grid-area: 3 / 3 / 6 / 4; }
}

.mod-slider .slide .h3 {
  text-transform: uppercase;
}
.mod-slider .slide .navigation {
  display: flex;
  column-gap: 2rem;
}
.mod-slider .slide .navigation .index {
  flex: 1;
}
.mod-slider .swiper {
  padding-left: var(--container-padding-x);
  padding-right: var(--container-padding-x);
}
.mod-slider .swiper-slide {
  height: unset;
}
@media (max-width:767px) {
  .mod-slider .slide .title {
    margin-bottom: 5.5rem;
  } 
}
@media (min-width:768px) {
  .mod-slider .swiper-slide {
    width: auto;
  }
  .mod-slider .slide {
    max-width: 80vw;
    /*height: clamp(30rem, 70svh, 60rem);*/
  }
  .mod-slider .slide .wrapper {
    flex-direction: row-reverse;
  }
  .mod-slider .slide .wrapper .left {
    flex: 0 0 60%;
  }
  .mod-slider .slide .title {
    margin-top: 7rem;
  }
  .mod-slider .slide .media {
    height: 100%;
  }
  .mod-slider .slide .mosaic {
    gap: 3rem;
  }
}