.section6 {
       position: relative;
       overflow: hidden;
       padding: 0;
   }

   .Box6 {
       position: relative;
       z-index: 2;
       width: 100%;
       padding: 140px var(--container);
   }

   .Box6 h1 {
       font-size: 36px;
       line-height: 2;
       text-align: center;
       font-weight: bold;
       color: #fff;
   }

   .Box6 h2 {
       font-size: 16px;
       line-height: 2;
       text-align: center;
       color: #fff;
   }

   .Box6 a {
       margin: 0 auto;
       margin-top: 45px;
       width: 150px;
       height: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 16px;
       color: #fff;
       background: var(--color);
       border: 1px solid var(--color);
       transition: 0.5s;
   }

   .Box6 a:hover {
       color: var(--color);
       background: #0000;
   }

   .section6 img {
       position: absolute;
       left: 0;
       top: 0;
       z-index: 1;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   @media (max-width:1200px) {
       .Box6 {
           padding: 90px var(--container);
       }
   }

   @media (max-width: 720px) {
       .Box6 {
           padding: 50px var(--container);
       }

       .Box6 h1 {
           font-size: 24px;
           line-height: 1.5;
       }

       .Box6 h2 {
           line-height: 1.5;
           margin: 15px 0;
       }
   }