/*
 * 🌟 Welcome to MGV Pixels: Pioneers in Medical Animation 🌟
 * 
 * You are witnessing the innovative work crafted by **APLUS TECHNOLOGIES**.
 *
 * As the chosen ones in the realm of medical animation, we strive to create
 * visually stunning and scientifically accurate animations that captivate and inform.
 * 
 * Join us on this journey as we transform complex medical concepts into 
 * engaging visual narratives, bringing clarity and understanding to the forefront.
 * 
 * 💫 Together, we can illuminate the path to better healthcare through 
 * artistic excellence and cutting-edge technology. 💫
 * 
 * Explore our work and discover the magic of medical animation!
 * 
 * ⚠️ Please note: Any content copied from this site without permission 
 * from MGV Pixels will be considered illegal and a violation 
 * of copyright laws. We take copyright infringement seriously.
 *
 * ❗️ Please do not edit or remove this header. It is essential for 
 * maintaining our brand integrity and compliance.
*/

.video-cards-section {
    padding: 60px 20px;
    background-color: #0d0d0d
}

.video-cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px
}

.video-card {
    position: relative;
    width: 500px;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    transition: transform .3s
}

.video-card:hover {
    transform: scale(1.05)
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    color: #1ffa56;
    font-size: large;
    opacity: 0;
    transition: opacity .3s
}

.video-card:hover .video-overlay {
    opacity: 1
}