.section2 {
       background: url(/assets/images/images14.png) no-repeat center;
       background-size: cover;
   }

   .Number2 {
       padding-top: 120px;
       padding-bottom: 60px;
       display: flex;
       justify-content: space-between;
   }

   .Number2 .item2 {
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .Number2 h1 {
       color: var(--color);
       margin-bottom: 45px;
       display: flex;
       align-items: baseline;
   }

   .Number2 span {
       font-weight: 700;
       font-size: 64px;
       line-height: 1;
   }

   .Number2 b {
       font-size: 20px;
       line-height: 1;
       color: #EB3D00;
   }

   .Number2 h2 {
       font-size: 18px;
       line-height: 1;
       color: rgba(0, 0, 0, 0.5);
   }


   @media (max-width: 1440px) {
       .Number2 span {
           font-size: 48px;
       }

       .Number2 h1 {
           margin-bottom: 30px;
       }
   }

   @media (max-width: 1200px) {
       .Number2 {
           padding-top: 90px;
       }

       .Number2 span {
           font-size: 40px;
       }
   }

   @media (max-width: 720px) {
       .Number2 {
           padding-top: 60px;
       }

       .Number2 h1 {
           margin-bottom: 15px;
       }

       .Number2 span {
           font-size: 32px;
       }
   }

   @media (max-width: 460px) {
       .Number2 {
           display: flex;
           flex-wrap: wrap;
           grid-gap: 30px 0;
       }

       .Number2 .item2 {
           width: 50%;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
       }

       .Number2 h2 {
           font-size: 16px;
       }
   }

   /* box2 */
   .box2 {
       padding-bottom: 45px;
       display: flex;
       flex-wrap: wrap;
   }


   .box2 .text2 {
       position: relative;
       z-index: 2;
       width: 47%;
       padding-left: var(--container);
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .box2 .text2 h1 {
       font-weight: bold;
       font-size: 40px;
       line-height: 1.5;
       color: #3D3D3D;
   }

   .box2 .text2 h2 {
       font-weight: 500;
       font-size: 24px;
       line-height: 1;
       color: #707070;
       margin-top: 45px;
       margin-bottom: 30px;
   }

   .box2 .text2 .desc {
       font-size: 16px;
       line-height: 2;
       color: #848484;
       text-align: justify;
       width: 110%;
   }


   .box2 .text2 a {
       margin-top: 45px;
       border-radius: 5px;
       width: 175px;
       height: 50px;
       border: 1px solid var(--color);
       font-size: 16px;
       line-height: 1;
       color: var(--color);
       display: flex;
       align-items: center;
       justify-content: center;
       transition: 0.5s;
   }

   .box2 .text2 a:hover {
       color: #fff;
       background: var(--color);
   }

   .box2 .boxImg2 {
       position: relative;
       z-index: 1;
       overflow: hidden;
       width: 53%;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .box2 .boxImg2 .img1 {
       position: absolute;
       z-index: 2;
       width: 100%;
       object-fit: cover;
       object-position: left;
   }

   .box2 .boxImg2 .img2 {
       position: relative;
       z-index: 1;
       width: 100%;
   }

   @media (max-width: 1440px) {
       .box2 .text2 h1 {
           font-size: 32px;
       }

       .box2 .text2 h2 {
           margin-top: 30px;
           margin-bottom: 15px;
       }
   }

   @media (max-width: 1200px) {
       .box2 .text2 h1 {
           font-size: 28px;
       }
   }

   @media (max-width: 900px) {
       .box2 .text2 {
           width: 100%;
           margin-bottom: 30px;
           padding-left: var(--container);
           padding-right: var(--container);
       }

       .box2 .text2 .desc {
           width: 100%;
       }

       .box2 .text2 a {
           margin-top: 20px;
       }

       .box2 .boxImg2 {
           padding-left: var(--container);
           padding-right: var(--container);
           width: 100%;
           max-width: 700px;
       }

       .box2 .boxImg2 .img1 {
           display: none;
       }
   }

   @media (max-width: 460px) {
       .box2 .text2 h1 {
           font-size: 20px;
       }

       .box2 .text2 h2 {
           font-weight: bold;
           font-size: 18px;
           margin-top: 20px;
           margin-bottom: 10px;
       }

       .box2 .text2 a {
           font-size: 14px;
           width: 150px;
           height: 40px;
       }
   }