/*PART*/

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

        .content {
          height: auto;
        }
      }

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

        .content {
          padding-top: 10px;

          .cta_video {
            display: none;
          }
        }
      }

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

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

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

      .article_6 {
        background-image: url("../img/article_car_6-kfW74rD.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-RnM1Hru.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-KjQobWR.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-r22Xq7T.webp");
          }
        }

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

        #answer_3 {
          .content {
            background-image: url("../img/icon_cash_3-4veY-mR.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-_ocCQUk.webp");
          height: 300px;
          .content {
            height: auto;
            float: left;
            width: 430px;
          }
        }

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

        .article_5 {
          background-image: url("../img/article_car_5mob-MEz0BZY.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-xx3qoM2.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;
        }
      }
    }
  }
}