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

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

   .lt3 {
       width: calc(40% - 10px);
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       grid-gap: 15px;
       padding: var(--container);
   }

   .lt3 h1 {
       font-size: 32px;
       text-align: center;
       font-weight: 600;
       color: #fff;
   }

   .lt3 p {
       text-align: center;
       color: #e6e6e6;
   }

   .lt3 a {
       display: inline-block;
       border: solid 1px #fff;
       padding: 4px 18px;
       color: #fff;
       font-size: 14px;
       transition: all .5s;
   }

   .lt3 a:hover {
       background: #ed7d31;
   }

   .rt3 {
       width: 60%;
       display: flex;
       justify-content: center;
       align-items: center;
       background: #000;
   }

   .rt3 video {
       display: block;
       width: 100%;
   }

   @media (max-width: 1200px) {
       .lt3 h1 {
           font-size: 24px;
       }

       .lt3 p {
           font-size: 14px;
       }
   }


   @media (max-width: 800px) {
       .Box3 {
           flex-wrap: wrap;
           grid-gap: 15px;
       }

       .lt3 {
           width: 100%;
           padding: 30px var(--container);
       }

       .rt3 {
           width: 100%;
       }
   }