.paragraph--type--solution-detail {
  position: relative;
}
.paragraph--type--solution-detail .paragraph-content {
  overflow: hidden;
}
@media (min-width: 992px) {
  .paragraph--type--solution-detail .paragraph-content {
    padding-top: var(--spacing--6);
    padding-bottom: var(--spacing--7);
  }
}
@media (max-width: 991px) {
  .paragraph--type--solution-detail .paragraph-content {
    padding-top: var(--spacing--5);
  }
}
.paragraph--type--solution-detail .title-wrapper {
  font-weight: 600;
  margin-bottom: var(--spacing--2);
  font-size: var(--typography--font-size--h2);
}
.paragraph--type--solution-detail .image-col {
  background-position: center;
  background-size: cover;
}
@media (min-width: 992px) {
  .paragraph--type--solution-detail .image-col {
    position: absolute;
    top: calc(var(--spacing--6) * -1);
    bottom: calc(var(--spacing--7) * -1);
    right: calc(58.33333333% + clamp(var(--spacing--2), 10vw, 15.2rem));
    width: 50vw;
  }
}
@media (max-width: 991px) {
  .paragraph--type--solution-detail .image-col {
    margin-top: calc((var(--spacing--6) + var(--spacing--5)) * -1);
    order: 2;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 36rem;
  }
}
.paragraph--type--solution-detail .content-col {
  position: relative;
  display: flex;
  gap: var(--spacing--5);
  flex-direction: column;
}
@media (min-width: 992px) {
  .paragraph--type--solution-detail .content-col {
    gap: var(--spacing--6);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
  }
  .paragraph--type--solution-detail .content-col > header {
    width: 58.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--solution-detail .swiper-wrapper {
    display: flex;
    justify-content: right;
    gap: var(--spacing--4);
    padding-right: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--solution-detail .swiper-slide {
    max-width: 58.33333333%;
    flex-shrink: 1;
  }
}
.paragraph--type--solution-detail .solution-detail--list {
  position: relative;
  width: 100%;
}
.paragraph--type--solution-detail .swiper-slide {
  height: auto;
}
.paragraph--type--solution-detail .swiper.swiper-initialized {
  overflow: initial;
}
@media (max-width: 991px) {
  .paragraph--type--solution-detail .swiper.swiper-initialized {
    width: 90%;
    margin-left: initial;
  }
}
.paragraph--type--solution-detail .solution-detail-wrapper-swiper:has(.swiper-initialized) .swiper-slide {
  height: auto;
}
.paragraph--type--solution-detail.bg--grey .paragraph--type--solution-card {
  background-color: var(--c--white);
}
/*# sourceMappingURL=paragraph--solution-detail.css.map */