@charset "utf-8";
 
 

        .video-container {
            display: flex;
            justify-content: center;
            gap: 20px; /* Space between the videos */
            flex-wrap: wrap;
            margin-top: 30px;
        }

        iframe {
            border: 8px solid #ccc; /* Border around the videos */
            border-radius: 10px; /* Rounded corners */
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); /* Soft shadow around videos */
            transition: transform 0.3s ease; /* Smooth hover effect */
        }

        iframe:hover {
            transform: scale(1.05); /* Slight zoom effect on hover */
        }

        @media (max-width: 768px) {
            .video-container {
                flex-direction: column;
                align-items: center;
            }

            iframe {
                width: 90%;
                height: 500px;
            }
        }