/* Dark overlay background */
    #videoOverlay {
        display: none; 
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9); 
        z-index: 999999; 
        justify-content: center;
        align-items: center;
    }

    /*  Container for the video - Set for Large PC view  */
    .video-container {
        position: relative;
        width: 95%;      
        max-width: 1000px; /* Increased from 900px for a much larger PC view */
        background: #000;
        /* Prevent the container from being taller than the screen */
        max-height: 80vh; 
    }

    /* Maintains 16:9 ratio */
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* Fixed 16:9 Aspect Ratio */
        height: 0;
        overflow: hidden;
    }

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Close button styling */
    .close-btn {
        position: absolute;
        top: -50px; /* Moved slightly higher to stay clear of the larger frame */
        right: 0;
        color: white;
        font-size: 45px;
        cursor: pointer;
        background: none;
        border: none;
        line-height: 1;
        transition: color 0.2s ease-in-out; /* Smooth color change */
    }

    /* Change color to red on hover to make it obvious */
    .close-btn:hover {
        color: #ff4d4d;
    }

    /* Responsive adjustment for small screens */
    @media (max-width: 600px) {
        .video-container {
            width: 100%; /* Use full width on small phones */
        }
        .close-btn {
            top: -55px;
            right: 10px;
        }
    }