.video-modal-trigger {
    position: relative;
}
img.image-modal-trigger {
    aspect-ratio: 16/10;
    object-fit: cover;
    object-position: center;
}
.video-modal-symbol {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}
.video-modal-symbol:hover{
    background-color: rgba(0,0,0 ,0.5 );
} 
.video-modal-symbol svg {
    width: 80px !important;
    height: 80px;
}
/*Modal*/
.udh-video-modal-close {
    position: absolute;
    top: -12px;
    right: -12px;
    background: rgb(var(--primary-color))!important;
    border-radius: 30px;
    width: 36px;
    height: 36px;
    border: 0;
    cursor: pointer;
    z-index: 2;
    display: flex;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .udh-video-modal{display:none;position:fixed;max-width:100% !important;margin:0!important;inset:0;width:100%; z-index:9999;align-items:center;justify-content:center}
    .udh-video-modal.is-open{display:flex}
    .udh-video-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.75)}
    .udh-video-modal-content{position:relative;max-width:90%;max-height:80%;width:980px;background:transparent}
        .udh-video-modal-content .udh-video-container{width:100%;height:0;padding-bottom:56.25%;position:relative}
        .udh-video-modal-content iframe,.udh-video-modal-content video{position:absolute;top:0;left:0;width:100%;height:100%;}
       
        .video-modal-wrapper{display:inline-block;position:relative}
        .video-modal-trigger{cursor:pointer;display:inline-block;position:relative}
        .video-modal-trigger img{display:block;max-width:100%;height:auto}
        .video-modal-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto}