.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1))
}

.title-with-line {
    display: inline-block;
    position: relative;
    padding: 10px 0;
    text-align: center;
    margin: 20px 0;
}

    .title-with-line::before,
    .title-with-line::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 4px; /* طول خط */
        height: 40%; /* ضخامت خط */
        background-color: #FFD770; /* رنگ خط */
    }

    .title-with-line::before {
        left: -20px; /* فاصله از چپ */
        transform: translateY(-50%);
    }

    .title-with-line::after {
        right: -20px; /* فاصله از راست */
        transform: translateY(-50%);
    }

.plyr--full-ui {
    height: auto !important;
}

.max-w-xl {
    width: max-content !important;
}