#spotlight-conseil {
  background-image: url("img/spotlight-conseil-1f12d9e87c585b16e8e912b041f15cb7.webp");

  @media (max-width: 700px) {
    background-image: url("img/spotlight-conseil-mob-bd0f24c1ffdc0740f9a7accda43c8bf6.webp");
    background-size: 100% auto;
  }

  @media (max-width: 470px) {
    background-size: auto 360px;
  }
}

.page_expert {
  text-align: center;
  padding: 0 0 40px;

  a {
    text-decoration: none;
  }

  .bloc_expert {
    text-align: left;
    display: inline-block;
    width: 33.1%;
    height: 730px;
    background-image: url("img/photo_jessica-cd03975c1260b4462a7c4a0c629376c0.webp");
    vertical-align: top;

    .contenu_bloc_expert {
      height: 730px;
      padding: 1px 0;

      .text_bloc_expert {
        margin: 30px;
        padding: 40px 20px 60px 30px;
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        background-image: url("img/fleche-093596252496fbd1ac4d5b3556ed1ba6.svg");
        background-repeat: no-repeat;
        background-position: bottom 25px right 25px;

        h2 {
          margin: 0;
          color: white;
          font-family: Lato-Regular;
          font-size: 27px;
          line-height: 32px;
          font-weight: normal;
          padding: 0 0 30px;

          strong {
            font-size: 34px;
            font-family: Lato-Black;
          }
        }

        .citation {
          font-family: Caveat;
          font-size: 24px;
          line-height: 26px;
        }
      }
    }
  }

  .bloc_expert_2 {
    background-image: url("img/photo_laurent-26c8783f926b8c3772aba6400f874258.webp");

    .contenu_bloc_expert {
      border-right: solid 3px white;
      border-left: solid 3px white;

      .text_bloc_expert {
        background-color: rgba(0, 0, 0, 0.1);
      }
    }
  }

  .bloc_expert_3 {
    background-image: url("img/photo_alice_2-ea77abc72c2dbdd9980559f6c0c4768d.webp");
  }

  .push_offer_medium {
    margin: 60px 0 0;
  }

  @media (max-width: 1440px) {
    .bloc_expert {
      .contenu_bloc_expert {
        .text_bloc_expert {
          height: 310px;

          h2 {
            padding: 0 0 15px;
          }

          .citation {
            br {
              display: none;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .bloc_expert {
      height: 580px;
      background-size: 430px auto;
      background-position: top center;

      .contenu_bloc_expert {
        height: 580px;

        .text_bloc_expert {
          margin: 25px;
          padding: 25px;
          height: 250px;

          h2 {
            font-size: 23px;
            line-height: 29px;

            br {
              display: none;
            }

            strong {
              font-size: 30px;
              display: block;
            }
          }

          .citation {
            font-size: 21px;
            line-height: 24px;
          }
        }
      }
    }
  }

  @media (max-width: 1100px) {
    .bloc_expert {
      height: 480px;
      background-size: 370px auto;

      .contenu_bloc_expert {
        height: 480px;

        .text_bloc_expert {
          margin: 20px;
          padding: 20px;
          height: 220px;

          h2 {
            font-size: 19px;
            line-height: 24px;

            strong {
              font-size: 25px;
              padding: 0 0 3px;
            }
          }

          .citation {
            font-size: 19px;
            line-height: 20px;
          }
        }
      }
    }
  }

  @media (max-width: 900px) {
    .bloc_expert {
      width: 33%;

      .contenu_bloc_expert {
        .text_bloc_expert {
          height: 270px;
          background-size: 25px;
          background-position: bottom 10px right 10px;

          h2 {
            font-size: 16px;
            line-height: 21px;
            padding: 0 0 10px;

            strong {
              font-size: 22px;
              line-height: 25px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 700px) {
    padding: 0 0 20px;

    .bloc_expert {
      width: 480px;
      height: 300px;
      background-size: 100% auto;
      background-position: bottom -190px right;
      max-width: auto;
      margin: 0 25px 5px;

      .contenu_bloc_expert {
        height: auto;
        border: none;

        .text_bloc_expert {
          height: auto;

          .citation {
            display: none;
          }
        }
      }
    }

    .push_offer_medium {
      margin: 35px 0 0;
    }
  }

  @media (max-width: 550px) {
    .bloc_expert {
      width: auto;
      display: block;
      margin: 0 25px 5px;
      background-position: bottom right;
      height: 290px;
      background-size: auto;

      .contenu_bloc_expert {
        width: 220px;

        .text_bloc_expert {
          margin: 13px;
          padding: 10px 20px 15px 15px;

          h2 {
            font-size: 14px;
            line-height: 18px;

            strong {
              font-size: 20px;
              line-height: 23px;
            }
          }
        }
      }
    }

    .bloc_expert_1 {
      background-image: url("img/photo_jessica_mob-90d7edc6bdc08dc5e5952ade835b45b7.webp");
    }

    .bloc_expert_2 {
      background-image: url("img/photo_laurent_mob-ab819da1170156ae46668c6ecb208e06.webp");
    }

    .bloc_expert_3 {
      background-image: url("img/photo_alice_mob_2-b7c9481afaa0094cd34fc6658b2c2786.webp");
    }
  }

  @media (max-width: 450px) {
    .bloc_expert {
      background-position: top right -60px;
    }

    .bloc_expert_1 {
      background-position: top right -80px;
    }
  }
}