div.en-media-content {
    --media-video-height: 270px;
    --media-video-width: 480px;
    --media-title-bg-color: #f6f6f6;
    --media-title-color   :#000000;
}
div.en-media-content {
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: radial-gradient(circle at 6px 6px, rgba(209, 17, 28, 1), rgba(255, 0, 0, 0) 1px), linear-gradient(90deg, transparent 33.333%, rgba(255, 0, 0, 0) 33.333%, rgba(255, 0, 0, 0) 66.666%), linear-gradient(transparent 33.333%, rgba(255, 0, 0, 0) 33.333%, rgba(255, 0, 0, 0) 66.666%);
    background-size: 6px 6px;
}
div.en-media-title-cont{
    padding-bottom: 30px;
}


div.en-media-title-cont h2.en-page-components-title{
    text-transform: uppercase ;
    margin-bottom: 0px !important;
}

div.en-media-content .video-template2 {
    display: flex;
    width: min(1100px, 100vw);
    margin: 0 auto;
    justify-content: space-between;
    gap: 20px;
}

div.en-media-content .video-template2 .en-video-module {
    --video-height: var(--media-video-height);
    --video-width: var(--media-video-width);
    --video-title-bg-color: var(--media-title-bg-color);
    --video-title-color: var(--media-title-color);
}


@media screen and (max-width: 960px) {

    div.en-media-content .video-template2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    div.en-media-content {
        margin: 50px auto;
    }
}

@media (max-width: 480px) {
    div.en-media-content {
        --media-video-height: auto;
        --media-video-width: 100vw;
        margin: 50px auto;
    }
    div.en-media-content .video-player {
        aspect-ratio: 64/36;
        display: flex;
    }
    div.en-media-content .video-template2{
        gap: 00px;
    }
}