.video-preview-container {
    position: relative;
    width: 640px; /* Adjust size as needed */
    height: 360px;
    background: #000; /* Fallback for no video loaded */
}
#playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em; /* Adjust size as needed */
    color: white; /* Adjust color as needed */
    display: none; /* Hidden by default */
}


.sign-up{
    margin:0 4px;
}
.sign-up:hover {
    background-color: #66BB6A; /* Lighter green on hover */
    transform: scale(1.05);
}

.sign-up i {
    margin-right: 0; /* Adjust if adding text next to the icon */
}
#offcanvasSidebar {
    z-index: 1050; /* Or a higher value */
}