/**
 * ============================================================================
 *  retrofit 
 * ============================================================================
 *  Cette feuille est une SURCOUCHE. Elle suppose que les feuilles principales
 *  sont déjà chargées AVANT elle :
 *    - style.css (thème enfant) : variables :root, typo, boutons globaux
 *      (.cta-global / .cta-contact), etc.
 *    - feuille globale des composants/sections (fa-avantages, CTAs, …).
 *
 *  Contenu conservé ici (unique ou propre à cette page) :
 *    - Util            : fonds .bg-vert / .bg-vert-clair
 *    - Section en-tête : variante .icone
 *    - KPI CHIFFRES    : section dédiée (n'existe nulle part ailleurs)
 *    - AVANT / APRES   : onglets + slider (n'existe nulle part ailleurs)
 *    - CTAs            : .cta-blog (unique) + surcharges .cta-global /
 *                        .cta-contact propres à cette page (paddings + vert)
 *
 *  Blocs RETIRÉS car strictement redondants (déjà fournis ailleurs) :
 *    - Boutons CTA (.cta-global / .cta-contact) : identiques au thème style.css
 *      (le thème en est même un sur-ensemble : variantes _tb_body incluses).
 *    - Bloc fa-avantages : identique à la feuille globale (seule différence :
 *      variables CSS vs littéraux, valeur effective identique).
 * ============================================================================
 */

/**************************** Util ***********************************************/
.bg-vert-clair{
  background-color: var(--light-green-color) !important;
}

.bg-vert{
  background-color: var(--green-color) !important;
}

.cta-vert{
  background-color: var(--cta-vert) !important;
}

.bg-noir h2 span,
.bg-vert h2{
  color: #CEEDB2;
}

.bg-noir p,
.bg-noir h2,
.bg-vert p,
.bg-vert h3,
.bg-vert li {
  color: var(--white);
}

.cta-vert .et_pb_text_inner{
  color: var(--white) !important;
}

.bg-noir{
  background-color: var(--dark) !important;
}

/********************************* banner => cta-vert ********************************/
.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert:before{
  background: var(--text-color);
}

.banner.full > .et_pb_row:nth-child(3) .et_pb_column.cta-vert:after{
  background-color: var(--light-green-color);
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_link {
  border: 1px solid var(--light-green-color);
  color: var(--light-green-color);
  background-color: transparent;
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_link:hover {
  background-color: var(--light-green-color);
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_link:hover span{
  color: var(--cta-vert) !important;
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_item:last-child .dipl_button_link{
  background-color: var(--light-green-color);
  border-color: var(--light-green-color);
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_item:last-child .dipl_button_link span{
  color: var(--cta-vert);
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_item:last-child .dipl_button_link:hover{
  background-color: var(--cta-vert);
}

.banner.et_pb_section > .et_pb_row:nth-child(3) .et_pb_column.cta-vert .dipl_button_item:last-child .dipl_button_link:hover span{
  color: var(--light-green-color) !important;
}

/******************************** Section en-tete & background section demi retrofit ********************************************/
.et_pb_section.section-demi:has(.icone),
.et_pb_section.en-tete:has(.icone){
  background-color: var(--section-grey-color);
}

.et_pb_section.section-demi:has(.icone) .et_pb_column:has(.et_pb_text) .et_pb_image,
.et_pb_section.en-tete:has(.icone) .et_pb_column:has(.et_pb_text) .et_pb_image{
  margin-bottom: 1rem;
}

@media(max-width: 550px){
  .et_pb_section.section-demi:has(.icone) .et_pb_column:has(.et_pb_text) .et_pb_image img,
  .et_pb_section.en-tete:has(.icone) .et_pb_column:has(.et_pb_text) .et_pb_image img{
    width: 45px;
  }
}

/******************************** icone de fond fleche ronde sur cta a fond vert + section avec kpi **************************/
.et_pb_section:has(.kpi-chiffres)::after,
.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert::after{
  content: "";
  position: absolute;
  width: 40rem;
  height: 40rem;
  background-image: url(../img/arrow-green-back.svg);
  background-size: contain;
}

.et_pb_section:has(.kpi-chiffres),
.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert {
  overflow: hidden;
}

.et_pb_section:has(.kpi-chiffres)::after{
  top: -10%;
  right: -11%;
  transform: rotate(-70deg);
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert::after{
  bottom: -28%;
  left: -11.5%;
  transform: rotate(17deg);
}

/******************************** Section KPI CHIFFRES - NEW - (retrofit) ************************************/
.kpi-chiffres{
  position: relative;
  overflow: hidden;
  margin: 75px auto 0 auto;
}

.kpi-chiffres .et_pb_column{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 56px;
  flex-wrap: wrap;
}

.kpi-chiffres .et_pb_blurb{
  --kpi-accent: var(--light-green-color);
  flex: 1 1 280px;
  position: relative;
  text-align: center;
  color: var(--white);
  padding: 0 8px 0;
  overflow: visible;
  display: flex;
  justify-content: center;
}

.kpi-chiffres .et_pb_blurb:nth-of-type(1){
  --kpi-grad: linear-gradient(225deg, #0c6147 0%, var(--green-color) 70%);
}

.kpi-chiffres .et_pb_blurb:nth-of-type(2){
  --kpi-grad: linear-gradient(180deg, #0c6147 0%, var(--green-color) 70%);
}

.kpi-chiffres .et_pb_blurb:nth-of-type(3){
  --kpi-grad: linear-gradient(135deg, #0c6147 0%, var(--green-color) 70%);
}

.kpi-chiffres .et_pb_blurb:before{
  content: "";
  position: absolute;
  left: 50%;
  width: clamp(260px, 28vw, 360px);
  height: auto;
  aspect-ratio: 1 / 1;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--kpi-grad, linear-gradient(180deg, #0c6147 0%, var(--green-color) 100%));
  pointer-events: none;
  z-index: 0;
}

.kpi-chiffres .et_pb_blurb_content{
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
  aspect-ratio: 1;
}

.kpi-chiffres .et_pb_main_blurb_image{
  margin: 40px 0 15px;
}

.kpi-chiffres .et_pb_main_blurb_image img{
  width: 56px;
  height: auto;
}

.kpi-chiffres .et_pb_blurb_container{
  text-align: center;
}

.kpi-chiffres .et_pb_module_header{
  margin: 0;
  line-height: 1;
  font-family: DINPro, sans-serif;
  font-weight: 700;
  text-align: center;
}

.kpi-chiffres .et_pb_module_header > span{
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--white);
  font-size: clamp(56px, 5.2vw, 74px);
  letter-spacing: -0.02em;
}


.kpi-chiffres .et_pb_module_header > span > span.signe{
  color: var(--kpi-accent);
  font-size: 0.85em;
  align-self: center;
  margin-right: 3px;
}

.kpi-chiffres .et_pb_module_header > span > span.metrique{
  color: var(--kpi-accent);
  font-size: 0.5em;
  line-height: 1;
  align-self: flex-start;
  margin-top: 8px;
  margin-left: 2px;
}
.kpi-chiffres .et_pb_module_header > span > span.rotate{
  color: var(--kpi-accent);
  font-size: 0.3em;
  line-height: 1;
  transform: rotate(90deg);
  align-self: center;
  letter-spacing: 0.02em;
  margin-left: -5px;
  text-transform: uppercase;
}

.kpi-chiffres .et_pb_module_header span.label{
  display: block;
  width: 100%;
  flex-basis: 100%;
  color: var(--kpi-accent);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.kpi-chiffres .et_pb_blurb_description{
  margin: 14px auto 0;
  max-width: 290px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.41;
  color: var(--white);
  opacity: 0.96;
  text-align: center;
}

@media (max-width: 980px){
  .kpi-chiffres {
    margin: 50px auto 0 auto;
  }
  .kpi-chiffres .et_pb_blurb_content{
    aspect-ratio: inherit;
    margin-bottom: 10px;
  }
    .kpi-chiffres{
    padding: 72px 0 56px;
  }
  .kpi-chiffres .et_pb_column{
    gap: 34px;
  }
  .kpi-chiffres .et_pb_blurb{
    flex: 1 1 calc(50% - 34px);
  }
}

@media (max-width: 767px){
  .kpi-chiffres{
    margin: 30px auto 0 auto;
  }
  .kpi-chiffres .et_pb_column{
    gap: 28px;
  }
  .kpi-chiffres .et_pb_blurb{
    flex: 1 1 100%;
  }
  .kpi-chiffres .et_pb_blurb:before{
    top: 8px;
  }
}

@media (max-width: 1340px) and (min-width: 981px){
  .kpi-chiffres .et_pb_column{
    gap: 32px;
    flex-wrap: nowrap;
  }
  .kpi-chiffres .et_pb_blurb{
    flex: 1 1 0;
    min-width: 0;
  }
  .kpi-chiffres .et_pb_blurb:before{
    width: clamp(220px, 24vw, 300px);
  }
  .kpi-chiffres .et_pb_main_blurb_image img{
    width: 48px;
  }
  .kpi-chiffres .et_pb_module_header > span{
    font-size: clamp(48px, 4.6vw, 64px);
  }
  .kpi-chiffres .et_pb_module_header > span > span:nth-of-type(2){
    font-size: 0.48em;
    margin-top: 4px;
  }
  .kpi-chiffres .et_pb_module_header .label{
    font-size: 18px;
  }
  .kpi-chiffres .et_pb_blurb_description{
    font-size: 14px;
  }
}

/* =========================
   AVANT / APRES (tabs + slider)
   Cible : .et_pb_row.avant-apres
========================= */

/* -------------------------
   LAYOUT colonnes
------------------------- */
.et_pb_section:has(.avant-apres){
  background-color: var(--section-grey-color);
  overflow: hidden;
}

.et_pb_row.avant-apres{
  display:flex;
  align-items:center;
  gap: clamp(24px, 4vw, 56px);
  padding: 75px 0 175px;
}
.et_pb_row.avant-apres > .et_pb_column{
  float: none !important;
}

/* Colonne gauche = onglets */
.et_pb_row.avant-apres .et_pb_column:first-child{
  flex: 0 0 340px;
  max-width: 340px;
  width: auto !important;
}

/* Colonne droite = stage (GRID => garde la hauteur, pas de débordement) */
.et_pb_row.avant-apres .et_pb_column:last-child{
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;

  height: auto !important; /* écrase un éventuel inline height */
  position: relative;

  display: grid;
  align-items: start;
}

/* Chaque slider se place dans la même "cellule" (overlay) */
.et_pb_row.avant-apres .et_pb_column:last-child .dipl_before_after_slider{
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;

  opacity: 0;
  transform: translateY(14px) scale(.99);
  transition: opacity .35s ease, transform .35s ease;

  pointer-events: none;
}

.et_pb_row.avant-apres .et_pb_column:last-child .dipl_before_after_slider.aa-active{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  z-index: 2;
}

@media (prefers-reduced-motion: no-preference){
  .et_pb_row.avant-apres .et_pb_column:last-child .dipl_before_after_slider{
    will-change: opacity, transform;
  }
}

/* -------------------------
   ONGLET (BLURB) – variables couleur + icônes
------------------------- */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.hydraulique{
  --aa-accent: #00AEEF;
  --aa-icon-normal: url("/wp-content/uploads/icone-retrofit-hydraulique-noir.svg");
  --aa-icon-hover:  url("/wp-content/uploads/icone-retrofit-hydraulique-blanc.svg");
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.mecanique{
  --aa-accent: #CB252C;
  --aa-icon-normal: url("/wp-content/uploads/icone-retrofit-mecanique-noir.svg");
  --aa-icon-hover:  url("/wp-content/uploads/icone-retrofit-mecanique-blanc.svg");
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.machine-spe{
  --aa-accent: #2B2B2B;
  --aa-icon-normal: url("/wp-content/uploads/icone-retrofit-machine-spe-noir.svg");
  --aa-icon-hover:  url("/wp-content/uploads/icone-retrofit-machine-spe-blanc.svg");
}

/* -------------------------
   ONGLET (BLURB) – structure
------------------------- */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb{
  cursor: pointer;
  text-align: left !important;
  position: relative;
  z-index: 1;
}

/* Fond gris “bande” full width (jusqu’au bord écran + sous l’image à droite) */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb::before{
  content:"";
  position:absolute;
  top: 0;
  left: -100vw;
  width: 150vw;
  height: 100%;
  background: #E9E9E9;
  opacity: 0;
  transition: opacity .15s ease;
  z-index: 0;
  pointer-events: none;
}

/* Active OU hover : bande visible */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb:hover::before,
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.aa-active::before{
  opacity: 1;
}

/* Le “bouton” : dimensions maquette 320 x 66 */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_blurb_content{
  width: 320px;
  min-height: 66px;
  box-sizing: border-box;
  display:flex;
  flex-direction: row;
  align-items:center;
  justify-content:flex-start;
  gap: 18px;
  padding: 0 44px 0 0;
  border-radius: 0;
  border: 1px solid transparent;
  background: transparent;
  position: relative;
  z-index: 2;
  margin-left: 0;
}

/* Chevron toujours visible */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_blurb_content:after{
  content: "›";
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #9AA0A6;
  opacity: 1;
  transition: color .15s ease;
}

/* Chevron couleur accent au hover/actif */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb:hover .et_pb_blurb_content:after,
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.aa-active .et_pb_blurb_content:after{
  color: var(--aa-accent);
}

/* -------------------------
   Icône : cercle 66 x 66 + swap noir/blanc
------------------------- */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_main_blurb_image{
  margin: 0 !important;
  flex: 0 0 66px;
  overflow: visible !important;
  padding: 12px 0 12px 0;
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_image_wrap{
  width: 66px;
  height: 66px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #E9E9E9;         /* gris cercle par défaut */
  overflow: visible !important; /* évite toute “coupe” */
  position: relative;
}

/* On garde le <img> en fallback mais on le rend invisible */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_image_wrap img{
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* On dessine l’icône en background (pas de crop, facile à swap) */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_image_wrap::before{
  content:"";
  width: 40px;   /* un poil plus grand pour éviter “coupe” des flèches */
  height: 40px;
  background-image: var(--aa-icon-normal);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display:block;
}

/* Hover / Actif : cercle en couleur + icône blanche */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb:hover .et_pb_image_wrap,
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.aa-active .et_pb_image_wrap{
  background: var(--aa-accent);
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb:hover .et_pb_image_wrap::before,
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb.aa-active .et_pb_image_wrap::before{
  background-image: var(--aa-icon-hover);
}

/* -------------------------
   Texte (2 lignes)
------------------------- */
.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_blurb_container{
  flex: 1 1 auto;
  margin: 0 !important;
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb h3.et_pb_module_header{
  margin:0 !important;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb h3.et_pb_module_header > span{
  display:block;
  font-size: 12px;
  font-weight: 500;
  opacity: .85;
}

.et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb h3.et_pb_module_header > span > span{
  display:block;
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
  opacity: 1;
}

/* -------------------------
   Habillage slider (papier)
------------------------- */
.et_pb_row.avant-apres .et_pb_column:last-child .dipl-before-after-slider-wrapper{
  position: relative;
  overflow: visible;
}

.et_pb_row.avant-apres .et_pb_column:last-child .dipl-before-after-slider-wrapper:before{
  content: "";
  position: absolute;
  inset: -5px;
  background: rgba(0, 0, 0, 0.06);
  transform: rotate(6deg);
  z-index: -1;
}

.et_pb_row.avant-apres .et_pb_column:last-child .twentytwenty-container,
.et_pb_row.avant-apres .et_pb_column:last-child .twentytwenty-container img{
  border-radius: 0;
}

.et_pb_row.avant-apres .dipl_before_after_slider{
  overflow: visible;
}


/* =========================================
   OVERRIDE DESIGN "AVANT / APRÈS" (maquette)
========================================= */
.et_pb_row.avant-apres .twentytwenty-overlay{
  opacity: 1 !important;
}
.et_pb_row.avant-apres .twentytwenty-container:hover .twentytwenty-overlay{
  opacity: 1 !important;
}

/* Pastilles AVANT / APRÈS */
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-before-label,
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-after-label{
  background: rgba(170, 170, 170, .75);
  border: 0;
  border-radius: 999px;
  width: 72px;
  height: 72px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 40;
  box-shadow: none;
}

.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-before-label{ left: 22px !important; right: auto !important; }
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-after-label{ right: 22px !important; left: auto !important; }

/* Texte pastilles */
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-before-label::before,
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-after-label::before{
  color: var(--white);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1;
  opacity: 1;
  background: transparent !important;
  top: initial;
  left: initial;
  right: initial;
  margin-top: inherit;
}


/* Handle central */
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-handle{
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  background: var(--white);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

/* Ligne centrale */
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-handle::before,
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-handle::after{
  background: var(--white) !important;
  box-shadow: none;
  width: 3px;
}

/* Flèches handle */
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-left-arrow{
  border-right-color: #222 !important;
}
.et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-right-arrow{
  border-left-color: #222 !important;
}

/* =========================================================================
   Section notre méthode

   Système :
   ajouter column-1 / column-2 / column-3 / column-4 / column-5 / column-6
   sur la ligne Divi .et_pb_row
   ========================================================================= */

.et_pb_section:has(.et_pb_row[class*="column-"]) {
  padding: 50px 0 0 0;
}

.et_pb_row[class*="column-"] {
  --lf_cols: 5;
  --lf_gap: 1rem;
  --lf_panel_h: 490px;
  --lf_accent: var(--lf_color_accent, #8dc63f);
  --lf_radius: 0;
  --lf_pad: 38px 38px 42px 38px;
  --lf_overlay: linear-gradient(to top, rgba(12,12,12,.55) 0%, rgba(12,12,12,.10) 60%);
  --lf_overlay_open: linear-gradient(to top, rgba(10,10,10,.92) 0%, rgba(10,10,10,.40) 55%, rgba(10,10,10,.10) 100%);
  --lf_overlay_mobile: linear-gradient(to top, rgba(10, 10, 10, .98) 0%, rgba(10, 10, 10, .65) 55%, rgba(10, 10, 10, .30) 100%);
  --lf_ease: cubic-bezier(.22,.61,.36,1);
  --lf_speed: .55s;

  max-width: 1740px;
}

/* Nombre de colonnes */
.et_pb_row.column-1 { --lf_cols: 1; }
.et_pb_row.column-2 { --lf_cols: 2; }
.et_pb_row.column-3 { --lf_cols: 3; }
.et_pb_row.column-4 { --lf_cols: 4; }
.et_pb_row.column-5 { --lf_cols: 5; }
.et_pb_row.column-6 { --lf_cols: 6; }

.et_pb_row[class*="column-"] > .et_pb_column {
  display: grid;
  grid-template-columns: repeat(var(--lf_cols), minmax(0, 1fr));
  gap: var(--lf_gap);
  align-items: stretch;
  counter-reset: lf-step;
}

.et_pb_row[class*="column-"] .et_pb_blurb {
  counter-increment: lf-step;
  position: relative;
  overflow: hidden;
  min-width: 0;
  margin: 0;
  padding: 0;
  height: var(--lf_panel_h);
  border-radius: var(--lf_radius);
  cursor: pointer;
}

.et_pb_row[class*="column-"] .et_pb_main_blurb_image {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.et_pb_row[class*="column-"] .et_pb_main_blurb_image .et_pb_image_wrap,
.et_pb_row[class*="column-"] .et_pb_main_blurb_image picture,
.et_pb_row[class*="column-"] .et_pb_main_blurb_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.et_pb_row[class*="column-"] .et_pb_blurb .et_pb_blurb_content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--lf_overlay);
  pointer-events: none;
  transition: background var(--lf_speed) var(--lf_ease);
}

.et_pb_row[class*="column-"] .et_pb_blurb_content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: none;
}

.et_pb_row[class*="column-"] .et_pb_blurb_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--lf_pad);
}

/* Numéro automatique */
.et_pb_row[class*="column-"] .et_pb_blurb_container::before {
  content: counter(lf-step, decimal-leading-zero) ".";
  color: var(--lf_accent);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: .5rem;
}

/* Titre */
.et_pb_row[class*="column-"] .et_pb_blurb .et_pb_module_header {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .03em;
  text-transform: uppercase;
}

/* Description fermée par défaut en desktop */
.et_pb_row[class*="column-"] .et_pb_blurb_description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  color: rgba(255,255,255,.82);
  font-size: .9rem;
  line-height: 1.6;
  transition:
    max-height var(--lf_speed) var(--lf_ease),
    opacity var(--lf_speed) var(--lf_ease);
}

.et_pb_row[class*="column-"] .et_pb_blurb_description p {
  margin: .75rem 0 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: inherit;
}

/* Petite ligne blanche sous le texte */
.et_pb_row[class*="column-"] .et_pb_blurb_container::after {
  content: "";
  display: block;
  width: 6rem;
  height: 5px;
  margin-top: 1.25rem;
  background: #fff;
}

.et_pb_row[class*="column-"] .et_pb_blurb .et_pb_blurb_content::after {
  content: "";
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  z-index: 3;
  width: 12px;
  height: 12px;
  border: 2px solid var(--lf_accent);
  background: transparent;
  transform: translateX(-50%);
  pointer-events: none;
  transition:
    width var(--lf_speed) var(--lf_ease),
    height var(--lf_speed) var(--lf_ease),
    left var(--lf_speed) var(--lf_ease),
    bottom var(--lf_speed) var(--lf_ease),
    transform var(--lf_speed) var(--lf_ease),
    background-color var(--lf_speed) var(--lf_ease),
    border-color var(--lf_speed) var(--lf_ease);
}

.et_pb_row[class*="column-"] > .et_pb_column:hover .et_pb_blurb .et_pb_blurb_content:hover::before,
.et_pb_row[class*="column-"] .et_pb_blurb .et_pb_blurb_content:focus-within::before {
  background: var(--lf_overlay_open);
}

.et_pb_row[class*="column-"] > .et_pb_column:hover .et_pb_blurb:hover .et_pb_blurb_description,
.et_pb_row[class*="column-"] .et_pb_blurb:focus-within .et_pb_blurb_description {
  max-height: 14rem;
  opacity: 1;
}

.et_pb_row[class*="column-"] > .et_pb_column:hover .et_pb_blurb:hover .et_pb_blurb_content::after,
.et_pb_row[class*="column-"] .et_pb_blurb:focus-within .et_pb_blurb_content::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border: 0;
  transform: none;
  background: var(--lf_accent);
}

@media (max-width: 1200px) {
  .et_pb_row.column-5,
  .et_pb_row.column-6 {
    --lf_cols: 3;
  }
}

@media (max-width: 980px) {
  .et_pb_section:has(.et_pb_row[class*="column-"]) {
    padding: 32px 0;
  }

  .et_pb_row[class*="column-"] {
    --lf_cols: 1;
    --lf_panel_h: 18rem;  
    --lf_pad: 28px 24px 34px 24px;
  }

  .et_pb_row[class*="column-"] > .et_pb_column {
    grid-template-columns: 1fr;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb {
    height: auto;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb_content {
    height: auto;
    min-height: var(--lf_panel_h);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb_container {
    position: relative;
    inset: auto;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb .et_pb_blurb_content::before {
    background: var(--lf_overlay_mobile);
  }

  /* Description toujours ouverte : aucun plafond qui pourrait rogner le texte */
  .et_pb_row[class*="column-"] .et_pb_blurb_description {
    max-height: none;
    opacity: 1;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb .et_pb_blurb_content::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border: 0;
    transform: none;
    background: var(--lf_accent);
  }
}

@media (max-width: 480px) {
  .et_pb_row[class*="column-"] {
    --lf_panel_h: 16rem;
    --lf_pad: 24px 20px 32px 20px;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb .et_pb_module_header {
    font-size: 1.6rem;
  }

  .et_pb_row[class*="column-"] .et_pb_blurb_container::before {
    font-size: 2.6rem;
  }
}

/* =========================================
   Section se que disent nos client - override de ROW "directorWord--line" sur la page societe - section avec bg-*
========================================= */
#main-content .et_pb_section[class*="bg-"]:has(.directorWord--line){
  margin-bottom: 65px;
  overflow-x: clip;   /* contient l'AABB du transform de la photo (overflow-y reste visible -> le quote vert continue de déborder en bas) */
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line{
  margin-bottom: 0;
  display: flex;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image){
  position: static;
  flex: 1;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image) .et_pb_image{
  bottom: -3rem;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image)::before{
  content: "";
  position: absolute;
  bottom: -5rem;
  right: 0;
  display: block;
  width: 139px;
  height: 159px;
  background: url(../img/quote-verte.svg) center no-repeat;
  background-size: contain;
  top: inherit;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image)::after{
  display: none;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_text){
  padding: 0;
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .director_title--row .et_pb_text_inner h2{
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.15em;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .director_title--row .et_pb_text_inner p{
  font-size: 2rem;
  font-weight: 500;
  line-height: 30px;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .director_title--row .et_pb_text_inner p::after{
  content: '';
  position: absolute;
  width: 53px;
  height: 4px;
  background-color: var(--text-color);
  left: 0;
  bottom: -1.5rem;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_text) .et_pb_module:not(.director_title--row) {
  padding-bottom: 66px;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_text) .et_pb_module:not(.director_title--row) h3{
  font-size: 1.8rem;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--white);
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_text) .et_pb_module:not(.director_title--row) p{
  color: #747474;
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_image_wrap {
  border-radius: 50%;
  border-left: 2.5rem solid var(--dark);
  transform: rotate(-45deg);
}

#main-content .et_pb_section[class*="bg-"] .directorWord--line img{
  border-radius: 50%;
  transform: rotate(45deg);
}

@media (max-width: 980px){
  .et_pb_row.avant-apres{
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 65px;
    margin-top: 40px;
  }
  .et_pb_row.avant-apres .et_pb_column:first-child{
    margin-bottom: 35px;
  }
  .et_pb_row.avant-apres .et_pb_column:first-child,
  .et_pb_row.avant-apres .et_pb_column:last-child{
    max-width: 100%;
    width: 100% !important;
    flex: 0 0 100%;
  }
  .et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb::before {
    width: 200vw;
  }

  .et_pb_row.avant-apres .et_pb_column:first-child .et_pb_blurb .et_pb_blurb_content{
    width: 100%;
  }

  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-before-label,
  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-after-label,
  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-handle{
    width: 60px;
    height: 60px;
  }
  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-handle{
    margin-left: -30px;
    margin-top: -30px;
  }
  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-before-label:before,
  .et_pb_row.avant-apres .dipl_before_after_slider .dipl-before-after-slider-wrapper .twentytwenty-after-label:before{
    font-size: 11px;
  }

  #main-content .et_pb_section[class*="bg-"] .directorWord--line .director_title--row .et_pb_text_inner p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 24px;
  }

  #main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image)::before{
    width: 80px;
    height: 80px;
  }

  #main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_text) .et_pb_module:not(.director_title--row)   {
    padding-bottom: 0;
  }

  #main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:first-child{
    justify-content: center;
  }

  #main-content .et_pb_section[class*="bg-"] .directorWord--line .et_pb_column:has(.et_pb_image) .et_pb_image {
    bottom: inherit;
  }
}

@media(max-width: 768px){
  #main-content .et_pb_section[class*="bg-"] .directorWord--line{
    gap: 1.5rem;
    padding-top: 65px;
  }
  .et_pb_section:has(.kpi-chiffres)::after, 
  .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert::after {
    display: none;
  }
}

/* =============================================== */
/* ==================== CTAs ===================== */
/* =============================================== */

.cta-global.et_pb_section,
.cta-blog.et_pb_section {
    background-color: var(--white);
}

.cta-global.et_pb_section,
.cta-blog.et_pb_section {
    padding: 20px 0 40px !important;
}
/** version bg-vert **/
.cta-global.et_pb_section.bg-vert-clair {
    padding: 20px 0 37px !important;
    /* fond géré par l'utilitaire .bg-vert-clair (cf. section Util) */
}
.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section {
    background-color: var(--section-grey-color);
    padding: 10px 0;
}
/** version bg-vert **/
.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert {
    /* background-color: var(--section-grey-color); */
    padding: 10px 0 20px 0;
}

.cta-global.et_pb_section .et_pb_section {
    max-width: 668px;
}

.cta-global.et_pb_section .et_pb_row .et_pb_column {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-direction: column;
}

.cta-blog.et_pb_section svg {
    display: block;
    margin: 0 auto 8px;
    max-width: 88px;
}

.cta-blog svg g[fill="#f58220"] {
    fill: var(--univers-color);
}

.cta-blog.et_pb_section .et_pb_row:nth-child(2) .et_pb_column {
    display: block !important;
}

.cta-global.et_pb_section .et_pb_text_inner h2,
.cta-global.et_pb_section .et_pb_text_inner h3,
.cta-global.et_pb_section .et_pb_text_inner h4 {
    margin-bottom: 14px;
    font-size: 2.6rem;
    text-transform: none;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-bottom: 0px !important;
}
.cta-global.et_pb_section .et_pb_text_inner > p {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.cta-global.et_pb_section .et_pb_text_inner > p:nth-of-type(1) {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    border-top: solid 1px #333;
    padding-top: 24px;
    padding-bottom: 0;
}
.cta-global.et_pb_section .et_pb_text_inner > p:nth-of-type(2) {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0;
}
.cta-blog.et_pb_section .et_pb_text_inner h2,
.cta-blog.et_pb_section .et_pb_text_inner h3,
.cta-blog.et_pb_section .et_pb_text_inner h4,
.cta-blog.et_pb_section .et_pb_text_inner p {
    margin-bottom: 14px;
    font-size: 2.6rem;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0;
}

.cta-global.et_pb_section .et_pb_text_inner h2 span,
.cta-global.et_pb_section .et_pb_text_inner h3 span,
.cta-global.et_pb_section .et_pb_text_inner h4 span {
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.cta-blog.et_pb_section .et_pb_text_inner h2 span,
.cta-blog.et_pb_section .et_pb_text_inner h3 span,
.cta-blog.et_pb_section .et_pb_text_inner h4 span,
.cta-blog.et_pb_section .et_pb_text_inner p span {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner {
    text-align: center;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner h2 {
    margin: 12px 0 24px;
    text-transform: none;
    font-size: 2.4rem;
    letter-spacing: 0;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner h2 span {
    font-weight: 700;
    letter-spacing: 0;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner .sous-titre {
    margin-bottom: 20px;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner p:not(.sous-titre) {
    font-size: 1.5rem;
    font-family: "DinPro";
    font-weight: 500;
}

.et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .dipl_button {
    margin-top: 15px;
    font-weight: 600;
    font-family: "DinPro";
}

.blog-template.et_pb_section .cta-blog .et_pb_text {
    margin-bottom: 0 !important;
}

.blog-template.et_pb_section .cta-blog .et_pb_text h2:after,
.post-template.et_pb_section .cta-blog .et_pb_text h2:after {
    display: none !important;
}

@media (min-width: 562px) {
    .cta-global.et_pb_section .et_pb_row .et_pb_column {
    flex-direction: row;
}

}
@media (max-width: 980px) {
    .cta-global.et_pb_section .et_pb_text_inner,
    .cta-blog.et_pb_section .et_pb_text_inner {
        text-align: center;
    }
    .cta-global.et_pb_section .et_pb_row:last-child .et_pb_column,
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:last-child {
        margin-top: 14px !important;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .dipl_button .dipl_button_item:first-child {
        margin-bottom: 11px;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child .et_pb_module_inner {
        display: flex;
        flex-direction: column-reverse;
        gap: 11px;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .dipl_button .dipl_button_item:first-child {
        margin: 0;
    }
}

@media (min-width: 981px) {
  .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section {
      background-color: var(--section-grey-color);
      padding: 30px 0;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section {
        padding: 38px 0;
    }
    /** version bg-vert **/
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section.bg-vert {
        padding: 38px 0 100px 0;
    }

    .cta-global.et_pb_section {
        padding: 30px 0 65px !important;
    }
    /** version bg-vert **/
    .cta-global.et_pb_section.bg-vert-clair {
        padding: 62px 0 65px !important;
    }
    .cta-blog.et_pb_section{
        padding: 95px 0 60px !important;
    }
    .cta-blog.et_pb_section .et_pb_row {
        width: 898px !important;
        display: flex;
        align-items: flex-end;
    }
    .cta-blog.et_pb_section .et_pb_row {
        width: 898px !important;
        display: flex;
        align-items: flex-end;
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .cta-blog.et_pb_section .et_pb_row .et_pb_column {
        width: auto;
    }
    .cta-blog.et_pb_section svg {
        display: block;
        margin: 0 44px 0 24px;
        min-width: 111px;
    }
    .cta-global.et_pb_section .et_pb_text_inner > p:nth-of-type(2) {
    line-height: 1.7;
    }
    .cta-global.et_pb_section .et_pb_text_inner {
        text-align: center;
    }
    .cta-blog.et_pb_section .et_pb_text_inner,
    .cta-global.et_pb_section .et_pb_text_inner {
        margin-bottom: 15px;
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column {
        flex-basis: 50%;
    }
    .cta-global.et_pb_section .et_pb_text_inner h2,
    .cta-global.et_pb_section .et_pb_text_inner h3,
    .cta-global.et_pb_section .et_pb_text_inner h4 {
        font-size: 4rem;
    }
    .cta-blog.et_pb_section .et_pb_text_inner h2,
    .cta-blog.et_pb_section .et_pb_text_inner h3,
    .cta-blog.et_pb_section .et_pb_text_inner h4,
    .cta-blog.et_pb_section .et_pb_text_inner p {
        margin-bottom: 0px !important;
        font-size: 3.5rem;
    }
    .cta-global.et_pb_section .et_pb_text_inner > p:nth-of-type(1) {
        padding-top: 20px;
    }
    .cta-global.et_pb_section .et_pb_text_inner > p:nth-of-type(2) {
        margin-bottom: 45px;
    }
    .cta-global.et_pb_section .et_pb_text_inner h2 span,
    .cta-global.et_pb_section .et_pb_text_inner h3 span,
    .cta-global.et_pb_section .et_pb_text_inner h4 span {
        font-size: 2.2rem;
        margin-top: 20px;
        margin-bottom: 15px;
        max-width: 667px;
    }
    .cta-blog.et_pb_section .et_pb_text_inner h2 span,
    .cta-blog.et_pb_section .et_pb_text_inner h3 span,
    .cta-blog.et_pb_section .et_pb_text_inner h4 span,
    .cta-blog.et_pb_section .et_pb_text_inner p span {
        font-size: 3rem;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_row {
        display: flex;
        gap: 37px;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_row .et_pb_column:first-child {
        max-width: 32%;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_row .et_pb_column:last-child {
        width: auto;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner h2 {
        margin-top: 0;
        font-size: 3.6rem;
        line-height: 4.5rem;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_image_wrap,
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_image {
        position: static;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: polygon(0 0, 76% 0, 100% 100%, 26% 100%);
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .dipl_button .et_pb_module_inner {
        display: flex;
        justify-content: center;
    }
    .et-db #et-boc #et-main-area #main-content .cta-contact.et_pb_section .et_pb_text_inner p:not(.sous-titre) {
        font-size: 1.8rem;
    }
}


/* ---- CTA BLOG — habillage boutons « biseautés » (desktop) ---------------- */
/* Extrait de l'ancien bloc « boutons » retiré : ces règles sont propres à
   .cta-blog (introuvables ailleurs) et doivent donc rester ici.             */
@media (min-width: 981px) {
    .cta-blog.et_pb_section .et_pb_button:hover,
    .cta-blog.et_pb_section .et_pb_button {
        padding: 16px;
        font-size: 2.4rem;
    }
    .cta-blog.et_pb_section .et_pb_button {
        width: 100%;
        text-align: center;
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:first-child .et_pb_button_module_wrapper:after {
        content: "" !important;
        position: absolute;
        right: 1px;
        bottom: 0;
        transform: rotate(-30deg);
        transform-origin: bottom right;
        display: block !important;
        height: 100px;
        width: 1px;
        background-color: var(--univers-color);
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:first-child .et_pb_button_module_wrapper {
        clip-path: polygon(0 0, calc(100% - 43px) 0, 100% 100%, 0% 100%);
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:first-child .et_pb_button {
        padding-right: 35px;
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:last-child .et_pb_button_module_wrapper {
        margin-left: -8px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 43px 100%);
    }
    .cta-blog.et_pb_section .et_pb_row:last-child .et_pb_column:last-child .et_pb_button {
        padding-left: 35px;
    }
}