/*PART*/

.container {
  .part {
    .line {
      .article_1 {
        background-image: url("../img/article_truck_1-02dae448c28933fbba5e3320ead287dd.webp");
      }

      .article_2 {
        background-image: url("../img/article_truck_2-f5622cb80dd7ab394f8220e759656332.webp");
      }

      .article_3 {
        background-image: url("../img/article_truck_3-687344b0fa3a37a1c113ab61aeac37cc.webp");
      }

      .article_4 {
        background-image: url("../img/article_truck_4-b276302b8be177143d7333cd0b242c0c.webp");
      }

      .article_5 {
        background-image: url("../img/article_truck_5-3ead3627b4dbbd0a180fb642cc234315.webp");

        .content {
          margin: 13px 25px;
          height: 275px;
        }
      }

      .article_6 {
        background-image: url("../img/article_truck_6-20acf8d141e51664543c598aed4a7fc6.webp");

        .content {
          background-color: rgba(0, 0, 0, 0.2);
        }
      }
    }

    .infog {
      .icon_infos {
        position: relative;
        top: -30px;
        display: inline-block;
        vertical-align: top;
      }

      p {
        font-family: Lato-Black;
        font-size: 20px;
        line-height: 24px;
        width: 185px;
        display: inline-block;
        vertical-align: top;
        padding: 25px 0 0 10px;
      }

      h3 {
        width: 286px;
        margin: 0 auto;
        position: relative;
        top: -35px;
        font-size: 23px;
        line-height: 25px;
        background-image: url("../img/infog_truck-024617cf001aedc572dec3566edf690d.webp");
        background-repeat: no-repeat;
        background-position: bottom right 10px;
        padding: 0 0 10px;

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

    .quiz {
      height: 300px;
      width: 100%;
      #pre_header {
        margin-bottom: 17px;
      }

      #post_header {
        display: none;
        margin-bottom: 18px;

        .title {
          display: none;
        }

        br {
          display: none;
        }
      }

      .answer {
        width: 170px;
        height: 170px;
        margin: 0 9px;

        .item {
          top: -17px;
          right: 65px;
        }

        .img {
          margin: 10px;
          width: 150px;
          height: 150px;
          background-position: center;
        }
      }

      #answer_1 {
        .img {
          background-image: url("../img/img_quiz_1-accda9e4dd893f6bbd926e7c95922c92.webp");
        }
      }

      #answer_2 {
        .img {
          background-image: url("../img/img_quiz_2-87a2596fffdba60b4ed0de3cfc1514be.webp");
        }
      }

      #answer_3 {
        .img {
          background-image: url("../img/img_quiz_3-da3df41afd0f280b969ed1a613401c56.webp");
        }
      }

      #answer_4 {
        .img {
          background-image: url("../img/img_quiz_4-789e7578253aed66b8ec09bf86c35966.webp");
        }
      }

      .list_answer {
        br {
          display: none;
        }
      }

      .text {
        max-width: 715px;
        margin: 5px auto 0;
        display: none;

        strong {
          font-family: Lato-Black;
          color: #6bda52;
        }
      }

      #text_false {
        strong {
          color: #fc6a6a;
        }
      }
    }

    @media (max-width: 1300px) {
      .line {
        .quiz {
          #pre_header {
            margin-bottom: 50px;
          }

          .question {
            margin: 0 15px;
          }

          .answer {
            width: 140px;
            height: 140px;

            .img {
              margin: 7px;
              width: 126px;
              height: 126px;
              background-size: 100% auto;
            }
          }
        }
      }
    }

    @media (max-width: 1190px) {
      .line {
        .article_2 {
          background-image: url("../img/article_truck_2mob-4d3194b07c8438bf4bed285fc648da51.webp");
        }

        .article_4 {
          background-image: url("../img/article_truck_4mob-717ae0a7029ef4c04f798fb9e1ef2257.webp");
        }

        .infog {
          height: 215px;

          .icon_infos {
            position: absolute;
          }

          p {
            position: absolute;
            top: 45px;
            left: 170px;
          }

          h3 {
            position: absolute;
            top: 30px;
            right: 60px;

            br {
              display: block;
            }
          }
        }

        .quiz {
          height: auto;
          margin: 0 0 30px;
          padding: 15px 10px 20px;

          #pre_header {
            margin-bottom: 35px;
          }

          #post_header {
            margin-bottom: 35px;
            .title {
              display: block;
            }

            .question {
              margin: 15px 15px 0px;
            }

            br {
              display: block;
            }
          }

          .answer {
            .item {
              right: 50px;
            }
          }
        }
      }
    }

    @media (max-width: 935px) {
      .line {
        .quiz {
          height: auto;
        }
      }
    }

    @media (max-width: 780px) {
      .line {
        .article_6 {
          background-position: top right -100px;
        }

        .infog {
          height: auto;
          h3 {
            position: static;
            margin: 0 auto 15px;
          }

          p {
            position: static;
            margin: 0 0 30px 160px;
            width: 60%;
          }
        }

        .quiz {
          #pre_header {
            margin-bottom: 35px;
          }

          #post_header {
            .question {
              margin: 0 20px;
            }
          }

          .title {
            display: block;
            text-align: center;
            margin: 15px 0 25px;
          }

          .title_2 {
            display: none;
          }

          .answer {
            margin-bottom: 20px;
          }

          .list_answer {
            br {
              display: block;
            }
          }
        }
      }
    }

    @media (max-width: 580px) {
      .line {
        .article_3 {
          background-position: top right;
        }

        .article_5 {
          .content {
            height: auto;
            margin: 15px;
          }
        }

        .article_6 {
          background-position: top left;
          background-image: url("../img/article_truck_6mob-eebf17d04dc50d98b80b6a007aa5f4eb.webp");

          .content {
            float: right;
          }
        }

        .infog {
          .icon_infos {
            left: -28px;
            width: 110px;
            top: -20px;
          }

          p {
            font-size: 16px;
            line-height: 22px;
            margin: 0 85px;
            display: block;
            text-align: center;
            width: auto;
            padding: 20px 0 0;
          }

          h3 {
            font-size: 16px;
            line-height: 22px;
            position: static;
            margin: 10px auto;
            width: 210px;
            background-position: bottom right;
            background-size: 95px;

            strong {
              font-size: 90px;
              line-height: 80px;
            }
          }
        }

        .quiz {
          padding: 15px 0 0;
          margin: 0 0 20px;

          .question {
            margin: 0 10px;

            br {
              display: none;
            }
          }

          .text {
            margin: 0 20px 15px;
          }

          #post_header {
            br {
              display: none;
            }
          }
        }
      }
    }

    @media (max-width: 490px) {
      .line {
        .article_1 {
          background-position: top left -40px;
          .content {
            width: 130px;
          }
        }
      }
    }
  }
}