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

   .Box3 {
       width: 100%;
       padding: 60px 120px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .text3 {
       width: 500px;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       gap: 15px;
   }

   .text3 h1 {
       font-size: 24px;
       color: #fff;
   }

   .text3 span {
       width: 100%;
       height: 5px;
       background: #fff;
   }

   .text3 span::after {
       content: "";
       display: block;
       width: 30%;
       height: 100%;
       background: var(--color);
   }

   .text3 h2 {
       background: #0e3e4a;
       padding: 5px 15px;
       font-size: 14px;
       border-radius: 50px;
       color: #fff;
   }

   .img3 {
       width: 180px;
   }

   .img3 img {
       width: 100%;
   }


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

       .text3 {
           width: 420px;
       }
   }


   @media (max-width: 720px) {
       .Box3 {
           padding: 30px var(--container);
           display: flex;
           flex-wrap: wrap;
           flex-direction: column-reverse;
           align-items: flex-start;
           grid-gap: 30px;
       }

       .text3 {
           width: 100%;
       }

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