video-background {
  position: relative; /* Container needs relative position for content overlay */
  height: 850px; /* Make the container full height of the viewport */
  overflow: hidden; /* Hide any potential scrollbars caused by video positioning */
}

.video-background video {
  position: absolute; /* Position the video relative to its container */
  top: 0;
  left: 0;
  width: 100%;
  height: 40dvh;
  object-fit: cover; /* Ensures the video covers the entire area while maintaining aspect ratio */
  z-index: -2; /* Pushes the video behind all other content */
}

/* Style for the foreground content */
.content {
  position: relative; /* Ensures content is above the video (z-index 1 or higher) */
  z-index: 1;
  color: white;
  text-align: center;
  padding-top: 20vh; /* Example: adjust positioning as needed */
}


.text-color-white{
    color: white;
}

.bg-title2{
    color: white;
}
.title2{
    color: white;
}