.hiddenClass {
    display: none !important;
}
.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.active {
    cursor: pointer;
}

#click-overlay {
    bottom: 5px;
    right: 15px;
    position: absolute;
    z-index: 10;
    transition: opacity 0.3s ease;
    font-size: 20px;
}

.custom-controls {
    position: absolute;
    z-index: 20;
    bottom: 7px;
    left: 5px;
}

#pause-btn {
    position: absolute;
    z-index: 20;
    font-size: 25px;
    bottom: -5px !important;
}


.video-player {
    widows: 640px;
}

#play-btn{
    position: absolute;
    bottom: 0px;
    left: 12px;
    font-size: 20px;
    display: none;
}

#mute-btn {
    display: none;
}

#video-player {
    pointer-events: none; /* يجعل النقر يمر للعناصر تحته */
}