/*PART*/

.container {
  background-image: url("../img/path2-6dde3478e3c76a2ee1ed8eee3fd993ed.webp") !important;
  .part {
    .line {
      .article_1 {
        background-image: url("../img/article_moto_1-7462b3bfe6b892d7126967df315286e4.webp");
        .content {
          width: 430px;
        }
      }

      .article_2 {
        background-image: url("../img/article_moto_2-66572bcc87798b5d074dbdc4fb9ed27b.webp");
        background-position: center;
        .content {
          background-color: rgba(0, 0, 0, 0.2);
        }
      }

      .article_3 {
        background-image: url("../img/article_moto_3-9b1894722772949429c2201faba28d08.webp");
        height: 654px;

        .content {
          height: auto;
        }
      }

      .article_4 {
        background-image: url("../img/article_moto_4-ac4102493270d8712d26e0de69f9479f.webp");
        .content {
          padding-top: 10px;
        }
      }

      .article_5 {
        background-image: url("../img/article_moto_5-341fba79f6156ef165e0068326b3ad89.webp");

        .content {
          width: 410px;
          padding-top: 40px;
        }
      }

      .article_6 {
        background-image: url("../img/article_moto_6-44f5c1c585d2618266c9dc6ed3458048.webp");
        height: 643px;

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

      .infog_1 {
        background-image: url("../img/infog_moto-17dd9e7402370fcafa0ad880c9934171.webp");
        background-position: bottom 20px right 20px;
        padding: 20px 30px;

        h3 {
          font-size: 16px;
          line-height: 22px;
          color: var(--blue-500);

          strong {
            font-size: 45px;
            line-height: 36px;
            font-family: Lato-Black;
            display: block;
            color: #4898d9;
            padding: 5px 0;
          }
        }

        .icon_infos {
          position: absolute;
          top: -25px;
          right: -25px;
        }
      }

      .infog_2 {
        padding: 20px 15px;
        background-image: url("../img/infog_moto_2-1ae7717ce919ea5f45ca8449e385afd0.webp");
        background-position: top 15px right 15px;
        background-color: #edf5fb;

        .icon_trick {
          position: absolute;
          top: -45px;
          left: 30px;
        }

        h3 {
          font-size: 30px;
          line-height: 32px;
          color: var(--blue-500);
          padding: 70px 0 5px;
          margin: 0;

          span {
            color: #4898d9;
          }
        }

        p {
          font-family: Lato-Bold;
          font-size: 14px;
          line-height: 21px;
        }
      }

      .infog_3 {
        background-image: url("../img/infog_moto_3-e8ebfc4ffbed86df6f9b6110b9c730d0.webp");
        background-position: center bottom 15px;
        background-repeat: no-repeat;

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

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

          strong {
            font-size: 62px;
            line-height: 70px;
            color: #4898d9;
            font-family: Lato-Black;
            display: block;
          }
        }
      }
    }
  }

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

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

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

    .part {
      .line {
        .article_1 {
          background-position: top left -60px;
          .content {
            width: 400px;
            padding-right: 10px;
          }
        }

        .article_2 {
          background-image: url("../img/article_moto_2mob-ab3a294c43c6d370caddc9aa12053743.webp");
          background-position: top center;
          height: auto;
          background-size: 100% auto;
          background-repeat: no-repeat;
          background-color: #787470;

          .content {
            width: auto;
            margin: 245px 25px 25px;
          }
        }

        .article_3 {
          background-image: url("../img/article_moto_3mob-5559ead10ef3eabe0e0327634125a90a.webp");

          height: 300px;
          .content {
            width: 400px;
          }
        }

        .article_4 {
          background-position: top right;
          .content {
            width: 400px;
          }
        }

        .article_5 {
          background-position: top left -60px;
          .content {
            padding-top: 20px;
          }
        }

        .article_6 {
          background-image: url("../img/article_moto_6mob-06d30f776d46de2d47b92100f1017d84.webp");

          height: 300px;
          .content {
            width: 400px;
          }
        }

        .infog_1 {
          height: 215px;
          background-position: bottom 40px right 70px;
          background-size: auto;

          h3 {
            width: 320px;
            padding: 20px 0 0 20px;
            margin: 0;
          }

          .icon_infos {
            right: 150px;
          }
        }

        .infog_2 {
          height: 215px;
          background-size: auto;
          background-position: top 25px right 20px;

          h3 {
            width: 380px;
            padding: 15px 0 0 35px;
          }

          p {
            width: 370px;
            padding: 10px 0 0 35px;
          }

          .icon_trick {
            top: -25px;
            left: auto;
            right: 150px;
          }
        }

        .infog_3 {
          background-size: auto;
          height: 235px;
          background-position: center bottom 10px;

          h3 {
            text-align: center;
            margin: 15px 0;
          }
        }
      }
    }
  }

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

    .part {
      .line {
        .infog_1 {
          background-position: bottom 40px right 25px;
          h3 {
            width: 300px;
            padding: 20px 0 0 0;
          }

          .icon_infos {
            right: 100px;
          }
        }

        .infog_2 {
          h3 {
            width: 280px;
            padding: 0 0 0 15px;
            font-size: 26px;
            line-height: 27px;
          }

          p {
            width: 280px;
            padding: 10px 0 0 15px;
          }
        }

        .infog_3 {
          height: auto;
          padding-bottom: 80px;
          h3 {
            font-size: 19px;
            line-height: 24px;
            margin: 15px 90px;

            strong {
              font-size: 55px;
              line-height: 60px;
            }
          }
        }
      }
    }
  }

  @media (max-width: 710px) {
    .part_moto {
      margin: 0;
    }

    .part {
      .line {
        .infog {
          background-position: bottom 20px center;
        }

        .infog_1 {
          height: 290px;
          .icon_infos {
            right: -30px;
            left: auto;
            width: 130px;
          }

          h3 {
            text-align: center;
            width: 300px;
            padding: 0;
            margin: 0 auto;
          }
        }

        .infog_2 {
          height: 345px;
          .icon_trick {
            left: -40px;
            width: 145px;
          }

          p {
            width: 380px;
            padding: 10px;
            text-align: center;
            margin: 0 auto;
          }

          h3 {
            width: 340px;
            margin: 0 auto;
          }
        }
      }
    }
  }

  @media (max-width: 580px) {
    .part {
      padding: 0 25px 20px;

      .line {
        .article {
          .content {
            width: 165px;
          }
        }

        .article_1 {
          background-position: top left -20px;
        }

        .article_2 {
          height: 275px;
          .content {
            margin: 130px 15px 15px;
            float: right;

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

        .article_3 {
          height: 182px;
        }

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

        .article_6 {
          height: 182px;
          background-position: bottom center;
        }

        .infog_1 {
          background-size: 200px auto;
          height: 270px;
          h3 {
            font-size: 14px;
            line-height: 20px;
            width: 200px;

            strong {
              font-size: 40px;
            }
          }

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

        .push_2 {
          h3 {
            span {
              display: inline-block;
            }
          }
        }

        .infog_2 {
          background-size: 140px;
          background-position: top 130px right 15px;
          height: 280px;
          h3 {
            width: 200px;
            margin: 0 auto;
            padding: 0;
            display: block;
            text-align: left;
            position: relative;
            left: 30px;
          }

          p {
            width: 160px;
            text-align: left;
            padding: 10px 5px;
            display: block;
            margin: 0;
          }

          .icon_trick {
            width: 120px;
            right: auto;
            left: -25px;
            top: -20px;
          }
        }

        .infog_3 {
          background-position: bottom 10px center;
          padding-bottom: 65px;

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

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

            strong {
              font-size: 50px;
              line-height: 60px;
              width: 150%;
              position: relative;
              left: -25%;
            }
          }
        }
      }
    }
  }
}