/*PART*/

.container {
  background-image: url("../img/path2-bd40eOP.webp") !important;

  .part {
    .header_part {
      .block_img {
        max-width: 590px;
      }
    }

    .line {
      .article_1 {
        background-image: url("../img/article_moto_1-0D6dxyF.webp");
        background-position: top left -230Px;

        .content {
          width: 430px;
        }
      }

      .article_2 {
        background-image: url("../img/article_moto_2-ZlcrzId.webp");
        background-position: center;

        .content {
          margin: 20px 0;
          height: 260px;
          padding-top: 20px;
        }
      }

      .article_3 {
        background-image: url("../img/article_moto_3-mxiUcid.webp");
        background-position: bottom -40px center;
        height: 645px;

        .content {
          height: auto;
        }
      }

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

      .article_5 {
        background-image: url("../img/article_moto_5-NB-6efY.webp");

        .content {
          width: 410px;
        }
      }

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

        .content {
          height: auto;
        }
      }

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

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

          strong {
            font-size: 43px;
            line-height: 36px;
            font-family: Montserrat-Black;
            display: block;
            padding: 5px 0;
          }
        }

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

      .infog_2 {
        padding: 20px 30px;

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

        .infog_moto_2 {
          position: absolute;
          top: -15px;
          right: 20px;
          width: 135px;
        }

        h3 {
          font-size: 23px;
          line-height: 27px;
          color: var(--blue-500);
          padding: 95px 0 15px;
          margin: 0;

          span {
            color: #4898D9;
          }
        }

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

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

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

        h3 {
          font-size: 21px;
          line-height: 28px;
          color: #003da5;
          padding: 10px 20px;
          font-family: Montserrat-Black;

          strong {
            font-size: 50px;
            line-height: 60px;
            display: block;
            font-family: Montserrat-Black;
          }
        }
      }
    }
  }

  @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 -290Px;

          .content {
            width: 360px;
            padding-right: 10px;
          }
        }

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

          .content {
            width: auto;
            margin: 245px 0 0;
            height: auto;
          }
        }

        .article_3 {
          background-image: url("../img/article_moto_3mob-697i5YR.webp");
          background-position: top left -200px;
          height: 300px;

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

        .article_4 {
          background-position: top left -50px;

          .content {
            width: 360px;
          }
        }

        .article_5 {
          background-position: top center;

          .content {
            padding-top: 20px;
            width: 360px;
          }
        }

        .article_6 {
          background-image: url("../img/article_moto_6mob-jAn9-c7.webp");
          background-position: top left -150px;
          height: 300px;

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

        .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: 160px;
            top: -25px;
          }
        }

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

          h3 {
            width: 360px;
            padding: 15px 0 0 20px;
          }

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

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

          .infog_moto_2 {
            top: 20px;
            width: auto;
          }
        }

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

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

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

  @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;
          }

          p {
            width: 310px;
            padding: 10px 0 0 0;
          }
        }

        .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: 270px !important;

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

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

        .infog_2 {
          height: auto !important;

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

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

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

          .infog_moto_2 {
            position: static;
            display: block;
            margin: 0 auto;
          }
        }
      }
    }
  }

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

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

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

        .article_2 {
          height: 240px;

          .content {
            left: 0;

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

        .article_3 {
          height: 182px;
          background-position: top center;

          .content {
            height: 182px;
          }
        }

        .article_4 {
          background-position: top left;
        }

        .article_5 {
          background-position: top left;
        }

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

          .content {
            height: 182px;
          }
        }

        .infog_1 {
          background-size: 200px auto;
          height: 270px;

          h3 {
            font-size: 14px;
            line-height: 20px;
            width: 200px;

            strong {
              font-size: 33px;
            }
          }

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

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

        .infog_2 {
          background-size: 140px;
          background-position: top 130px right 15px;

          h3 {
            width: 200px;
            font-size: 22px;
            line-height: 25px;
            margin: 0 auto;
            padding: 0;
            display: block;
            text-align: left;
            position: relative;
            left: 20px;
          }

          p {
            width: auto;
            line-height: 130%;
            text-align: left;
            padding: 10px 5px 0;
            display: block;
            margin: 0;
          }

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

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

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

          h3 {
            font-size: 14px;
            line-height: 19px;
            margin: 15px 50px;

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