:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-82583bf *//* ==========================
VIDEO MODAL
========================== */

.video-modal{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;

    transition:.4s ease;
}

.video-modal.active{
    opacity:1;
    visibility:visible;
}

.video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.85);
    backdrop-filter:blur(8px);
}

.video-box{

    position:relative;
    width:min(1200px,90%);
    border-radius:18px;
    overflow:hidden;
    z-index:2;

    box-shadow:0 40px 80px rgba(0,0,0,.5);

    transform:scale(.9);
    transition:.4s ease;
}

.video-modal.active .video-box{
    transform:scale(1);
}

.video-box video{

    width:100%;
    display:block;
    background:#000;
}

.close-video{

    position:absolute;
    top:15px;
    right:15px;

    width:48px;
    height:48px;

    border:none;
    border-radius:50%;

    background:rgba(0,0,0,.5);
    color:#fff;

    font-size:30px;
    cursor:pointer;

    backdrop-filter:blur(5px);

    z-index:5;

    transition:.3s;
}

.close-video:hover{
    background:#cfa254;
    color:#111;
}/* End custom CSS */