.methodology-slider {
  max-width: max(90vw, 1345px);
  margin-left: auto;
}
.methodology-slider * {
  color: #ffffff;
}
.methodology-slider .step-number {
  color: #DDB347;
}
.methodology-slider .thumbs {
  max-width: 100%;
  overflow-x: auto;
}
.methodology-slider .thumbs .thumb {
  margin-block-end: 1.5rem;
  text-align: center;
  list-style: none;
  min-width: 110px;
  cursor: pointer;
}
.methodology-slider .thumbs .thumb > div {
  font-family: "Playfair Display";
  white-space: nowrap;
}
.methodology-slider .thumbs .thumb::after {
  display: none
}
.methodology-slider .thumb img {
  margin-inline: auto;
  margin-block-end: .5rem;
}
.methodology-slider .thumb .active-image,
.methodology-slider .thumb:is(:hover, .active) img {
  display: none;
}
.methodology-slider .thumb:is(:hover, .active) img.active-image {
  display: block;
}
.methodology-slider .swiper-slide {
  transition: all .25s ease;
  opacity: 0.5;
  position: relative;
}
.methodology-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.methodology-slider .swiper-slide .container {
  position: relative;
}
.methodology-slider .swiper-slide .row {
  padding: 3rem 1.5rem;
}
.methodology-slider .swiper-slide .row h4 {
  font-size: 1.9rem;
  font-weight: 100;
}
.methodology-slider .swiper-slide .row h4,
.methodology-slider .swiper-slide .row h3 {
  margin-bottom: 1.75rem;
}
/* Tablet - Desktop */
@media (min-width: 1080px) {
  .methodology-slider .swiper-slide .bg-img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .methodology-slider .swiper-slide .row {
    padding: 3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .methodology-slider .swiper-slide .inner-d {
    margin-left: auto;
    margin-top: -100px;
    display: block;
  }
}
/* Mobile - Tablet */
@media (max-width: 1080px) {
  .methodology-slider > .row {
    flex-direction: column;
  }
  .methodology-slider div[class*='col-'] {
    max-width: 100%;
    width: 100%;
  }
  .methodology-slider .thumbs {
    display: flex;
    width: 100%;
    gap: 3vw;
    padding-right: 6vw;
  }
  .methodology-slider .inner-d {
    max-width: 90px;
    height: auto;
  }
  .methodology-slider .swiper-slide .bg-img {
    position: absolute;
    inset: 0;
  }
  .methodology-slider .swiper-slide .row {
    position: relative;
  }
}