/* player styles */
.playerContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    gap: 20px;
    flex-direction: row-reverse;
}

.jwplayer {
    margin: 10px auto;
    perspective: 1000px;
    width: calc(33% - 20px) !important;
    font-family: inherit !important;
}

@media screen and (max-width: 1000px) {
    .jwplayer {
        width: calc(45% - 20px) !important;
    }
}

@media screen and (max-width: 680px) {
    .jwplayer {
        width: calc(95% - 20px) !important;
    }
}

.jw-reset,
.jw-reset-text {
    direction: rtl;
    font-family: inherit !important;
    font-size: 24px !important;
    text-align: center;
}

.jw-state-idle .jw-controls {
    background-color: transparent !important;
}

.jw-controls-backdrop {
    background: none !important;
}

.jw-state-playing {
    pointer-events: none;
}
.jw-title-primary {
    background-color: rgb(113 61 159 / 80%);
    display: inline;
    padding: 2px;
    border-radius: 13px;
}