.video-container {
    position: relative;
    width: 1350px; /* Video konteynerinin genişliği */
    height: 650px; /* Video konteynerinin yüksekliği */
    overflow: hidden; /* Gereksiz içeriğin kesilmesini sağlar */
  }

  .video-container video {
    width: 100%; /* Videonun genişliği */
    height: 100%; /* Videonun yüksekliği */
    object-fit: cover; /* Videonun boyutunu korurken, kesilmesini önler */
  }
  
  
  .video-container .text-overlay {
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    color: white; 
    font-size: 36px; 
    text-align: center; 
    text-shadow: 2px 2px 8px black; 
  }

  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5); /* Modal dışındaki kısmın arka plan rengini yarı saydam gri yap */
  }
  .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 60px);
  }