/* ========================================= */
/* VIDEO MODAL */
/* ========================================= */

.video-modal{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.85);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

    padding:30px;

}


.video-modal.active{

    display:flex;

}


.video-modal-content{

    position:relative;

    width:100%;

    max-width:1100px;

}


.video-modal-content iframe{

    width:100%;

    aspect-ratio:16/9;

    border:none;

    border-radius:20px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.45);

}


.video-modal-close{

    position:absolute;

    top:-50px;

    right:0;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#00c2ff;

    color:#000;

    font-size:20px;

    font-weight:700;

}