.deft-hero {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 50vw;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   max-height: 60vh;

   position: relative;
   @media only screen and (max-width: 1024px) {
   }
   @media only screen and (max-width: 767px) {
      height: unset;
   }
   &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.65);
   }
   .container {
      position: relative;
      z-index: 1;
      width: 83rem;
      .hold {
         max-width: 600px;
         display: flex;
         flex-direction: column;
         gap: 15px;
         align-items: start;
         h1 {
         }
         .deft-button {
            margin-top: 15px;
         }
      }
   }
}