.section3 {
       position: relative;
       padding: 100px 0;
       background: url(/assets/images/box3.png) no-repeat center;
       background-size: cover;
   }

   .box3 {
       position: relative;
       width: 100%;
       display: flex;
       justify-content: flex-end;
   }

   .box3 .text {
       position: absolute;
       left: var(--container);
       width: 45%;
       height: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .box3 .text>h2 {
       margin-top: 60px;
       padding-left: 30px;
       font-size: 20px;
       line-height: 1.75;
       color: #848484;

   }

   .box3 .text .desc {
       padding-left: 30px;
       font-size: 20px;
       line-height: 1.75;
       color: #848484;
   }

   .box3 .number {
       margin: 45px 0 30px;
       padding-left: 30px;
       display: flex;
       justify-content: space-between;
   }

   .box3 .number .item {
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .box3 .number .item h1 {
       font-weight: 700;
       font-size: 42px;
       line-height: 1;
       color: var(--color);
   }

   .box3 .number .item h1 span {
       font-weight: 700;
       font-size: 42px;
       line-height: 1;
       color: var(--color);
   }

   .box3 .number .item h2 {
       margin-top: 10px;
       font-size: 16px;
       line-height: 1;
       color: rgba(0, 0, 0, 0.5);
   }

   .box3 .text .More {
       margin-left: 30px;
       width: 175px;
       height: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 16px;
       line-height: 1;
       color: var(--color);
   }

   .box3 .img {
       position: relative;
       right: 0;
       top: 0;
       width: 55%;
   }

   .box3 .img img {
       width: 100%;
   }

   .box3ImgPc {
       display: block;
   }

   .box3ImgPhone {
       display: none;
   }

   @media (max-width: 1440px) {
       .box3 .text {
           width: 47%;
       }

       .box3 .number {
           margin: 30px 0;
       }

       .box3 .text>h2 {
           margin-top: 30px;
           font-size: 18px;
       }

       .box3 .text .desc {
           font-size: 18px;
       }

       .box3 .number .item h1 span,
       .box3 .number .item h1 {
           font-size: 32px;
       }
   }

   @media (max-width: 1200px) {
       .section3 {
           padding: 75px 0;
       }

       .box3 .text>h2 {
           margin-top: 15px;
           font-size: 16px;
       }

       .box3 .text .desc {
           font-size: 16px;
       }

       .box3 .number {
           margin: 10px 0;
       }

       .box3 .text .More {
           height: 45px;
       }
   }

   @media (max-width: 992px) {
       .section3 {
           padding: 45px var(--container);
           background-position: left;
       }

       .box3 h1.title {
           text-align: left;
           padding: 0;
           margin-bottom: 30px;
           position: relative;
       }

       .box3 h1.title::after {
           top: auto;
           width: 45px;
           height: 4px;
           bottom: -15px;
           left: 0;
       }

       .box3ImgPc {
           display: none;

       }

       .box3ImgPhone {
           display: block;
       }

       .box3 {
           display: flex;
           flex-wrap: wrap;
       }

       .box3 .text {
           position: relative;
           left: auto;
           width: 100%;
           height: 100%;
       }

       .box3 .number {
           margin: 30px 0;
           padding: 0 30px;
       }

       .box3 .img {
           margin-top: 30px;
           position: relative;
           width: 100%;
       }

       .box3 .text>h2,
       .box3 .text .desc {
           margin: 0;
           padding: 0;
       }

       .box3 .number {
           padding: 0;
       }

       .box3 .number .item h1 span,
       .box3 .number .item h1 {
           font-size: 20px;
       }

       .box3 .number .item h2 {
           font-size: 14px;
       }

       .box3 .text .More {
           margin: 0 auto;
           width: 140px;
           height: 40px;
       }
   }