main {
  overflow-y: hidden;

  @media (max-width: 580px) {
    .ban_financement {
      margin-left: 0;
      margin-right: 0;
    }
  }
}

#spotlight-conseil {
  background-color: #8ECBEF;
}

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

  .title_mob {
    display: none;
  }

  a {
    text-decoration: none;
  }

  .flex {
    display: flex;
    gap: 21px;

    a {
      display: block;
      width: 100%;
    }
  }

  .bloc_expert {
    text-align: left;
    height: 615px;
    background-image: url("img/photo_dounia-XeaUANY.webp");
    vertical-align: top;
    background-position: top center;
    position: relative;

    .new {
      background-color: #fff27e;
      font-family: Montserrat-Bold;
      display: inline-block;
      padding: 7px;
      font-size: 25px;
      color: #003da5;
      position: absolute;
      top: 0;
      right: 0;
      text-transform: uppercase;
    }

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

      .text_bloc_expert {
        padding: 25px 35px;
        color: #003DA5;
        background-color: #E4F5FF;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 245px;

        h2 {
          margin: 0;
          font-family: Montserrat-Medium;
          font-size: 20px;
          line-height: 130%;
          font-weight: normal;

          strong {
            font-size: 25px;
            font-family: Montserrat-Black;
            margin-bottom: 5px;
            display: block;
          }
        }

        .citation {
          font-family: Caveat-Bold;
          font-size: 24px;
          line-height: 110%;
          color: #7E3F8C;
          position: absolute;
          bottom: 30px;
          left: 0;
          padding: 0 30px;
        }
      }
    }
  }

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

    a {
      width: 100%;
    }

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

      .contenu_bloc_expert {
        height: auto;
        position: static;
        width: 100%;


        .text_bloc_expert {
          width: 310px;
          height: 236px;
          padding: 0 35px;
          display: flex;
          align-items: center;
          float: right;
          position: relative;
          top: -1px;
        }
      }
    }
  }

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

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

  .bloc_expert_4 {
    background-image: url("img/photo_jessica-4DRR5bx.webp");
  }

  .bloc_expert_5 {
    background-image: url("img/photo_laurent-5JSw1vM.webp");
  }

  .push_offer_medium {
    margin: 60px 0 0;
  }

  @media (max-width: 1460px) {
    .bloc_expert {
      .contenu_bloc_expert {
        .text_bloc_expert {
          .citation {
            font-size: 21px;
            line-height: 105%;
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .flex {
      gap: 15px;
    }

    .bloc_expert {
      height: auto;
      background-size: 400px auto;
      background-position: top center;

      .contenu_bloc_expert {
        height: 550px;

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

          h2 {
            font-size: 18px;

            strong {
              font-size: 22px;
            }
          }

          .citation {
            padding: 0 25px;
          }
        }
      }
    }

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

      .bloc_expert_small {
        height: 220px;
        background-size: auto 100%;
        background-position: top left;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 220px;
            padding: 0 25px;
            width: 260px;
          }
        }
      }
    }
  }

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

      .new {
        font-size: 20px;
        padding: 5px;
      }

      .contenu_bloc_expert {
        height: 440px;

        .text_bloc_expert {
          padding: 20px;
          height: 210px;

          h2 {
            font-size: 14px;


            strong {
              font-size: 20px;
              padding: 0 0 3px;
              line-height: 120%;
            }
          }

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

    .line_expert {
      .bloc_expert_small {
        height: 168px;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 168px;
            width: 230px;
            padding: 20px;
          }
        }
      }
    }
  }

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

    .flex {
      display: block;
    }

    .bloc_expert {
      max-width: 467px;
      height: 300px;
      background-size: 467px auto;
      background-position: top -20px center;
      margin: 0 auto 5px;

      .contenu_bloc_expert {
        height: 100%;

        .text_bloc_expert {
          height: auto;
          width: 100%;
          padding: 15px;

          h2 {
            font-size: 13px;

            strong {
              padding: 0
            }

            br {
              display: none;
            }
          }

          .citation {
            display: none;
          }
        }
      }
    }

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

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

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

    .title_mob {
      display: block;
      text-align: left;
      font-size: 23px;
      font-family: Montserrat-ExtraBold;
      margin: 40px 0 0 0;
    }

    .bloc_expert {
      background-size: 100% auto;
      background-position: top -10px center;

      .contenu_bloc_expert {
        .text_bloc_expert {
          h2 {
            strong {
              font-size: 17px;
            }
          }
        }
      }
    }

    .line_expert {
      .bloc_expert_small {
        height: 148px;

        .contenu_bloc_expert {
          .text_bloc_expert {
            height: 148px;
            width: 200px;
          }
        }
      }
    }
  }

  @media (max-width: 450px) {}
}