/* Extracted from Views/Media/Animation.cshtml @section styles */

body {
    background-color: #000 !important;
}

.a1top {
    display: none;
}

.a2top {
    display: none;
}

.a3top {
    display: none;
}

.a4top {
    display: none;
}

.a5top {
    display: none;
}

.a6top {
    display: none;
}

.a7top {
    display: none;
}

.a8top {
    display: none;
}

.a9top {
    display: none;
}

.a10top {
    display: none;
}

#containerx {
    display: none
}

.video-grid-item {
    margin-bottom: 30px;
}

.video-thumbnail {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* نسبت 16:9 */
    background-color: #1a1a1a;
    overflow: hidden;
    border-radius: 4px;
}

    .video-thumbnail img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .video-thumbnail::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .video-thumbnail::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        width: 0;
        height: 0;
        border-left: 25px solid #000;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        z-index: 1;
        transition: all 0.3s ease;
    }

.video-grid-item a:hover .video-thumbnail::after {
    background-color: rgba(255, 255, 255, 1);
    transform: translate(-50%, -50%) scale(1.1);
}

.video-grid-item h3 {
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 400;
}

.video-grid-item a {
    text-decoration: none;
}

    .video-grid-item a:hover h3 {
        color: #ffd700;
    }