.container {
  .breadcrumb {
    padding-bottom: 0;
    padding-top: 20px;
  }

  .mob {
    display: none;
  }

  .swiper {
    padding-bottom: 40px;

    .swiper-pagination-bullet {
      height: 11px;
      width: 11px;
      margin: 0 7px;
    }

    .swiper-pagination-bullet-active {
      background-color: #003da5;
    }
  }

  @media (max-width: 700px) {
    .desk {
      display: none;
    }

    .mob {
      display: block;
    }

    .breadcrumb {
      padding: 10px 25px 0;
    }
  }
}

.cover {
  display: flex;
  color: #003da5;
  font-size: 20px;
  line-height: 140%;

  .col_img {
    width: 400px;

    .img_cover {
      width: 100%;
      height: 210px;
      background-position: center;
      border-bottom: solid 5px white;
    }

    .img_cover_1 {
      background-image: url("img/img_cover_1-8229301528ea26400dcf97b4b0669093.webp");
      height: 323px;
    }

    .img_cover_2 {
      background-image: url("img/img_cover_2-c722560b2b62694d6bc71d99156f641c.webp");
    }

    .img_cover_3 {
      background-image: url("img/img_cover_3-300854ad0c49cafa8da08e29c275e17a.webp");
    }
  }

  .col_text {
    width: 1035px;

    .content_text {
      padding: 50px 90px;
      height: 532px;
      max-width: 980px;

      h1 {
        font-size: 55px;
        line-height: 110%;
        font-family: Lato-Regular;
        margin-bottom: 35px;

        strong {
          font-family: Lato-Black;
        }
      }

      p {
        padding-bottom: 30px;
      }

      .imp {
        background-image: url("img/parenthesis-9097c7c255c05dd711c9cb9722b95907.svg");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 45px;
        position: relative;

        strong {
          color: #1898d4;
        }

        .arrow {
          position: absolute;
          bottom: -70px;
          left: 150px;
        }
      }
    }

    .list_pushs {
      display: flex;

      .push {
        height: 206px;
        padding: 35px;
        width: 100%;
        border-left: solid 5px white;
        background-size: 515px auto;

        .content {
          -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
          display: flex;
          height: 100%;
          justify-content: space-between;
          align-items: center;
          padding: 20px 30px;

          h2 {
            color: white;
            font-size: 23px;
            line-height: 130%;
            margin: 0;
          }
        }
      }

      .push_1 {
        background-image: url("img/push_cover_1-4da9418b38b4c001ee26f8b7a8621e2f.webp");
      }

      .push_2 {
        background-image: url("img/push_cover_2-1f52aec5c2a5817745103fae884e21b0.webp");
      }
    }
  }

  @media (max-width: 1460px) {
    font-size: 18px;

    .col_img {
      .img_cover {
        height: 190px;
      }

      .img_cover_1 {
        height: 305px;
      }
    }

    .col_text {
      .content_text {
        height: 495px;
        padding: 45px 50px;

        h1 {
          font-size: 50px;
        }
      }

      .list_pushs {
        .push {
          padding: 25px;
          height: 185px;

          .content {
            padding: 20px 25px;

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

  @media (max-width: 1240px) {
    .col_img {
      width: 350px;

      .img_cover {
        height: 175px;
      }

      .img_cover_1 {
        height: 305px;
      }
    }

    .col_text {
      .content_text {
        padding: 45px;
        height: 480px;
        h1 {
          font-size: 43px;
        }
      }

      .list_pushs {
        .push {
          height: 170px;
        }
      }
    }
  }

  @media (max-width: 1140px) {
    position: relative;
    padding-bottom: 170px;

    .col_img {
      .img_cover_3 {
        display: none;
      }
    }

    .col_text {
      .content_text {
        padding: 30px 35px;

        p {
          padding-bottom: 20px;
        }

        .imp {
          .arrow {
            bottom: -60px;
          }
        }
      }

      .list_pushs {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        gap: 5px;

        .push {
          height: 170px;
          border: none;
          background-size: 570px auto;
        }
      }
    }
  }

  @media (max-width: 935px) {
    font-size: 16px;
    padding-bottom: 152px;

    .col_img {
      .img_cover_1 {
        height: 265px;
      }
    }

    .col_text {
      .content_text {
        padding: 20px 30px;

        h1 {
          font-size: 35px;
        }
      }

      .list_pushs {
        .push {
          height: auto;
          padding: 20px;

          .content {
            display: block;
            padding: 20px;

            h2 {
              margin-bottom: 15px;
              font-size: 18px;

              br {
                display: none;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 760px) {
    padding-bottom: 175px;

    .col_img {
      width: 300px;
    }

    .col_text {
      .list_pushs {
        .push {
          .content {
            h2 {
              br {
                display: block;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 700px) {
    display: block;
    padding-bottom: 0;

    .col_img {
      width: 100%;

      .img_cover_1 {
        height: 300px;
        background-image: url("img/img_cover_1_mob-475c117dd307f26cc7199a9fcb27755c.webp");
      }

      .img_cover_2 {
        display: none;
      }
    }

    .col_text {
      width: auto;

      .content_text {
        height: auto;
        padding: 20px 25px 55px;

        h1 {
          -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
          padding: 15px 20px 20px;
          width: 380px;
          color: white;
          background-color: rgba(0, 0, 0, 0.15);
          position: absolute;
          top: 160px;
          left: 20px;

          br {
            display: none;
          }

          strong {
            display: block;
          }
        }

        .imp {
          padding: 0 0 0 40px;

          .arrow {
            bottom: -45px;
            width: 40px;
          }
        }
      }

      .list_pushs {
        position: static;
      }
    }
  }

  @media (max-width: 580px) {
    font-size: 13px;

    .col_text {
      .content_text {
        h1 {
          font-size: 30px;
          padding: 12px 15px 15px;
          width: 320px;
          top: 185px;
        }
      }

      .list_pushs {
        display: block;

        .push {
          margin: 0 20px 5px;
          padding: 15px;
          width: auto;

          .content {
            padding: 15px;
            display: flex;
            align-items: center;

            h2 {
              font-size: 15px;
              width: 150px;
              margin: 0;

              br {
                display: none;
              }
            }

            .cta {
              padding: 0 25px;
              position: relative;
              top: -2px;
            }
          }
        }
      }
    }
  }
}

/*MENU ANCHORS*/

.menu_anchors {
  text-align: center;
  font-size: 16px;
  font-family: Lato-Bold;

  .anchor {
    display: inline-block;
    color: #1898d4;
    margin: 30px 40px;
    background-image: url("img/arrow_anchor-44e10812b7f92f94d091b7619cef899b.svg");
    background-repeat: no-repeat;
    background-position: left top 7px;
    padding-left: 12px;
  }

  .line {
    display: inline-block;
  }

  @media (max-width: 935px) {
    .anchor {
      font-size: 15px;
      margin: 25px 25px 30px;
      background-position: left top 5px;
    }
  }

  @media (max-width: 700px) {
    .anchor {
      margin: 25px 10px 30px;
    }
  }

  @media (max-width: 580px) {
    padding: 10px 20px 15px;

    .anchor {
      margin: 7px 10px;
    }
  }
}

/*PART*/

.title_part {
  color: #bae1f3;
  font-size: 75px;
  line-height: 100%;
  padding: 0 0 20px 0;
  font-family: Lato-Regular;
  margin: 0;

  @media (max-width: 1240px) {
    font-size: 60px;
  }

  @media (max-width: 1180px) {
    font-size: 50px;
    padding: 0 0 15px 0;
  }

  @media (max-width: 580px) {
    font-size: 40px;
  }
}

.subtitle {
  font-size: 35px;
  line-height: 120%;
  font-family: Lato-Black;
  margin: 40px 40px 30px;

  strong {
    color: #1898d4;
    font-family: Lato-Black;
  }

  @media (max-width: 1240px) {
    font-size: 30px;
  }

  @media (max-width: 1180px) {
    font-size: 27px;
  }

  @media (max-width: 935px) {
    margin: 25px 25px 20px;
  }

  @media (max-width: 580px) {
    margin: 25px 0 20px;
    font-size: 22px;
  }
}

/*PART GAME*/

.part_game {
  padding: 0 35px 50px;
  color: #003da5;

  .ban_game {
    max-width: 1154px;
    margin: 0 auto;
    background-image: url("img/background_game-c3244ab343a01dde0b92542714cf4a21.webp");
    background-position: center;
    padding: 70px 0 45px;

    .content {
      width: 600px;
      margin: 0 auto;
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      background-color: rgba(255, 255, 255, 0.2);
      position: relative;
      text-align: center;
      padding: 40px 0 30px;

      .logo {
        margin: 0 auto 25px;
        display: block;
      }

      .date {
        background-color: #1898d4;
        font-size: 22px;
        color: white;
        position: absolute;
        padding: 15px 25px;
        top: -25px;
        left: 40px;
        font-family: Lato-Bold;
      }

      .advert {
        position: absolute;
        font-size: 16px;
        background-color: #f86464;
        width: 135px;
        height: 135px;
        border-radius: 100%;
        color: white;
        line-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 40px;
        right: -73px;
      }
    }
  }

  .pres {
    text-align: center;

    p {
      max-width: 945px;
      margin: 0 auto 25px;
      padding: 0;
    }

    .advert {
      color: #f86464;
      font-size: 20px;
      line-height: 140%;
      font-family: Lato-Bold;

      a {
        color: #f86464;
      }
    }
  }

  .masterclass {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 50px;

    .bloc_expert {
      background-image: url("img/parenthesis_2-8a17b2a8444486a12cbe5c9b3b226ddd.svg");
      background-repeat: no-repeat;
      background-position: left center;
      padding: 0 0 0 40px;
      width: 425px;

      .expert {
        display: flex;
        font-family: Lato-Bold;
        gap: 20px;
        align-items: center;

        a {
          color: var(--blue-500);
        }
      }

      .quote {
        font-family: Caveat;
        font-size: 25px;
        line-height: 120%;
        padding: 15px 0 0;
      }
    }

    .carrousel {
      width: 865px;
    }

    .slide {
      display: flex;
      background-color: #e8f5fb;

      .img {
        width: 50%;
        height: 250px;
        background-size: 435px auto;
        background-position: center;
      }

      .content {
        padding: 30px 40px;
        width: 50%;

        p {
          padding: 0;
        }

        h4 {
          margin: 0 0 15px;
          font-size: 25px;
          line-height: 100%;
        }
      }
    }

    .slide_1 {
      .img {
        background-image: url("img/slide_game_1-8aef7690fb289fae2331327b6cbe8203.webp");
      }
    }

    .slide_2 {
      .img {
        background-image: url("img/slide_game_2-8f57aa23484109e230cfd046eee305ba.webp");
      }
    }

    .slide_3 {
      .img {
        background-image: url("img/slide_game_3-ecdb4a81f9c1271b642c08016f9c1416.webp");
      }
    }
  }

  @media (max-width: 1440px) {
    .masterclass {
      .bloc_expert {
        width: 400px;

        .expert {
          .avatar {
            width: 130px;
          }
        }
      }

      .carrousel {
        width: 750px;
      }

      .slide {
        .img {
          width: 340px;
        }

        .content {
          width: 440px;
          padding: 30px;
        }
      }
    }
  }

  @media (max-width: 1240px) {
    .masterclass {
      display: block;
      width: 750px;
      margin: 20px auto 0;

      .bloc_expert {
        width: auto;
        display: flex;
        margin-bottom: 25px;
        gap: 25px;
        align-items: center;

        .quote {
          width: 300px;
        }
      }

      .slide {
        .img {
          height: 200px;
          background-size: auto 100%;
        }

        .content {
          h4 {
            font-size: 22px;
          }
        }
      }
    }
  }

  @media (max-width: 1180px) {
    .pres {
      h3 {
        br {
          display: none;
        }
      }

      p {
        br {
          display: none;
        }
      }

      .advert {
        font-size: 17px;
      }
    }
  }

  @media (max-width: 935px) {
    .ban_game {
      padding: 40px 0 30px;
      padding: 50px 0 40px;
      background-size: auto 100%;

      .content {
        width: 370px;

        .date {
          font-size: 17px;
          padding: 10px 20px;
          top: -20px;
          left: 25px;
        }

        .logo {
          width: 300px;
        }

        .advert {
          font-size: 15px;
          width: 110px;
          height: 110px;
          right: -45px;
          bottom: -25px;
        }
      }
    }

    .pres {
      p {
        margin: 0 auto 15px;
      }
    }

    .masterclass {
      width: 640px;

      .bloc_expert {
        .quote {
          width: 250px;
        }
      }

      .slide {
        .img {
          width: 260px;
        }

        .content {
          width: 400px;
          padding: 22px 25px;
        }
      }

      .carrousel {
        width: auto;
      }
    }
  }

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

    .pres {
      .advert {
        br {
          display: none;
        }
      }
    }

    .masterclass {
      max-width: 500px;

      .bloc_expert {
        margin: 30px auto 21px;
        padding: 0;
        background-image: none;

        .expert {
          .avatar {
            width: 100px;
          }
        }

        .quote {
          width: 180px;
          font-size: 20px;
          line-height: 110%;
        }
      }

      .slide {
        display: block;

        .img {
          width: 100%;
          background-size: 100% auto;
        }

        .content {
          width: auto;

          br {
            display: none;
          }
        }
      }

      .carrousel {
        max-width: 500px;
      }
    }
  }

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

    .ban_game {
      padding: 50px 25px 40px;

      .content {
        width: auto;

        .logo {
          width: 240px;
        }

        .date {
          font-size: 17px;
          padding: 10px 20px;
          top: -20px;
          left: 50%;
          margin-left: -102px;
        }

        .advert {
          font-size: 12px;
          width: 80px;
          height: 80px;
          right: -15px;
          bottom: -30px;
        }
      }
    }

    .pres {
      .advert {
        font-size: 16px;
      }
    }

    .masterclass {
      width: auto;

      .bloc_expert {
        display: block;
        margin: 20px auto;

        .quote {
          width: auto;
          padding: 10px 0 0;
        }
      }

      .slide {
        .content {
          padding: 20px;

          br {
            display: block;
          }

          h4 {
            font-size: 18px;
          }
        }
      }
    }
  }
}

/*PART FORM*/

.part_form {
  background-color: #f7f7f7;
  text-align: center;
  position: relative;
  color: var(--blue-500);
  padding: 0 40px 70px;
  font-size: 14px;
  line-height: 120%;

  iframe {
    border: 0;
    width: 100%;
    height: 1190px;
  }

  .triangle_form {
    position: relative;
    top: -15px;
  }

  .subtitle {
    margin-top: 30px;
  }

  .advert {
    position: absolute;
    font-size: 20px;
    background-color: #f86464;
    width: 135px;
    height: 135px;
    border-radius: 100%;
    color: white;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50px;
    right: 50%;
    margin-right: -510px;
  }

  a {
    color: var(--blue-500);
  }

  .info {
    max-width: 640px;
    margin: 20px auto 0;
  }

  .credit {
    font-family: Lato-Black;
    font-size: 22px;
    line-height: 130%;
    margin: 20px auto 0;
  }

  .ml {
    color: #3e3d3d;
    max-width: 1065px;
    margin: 20px auto 0;

    a {
      color: #3e3d3d;
    }
  }

  @media (max-width: 1240px) {
    font-size: 13px;

    .advert {
      margin-right: -460px;
    }

    .credit {
      font-size: 18px;
    }
  }

  @media (max-width: 1180px) {
    padding: 0 40px 50px;

    .subtitle {
      margin-top: 20px;
    }

    .advert {
      margin-right: -400px;
      top: 50px;
      font-size: 17px;
      width: 110px;
      height: 110px;
    }

    .credit {
      font-size: 15px;
    }
  }

  @media (max-width: 1075px) {
    iframe {
      height: 1600px;
    }
  }

  @media (max-width: 935px) {
    padding: 0 30px 40px;

    .triangle_form {
      width: 50px;
      top: -10px;
    }

    .subtitle {
      margin: 10px 80px 20px;

      br {
        display: none;
      }
    }

    .advert {
      right: 15px;
      top: 30px;
      font-size: 15px;
      width: 90px;
      height: 90px;
      margin-right: 0;
    }
  }

  @media (max-width: 580px) {
    font-size: 12px;
    padding: 0 0 40px;

    .block_iframe {
      overflow-x: hidden;
      position: relative;
      right: 5px;
    }

    iframe {
      height: 1520px;
      overflow-x: hidden;
      width: 370px;
    }

    .subtitle {
      margin: 5px 25px 20px;
    }

    .advert {
      right: 15px;
      top: -40px;
      font-size: 13px;
      width: 70px;
      height: 70px;
      padding: 0 25px;
    }

    .ml,
    .info {
      padding: 0 25px;
    }

    .credit {
      font-size: 14px;
      padding: 0 25px;

      br {
        display: none;
      }
    }
  }
}

/*PART PORTRAIT*/

.part_portrait {
  margin-top: 110px;
  color: var(--blue-500);
  position: relative;

  .title_part {
    position: absolute;
    top: -40px;
    left: 35px;
  }

  .portrait {
    display: flex;

    .content {
      display: flex;
      justify-content: center;
      align-items: end;
      width: 1000px;
      padding-bottom: 50px;

      .text {
        width: 745px;

        h3 {
          font-size: 45px;
          line-height: 130%;
          font-family: Lato-Regular;
          margin: 0 0 25px;

          strong {
            font-family: Lato-Black;
            display: block;
          }
        }

        p {
          max-width: 650px;
          padding: 0 0 40px;
        }

        .quote {
          font-family: Caveat;
          font-size: 30px;
          line-height: 140%;
          position: relative;
          margin-bottom: 50px;
          padding-left: 40px;

          .signature {
            position: absolute;
            right: 90px;
            bottom: -40px;
          }
        }

        .block_rs {
          display: flex;
          gap: 20px;
          color: #707070;
        }
      }
    }

    .img {
      background-image: url("img/portrait-36573eeff405a6c615344dfced96a46e.webp");
      width: 444px;
      height: 560px;
      background-position: center;
      margin-bottom: 10px;
    }
  }

  .mosaic {
    background-image: url("img/mosaic-97983bfeac0e7c15cc84dc9fef1b6344.webp");
    height: 310px;
    width: 100%;
  }

  @media (max-width: 1240px) {
    margin-top: 90px;

    .title_part {
      top: 0;
    }

    .portrait {
      .content {
        width: auto;
        padding: 0 35px 40px;

        .text {
          width: 715px;

          .quote {
            padding-left: 0;
            font-size: 27px;
          }

          h3 {
            font-size: 35px;
          }

          p {
            max-width: 100%;
          }
        }
      }

      .img {
        height: 520px;
      }
    }
  }

  @media (max-width: 1100px) {
    .portrait {
      .content {
        .text {
          width: 515px;

          .quote {
            font-size: 22px;

            .signature {
              bottom: -27px;
            }
          }

          p {
            padding: 0 0 30px;
          }
        }
      }
    }

    .mosaic {
      height: 250px;
      background-size: auto 100%;
    }
  }

  @media (max-width: 935px) {
    margin-top: 50px;

    .title_part {
      position: static;
      padding: 0 0 0 35px;
    }

    .img_portrait_mob {
      background-image: url("img/portrait_mob-5254e23893a55b9027f0f51bf748ebe4.webp");
      width: 100%;
      height: 300px;
      background-position: center;
      margin: 20px 0;
    }

    .portrait {
      .content {
        padding: 0 35px 20px;

        h3 {
          margin: 0 0 20px;
        }

        .text {
          width: auto;

          .quote {
            display: inline-block;
          }

          p {
            padding: 0 0 20px;
          }
        }
      }

      .img {
        display: none;
      }
    }

    .mosaic {
      height: 200px;
    }
  }

  @media (max-width: 580px) {
    margin-top: 40px;

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

    .img_portrait_mob {
      height: 300px;
      background-size: 580px auto;
      margin: 15px 0;
      background-position: top center;
    }

    .portrait {
      .content {
        padding: 0 25px 20px;

        .text {
          h3 {
            font-size: 26px;
            margin: 0 0 15px;
          }

          .quote {
            line-height: 110%;
          }

          p {
            padding: 0 0 15px;
          }

          .block_rs {
            display: block;

            a {
              text-decoration: none;
            }

            .icon_rs {
              margin: 10px 10px 0 0;
            }
          }
        }
      }
    }

    .mosaic {
      height: 150px;
    }
  }
}

/*PART ADVICE*/

.part_advice {
  margin: 110px 87px 0;
  color: white;
  position: relative;

  .title_part {
    position: absolute;
    top: -40px;
    left: -55px;
  }

  .line {
    display: flex;
    align-items: end;
    gap: 80px;
    margin-bottom: 80px;

    .push_article {
      height: 460px;
      width: 100%;
      display: flex;
      align-items: center;

      .content {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        background-color: rgba(0, 0, 0, 0.2);
        margin: 40px;
        width: 345px;
        padding: 30px;

        h3 {
          color: white;
          font-size: 34px;
          line-height: 110%;
          margin: 0 0 20px;
        }
      }
    }

    .push_article_1 {
      background-image: url("img/push_article_1-20c99dce4d7be45d957df065c2278717.webp");
    }

    .push_article_2 {
      background-image: url("img/push_article_2-a11ba4540f0f7ce9a9b5b285b0379c73.webp");
    }

    .push_article_3 {
      background-image: url("img/push_article_3-4eafe5a04a9c5e222024962b77f166a3.webp");

      .content {
        width: 370px;
      }
    }

    .ban_article_rubric {
      margin: 0;
    }
  }

  @media (max-width: 1380px) {
    .line {
      gap: 50px;
      margin-bottom: 50px;

      .push_article {
        height: 430px;
      }
    }
  }

  @media (max-width: 1240px) {
    margin: 90px 35px 0;

    .title_part {
      top: 0;
      left: 0;
    }

    .line {
      gap: 35px;
      margin-bottom: 35px;

      .push_article {
        height: 400px;
        background-size: auto 100%;

        .content {
          margin: 25px;
          width: 315px;

          h3 {
            font-size: 28px;
          }
        }
      }

      .push_article_3 {
        .content {
          width: 330px;
        }
      }
    }
  }

  @media (max-width: 935px) {
    margin-top: 50px;

    .title_part {
      position: static;
      padding: 0 0 20px;
    }

    .line {
      display: block;
      margin-bottom: 25px;

      .push_article {
        align-items: start;
        height: 335px;
        margin: 0 0 25px;

        .content {
          padding: 25px;

          h3 {
            font-size: 25px;
          }
        }
      }

      .ban_article_rubric {
        width: 100%;

        .contenu_ban_article {
          h2 {
            padding-top: 0;

            br {
              display: none;
            }
          }

          p {
            padding: 0 0 20px;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    margin: 40px 25px 0;

    .title_part {
      padding: 0 0 15px;
    }

    .line {
      margin-bottom: 20px;

      .push_article {
        align-items: start;
        margin-bottom: 20px;
        background-position: center;

        .hide_mob {
          display: none;
        }

        .content {
          margin: 20px;
          padding: 20px;
          width: auto;

          h3 {
            font-size: 22px;
            margin: 0;
            background-image: url("img/arrow-5358373206bb4c4cd81a244c8af443a4.svg");
            background-repeat: no-repeat;
            background-size: 30px;
            background-position: top 13px right 0px;
             padding-right: 35px;
          }

          p {
            padding-top: 15px;
          }
        }

        &:hover {
          .hide_mob {
            display: block;
          }

          .content {
            h3 {
              background-image: none;
            }
          }
        }
      }
    }
  }
}

/*PART REALISATION*/

.part_realisations {
  color: #003da5;
  font-family: Lato-Bold;
  font-size: 23px;
  line-height: 110%;
  padding-bottom: 40px;

  .title_part {
    padding-left: 35px;
  }

  .swiper_realisations {
    text-align: center;

    .swiper-button-prev,
    .swiper-button-next {
      color: #909090;
    }

    .swiper-pagination {
      display: none;
    }
  }

  .realisation {
    display: inline-block;
    padding: 50px 0;

    .line {
      display: flex;
      gap: 13px;
      margin-bottom: 13px;

      .col {
        display: flex;
        width: 575px;

        .text {
          text-align: left;
          display: flex;
          align-items: center;
          padding-left: 40px;

          h3 {
            font-size: 37px;
            margin: 0 0 30px;
          }
        }

        .img {
          height: 270px;
          width: 400px;
          background-position: center;
        }

        .img_small {
          width: 264px;
        }

        .img_large {
          width: 100%;
        }

        .img_1_1 {
          background-image: url("img/img_realisation_1_1-524635d3e87334f71c2b7e8ddc14b69b.webp");
        }

        .img_1_2 {
          background-image: url("img/img_realisation_1_2-9c561bec4a3bd294b1fa675ae0050db2.webp");
        }

        .img_1_3 {
          background-image: url("img/img_realisation_1_3-3f17204a75eb0bba8cdb5c24ba625789.webp");
        }

        .img_1_4 {
          background-image: url("img/img_realisation_1_4-be8e1c3f4631a6858531dfd0aee78287.webp");
        }

        .img_2_1 {
          background-image: url("img/img_realisation_2_1-4b93916194bce7ea83957b62d1145fb7.webp");
        }

        .img_2_2 {
          background-image: url("img/img_realisation_2_2-ce94e9516028a28b2d7605ff239b25e0.webp");
        }

        .img_2_3 {
          background-image: url("img/img_realisation_2_3-c480659b4cd7ead43c0fee07172a16c6.webp");
        }

        .img_2_4 {
          background-image: url("img/img_realisation_2_4-f16c2e119480ad9a1c21b5f51e1fdd32.webp");
        }

        .img_3_1 {
          background-image: url("img/img_realisation_3_1-c8283fc480441a7241de5e5d657e58d5.webp");
        }

        .img_3_2 {
          background-image: url("img/img_realisation_3_2-33509328cae03e46257030b4bf622224.webp");
        }

        .img_3_3 {
          background-image: url("img/img_realisation_3_3-4dd833942b33fb4085ceda861319074d.webp");
        }

        .img_3_4 {
          background-image: url("img/img_realisation_3_4-35c050832fe9d0698ee93e02110f463f.webp");
        }
      }

      .col_1 {
        justify-content: end;

        .text {
          padding-right: 40px;
          padding-left: 0 !important;
        }
      }

      .col_2 {
        justify-content: start;
      }

      .col_mob {
        display: none;
      }
    }
  }

  @media (max-width: 1300px) {
    .realisation {
      .line {
        .col {
          width: 475px;

          .text {
            padding-left: 30px;
          }

          .img_small {
            width: 224px;
          }
        }

        .col_1 {
          .text {
            padding-right: 30px;
          }
        }
      }
    }
  }

  @media (max-width: 1240px) {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 19px;

    .title_part {
      padding-bottom: 0;
    }

    .realisation {
      .line {
        .col {
          .img {
            height: 230px;
            background-size: auto 100%;
          }

          .img_medium {
            width: 330px;
          }

          .text {
            h3 {
              font-size: 32px;
              margin: 0 0 20px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 1100px) {
    .realisation {
      .line {
        .col {
          width: 405px;

          .img_small {
            width: 180px;
          }
        }
      }
    }
  }

  @media (max-width: 935px) {
    padding-bottom: 40px;

    .realisation {
      padding: 25px 50px;

      .line {
        display: block;
        margin: 0;

        .col {
          width: auto;
          max-width: 575px;

          .img {
            margin-bottom: 10px;
          }

          .img_large {
            background-size: 575px auto;
          }

          .img_small {
            width: 220px;
          }

          .img_1_3,
          .img_2_4,
          .img_2_2,
          .img_3_2 {
            display: none;
          }
        }

        .col_mob {
          display: block;

          .img_2_2 {
            display: block;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 30px;

    .title_part {
      padding-left: 25px;
    }

    .swiper_realisations {
      padding-bottom: 30px;

      .swiper-button-prev,
      .swiper-button-next {
        display: none;
      }

      .swiper-pagination {
        display: block;
      }
    }

    .realisation {
      padding: 20px 25px 0;

      .line {
        .col {
          .img {
            height: 140px;
            background-size: auto 100%;
          }

          .img_large {
            background-size: 100% auto;
          }

          .img_small {
            width: 120px;
          }

          .text {
            padding-left: 20px;
            position: relative;
            top: -8px;

            h3 {
              font-size: 25px;
              margin: 0 0 15px;
            }
          }
        }

        .col_1 {
          .text {
            padding-right: 20px;
          }
        }
      }
    }
  }

  @media (max-width: 420px) {
    .realisation {
      .line {
        .col {
          .img_large {
            background-size: 360px auto;
          }
        }
      }
    }
  }
}

/*PART PUSH*/

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

  .ban_financement {
    margin: 20px auto 30px;

    .contenu_ban_financement {
      h2 {
        width: 270px;
      }
    }
  }

  @media (max-width: 900px) {
    padding: 0 30px 30px;

    .push_offer_medium {
      .ban_financement {
        margin: 0;

        .contenu_ban_financement {
          h2 {
            br {
              display: none;
            }
          }
        }
      }
    }

    .ban_article_rubric {
      &.mediumWidth {
        margin: 30px 0 0;
      }
    }
  }

  @media (max-width: 580px) {
    padding: 0 25px 25px;
  }
}