/* Container to maintain video aspect ratio */
    .section_video {
        width: 100%;
        max-width: 100%;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
        overflow: hidden;
    }

    /* Style for the video */
    .section_video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Style adjustments for larger screens */
    @media (min-width: 768px) {
        .section_video {
            width: 100%; /* Adjust width for desktop */
            margin: auto; /* Center the video on larger screens */
            background-image: url("../videos/landing-video-portrait.mp4");
        }
    }

    /* Additional adjustments for extra-large screens */
    @media (min-width: 1200px) {
        .section_video {
            width: 100%; /* Further reduce width for very large screens */
            background-image: url("../videos/ikong-intro.mp4");
        }
    }

 /* Basic styles for gallery */
        .container {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            padding: 20px;
            justify-content: center;
        }
        .card {
            width: 30%; /* Three columns */
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        .card img {
            width: 100%;
            height: auto;
        }
        .card-body {
            padding: 15px;
        }
        .card h3 {
            margin: 0;
            font-size: 1.2em;
        }
        .card p {
            margin: 8px 0;
            color: #555;
        }
        .resume {
            font-size: 0.9em;
            color: #777;
        }

.error_message {
    color: #ffffff;
    font-size: 0.6em;
}

.success_message {
    color: #4EDCEB;
    font-size: 0.8em;
}