/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
.template-expertise-content {
  position: relative;
  z-index: 3;
}
.template-expertise-content .wp-block-columns {
  gap: 100px;
}
.template-expertise-content .expertise-sticky-container {
  max-width: 400px !important;
}
.template-expertise-content .expertise-sticky-container .expertise-sticky-content {
  border-radius: 20px;
  background-color: var(--wp--preset--color--white);
  border: solid 1px var(--wp--preset--color--gray);
  margin-left: auto !important;
  margin-right: 0 !important;
  position: sticky;
  top: calc(var(--header-height) + 20px);
  padding: 30px 20px;
}
.template-expertise-content .expertise-content {
  position: relative;
  padding: var(--padding-section-h) 0;
}
.template-expertise-content .expertise-content:first-child {
  padding-top: 0;
}
.template-expertise-content .expertise-content:last-child {
  padding-bottom: 0;
}
.template-expertise-content .expertise-content::before {
  content: "";
  width: 100vw;
  height: 100%;
  top: 0;
  left: calc(50% + 200px + 50px);
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
}
.template-expertise-content .expertise-content.has-lightgray-background-color::before {
  background-color: var(--wp--preset--color--lightgray);
}
.template-expertise-content .expertise-content.has-third-background-color::before {
  background-color: var(--wp--preset--color--third);
}
.template-expertise-content .expertise-content:last-child.has-background::before {
  height: calc(100% + var(--padding-section-h) + 1px);
}
.template-expertise-content .expertise-content h2 {
  margin-top: 140px;
}
.template-expertise-content .expertise-content h2:first-child {
  margin-top: 0;
}
.template-expertise-content .expertise-content h3 {
  margin-top: 60px;
  margin-bottom: 40px;
}
.template-expertise-content .expertise-content h3:first-child {
  margin-top: 0;
}
.template-expertise-content .expertise-content figure img, .template-expertise-content .expertise-content figure picture img {
  border-radius: 25px;
}
.template-expertise-content .expertise-content.steps {
  counter-reset: step;
}
.template-expertise-content .expertise-content.steps h3 {
  counter-increment: step;
  display: flex;
  align-items: center;
  gap: 8px;
}
.template-expertise-content .expertise-content.steps h3::before {
  content: counter(step) ".";
  color: var(--wp--preset--color--first);
  border: solid 1px var(--wp--preset--color--first);
  position: relative;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}

.template-expertise-parole {
  position: relative;
  z-index: 2;
}
.template-expertise-parole .wp-block-columns {
  position: relative;
  gap: 120px;
}
.template-expertise-parole .wp-block-columns::before {
  content: "";
  width: calc(100% - var(--padding-section) * 2);
  height: 1px;
  background-color: var(--wp--preset--color--gray);
  position: absolute;
  top: calc(0px - var(--padding-section-h));
  left: var(--padding-section);
}
.template-expertise-parole .wp-block-quote {
  margin: 0;
  background-color: var(--wp--preset--color--third);
  padding: 150px 120px 45px;
  position: relative;
}
.template-expertise-parole .wp-block-quote p {
  color: var(--wp--preset--color--first);
  font-size: var(--pl);
}
.template-expertise-parole .wp-block-quote p:first-child::before {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 78px;
  height: 55px;
  filter: brightness(0) invert(1);
}
.template-expertise-parole .wp-block-quote .ik-block-row {
  gap: 20px;
}
.template-expertise-parole .wp-block-quote .ik-block-row figure {
  margin: 0;
  width: 100px;
  height: auto;
  aspect-ratio: 1/1;
}
.template-expertise-parole .wp-block-quote .ik-block-row figure img, .template-expertise-parole .wp-block-quote .ik-block-row figure picture img {
  border-radius: 25px;
}

@media (max-width: 1224px) {
  .template-expertise-parole .wp-block-columns {
    gap: 25px 50px;
  }
  .template-expertise-parole .wp-block-quote {
    padding: 50px 20px 25px;
  }
  .template-expertise-parole .wp-block-quote p:first-child::before {
    width: 30px;
    height: 24px;
    top: 20px;
    left: 20px;
  }
  .template-expertise-content .wp-block-columns {
    gap: 25px;
  }
  .template-expertise-content .expertise-content::before {
    left: calc(50% + 150px + 50px);
  }
  .template-expertise-content .expertise-content h2 {
    margin-top: 70px;
  }
  .template-expertise-content .expertise-content h3 {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .template-expertise-content .wp-block-columns {
    flex-direction: column-reverse;
  }
  .template-expertise-content .expertise-content::before {
    left: 50%;
  }
  .template-expertise-content .expertise-content:last-child.has-background::before {
    height: calc(100% + var(--padding-section-h) / 2);
  }
  .template-expertise-content .expertise-sticky-container {
    max-width: unset !important;
  }
  .template-expertise-parole {
    padding-top: 0 !important;
  }
  .template-expertise-parole .wp-block-columns::before {
    content: none;
  }
}
@media (max-width: 550px) {
  .template-expertise-content .expertise-content h2 {
    margin-top: 50px;
  }
  .template-expertise-content .expertise-content h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .template-expertise-parole .wp-block-quote .ik-block-row figure img, .template-expertise-parole .wp-block-quote .ik-block-row figure picture img {
    border-radius: 15px;
  }
}/*# sourceMappingURL=expertises.css.map */