.video-section {
            max-width: 720px;
            text-align: center;
            width: 100%;
           
        
        }

        .video-section h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2em;
            color: #333;
        }

        /* Responsive iframe container */
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            height: 0;
            overflow: hidden;
            max-width: 100%;
            background: #000;
            border: 2px solid white;
        }

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

        @media (max-width: 768px) {
            .video-section h2 {
                font-size: 1.5em;
            }
        }

        @media (max-width: 480px) {
            .video-section h2 {
                font-size: 1.2em;
            }
        }