.cssvideo-background {
    position: relative;
    width: 100%;
    height: 50vh; /* Limit the height of the video to 50% of the viewport height */
    overflow: hidden;
}

.cssbackground-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Maintain the full height within the container */
    object-fit: cover; /* Ensures the video covers the container without distortion */
    z-index: -1; /* Send the video behind the content */
}

.csscontainer {
    position: absolute;
    top: 50%; /* Center the content vertically */
    left: 50%; /* Center the content horizontally */
    transform: translate(-50%, -50%);
    color: white; /* Text color for visibility */
    text-align: center;
    z-index: 1; /* Keep the content in front of the video */
}

.cssbreadcrumb-title {
    font-size: 3rem;
    margin-bottom: 10px;
}

.cssbreadcrumb-list {
    font-size: 1.2rem;
}

.cssbreadcrumb-list a {
    color: white;
    text-decoration: none;
}

.cssbreadcrumb-list .active a {
    color: #ffffff;
}

.color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 52, 0.6); /* Example color with opacity */
    z-index: 0; /* Keeps the color overlay above the video but below the content */
	 
}

.csscontainer h1 {
    color: white; /* Sets the text color to white for h1 inside .container */
}