.container {
  .cover {
    p {
      display: none;
    }

    .content {
      .title {
        margin-bottom: 0;
      }
    }
  }

  .quiz {
    background-color: white;
    top: -245px;
    padding-bottom: 0px;
  }

  .encart_webserie {
    margin-top: 90px;
  }

  @media (max-width: 1290px) {
    .quiz {
      top: -70px;
      padding-bottom: 70px;
    }
  }

  @media (max-width: 1190px) {
    .quiz {
      padding: 50px 0 30px;
    }

    .encart_webserie {
      margin-top: 60px;
    }
  }

  @media (max-width: 935px) {
    .quiz {
      top: -40px;
    }

    .encart_webserie {
      margin-top: 40px;
    }

    .ban_financement {
      margin: 20px 40px;
    }
  }

  @media (max-width: 580px) {
    .quiz {
      padding: 40px 25px 25px;
    }

    .ban_financement {
      margin: 10px 25px 20px;
    }
  }

  .page {
    .list_push {
      .push_1 {
        background-image: url("../img/background_push-3546836ac84c994e7cbca15018a639b2.webp");

        .content {
          background: none;
          -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
        }
      }
    }
  }

  .simulator {
    background-image: url("../img/background_simulator-8272b0ca537c399aa63f4d2d125e2a56.webp");

    .cta {
      margin-top: 20px;
    }

    .content {
      text-align: center;
      padding-bottom: 80px;

      .cover_simulator {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        background-color: rgba(0, 0, 0, 0.1);
        margin: 20px 0 0;
        padding: 40px;
        text-align: left;

        h2 {
          font-size: 35px;
        }

        .offer {
          width: 530px;
          padding-left: 45px;

          .text {
            margin-bottom: 20px;

            .number {
              font-size: 96px;
              line-height: 80px;
              position: relative;

              sup {
                font-size: 51px;
              }

              span {
                font-size: 14px;
                position: absolute;
                line-height: 16px;
                top: 50px;
                left: 190px;

                sup {
                  font-size: 9px;
                }
              }
            }

            .info {
              font-size: 20px;
              line-height: 27px;
            }
          }

          .date {
            background-color: #0097d6;
            font-size: 20px;
            line-height: 25px;
            display: inline-block;
            padding: 5px 10px;
            margin: 0 0 20px;
          }

          .text_2 {
            display: flex;
            gap: 20px;
            align-items: center;

            .ml {
              font-size: 11px;
              line-height: 16px;
              text-align: left;
            }
          }
        }
      }
    }

    @media (max-width: 1190px) {
      .content {
        padding: 0 0 70px;
        max-width: 800px;

        .cover_simulator {
          h2 {
            font-size: 27px;
            padding-right: 30px;

            br {
              display: none;
            }
          }

          .offer {
            font-size: 19px;
            width: 420px;
            padding-left: 30px;

            .text {
              margin-bottom: 15px;
              padding-top: 15px;
              gap: 15px;

              .info {
                font-size: 17px;
                line-height: 21px;
              }

              .number {
                font-size: 80px;
                line-height: 70px;

                span {
                  font-size: 12px;
                  line-height: 13px;
                  top: 45px;
                  left: 155px;

                  sup {
                    font-size: 7px;
                  }
                }

                sup {
                  font-size: 40px;
                }
              }
            }

            .date {
              font-size: 17px;
              padding: 0px 8px;
              margin: 0 0 15px;
            }

            .text_2 {
              display: block;

              .ml {
                margin-top: 10px;

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

    @media (max-width: 935px) {
      .content {
        padding: 0 40px 40px;
        max-width: 100%;

        .cover_simulator {
          display: block;
          padding-bottom: 100px;

          .offer {
            margin: 0 auto;
            padding: 0;
            width: 380px;
          }

          h2 {
            font-size: 26px;
            width: auto;
            text-align: center;
            border-right: none;
            border-bottom: solid 1px white;
            padding: 0 0 20px;
            margin-bottom: 20px;
          }
        }
      }

      .cta {
        margin-top: 20px;
        display: block;
        width: 130px;
        position: absolute;
        margin: 0;
        bottom: 30px;
        left: -65px;
        margin-left: 50%;
      }
    }

    @media (max-width: 580px) {
      background-size: 580px auto;
      background-position: center;

      .content {
        padding: 0 25px 25px;

        .cover_simulator {
          padding: 20px;
          text-align: center;
          padding-bottom: 100px;

          h2 {
            font-size: 23px;
          }

          .offer {
            width: auto;

            .text {
              display: block;
              text-align: center;
              width: 200px;
              margin: 0 auto;

              .info {
                margin: 10px;
              }
            }

            .text_2 {
              .ml {
                text-align: center;
              }
            }
          }
        }
      }
    }
  }
}

/*INFOG*/

.infog_pp {
  padding: 65px 65px 45px;

  h2 {
    font-size: 40px;
    line-height: 140%;
    text-align: center;
    margin: 0 0 50px;
    font-family: Lato-Black;

    .icon_infog_more {
      position: relative;
      top: 30px;
    }
  }

  .carousel {
    display: flex;
    gap: 20px;

    .menu {
      .item {
        background-color: #e6ecf6;
        margin-bottom: 10px;
        padding: 30px 0 25px 40px;
        font-size: 33px;
        color: #003da5;
        width: 520px;
        position: relative;
        cursor: pointer;

        .img {
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0;
          left: 0;
          background-repeat: no-repeat;
          background-position: right 110px center;
        }

        strong {
          font-size: 60px;
          font-family: Lato-Black;
          display: block;
          line-height: 65px;
        }

        .arrow_carousel {
          position: absolute;
          right: 20px;
          top: 55px;
          display: none;
        }

        &.select {
          color: white;

          .arrow_carousel {
            display: block;
          }
        }
      }

      #item_1 {
        .img {
          background-image: url("../img/icon_carousel_car-ae741c69241f3eb17348f4bcaa8b42f8.svg");
        }

        &.select {
          background: linear-gradient(86deg, #003da5 17.19%, #4c83e0 115.51%);

          .img {
            background-image: url("../img/icon_carousel_car_white-223213f9c33d7486bb332f9c61d682fb.svg");
          }
        }
      }

      #item_2 {
        .img {
          background-image: url("../img/icon_carousel_works-e6105a038fe09758812adee22ba565b1.svg");
        }

        &.select {
          background: linear-gradient(86deg, #133e34 0.58%, #32a48a 98.93%);

          .img {
            background-image: url("../img/icon_carousel_works_white-0f6b6e4434f914939a8e785194289535.svg");
          }
        }
      }

      #item_3 {
        .img {
          background-image: url("../img/icon_carousel_perso-d224d3498150ef096c48c53fe9d1aedb.svg");
        }

        &.select {
          background: linear-gradient(86deg, #910e5a 0%, #ef6aba 99.45%);

          .img {
            background-image: url("../img/icon_carousel_perso_white-bd4bf01d9ee1b4d43b27fd535974c654.svg");
          }
        }
      }
    }

    .slide {
      background-color: #e6ecf6;
      padding: 55px 70px;
      color: black;
      font-size: 20px;
      line-height: 140%;
      height: 452px;
      display: none;

      a {
        color: black;
        text-decoration: underline;
        display: block;
        margin: 5px 0 0 10px;
        cursor: pointer;
      }

      .text {
        padding: 0 10px;
      }

      table {
        margin: 20px 0;
        font-size: 20px;

        th {
          background-color: #e6ecf6;
          color: black;
          font-family: Lato-Black;
          font-weight: normal;
        }

        thead {
          th {
            padding: 0;
          }
        }

        tbody {
          th {
            background-color: #c5d6f3;
          }

          td {
            background-color: #a0bef2;
          }
        }
      }

      th,
      td {
        border: 12px solid #e6ecf6;
        text-align: center;
        padding: 5px;
      }
    }

    #slide_1 {
      display: block;

      table {
        margin: 5px 0 0;
      }
    }

    #slide_2,
    #mob_slide_2 {
      background-color: #ebf6f4;

      table {
        max-width: 400px;

        th,
        td {
          border: 12px solid #ebf6f4;
        }

        tbody {
          th {
            background-color: #b4ded4;
          }

          td {
            background-color: #6abdaa;
          }
        }
      }
    }

    #slide_3,
    #mob_slide_3 {
      background-color: #fef1f9;

      table {
        max-width: 400px;

        th,
        td {
          border: 12px solid #fef1f9;
        }

        tbody {
          th {
            background-color: #fac9e7;
          }

          td {
            background-color: #f493cd;
          }
        }
      }
    }
  }

  .content_infog {
    max-width: 1025px;
    margin: 0 auto;

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

      .block {
        background-color: #f6f6f6;
        padding: 40px 50px 30px;
        font-size: 17px;
        line-height: 140%;
        color: #003da5;
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
        width: 100%;

        h3 {
          font-size: 40px;
          font-family: Lato-Black;
          margin: 0 0 30px;
        }

        .text {
          p {
            padding: 0 0 15px;
          }

          strong {
            font-family: Lato-Black;
          }

          b {
            font-family: Lato-Black;
            font-size: 27px;
            color: #0097d6;
          }
        }

        .icon_infog {
          position: absolute;
          top: 75px;
          right: 75px;
        }

        .flex {
          display: flex;
          gap: 40px;
          align-self: start;
        }

        .line_list {
          display: flex;
          gap: 10px;
          align-items: start;
          margin-bottom: 10px;

          .num {
            background-color: #0097d6;
            width: 30px;
            height: 30px;
            border-radius: 30px;
            color: white;
            font-size: 16px;
            font-family: Lato-Bold;
            align-items: center;
            justify-content: center;
            display: flex;
          }
        }
      }

      .block_1 {
        background-image: url("../img/icon_infog_accessibility_back-4c864eced0045e7459efb432e1c32f0c.svg");
      }

      .block_2 {
        background-image: url("../img/icon_infog_speed_back-36874539e31ef67f190d9e9dc127e5d9.svg");

        .icon_infog {
          top: 95px;
          right: 135px;
        }

        h3 {
          margin: 0 0 45px;
        }
      }

      .block_3 {
        padding-bottom: 0;
      }

      .block_4 {
        width: 350px;
        background-image: url("../img/icon_infog_serenity_back-1a415c2bc4090011012b5768bc4989a3.svg");
        padding-right: 35px;
        padding-left: 35px;
        height: 100%;

        .icon_infog {
          top: 35px;
          right: 30px;
        }

        h3 {
          margin: 0 0 60px;
        }

        .text {
          b {
            font-size: 23px;
            line-height: 135%;
            padding: 0 0 10px;
          }
        }
      }
    }
  }

  @media (max-width: 1290px) {
    .carousel {
      .slide {
        padding: 35px 25px;

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

    .content_infog {
      .line {
        .block {
          h3 {
            font-size: 35px;
          }
        }
      }
    }
  }

  @media (max-width: 1190px) {
    padding: 55px 55px 10px;

    h2 {
      font-size: 30px;
      line-height: 120%;

      .icon_infog_more {
        width: 90px;
      }
    }

    .content_infog {
      .line {
        display: block;

        .block {
          max-width: 600px;
          margin: 0 auto 30px !important;
          width: auto !important;
          font-size: 16px;
          padding: 25px;

          h3 {
            margin: 0 0 20px !important;
          }

          .icon_infog {
            top: 35px !important;
            right: 30px !important;
          }

          .text {
            max-width: 450px;
            br {
              display: none;
            }
          }

          h3 {
            font-size: 30px;
          }
        }

        .block_3 {
          padding-bottom: 0;
        }

        .block_4 {
          margin-bottom: 0 !important;
          b {
            display: block;
            width: 300px;
          }
        }
      }
    }

    .carousel {
      gap: 10px;

      .menu {
        .item {
          width: 350px;
          padding: 20px 0 20px 20px;
          font-size: 20px;

          strong {
            font-size: 40px;
            line-height: 40px;
          }

          .img {
            background-size: 90px auto;
            background-position: right 80px center;
          }

          .arrow_carousel {
            width: 40px;
            top: 37px;
          }
        }

        #item_3 {
          .img {
            background-size: 75px auto;
          }
        }
      }

      .slide {
        padding: 25px 20px;
        font-size: 17px;
        height: 323px;

        table {
          font-size: 16px;
          margin: 20px 0 5px;
        }
      }
    }
  }

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

    h2 {
      font-size: 26px;
      margin: 0 0 30px;

      .icon_infog_more {
        width: 70px;
        top: 20px;
      }
    }

    .carousel {
      display: block;
      max-width: 600px;
      margin: 0 auto 20px;

      .slide {
        padding: 20px 15px;
        font-size: 15px;
        height: auto;
        margin-bottom: 10px;

        table {
          font-size: 15px;
        }
      }

      #slide_1 {
        display: none;
      }

      #mob_slide_1 {
        display: block;
      }

      .menu {
        .item {
          width: auto;
          margin: 10px 0 0;
          color: white;

          .arrow_carousel {
            display: block;
            transform: rotate(90deg);
          }

          &.select {
            .arrow_carousel {
              transform: rotate(-90deg);
            }
          }
        }

        #item_1 {
          background: linear-gradient(86deg, #003da5 17.19%, #4c83e0 115.51%);

          .img {
            background-image: url("../img/icon_carousel_car_white-223213f9c33d7486bb332f9c61d682fb.svg");
          }
        }

        #item_2 {
          background: linear-gradient(86deg, #133e34 0.58%, #32a48a 98.93%);

          .img {
            background-image: url("../img/icon_carousel_works_white-0f6b6e4434f914939a8e785194289535.svg");
          }
        }

        #item_3 {
          background: linear-gradient(86deg, #910e5a 0%, #ef6aba 99.45%);

          .img {
            background-image: url("../img/icon_carousel_perso_white-bd4bf01d9ee1b4d43b27fd535974c654.svg");
          }
        }
      }
    }

    .content_infog {
      .line {
        .block {
          font-size: 13px;

          .icon_infog {
            top: 20px !important;
            width: 65px;
          }

          h3 {
            font-size: 26px;
          }

          .text {
            b {
              font-size: 20px;
            }
          }
        }

        .block_1 {
          padding-right: 100px;
          .icon_infog {
            width: 50px;
          }
        }

        .block_2 {
          padding-right: 110px;
        }
      }
    }
  }

  @media (max-width: 580px) {
    padding: 40px 25px 1px;

    h2 {
      font-size: 23px;
      margin: 0 0 25px;

      .icon_infog_more {
        width: 50px;
        top: 10px;
      }
    }

    .carousel {
      margin-bottom: 20px;
      .menu {
        .item {
          font-size: 17px;

          .arrow_carousel {
            width: 30px;
            top: 33px;
            transform: rotate(90deg);
          }

          .img {
            background-size: 75px auto;
          }

          strong {
            font-size: 30px;
            line-height: 30px;
          }
        }

        #item_3 {
          .img {
            background-size: 65px auto;
          }
        }
      }

      .slide {
        padding: 20px 10px;
        font-size: 13px;

        table {
          font-size: 13px;
        }
      }
    }

    .content_infog {
      .line {
        .block {
          background-size: auto 140px;
          padding: 20px;

          h3 {
            font-size: 23px;
          }

          .text {
            padding-right: 90px;

            .p_2 {
              width: 150%;
            }

            b {
              font-size: 17px;
            }
          }

          .line_list {
            padding-left: 110px;
            margin-bottom: 5px;

            .num {
              width: 23px;
              height: 23px;
              font-size: 13px;
            }
          }
        }

        .block_3 {
          padding-bottom: 5px;
          .flex {
            display: block;
          }

          .list {
            min-height: 150px;
          }

          .img_mobile {
            position: absolute;
            bottom: 0;
            width: 105px;
            left: 15px;
          }
        }

        .block_4 {
          .text {
            padding-right: 0;

             b {
            padding-right: 70px;
          }
          }


        }
      }
    }
  }
}