.client-section {
  padding: 0 0.8rem;
  text-align: center;
}
.client-section__wrapper {
  max-width: 144rem;
  margin-left: auto;
  margin-right: auto;
}

.client-section__wrapper img {
  max-width: 100%;
}

.cs__partner-logo-wrapper {
  list-style-type: none;
  margin: 0;
  max-width: 32rem;
  padding: 1rem 2rem 3rem;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  row-gap: 2rem;
  column-gap: 5rem;
}
.cs__partner-logo {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
}
.cs__partner-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Modifieurs pour chaque logo */
.cs__partner-logo--axa img {
  width: 3.5rem;
  height: auto;
}
.cs__partner-logo--allianz img {
  width: 6.6rem;
  height: auto;
}
.cs__partner-logo--adyen img {
  width: 8rem;
  height: auto;
}
.cs__partner-logo--louvre-bp img {
  width: 5.7rem;
  height: auto;
}
.cs__partner-logo--lb-postale img {
  width: 4.4rem;
  height: auto;
}
.cs__partner-logo--qonto img {
  width: 4.7rem;
  height: auto;
}

.cs__txt > *:not(:last-child) {
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 760px) {

  :not(.client-section--inline) .cs__partner-logo-wrapper {
    justify-content: space-between;
    padding: 4rem;
    max-width: 43rem;
    row-gap: 8rem;
    column-gap: 8rem;
  }
  .client-section--inline .cs__partner-logo-wrapper {
    justify-content: space-between;
    padding: 4rem;
    max-width: 50rem;
    row-gap: 4rem;
    column-gap: 13rem;
  }

  /* Modifieurs pour chaque logo */
  .cs__partner-logo--axa img {
    width: 6.4rem;
  }
  .cs__partner-logo--allianz img {
    width: 12rem;
  }
  .cs__partner-logo--adyen img {
    width: 14.4rem;
  }
  .cs__partner-logo--louvre-bp img {
    width: 10.4rem;
  }
  .cs__partner-logo--lb-postale img {
    width: 8rem;
  }
  .cs__partner-logo--qonto img {
    width: 8.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .client-section:not(.client-section--inline) {
    text-align: left;
  }
  .client-section__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 9.6rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  :not(.client-section--inline) .cs__partner-logo-wrapper {
    max-width: 45rem;
    row-gap: 12rem;
  }
  .client-section--inline .cs__partner-logo-wrapper {
    max-width: none;
  }
  .cs__txt {
    max-width: 54.4rem;
  }
}