.section3 {
       width: 100%;
       height: 224px;
       padding: 0 var(--container);
       position: relative;
       overflow: visible;
   }

   .Box3 {
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .Box3 img:last-child {
       display: none;
   }

   .item3 {
       display: flex;
       align-items: center;
       grid-gap: 5px;
       background: url(/assets/images/service_back.png) no-repeat center left;
       height: 85px;
       padding-left: 18px;
   }

   .item3 span {
       color: #fff;
       font-size: 24px;
   }

   .item3 h1 {
       color: #fff;
       font-size: 16px;
   }

   .text3 {
       width: 100%;
       position: absolute;
       bottom: -12px;
       left: 0;
       text-align: center;
       display: flex;
       justify-content: center;
       font-size: 18px;
       color: #222;
       align-items: center;
   }

   .text3 p {
       font-size: 24px;
       color: var(--color);
   }

   @media (max-width: 1200px) {
       .item3 {
           height: 60px;
           background-size: contain;
           padding-left: 5px;
       }

       .item3 span {
           color: #fff;
           font-size: 18px;
       }

       .item3 h1 {
           font-size: 14px;
       }
   }


   @media (max-width: 720px) {
       .section3 {
           height: 180px;
       }

       .Box3 {
           grid-gap: 10px 0;
           flex-wrap: wrap;
           align-content: center;
       }

       .Box3 img {
           display: none;
       }

       .item3 {
           width: 25%;
           height: auto;
           background: none;
       }
   }


   @media (max-width: 460px) {
       .item3 {
           width: 33.333%;
           height: auto;
           background: none;
       }
   }