/*PART*/

.container {
  background-image: url("../img/path2-6dde3478e3c76a2ee1ed8eee3fd993ed.webp") !important;
  .part {
    .line {
      .article_1 {
        background-image: url("../img/article_bike_1-6a16cc0a2e871471d1cc827ac37d54c2.webp");
        height: 643px;
        position: relative;

        .content {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 600px;
          height: auto;
        }
      }

      .article_2 {
        background-image: url("../img/article_bike_2-2808b5bf43f9f1f8c3bb3d7ef79d12ec.webp");
      }

      .article_3 {
        background-color: #e1f4f3;
        color: #2c827c;

        .simulator_bike_mob {
          display: none;
        }

        .content {
          color: #2c827c;
          background-color: transparent;
          width: 425px;

          h3 {
            color: #2c827c;
          }
        }

        .simulator {
          display: inline-block;
          padding: 20px 0;
          p {
            padding: 0;
          }
        }
      }

      .article_4 {
        background-image: url("../img/article_bike_4-56e1d3d07a4b7d2dbbe169b8426f5a45.webp");

        .cta_video {
          display: none;
        }
      }

      .article_5 {
        background-image: url("../img/article_bike_5-13c573bbe5db61d6e779f3463e46175e.webp");
      }

      .infog {
        background-image: url("../img/infog_bike-4b4e1137f3c34cc0de8d8e79ac06d6d2.webp");
        background-position: center bottom;
        background-repeat: no-repeat;

        .icon_seen_elsewhere {
          position: absolute;
          top: -40px;
          right: -40px;
        }

        h3 {
          color: #003da5;
          font-size: 24px;
          line-height: 28px;
          margin: 20px 20px 5px;

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

        p {
          color: #4898d9;
          font-size: 18px;
          line-height: 24px;
          padding: 0 20px;
        }
      }

      .push_1 {
        h3 {
          font-size: 25px;
          line-height: 30px;
        }
      }

      .carousel {
        background-color: white;
        border: solid 1px #003da5;
        padding: 10px 21px 25px;
        height: 300px;

        .icon_reaction {
          display: inline-block;
          vertical-align: top;
          position: relative;
          top: 5px;
        }

        h3 {
          display: inline-block;
          font-size: 16px;
          line-height: 22px;
          font-family: Lato-Regular;
          text-align: left;
          margin: 0 0 0 10px;

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

        .swiper-bike {
          overflow: hidden;
          position: relative;
          padding-bottom: 32px;
        }

        .slide {
          height: 180px;
          border-radius: 10px;
          display: block;
          margin-top: 10px;
          padding: 1px;

          .content {
            margin: 15px;
            padding: 10px 15px;
            width: auto;
            height: auto;
            display: inline-block;
            float: left;
          }
        }

        #slide_1 {
          background-image: url("../img/slide_reaction_1-6f033d83b1947ec9930b98bab0a80d58.webp");
        }

        #slide_2 {
          background-image: url("../img/slide_reaction_2-462a78ba41970bdaa3d1921e940f3424.webp");
        }

        #slide_3 {
          background-image: url("../img/slide_reaction_3-f0b92fe4c60a866dc036e5947f304ccf.webp");
        }

        #slide_4 {
          background-image: url("../img/slide_reaction_4-67c25cd9de7a969bac95a72ab56bb8b7.webp");
        }
      }

      .choice {
        background-color: #edf5fb;
        border: solid 1px #003da5;
        position: relative;

        .post {
          display: none;
        }

        h3 {
          font-size: 28px;
          line-height: 31px;
          font-family: Lato-Regular;
          margin: 0;
          padding: 10px 0 0;

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

        .item {
          background-color: white;
          width: 140px;
          height: 140px;
          border-radius: 300px;
          filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.25));
          display: inline-block;
          margin: 10px;
          vertical-align: top;
          cursor: pointer;

          .vehicule {
            height: 95px;
            margin: 10px auto;
            display: block;
          }

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

        .btn_close {
          width: 19px;
          position: absolute;
          top: 10px;
          right: 10px;
          display: none;
          cursor: pointer;
        }

        .answer {
          background-color: white;
          width: 278px;
          height: 278px;
          border-radius: 300px;
          filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.25));
          margin: 10px auto;
          padding: 1px;

          .vehicule {
            display: block;
            margin: 10px auto;
            height: 65px;
          }

          strong {
            font-size: 20px;
            line-height: 22px;
            font-family: Lato-Black;
          }

          p {
            padding: 0 20px;
            line-height: 22px;
          }
        }
      }
    }
  }

  @media (max-width: 1190px) {
    background-image: none !important;

    .part {
      .line {
        .article_1 {
          height: 443px;
          position: relative;
          background-position: bottom center;
          .content {
            width: auto;
          }
        }

        .article_2 {
          background-position: top right -50px;
        }

        .article_3 {
          height: auto;
          .content {
            padding: 5px 20px;
            width: auto;
            height: auto;
            margin-bottom: 0;
          }

          .simulator_bike {
            max-width: 90%;
          }
        }

        .infog {
          background-size: auto;
          height: 215px;

          .icon_seen_elsewhere {
            right: -90px;
          }

          h3 {
            strong {
              display: block;
            }
          }
        }

        .carousel {
          width: 100%;
          height: auto;
          padding: 20px 21px 10px;
          margin-bottom: 30px;

          h3 {
            br {
              display: block;
            }
          }

          .slide {
            width: 320px;
            margin: 20px auto 0;
          }
        }

        .choice {
          height: auto;
          h3 {
            padding: 20px 0 10px;
          }

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

  @media (max-width: 780px) {
    .part {
      .line {
        .infog {
          height: auto;
          padding: 0 100px 100px 0;

          .icon_seen_elsewhere {
            right: -40px;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    .part {
      .line {
        .article {
          .content {
            width: 195px;
          }
        }

        .article_1 {
          height: 250px;
        }

        .article_3 {
          .content {
            width: auto;
            .cta {
              color: #2c827c;
            }
          }

          .simulator_bike {
            display: none;
          }

          .simulator {
            padding: 20px 35px;
            text-align: left;
          }

          .simulator_bike_mob {
            display: block;
            width: auto;
            margin: 10px auto 0;
            max-width: 100%;
          }
        }

        .article_4 {
          .content {
            .cta {
              display: none;
            }

            .cta_video {
              display: block;
              span {
                display: inline-block;
                vertical-align: top;
                padding: 7px 0 0 5px;
              }
            }
          }
        }

        .article_5 {
          background-image: url("../img/article_bike_5mob-1e03a23e2edcda9e54a3113570b35c03.webp");
          background-position: top right -40px;
          br {
            display: none;
          }

          .content {
            float: left;
          }
        }

        .infog {
          padding: 0 0 100px 0;
          .icon_seen_elsewhere {
            right: -28px;
            height: 110px;
            top: -20px;
          }

          h3 {
            font-size: 16px;
            line-height: 22px;

            strong {
              font-size: 28px;
              line-height: 32px;
              padding: 0 60px 0 0;
            }
          }

          p {
            font-size: 15px;
            line-height: 21px;
          }
        }

        .choice {
          h3 {
            font-size: 20px;
            line-height: 24px;
          }

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

          .item {
            margin: 10px 5px;
          }

          .answer {
            .vehicule {
              margin: 30px auto 10px;
            }
          }
        }

        .carousel {
          .icon_reaction {
            top: 10px;
            width: 35px;
          }

          h3 {
            font-size: 15px;
            line-height: 21px;
          }
        }
      }
    }
  }
}