@font-face {
    font-family: 'Manrope-Variable';
    src: url('../fonts/Manrope-Variable.ttf') format('truetype');
         font-weight: 200 800;
         font-display: swap;
         font-style: normal;
  }





  .hero_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Content Overlay */
  .hero_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.219); /* Dark overlay */
    display: flex;
    align-items: center;
    justify-content: center;
  }


  @media (max-width: 425px) {
 
    .hero_sec {
   
      height: 500px;
    }
    .hero_sec .title {
      font-size: 34px;
  }
  }