.section3 {
       display: block;
       background: var(--color);
   }

   .Box3 {
       position: relative;
       width: 100%;
       z-index: 2;
       display: flex;
   }

   .lt3 {
       width: 50%;
   }

   .lt3 h1 {
       font-size: 36px;
       font-weight: 700;
       color: #fff;
       line-height: 48px;
   }

   .lt3 h2 {
       font-size: 34px;
       color: #fff;
       line-height: 64px;
   }

   .lt3 h3 {
       font-size: 16px;
       color: #fff;
       line-height: 64px;
   }

   .lt3 img {
       width: 100%;
   }

   .rt3 {
       width: 50%;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       grid-gap: 30px;
   }

   .icon3 {
       display: flex;
       align-items: center;
       grid-gap: 60px;
   }

   .icon3 img {
       width: 54px;
       height: 54px;
       object-fit: contain;
   }

   .desc3 h1 {
       color: #fff;
       font-size: 16px;
       line-height: 54px;
   }

   .desc3 h2 {
       color: #fff;
       font-size: 16px;
       line-height: 24px;
   }


   @media (max-width: 1200px) {
       .icon3 {
           display: flex;
           align-items: center;
           grid-gap: 30px;
       }

       .desc3 h1 {
           color: #fff;
           font-size: 16px;
           line-height: 2;
       }

       .desc3 h2 {
           color: #fff;
           font-size: 16px;
           line-height: 1.5;
       }
   }

   @media (max-width: 720px) {
       .Box3 {
           flex-wrap: wrap;
       }

       .lt3 {
           width: 100%;
       }

       .rt3 {
           padding-top: 30px;
           width: 100%;
       }
   }

   @media (max-width: 460px) {}

   @media (max-width: 380px) {}