#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: 49.7%;
    height: 615px;
    background-image: url("img/photo_dounia-8bd382e6845b7832f13913bdf0d5b83d.webp");
    vertical-align: top;
    background-position: center;

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

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

        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: 25px;
          line-height: 27px;
        }
      }
    }
  }

  .line_expert {
    gap: 50px;
    display: flex;
    padding: 50px 25px 0;

    a {
      width: 100%;
    }

    .bloc_expert_small {
      height: 250px;
      width: 100%;

      .contenu_bloc_expert {
        .text_bloc_expert {
          width: 325px;
          height: 190px;
          padding-top: 30px;

          h2 {
            font-size: 23px;
            line-height: 130%;
          }
        }
      }
    }
  }

  .bloc_expert_2 {
    background-image: url("img/photo_alice-f2a914e0a9b6a782514fe339953b6c0e.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_jessica-84767475818b6c549cf45cb17c33b48a.webp");
  }

  .bloc_expert_4 {
    background-image: url("img/photo_laurent-f156e4a4b1ab94cad8784f0f3f9b0c31.webp");
  }

  .push_offer_medium {
    margin: 60px 0 0;
  }

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

      .contenu_bloc_expert {
        height: 580px;

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

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

            strong {
              font-size: 30px;
            }
          }

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

    .line_expert {
      .bloc_expert_small {
        height: 230px;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 177px;

            h2 {
              font-size: 20px;
            }
          }
        }
      }
    }
  }

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

      .contenu_bloc_expert {
        height: 440px;

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

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

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

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

    .line_expert {
      .bloc_expert_small {
        height: 168px;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 127px;
            width: 235px;
            padding: 20px;

            h2 {
              font-size: 16px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 900px) {
    .bloc_expert {
      background-position: top right -30px;

      .contenu_bloc_expert {
        .text_bloc_expert {
          width: 250px;
          height: 180px;
          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;
            }
          }
        }
      }
    }

    .line_expert {
      gap: 35px;
      padding: 35px 35px 0;

      .bloc_expert_small {
        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 127px;
            width: 215px;
          }
        }
      }
    }
  }

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

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

      .contenu_bloc_expert {
        height: auto;
        border: none;

        .text_bloc_expert {
          height: auto;
          width: auto;
          padding: 20px 20px 10px;

          h2 {
            strong {
              display: block;
            }

            br {
              display: none;
            }
          }

          .citation {
            display: none;
          }
        }
      }
    }

    .line_expert {
      display: block;
      padding: 25px 0 0;

      .bloc_expert_small {
        width: auto;
        display: block;
      }
    }

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

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

      .contenu_bloc_expert {
        width: 230px;

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

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

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

    .line_expert {
      .bloc_expert_small {
        background-position: top right;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 105px;
            width: auto;
          }
        }
      }
    }
  }

  @media (max-width: 450px) {
    .bloc_expert {
      background-position: top -50px right -20px;
      background-size: 420px;
    }

    .line_expert {
      .bloc_expert_small {
        height: 155px;
      }
    }
  }
}