.video-container {
          position: relative;
          background: #000;
          border-radius: 20px;
          overflow: hidden;
          box-shadow: 0 25px 70px rgba(0, 0, 0, 0.5);
          animation: fadeInUp 1s ease;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .video-container:hover {
          transform: translateY(-5px);
          box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
        }

        .iframe-wrapper {
          position: relative;
          padding-bottom: 56.25%;
          /* 16:9 aspect ratio */
          height: 0;
          overflow: hidden;
        }

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

        @keyframes fadeInDown {
          from {
            opacity: 0;
            transform: translateY(-30px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        @keyframes fadeInUp {
          from {
            opacity: 0;
            transform: translateY(30px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        @media (max-width: 768px) {
          .video-header h1 {
            font-size: 2rem;
          }

          .video-header p {
            font-size: 1rem;
          }

          .video-container {
            border-radius: 15px;
          }
        }