/* -------------------------------- */
/* ------  QUI SOMMES-NOUS  ------- */
/* -------------------------------- */

/* -------------------------------- */
/* Section présentation de l'entreprise */
/* -------------------------------- */
.section-quisommesnous {
  padding: 7vh 0;
  background-image: 
    url('../images/background-left.svg'),
    url('../images/background-right.svg');
  background-position: 
    left top -120px,
    right top -250px;
  background-repeat: no-repeat;
}
@media (max-width: 1500px) {
  .section-quisommesnous {
    background-image: unset;
  }
}

/* -------------------------------- */
/* Section réassurance */
/* -------------------------------- */
.section-reassurance {
  background-color: #F8F8F8;
  text-align: center;
}
.section-reassurance__grid {
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0px, 350px)); */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: max(2rem,6vw);
  row-gap: 3rem;
  max-width: 1337px;
  margin: auto;
  padding: 5vh 0;
  text-align: center;
}
.bloc-reassurance {
  width: min(100%, 350px);
  /* width: 350px; */
  display: grid;
  grid-template-rows: 54px 80px auto;
  place-items: center;
}
.bloc-reassurance__titre {
  font-size: 1.75rem;
  line-height: 1.2;
}
.bloc-reassurance__titre strong {
  display: block;
}
.bloc-reassurance__desc {
  align-self: start;
}
@media (max-width: 800px) {
  .section-reassurance__grid {
    grid-template-columns: 1fr;
  }
}
.section-reassurance + .section-clients {
  background: unset;
}

/* -------------------------------- */
/* Section dirigeants */
/* -------------------------------- */
.section-dirigeants {
  display: grid;
  grid-template-areas:
    "header"
    "photo"
    "content";
  background-color: #1D3843;
  color: var(--color-white);
}
.section-dirigeants__header {
  grid-area: header;
  padding: 2rem;
}
.section-dirigeants__photo {
  grid-area: content;
  background-image: var(--bg-image);
  background-position: top center;
  background-size: cover;
}
.section-dirigeants__grid {
  grid-area: content;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: .5rem 1rem 20vh;
}
.bloc-dirigeant {
  width: min(100%, 380px);
}
.bloc-dirigeant:last-child {
  margin-top: 15vh;
}
.bloc-dirigeant__nom {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
}
.linkedin--dirigeant:is(:hover,:focus,:active) img {
  filter: brightness(2);
}
.bloc-dirigeant__presentation p {
  padding-bottom: 1.25rem;
}

@media (max-width: 1200px) {
  .section-dirigeants__photo {
    grid-area: photo;
    min-height: min(70vh,560px);
  }
  .section-dirigeants__grid {
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center;
  }
  .bloc-dirigeant {
    width: min(100%, 800px);
  }
  .bloc-dirigeant__nom {
    justify-content: center;
  }
  .bloc-dirigeant:first-child::after {
    display: block;
    height: 1px;
    margin: 4vh auto 0;
    background-color: var(--color-white);
    content: "";
  }
  .bloc-dirigeant:last-child {
    margin-top: 4vh;
  }
}
@media (max-width: 700px) {
  .section-dirigeants__photo {
    background-size: 190%;
  }
}