video {
  height: 450px; /* Thumbnail videos ki fixed height */
  object-fit: cover; /* Video aspect ratio maintain rahe aur crop ho jaye agar zarurat ho */
}

#modalVideo {
  height: 450px; /* Modal ke andar wali video ki fixed height */
  width: 100%; /* Width full modal ke anusaar */
  object-fit: contain; /* Aspect ratio maintain rahe modal me */
}

 section.container {
    background: linear-gradient(135deg, #ffffff 60%, #e3f2fd 100%);
    border-radius: 24px;
    box-shadow: 0 6px 32px rgba(44, 62, 80, 0.16);
  }

  .text-primary {
    color: #1565c0 !important;
  }

  .btn-primary {
    background-color: #1976d2;
    border: none;
  }

  .btn-primary:hover {
    background-color: #0d47a1;
  }

  
  .card{
    /* background-color: #1976d2; */
    height: 430px ;
  }
   .card-img-top {
    height: 350px;          
    width: 100%;             
    object-fit: cover;       
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border-radius: 10px;    
  }

  .img-hover:hover {
    transform: scale(1.05);  /* zoom in effect */
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }