.tags-list {
                margin: 0 auto;
                font-family: Arial, sans-serif;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
                margin-bottom: 20px;
            }
            .tags-list .tags-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: linear-gradient(90deg, #1a3c61, #2a5d8f);
                color: white;
                padding: 10px 15px;
                border-radius: 10px;
                margin-bottom: 15px;
            }
            .tags-list .header-text {
                font-size: 18px;
                font-weight: bold;
            }
            .tags-list .header-icon {
                width: 30px;
                height: 30px;
            }
            .tags-list .tag-item {
                margin-bottom: 10px;
            }
            .tags-list .tag-link {
                display: flex;
                align-items: center;
                background-color: #f5f8fa;
                border-radius: 10px;
                padding: 10px 15px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.3s;
            }
            .tags-list .tag-link:hover {
                background-color: #e1e8ed;
            }
            .tags-list .tag-secondary-icon {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }
            .tags-list .tag-name {
                flex-grow: 1;
                font-size: 16px;
                text-align: center;
            }
            .tags-list .tag-icon {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }
            .tags-list .pagination {
                margin-top: 20px;
                text-align: center;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }
            .tags-list .page-link {
                padding: 5px 10px;
                margin: 0 5px;
                text-decoration: none;
                color: #1a3c61;
                border: 1px solid #1a3c61;
                border-radius: 4px;
            }
            .tags-list .page-link.active,
            .tags-list .page-link:hover {
                background: #1a3c61;
                color: #fff;
            }
            
            .aspi_tabs_inner, .aspi_tabs_inner * {
    box-sizing: border-box !important;
}

.aspi_matchTabs .aspi_tab, .aspi_lineupTeams .f_sq, .aspi_lineupTeams .s_sq, .aspi_mstaduim, .aspi_staduim, #aspi_evebody .aspi-event, #aspi_evebody .aspi-event > div {
    font-family: "asp-font-kufi", "Droid Arabic Kufi", "Neo Sans Arabic", "Segoe UI" !important;
}

.aspi_repflex {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

.aspi_matchTabs .aspi_tab {
    line-height: 1.2 !important;
    font-size: 14px !important;
    padding: 13px 8px !important;
    cursor: pointer !important;
    border: 1px solid #ddd !important;
    border-bottom-color: rgb(221, 221, 221) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom: none !important;
    background-color: #ddd !important;
    transition: all .1s ease-in-out !important;
    flex: 1 !important;
    margin-left: 0.25rem !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.aspi_matchTabs {
    display: flex !important;
    margin-bottom: 20px !important;
}

.aspi_matchTabs .aspi_tab.is-active {
    background-color: #fff !important;
}

.aspi_matchTabCon .aspi_tabs_content:not(.is-active) {
    display: none !important;
}

.aspi_title {
    margin: 0 0 15px !important;

    padding: 7px 10px !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;

    gap: 6px !important;
}

.f_sq .aspi_title {
    flex-direction: row-reverse !important;
}

.aspi_title img {
    max-width: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
}

.aspi_lineup {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

.aspi_lineup .aspi-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aspi_lineup .aspi-player-lnp {
    display: block !important;
    width: 100% !important;
    float: right !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    height: auto !important;
    padding: 0 0 8px !important;
    border-bottom: solid 1px #eee !important;
    list-style: none !important;
}

.aspi_lineup .aspi-player-lnp:last-child {
    border: 0 !important;
    margin: 0 !important;
}

.aspi_lineup .aspi-player-lnp div {
    flex: 1 !important;
    text-align: left !important;
}

.aspi_lineup .aspi-player-lnp .f, .aspi_lineup .aspi-player-lnp .s {
    display: flex !important;
    width: 100% !important;
    line-height: 1.4 !important;
    font-size: 12px !important;

    position: relative !important;
    align-items: center !important;
    gap: 5px !important;
}

.aspi_lineup .aspi-player-lnp .f {
    text-align: right !important;
    flex-direction: row-reverse !important;
}

.aspi_lineup .aspi-player-lnp .f span {
    right: 0 !important;
}

.aspi_lineup .aspi-player-lnp .f div {
    text-align: right !important;
}

.aspi_lineup .aspi-player-lnp .s span {
    color: #e93534 !important;
}

.aspi_lineup .aspi-player-lnp span {
    color: #2196f3 !important;
    font-weight: bold !important;
    padding: 5px !important;
    font-size: 17px !important;
    width: 30px !important;
}

.aspi_lineup .aspi-player-lnp b {
    display: block !important;

    font-size: 14px !important;
}

.aspi_tmsForms {
    position: absolute !important;
    width: 100% !important;
    height: calc(50% + 10px) !important;
    left: 0 !important;
    display: flex !important;
    min-width: 100% !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 14px !important;
    z-index: 40 !important;
}

.aspi_tmsForms > .aspi_splan {
    font-size: 12px !important;
    position: absolute !important;
    left: 25px !important;
    top: 25px !important;
    background: #ffffff59 !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
}

.aspi_tmsForms.visitant > .aspi_splan {
    top: auto !important;
    bottom: 25px !important;
    right: 25px !important;
    left: auto !important;
}

.aspi_tmsForms.visitant {
    bottom: 0 !important;
}

.aspi_tmsForms > .DoneRows {
    display: flex !important
;
    justify-content: center;
    min-width: 100% !important;
    column-gap: 10px;
    gap: 30px;
    margin-left: -30px;
}



.aspi_tmsForms.visitant > .DoneRows.defens > .aspi_player:first-child, .aspi_tmsForms.visitant > .DoneRows.defens > .aspi_player:last-child {
    bottom: 0 !important;
    top: auto !important;
}

.aspi_tmsForms > .DoneRows.center {
    display: flex !important;
    /*justify-content: space-evenly !important;*/
}

.aspi_player {
    display: flex !important;
    width: 60px !important;
    height: 60px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    align-items: center !important;
    color: #fff !important;
    position: relative !important;
    line-height: 10px !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.aspi_player > svg {
    width: 42px !important;
    height: 37px !important;
}

.aspi_player .pname {
    font-weight: 500 !important;
    padding: 3px 0 !important;
    color: #fff !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 13px !important;
    font-size: 10px !important;
    position: relative !important;
    max-height: 25px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 58px !important;
}

.aspi_player > span.pnum {
    position: absolute !important;
    top: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

.aspi_lineupTeams {
    display: flex !important;
    justify-content: space-between !important;
    position: relative !important;
    padding: 0 !important;
    border-radius: 11px !important;
    margin: 15px 0 !important;
}

.aspi_staduim {
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 680px !important;
    border-radius: 4px !important;
    margin: auto !important;
    max-width: 450px !important;
}

.aspi_mstaduim, .aspi_staduim {
    width: 100% !important;
}

#aspi_events {
    width: 100% !important;
    position: relative !important;
    min-height: 100px !important;
}

#aspi_events::after {
    content: "" !important;
    position: absolute !important;
    width: 1px !important;
    left: 50% !important;
    top: 0 !important;
    background-color: #e4e4e4 !important;
    height: 100% !important;
}

#aspi_evebody {
    position: relative !important;
    min-height: 100px !important;
    z-index: 1 !important;
    width: 100% !important;
}

#aspi_evebody::after, #aspi_evebody::before {
    content: "" !important;
    width: 10px !important;
    height: 10px !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -5px !important;
    background-color: #e70001 !important;
    border-radius: 50% !important;
}

#aspi_evebody::before {
    bottom: 0 !important;
    background-color: #00b746 !important;
}

#aspi_evebody::after {
    top: 0 !important;
}

#aspi_evebody .aspi-events-list {
    list-style: none !important;
    margin: 33px 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    width: 100% !important;
}

#aspi_evebody .aspi-event {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    margin: 11px 0 !important;
    float: right !important;
    text-align: center !important;
    border: 0 !important;
}

#aspi_evebody .aspi-event h3 {
    width: 123px !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 2 !important;
    background-color: #f1f1f1 !important;
    border: 1px solid #dadada !important;
    font-size: 12px !important;
    display: inline-block !important;
    padding: 0 12px 6px !important;
    border-radius: 16px !important;
}

#aspi_evebody .aspi-event > span {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    margin-left: -16px !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 28px !important;
    font-size: 13px !important;
    text-align: center !important;
    border: 2px solid #e4e4e4 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    color: #f0a306 !important;
}

#aspi_evebody .aspi-event span.extra {
    line-height: 1.4 !important;
}

#aspi_evebody .aspi-event span b {
    font-weight: bold !important;
    color: #ff5200 !important;
    display: block !important;
    line-height: 0.4 !important;
    font-size: 10px !important;
    letter-spacing: -1px !important;
    margin-left: -4px !important;
}

#aspi_evebody .aspi-event > div {
    width: 50% !important;
    margin: 0 !important;
    clear: both !important;
    line-height: 27px !important;
}

#aspi_evebody div.l {
    float: right !important;
    padding-left: 18px !important;
    text-align: left !important;
}

#aspi_evebody div.r {
    float: left !important;
    padding-right: 18px !important;
    direction: rtl !important;
    text-align: right !important;
}

#aspi_evebody .eveblock {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    padding: 1rem !important;
    position: relative !important;
}

#aspi_evebody div.r .eveblock::after, #aspi_evebody div.l .eveblock::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 20px !important;
    width: 16px !important;
    height: 16px !important;
    background: #fff !important;
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

#aspi_evebody div.r .eveblock::after {
    right: -8px !important;
    transform: rotate(-135deg) !important;
}

#aspi_evebody div.l .eveblock::after {
    left: -8px !important;
    transform: rotate(45deg) !important;
}

#aspi_evebody div.r .eveblock {
    border-left: #0085ba 4px solid !important;
}

#aspi_evebody div.l .eveblock {
    border-right: #dc3545 4px solid !important;
}

.aspi_evIcon {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    width: 36px !important;
    height: 40px !important;
    padding: 4px !important;
}

.aspi_evHead {
    display: flex !important;
    align-items: center !important;
}

.aspi_evName {
    color: #1b8e26 !important;
    padding: 0 5px !important;
}

.aspi_evMinute {
    font-weight: 600 !important;
    color: #28333e !important;
    font-family: Tahoma !important;
}

.aspi_evMinute.extra {
    color: #ff5200 !important;
    direction: ltr !important;
}

.aspi_evMinute.extra span {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.aspi_txt {
    color: #9a9a9a !important;
    font-size: 90% !important;
}

.switch_out + .aspi_switch_in .eveblock {
    margin-top: -36px !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    border-top-right-radius: 0 !important;
    padding-right: 22px !important;
    line-height: 1 !important;
    border-top: 0 !important;
    padding-top: 0 !important;
}

.switch_out + .aspi_switch_in .eveblock::after {
    display: none !important;
}

.switch_out + .aspi_switch_in .aspi_evIcon {
    display: none !important;
}

#aspi_evebody div.l img {
    display: inline-block !important;
    margin: 0 10px 0 5px !important;
}

#aspi_evebody div.r img {
    display: inline-block !important;
    margin: 0 5px 0 10px !important;
}

.aspi_eve_2 {
    background-color: #f8f9fa !important;
    padding: 20px 30px !important;
    border-radius: 10px !important;
}

.aspi_lineupTeams .f_sq, .aspi_lineupTeams .s_sq {
    flex: 0 0 50% !important;
}

.soccer_field_svg {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.soccer_field {
    display: none !important;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .aspi_stad_2 .aspi_staduim .soccer_field_vert {
        display: none !important;
    }

    .aspi_stad_2 .aspi_staduim .soccer_field {
        display: block !important;
    }

    .aspi_eve_2 #aspi_evebody .aspi-event > span {
        top: 10px !important;
    }

    .aspi_eve_2 #aspi_evebody div.r, .rtl .aspi_eve_2 #aspi_evebody div.l {
        padding-right: 40px !important;
    }

    .aspi_eve_2 #aspi_evebody div.l, .rtl .aspi_eve_2 #aspi_evebody div.r {
        padding-left: 40px !important;
    }

    .aspi_mstaduim {
        display: block !important;
        overflow: hidden !important;
        flex: 0 0 60% !important;
        max-width: 500px !important;
        padding: 0 20px !important;
    }

    .aspi_lineupTeams .f_sq, .aspi_lineupTeams .s_sq {
        flex: 1 !important;
        max-width: 280px !important;
    }

    .aspi_stad_1 .f_sq {
        order: 1 !important;
        margin-right: auto !important;
    }

    .aspi_stad_1 .aspi_mstaduim {
        order: 2 !important;
    }

    .aspi_stad_1 .s_sq {
        order: 3 !important;
        margin-left: auto !important;
    }

    .aspi_stad_2 .aspi_mstaduim {
        padding: 0 !important;
        order: 1 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        clear: both !important;
        margin: auto auto 20px !important;
        text-align: center !important;
    }

    .aspi_stad_2 .f_sq {
        padding-right: 20px !important;
        order: 2 !important;
        flex: 0 0 50% !important;
        max-width: 360px !important;
        margin-left: auto !important;
    }

    .aspi_stad_2 .s_sq {
        padding-left: 20px !important;
        order: 3 !important;
        flex: 0 0 50% !important;
        max-width: 360px !important;
        margin-right: auto !important;
    }

    .rtl .aspi_stad_2 .f_sq, .rtl .aspi_stad_3 .f_sq {
        padding-left: 20px !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .rtl .aspi_stad_2 .s_sq, .rtl .aspi_stad_3 .s_sq {
        padding-right: 20px !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .aspi_stad_2 {
        flex-wrap: wrap !important;
    }

    .aspi_stad_2 .aspi_staduim {
        min-width: 625px !important;
        height: 400px !important;
        max-width: 720px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100% !important;
    }

    .aspi_stad_2 .aspi_tmsForms {
        position: absolute !important;
        height: 100% !important;
        width: calc(50% + 10px) !important;
        right: 0 !important;
        display: flex !important;
        min-width: calc(50% + 10px) !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        min-height: 100% !important;
        left: auto !important;
        bottom: 0 !important;
        top: 0 !important;
    }

    .aspi_stad_2 .aspi_tmsForms.visitant {
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
    }

    .aspi_stad_2 .aspi_tmsForms > .DoneRows {
        min-width: 60px !important;
        min-height: 100% !important;
        flex-direction: column !important;
    }

    .aspi_stad_2 .aspi_tmsForms > .aspi_splan {
        right: 25px !important;
        left: auto !important;
        bottom: auto !important;
    }

    .aspi_stad_2 .aspi_tmsForms.visitant > .aspi_splan.aspi_splan {
        top: 25px !important;
        bottom: auto !important;
        right: auto !important;
        left: 25px !important;
    }

    .aspi_stad_3 .f_sq {
        padding-right: 20px !important;
        margin-left: auto !important;
    }

    .aspi_stad_3 .s_sq {
        padding-left: 20px !important;
        margin-right: auto !important;
    }
}

@media (max-width: 769px) {
    .aspi_lineupTeams {
        display: block !important;
    }

    .aspi_mstaduim {
        margin: 0 0 20px !important;
        overflow: hidden !important;
        clear: both !important;
    }

    .aspi_staduim {
        height: 620px !important;
    }

    .aspi_lineupTeams .f_sq, .aspi_lineupTeams .s_sq {
        max-width: 360px !important;
        min-width: 50% !important;
        width: 50% !important;
        float: left !important;
    }

    .aspi-d-flex .aspi_title {
        flex-direction: column !important;
        align-items: center !important;
    }

    .f_sq {
        padding-left: 12px !important;
        margin-right: auto !important;
    }

    .s_sq {
        padding-right: 12px !important;
        margin-left: auto !important;
    }

    .aspi_eve_2 {
        padding: 15px !important;
    }

    #aspi_events.aspi_eve_2 .aspi-event > div {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .aspi_eve_2 #aspi_evebody .aspi-event > span {
        display: none !important;
    }
}

.aspi_stad_3 {
    flex-wrap: wrap !important;
}

.aspi_stad_3 .aspi_mstaduim {
    min-width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.EmptyFormate {
    color: #fff !important;
    text-align: center !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.rtl #aspi_evebody div.r {
    float: right !important;
    padding-left: 18px !important;
    padding-right: 0 !important;
    direction: ltr !important;
    text-align: left !important;
}

.rtl #aspi_evebody div.l {
    float: left !important;
    padding-right: 18px !important;
    padding-left: 0 !important;
    text-align: right !important;
}

.rtl #aspi_evebody div.l .eveblock {
    border-right: 1px solid #ddd !important;
    border-left: #dc3545 4px solid !important;
}

.rtl #aspi_evebody div.r .eveblock {
    border-left: 1px solid #ddd !important;
    border-right: #0085ba 4px solid !important;
}

.rtl #aspi_evebody div.l .eveblock::after {
    left: auto !important;
    right: -8px !important;
    transform: rotate(-135deg) !important;
}

.rtl #aspi_evebody div.r .eveblock::after {
    right: auto !important;
    left: -8px !important;
    transform: rotate(45deg) !important;
}

.rtl .aspi_lineup .aspi-player-lnp .f div {
    text-align: left !important;
}

.rtl .aspi_lineup .aspi-player-lnp div {
    text-align: right !important;
}

.aspi-d-flex {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aspi-d-flex .aspi_title {
    flex: 1 !important;
}

.aspi-d-flex .aspi_title.awat-club {
    flex-direction: row-reverse !important;
}

.aspi-block-header {
background-color: #273445 !important;
    font-size: 20px !important;
    line-height: 26px !important;
    border-bottom: 2px solid #a08343 !important;
    text-transform: uppercase !important;
    word-spacing: 1px !important;
    margin-bottom: 10px !important;
    padding: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px;
}

.albaplayer_name a {
    background: #1e2733!important;
}


            .championships-list {
                margin: 0 auto;
                font-family: Arial, sans-serif;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
                margin-bottom: 20px;
            }
            .championships-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: linear-gradient(90deg, #1a3c61, #2a5d8f);
                color: white;
                padding: 10px 15px;
                border-radius: 8px;
                margin-bottom: 15px;
            }
            .header-text {
                font-size: 18px;
                font-weight: bold;
            }
            .header-icon {
                width: 30px;
                height: 30px;
            }
            .championship-item {
                margin-bottom: 10px;
            }
            .championship-link {
                display: flex;
                align-items: center;
                background-color: #f5f8fa;
                border-radius: 8px;
                padding: 10px 15px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.3s;
            }
            .championship-link:hover {
                background-color: #e1e8ed;
            }
            .championship-secondary-icon {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }
            .championship-name {
                flex-grow: 1;
                font-size: 16px;
                text-align: center;
            }
            .championship-icon {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }



            .clubs-list {
                margin: 0 auto;
                font-family: Arial, sans-serif;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
                margin-bottom: 20px;
            }
            .clubs-list .clubs-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: linear-gradient(90deg, #1a3c61, #2a5d8f);
                color: white;
                padding: 10px 15px;
                border-radius: 8px;
                margin-bottom: 15px;
            }
            .clubs-list .header-text {
                font-size: 18px;
                font-weight: bold;
            }
            .clubs-list .header-icon {
                width: 30px;
                height: 30px;
            }
            .clubs-list .club-item {
                margin-bottom: 10px;
            }
            .clubs-list .club-link {
                display: flex;
                align-items: center;
                background-color: #f5f8fa;
                border-radius: 8px;
                padding: 10px 15px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.3s;
            }
            .clubs-list .club-link:hover {
                background-color: #e1e8ed;
            }
            .clubs-list .club-secondary-icon {
                width: 30px;
                height: 30px;
                margin-left: 10px;
            }
            .clubs-list .club-name {
                flex-grow: 1;
                font-size: 16px;
                text-align: center;
            }
            .clubs-list .club-logo {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                margin-left: 10px;
            }
            .clubs-list .pagination {
                margin-top: 20px;
                text-align: center;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }
            .clubs-list .page-link {
                padding: 5px 10px;
                margin: 0 5px;
                text-decoration: none;
                color: #1a3c61;
                border: 1px solid #1a3c61;
                border-radius: 4px;
            }
            .clubs-list .page-link.active,
            .clubs-list .page-link:hover {
                background: #1a3c61;
                color: #fff;
            }
            
             .AY_Block.AY-Fixture {
                --main_color: #293356;
                --font_type: NeoSansArabic, Segoe UI, sans-serif;
                --font_size: 16px;
                --body_bg: #eceef2;
                --header_bg: #fff;
                --header_color: #222;
                --logo_bd: #293356;
                --logo_color: #ffffff;
                --title_bg: #1f2024;
                --yrsdaybg: #104783;
                --todaybg: #293356;
                --tomorobg: linear-gradient(135deg, #988041, #614d28);
                --footer_bd: #fff;
                --footer_color: #222;
                --footer_border: #ddd;
                --cop_bd: #293356;
                --cop_color: #ffffff;
                --bk-hd-bg: #eceef2;
                --bk-ttl-bg: #273340;
                --btn-bg: #273340;
                --match-bg: #eceef2;
                --Gray1: #eceef2;
                --Gray2: #2b3b4d;
                --Gray3: #1c2733;
                --LightColor: #fff;
                --DarkColor: #273340;
                --LightColor2: #f6f7fa;
                --bk-shadow: rgba(0, 0, 0, 0.3);
                --yall-padding: 12px;
                --rounded: 8px;
                --stat-bg: #263545;
                font-family: var(--font_type);
                line-height: 1.5;
                background: var(--body_bg);
                color: #000;
                font-size: var(--font_size);
                font-weight: 500;
                margin-bottom: 20px;
                box-shadow: 0 0 4px var(--bk-shadow);
                overflow: hidden;
                border-radius: var(--rounded);
            }
            .AY_Block.AY-Fixture.Night {
                --body_bg: #1c2733;
                --header_bg: #263545;
                --Gray2: #2b3b4d;
                --Gray3: #1c2733;
                --logo_color: #fff;
                --footer_border: #1c2733;
                --Gray1: #1c2733;
                --LightColor: #263545;
                --footer_bd: var(--LightColor);
                --cop_bd: #1c2733;
                --DarkColor: var(--Gray1);
                --LightColor2: var(--Gray1);
                --bk-hd-bg: #121a23;
                --match-bg: var(--Gray1);
            }
            .AY_Block.AY-Fixture * {
                box-sizing: border-box;
            }
            .AY_Block.AY-Fixture .d-fx { display: flex; }
            .AY_Block.AY-Fixture .fx-cen { display: flex !important; align-items: center !important; justify-content: center !important; }
            .AY_Block.AY-Fixture .fx-wrap { display: flex; flex-wrap: wrap; }
            .AY_Block.AY-Fixture .gap-5 { gap: 5px; }
            .AY_Block.AY-Fixture .gap-10 { gap: 10px; }
            .AY_Block.AY-Fixture .gap-20 { gap: 20px; }
            .AY_Block.AY-Fixture a { color: #222; text-decoration: none; }
            .AY_Block.AY-Fixture a:hover, .AY_Block.AY-Fixture a:focus { color: var(--main_color); transition: color .3s ease; }
            .AY_Block.AY-Fixture .container { max-width: 1024px; margin-right: auto; margin-left: auto; padding: 0 var(--yall-padding); }
            .AY_Block.AY-Fixture .AYb_Head {
                padding: 12px;
                overflow: hidden;
                border-bottom: 1px solid var(--Gray2);
                border-radius: var(--rounded) var(--rounded) 0 0;
                background: var(--bk-hd-bg);
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .AY_Block.AY-Fixture .AYb_Head h2 {
                font-size: 16px;
                margin: 0;
            }
            .AY_Block.AY-Fixture .aya-btn {
                position: relative;
                background: var(--btn-bg);
                padding: 4px 10px 5px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: var(--rounded);
                color: #fff;
                font-size: 15px;
                text-align: center;
                transition: opacity .3s ease;
            }
            .AY_Block.AY-Fixture .aya-btn:hover { opacity: .8; }
            .AY_Block.AY-Fixture .AY-Dtab {
                display: flex;
                gap: 5px;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
            }
            .AY_Block.AY-Fixture .AY-Dtab li {
                margin: 0;
                flex: 0 0 auto;
            }
            .AY_Block.AY-Fixture .AY-Dtab li a {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                white-space: nowrap;
                text-align: center;
            }
            .AY_Block.AY-Fixture .AY-Dtab li.yesterday a { --btn-bg: var(--yrsdaybg); }
            .AY_Block.AY-Fixture .AY-Dtab li.today a { --btn-bg: var(--todaybg); }
            .AY_Block.AY-Fixture .AY-Dtab li.tomorrow a { --btn-bg: var(--tomorobg); }
            .AY_Block.AY-Fixture .AY-Dtab li a.active {
                background: var(--btn-bg);
                color: #fff;
            }
            .AY_Block.AY-Fixture .albaflex {
                width: 100%;
                display: flex;
                flex-direction: column;
                padding: 12px;
                background: white;
            }
            .AY_Block.AY-Fixture .AY_Match {
                order: 3;
                overflow: hidden;
                text-align: center;
                background: var(--match-bg);
                margin-bottom: 12px;
                position: relative;
                border-radius: var(--rounded);
            }
            .AY_Block.AY-Fixture .AY_Match.live { order: 1; }
            .AY_Block.AY-Fixture .AY_Match.not-started { order: 2; }
            .AY_Block.AY-Fixture .AY_Match.finished { order: 4; }
            .AY_Block.AY-Fixture .AY_Inner {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                padding: 8px 0;
            }
            .AY_Block.AY-Fixture .AY_Inner > div {
                flex: 0 0 auto;
                width: 33.33333333%;
            }
            .AY_Block.AY-Fixture .MT_Team {
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 1;
                padding: 0 5px;
            }
            .AY_Block.AY-Fixture .MT_Team.TM1 {
                flex-direction: row;
            }
            .AY_Block.AY-Fixture .MT_Team.TM2 {
                flex-direction: row-reverse;
            }
            .AY_Block.AY-Fixture .TM_Logo {
                width: 50%;
                display: flex;
                justify-content: center;
            }
            .AY_Block.AY-Fixture .TM_Logo img {
                margin: 8px auto;
                max-width: 45px !important;
                height: auto !important;
                max-height: 50px !important;
                object-fit: contain !important;
            }
            .AY_Block.AY-Fixture .TM_Name {
                width: 50%;
                margin: 8px 0;
                font-weight: 500;
                font-size: 15px;
                text-align: center;
            }
            .AY_Block.AY-Fixture .MT_Data {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 0 10px;
            }
            .AY_Block.AY-Fixture .MT_Time {
                font-size: 16px;
                margin-bottom: 5px;
            }
            .AY_Block.AY-Fixture .MT_Result {
                font-size: 21px;
                font-weight: bold;
                margin-bottom: 5px;
            }
            .AY_Block.AY-Fixture .MT_Stat {
                font-size: 14px;
                min-width: 60px;
                color: #fff !important;
                padding: 4px 10px !important;
                border-radius: var(--rounded) !important;
            }
            .AY_Block.AY-Fixture .AY_Match.finished .MT_Stat {
                background: #474747 !important;
            }
            .AY_Block.AY-Fixture .AY_Match.not-started .MT_Stat {
                background: #727272 !important;
            }
            @keyframes blinker {
                0% { background: #d00000; }
                50% { background: #263545; }
                100% { background: #d00000; }
            }
            .AY_Block.AY-Fixture .MT_Info {
                border-top: 1px solid var(--Gray2);
                width: 100%;
            }
            .AY_Block.AY-Fixture .MT_Info ul {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 0;
            }
            .AY_Block.AY-Fixture .MT_Info li {
                flex: 1;
                font-size: 14px;
                padding: 6px 8px;
                text-align: center;
            }
            .AY_Block.AY-Fixture .MT_Info li::before {
                content: "🎤";
                margin-left: 6px;
            }
            .AY_Block.AY-Fixture .MT_Info li:first-child::before {
                content: "📺";
            }
            .AY_Block.AY-Fixture .MT_Info li:last-child::before {
                content: "🏆";
            }
            .AY_Block.AY-Fixture .MT_Mask {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
                width: 100%;
                opacity: 0;
                cursor: pointer;
                background: rgba(0, 0, 0, 0.6);
                z-index: 9;
                transition: opacity .3s ease;
            }
            .AY_Block.AY-Fixture .AY_Match:hover .MT_Mask {
                opacity: 1;
            }
            .AY_Block.AY-Fixture .MT_MaskText {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 45px;
                margin: auto;
                left: 0;
                top: 0;
                width: 45px;
                background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden=\'true\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\' %3E%3Cpath fill=\'%23fff\' d=\'M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c-0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z\' class=\'\'%3E%3C/path%3E%3C/svg%3E");
            }
            .AY_Block.AY-Fixture .no-data__msg {
                min-height: 250px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                color: #666;
                font-size: 16px;
            }
            .AY_Block.AY-Fixture .tab-content {
                display: none;
            }
            .AY_Block.AY-Fixture .tab-content.active {
                display: block;
                animation: fadeIn 0.5s;
            }
            @keyframes fadeIn {
                from { opacity: 0; }
                to { opacity: 1; }
            }
            @media screen and (max-width: 500px) {
                .AY_Block.AY-Fixture { --yall-padding: 8px; }
                .AY_Block.AY-Fixture .AYb_Head { 
                    padding: 8px; 
                    gap: 8px;
                }
                .AY_Block.AY-Fixture .AYb_Head h2 {
                    width: 100%;
                    text-align: center;
                    margin-bottom: 0;
                }
                .AY_Block.AY-Fixture .AY-Dtab {
                    width: 100%;
                    flex-wrap: nowrap;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;
                    padding: 0;
                    gap: 5px;
                }
                .AY_Block.AY-Fixture .AY-Dtab li {
                    margin: 0;
                    flex: 0 0 auto;
                }
                .AY_Block.AY-Fixture .AY-Dtab li a {
                    font-size: 13px;
                    padding: 3px 6px;
                    white-space: nowrap;
                    line-height: 1.2;
                }
                .AY_Block.AY-Fixture .AY_Inner {
                    padding: 6px 0;
                }
                .AY_Block.AY-Fixture .TM_Logo img {
                    margin: 6px auto;
                    max-width: 40px !important;
                    max-height: 40px !important;
                }
                .AY_Block.AY-Fixture .TM_Name {
                    font-size: 13px;
                    margin: 4px 0;
                }
                .AY_Block.AY-Fixture .MT_Team {
                    flex-direction: column !important;
                    padding: 0;
                }
                .AY_Block.AY-Fixture .TM_Logo, .AY_Block.AY-Fixture .TM_Name {
                    width: 100%;
                }
                .AY_Block.AY-Fixture .MT_Data {
                    padding: 0 5px;
                }
                .AY_Block.AY-Fixture .MT_Time {
                    font-size: 14px;
                }
                .AY_Block.AY-Fixture .MT_Result {
                    font-size: 18px;
                }
                .AY_Block.AY-Fixture .MT_Stat {
                    font-size: 12px;
                    padding: 3px 8px;
                }
                .AY_Block.AY-Fixture .MT_Info li:nth-child(2) {
                    display: none;
                }
                .AY_Block.AY-Fixture .MT_Info li {
                    font-size: 12px;
                    padding: 4px 6px;
                }
            }