/*PART*/

.container {
  background-image: url("../img/path2-6dde3478e3c76a2ee1ed8eee3fd993ed.webp") !important;
  .part {
    .line {
      .article_1 {
        background-image: url("../img/article_car_1-1331287277b5a1969e04f91fbf1864c0.webp");
        height: 1340px;

        .content {
          height: auto;
        }
      }

      .article_2 {
        background-image: url("../img/article_car_2-58db988e065a8ae8ef61d2f536e743e8.webp");

        .content {
          padding-top: 10px;

          .cta_video {
            display: none;
          }
        }
      }

      .article_3 {
        background-image: url("../img/article_car_3-df90e44bc851b05e459be16c77c2e2ef.webp");
      }

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

      .article_5 {
        background-image: url("../img/article_car_5-0f7aa6fa3dfc5cf3486306bf1902a1b4.webp");
      }

      .article_6 {
        background-image: url("../img/article_car_6-91f5bbe2b0da4e57960113cd92fe9858.webp");
        background-position: top right;

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

      .video {
        .content {
          width: 207px;
          padding: 17px 15px 20px;
        }
      }

      .infog_2 {
        background-image: url("../img/infog_car-4673351ebba3e780cafdcfd26d2a6cb2.webp");

        .icon_goodtoknow {
          top: 5px;
          position: absolute;
        }

        h3 {
          padding: 0 0 0 140px;
          width: 450px;
          font-size: 19px;
          line-height: 24px;

          strong {
            color: var(--blue-500);
            font-size: 50px;
            font-family: Lato-Black;
            line-height: 40px;
          }
        }
      }

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

        h3 {
          padding: 3px 15px;
          font-size: 24px;
          line-height: 28px;
          color: #003da5;

          strong {
            font-size: 160px;
            line-height: 155px;
            color: #4898d9;
            display: block;
            font-family: Lato-Black;
            background-image: url("../img/infog_car_2-2a34286d6460d13f3038d01430da1fdb.webp");
            background-repeat: no-repeat;
            background-position: bottom right;

            sup {
              font-size: 80px;
              position: relative;
              top: -5px;
            }
          }
        }
      }

      .quiz {
        background-color: #edf5fb;
        padding-top: 25px;

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

        .question {
          margin: 25px 0 35px;
        }

        .answer {
          background-color: #c8e0f4;
          margin: 0 0 40px;
          .item {
            line-height: 27px;
            left: -27px;
            top: 18px;
            border-color: #c8e0f4;
          }
        }

        #answer_1 {
          .content {
            background-image: url("../img/icon_cash_1-af6d97abb4dd6001b5f006107c03dbfc.webp");
          }
        }

        #answer_2 {
          .content {
            background-image: url("../img/icon_cash_2-6423c24149c06df4bbd46dcdc21165f8.webp");
          }
        }

        #answer_3 {
          .content {
            background-image: url("../img/icon_cash_3-e2f798fa645f961612f13e564886ae0a.webp");
          }
        }
      }
    }
  }

  @media (max-width: 1300px) {
    .part_car {
      padding: 34px 40px 0 80px;
      position: relative;
      left: -40px;
    }
  }

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

    .part_car {
      margin: 0 auto 60px;
      left: 0;
      padding: 0;
    }

    .part {
      .line {
        .article_1 {
          background-image: url("../img/article_car_1mob-fe870241493259190443d1aebb2418cf.webp");
          height: 300px;
          .content {
            height: auto;
            float: left;
            width: 430px;
          }
        }

        .article_3 {
          background-image: url("../img/article_car_3mob-b0be4e9108f4c526ed435b318c6aa495.webp");
        }

        .article_5 {
          background-image: url("../img/article_car_5mob-304cf405962643b1c61347730530b4a0.webp");
        }

        .infog_1 {
          height: auto;
          h3 {
            width: 380px;
            margin: 20px auto;
          }

          .icon_infos_3 {
            top: -30px;
          }
        }

        .infog_2 {
          background-size: auto;
          background-position: bottom right 80px;
          height: 215px;

          .icon_goodtoknow {
            top: -25px;
            right: 0;
          }

          h3 {
            padding: 25px 0px 0px 40px;
            br {
              display: block;
            }
          }
        }

        .quiz {
          width: 100%;
          margin: 0 0 30px;

          .question {
            margin: 15px 20px 25px;
          }

          .answer {
            margin: 0 15px 15px;
            .content {
              width: 180px;
              margin: 7px;
              font-size: 30px;
              span {
                width: 100px;
              }
            }
          }
        }
      }
    }
  }

  @media (max-width: 780px) {
    .part_car {
      padding: 0 30px 10px;
    }

    .part {
      .line {
        .infog_2 {
          background-position: bottom right;
          background-size: 340px;

          .icon_goodtoknow {
            right: -40px;
          }

          h3 {
            padding: 25px 0px 0px 30px;
          }
        }
      }
    }
  }

  @media (max-width: 710px) {
    .part {
      .line {
        .article {
          background-position: top right -50px;
        }

        .article_1 {
          .content {
            width: 320px;
          }
        }

        .article_2 {
          background-position: top right -110px;
          .content {
            width: 320px;
          }
        }

        .infog_2 {
          background-position: bottom center;
          height: 290px;

          .icon_goodtoknow {
            right: 0;
          }

          h3 {
            padding: 0;
            margin: 20px auto;
            width: 210px;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    .part_car {
      margin: 0 auto 20px;
    }

    .part {
      padding: 0 25px 20px;
      .line {
        .article_1 {
          height: 182px;
        }

        .article_2 {
          background-position: top right -40px;

          .content {
            .cta {
              display: none;
            }

            .cta_video {
              display: block;

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

        .article {
          .content {
            width: 165px;
            padding: 15px 10px 15px 15px;
          }
        }

        .article_5 {
          background-position: top right -60px;
        }

        .article_6 {
          background-image: url("../img/article_car_6mob-c71deaa0cd90d250a96088a4db7d81b7.webp");
          .content {
            float: left;
          }
        }

        .infog_1 {
          .icon_infos_3 {
            right: -28px;
            width: 110px;
            top: -20px;
          }

          h3 {
            font-size: 16px;
            line-height: 22px;
            margin: 15px auto;
            width: 320px;
            background-size: 100px;

            strong {
              font-size: 120px;
              line-height: 105px;
              background-size: 120px;
              background-position: bottom -5px right;

              sup {
                font-size: 60px;
              }
            }

            br {
              display: block;
            }
          }
        }

        .infog_2 {
          height: 270px;
          h3 {
            font-size: 16px;
            line-height: 22px;
            width: 175px;

            strong {
              font-size: 40px;
            }
          }

          .icon_goodtoknow {
            left: -28px;
            width: 110px;
            right: auto;
            top: -20px;
          }
        }

        .quiz {
          margin: 0 0 20px;
          .icon_budget {
            width: 50px;
          }

          .question {
            margin: 15px 5px 25px;
          }

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

  @media (max-width: 460px) {
    .part {
      .line {
        .article_6 {
          background-position: top left -80px;
        }
      }
    }
  }
}