.section3 {
       display: block;
       position: relative;
   }

   .Box3 {
       width: 50%;
       padding: 55px;
       background-color: rgba(0, 0, 0, 0.4);
       display: flex;
       flex-direction: column;
       grid-gap: 20px;
   }

   .text3 {
       display: flex;
       flex-direction: column;
       grid-gap: 10px;
   }

   .text3 h2 {
       color: #ffffff;
       font-size: 24px;

   }

   .text3 h1 {
       color: #ffffff;
       font-size: 42px;
       font-weight: bold;
   }

   .text3 span {
       display: block;
       width: 80px;
       height: 2px;
       background: var(--color);
   }

   .desc3 {
       font-size: 18px;
       color: #fff;
       line-height: 1.75;
   }

   .shuzhi {
       position: relative;
       z-index: 2;
       display: flex;
       justify-content: space-around;
       padding: 20px;
   }

   .shuzhi::after {
       content: "";
       display: block;
       position: absolute;
       z-index: -1;
       left: 0;
       top: 0;
       opacity: 0.75;
       width: 100%;
       height: 100%;
       background: var(--color);
   }

   .shuzhi span {
       display: flex;
       align-items: baseline;
       justify-content: center;
       grid-gap: 5px;
   }

   .shuzhi h1 {
       font-weight: bold;
       font-size: 52px;
       color: #ffffff;
   }

   .shuzhi p {
       font-size: 20px;
       color: #ffffff;
   }

   .shuzhi h2 {
       font-size: 14px;
       color: #ffffff;
       text-align: center;
   }

   @media (max-width: 1440px) {
       .shuzhi h1 {
           font-size: 36px;
       }
   }

   @media (max-width: 1200px) {
       .Box3 {
           width: 75%;
       }

       .text3 {
           grid-gap: 5px;
       }

       .text3 h2 {
           font-size: 18px;
       }

       .text3 h1 {
           font-size: 36px;
       }

       .shuzhi h1 {
           font-size: 32px;
       }

       .shuzhi p {
           font-size: 18px;
       }
   }


   @media (max-width: 720px) {
       .Box3 {
           width: 100%;
           grid-gap: 10px;
           padding: 45px;
       }

       .text3 h1 {
           font-size: 26px;
       }

       .desc3 {
           font-size: 16px;
       }

       .shuzhi {
           padding: 20px 0;
           flex-wrap: wrap;
           justify-content: space-evenly;
           grid-gap: 10px;
       }

       .shuzhi h1 {
           font-size: 24px;
       }

       .shuzhi p {
           font-size: 16px;
       }
   }


   @media (max-width: 480px) {
       .Box3 {
           padding: 45px 15px;
       }

       .shuzhi h1 {
           font-size: 18px;
       }

       .shuzhi p,
       .shuzhi h2 {
           font-size: 14px;
       }
   }