.paragraph--cards header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2);
}
.paragraph--cards .paragraph-content {
  padding: clamp(var(--spacing--6), 8vw, var(--spacing--7)) 0;
  overflow: hidden;
}
.paragraph--cards.bg--grey, .paragraph--cards.bg--primary {
  --bg-color--card: var(--c--white);
  --text-color--card: var(--c--black);
}
.paragraph--cards .full-layout {
  display: flex;
  gap: clamp(var(--spacing--3), 6vw, var(--spacing--6));
  flex-direction: column;
}
.paragraph--cards .full-layout > header {
  max-width: 67rem;
}
@media (max-width: 767px) {
  .paragraph--cards .full-layout {
    gap: var(--spacing--5);
  }
}
.paragraph--cards .column-layout {
  display: flex;
  gap: var(--spacing--4);
}
@media (min-width: 992px) {
  .paragraph--cards .column-layout > header {
    width: 40%;
    position: relative;
    z-index: 11;
  }
  .paragraph--cards .column-layout > header + div {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .paragraph--cards .column-layout {
    flex-direction: column;
    gap: var(--spacing--5);
  }
  .paragraph--cards .column-layout header {
    width: initial;
    max-width: none;
  }
}
.paragraph--cards .column-layout .cards-wrapper {
  flex: 1;
}
@media (max-width: 991px) {
  .paragraph--cards .column-layout .cards-wrapper[data-desktop-items] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .paragraph--cards .column-layout .cards-wrapper[data-desktop-items] {
    grid-template-columns: 1fr;
  }
}
.paragraph--cards .column-layout .cards-wrapper-swiper {
  flex: 1 1 auto;
}
.paragraph--cards .column-layout .cards-wrapper-swiper > div {
  display: block;
  width: 100%;
}
.paragraph--cards .column-layout .cards-wrapper-swiper .swiper:before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + var(--spacing--3) / 2);
  width: 100vw;
  height: 100%;
  background-color: var(--bg-color);
  z-index: 10;
}
.paragraph--cards .cards--list {
  position: relative;
}
.paragraph--cards .cards-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing--4);
}
.paragraph--cards .cards-wrapper[data-desktop-items="4"] {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1199px) {
  .paragraph--cards .cards-wrapper[data-desktop-items="4"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .paragraph--cards .cards-wrapper[data-desktop-items="4"] {
    grid-template-columns: 1fr;
  }
}
.paragraph--cards .cards-wrapper[data-desktop-items="3"] {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .paragraph--cards .cards-wrapper[data-desktop-items="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .paragraph--cards .cards-wrapper[data-desktop-items="3"] {
    grid-template-columns: 1fr;
  }
}
.paragraph--cards .cards-wrapper[data-desktop-items="2"] {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .paragraph--cards .cards-wrapper[data-desktop-items="2"] {
    grid-template-columns: 1fr;
  }
}
.paragraph--cards .swiper.swiper-initialized {
  overflow: initial;
}
.paragraph--cards .swiper.swiper-initialized .swiper-slide {
  height: auto;
}
@media (max-width: 767px) {
  .paragraph--cards .swiper.swiper-initialized {
    width: 90%;
    margin-left: initial;
  }
}
.paragraph--cards .cards-wrapper-swiper:has(.swiper-initialized) .swiper-slide {
  height: auto;
}
.paragraph--cards .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  width: 100%;
  column-gap: var(--spacing--4);
  row-gap: var(--spacing--6);
}
@media (max-width: 767px) {
  .paragraph--cards .swiper:not(.swiper-initialized) .swiper-wrapper {
    grid-template-columns: 1fr !important;
  }
}
.paragraph--cards .swiper:not(.swiper-initialized) .swiper-wrapper > .swiper-slide {
  max-width: 100%;
}
.paragraph--cards .swiper:not(.swiper-initialized)[data-desktop-items="4"] .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1399px) {
  .paragraph--cards .swiper:not(.swiper-initialized)[data-desktop-items="4"] .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199px) {
  .paragraph--cards .swiper:not(.swiper-initialized)[data-desktop-items="4"] .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.paragraph--cards .swiper:not(.swiper-initialized)[data-desktop-items="3"] .swiper-wrapper {
  grid-template-columns: repeat(3, 1fr);
}
.paragraph--cards .swiper:not(.swiper-initialized)[data-desktop-items="2"] .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
.paragraph--cards .title-wrapper--with-outline {
  position: relative;
}
.paragraph--cards .title-wrapper--with-outline ~ * {
  position: relative;
  z-index: 1;
}
.paragraph--cards .title-wrapper--with-outline > * {
  position: relative;
  z-index: 1;
}
.paragraph--cards .title-wrapper--with-outline .title-bordered {
  position: absolute;
  z-index: 0;
  top: 55%;
  left: 20%;
}
@media (max-width: 767px) {
  .paragraph--cards .title-wrapper--with-outline .title-bordered {
    top: auto;
    bottom: -100%;
    left: 5%;
  }
}
.paragraph--cards .title-wrapper--with-cta {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--4);
}
.paragraph--cards .title-wrapper--with-cta > a {
  white-space: nowrap;
  font-size: var(--typography--font-size--md);
  font-weight: 600;
  margin-bottom: 0.3rem;
  transition: 0.3s ease color;
}
.paragraph--cards .link-wrapper-mobile {
  margin-top: var(--spacing--3);
}
.paragraph--cards .link-wrapper-mobile a {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: var(--spacing--1);
  transition: 0.3s ease color;
}
.paragraph--cards .link-wrapper-mobile span {
  text-decoration: underline;
}
.paragraph--cards .link-wrapper-mobile i {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--c--primary);
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  color: var(--c--white);
}
.paragraph--cards .slider-navigation {
  position: absolute;
  bottom: calc(100% + var(--spacing--6));
  right: 0;
  z-index: 1;
}
.paragraph--cards .slider-navigation .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}
.paragraph--cards .swiper-initialized + .slider-navigation {
  display: flex;
  gap: var(--spacing--1);
}
@media (max-width: 767px) {
  .paragraph--cards .slider-navigation {
    display: none;
  }
  .paragraph--cards .cards--list:not(.card-display--boxed) .cta-wrapper:not(.right) {
    display: flex;
    flex-direction: column;
  }
  .paragraph--cards .cards--list:not(.card-display--boxed) .cta-wrapper:not(.right) > .btn {
    width: 100%;
  }
}

.link:hover, .link:active {
  color: var(--link--primary-hover);
}

.cards--cta--white .paragraph--card .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.bg--white .slider-navigation .btn.btn-icon,
.bg--white .slider-navigation .btn.btn-icon, .bg--primary .slider-navigation .btn.btn-icon,
.bg--primary .slider-navigation .btn.btn-icon {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}

.bg--secondary .slider-navigation .btn.btn-icon,
.bg--secondary .slider-navigation .btn.btn-icon, .bg--dark .slider-navigation .btn.btn-icon,
.bg--dark .slider-navigation .btn.btn-icon {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--btn-color);
}

.bg--grey .slider-navigation .btn.btn-icon,
.bg--grey .slider-navigation .btn.btn-icon {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--background--background);
}
/*# sourceMappingURL=paragraph--cards.css.map */