/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 01 2026 | 11:19:53 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

    @import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700;800&display=swap');

    #prd-playing-bet-widget {
        --prd-dark: #161D35;
        --prd-blue: #305B9F;
        --prd-purple: #4D233F;
        --prd-pink: #D03355;
        --prd-coral: #FB7A6B;
        --prd-text: #403c62;
        --prd-muted: #858ba3;
        --prd-border: #dfe2ea;
        --prd-soft: #f7f8fc;
    }

    #prd-playing-bet-widget * {
        box-sizing: border-box
    }

    #prd-playing-bet-widget a {
        text-decoration: none;
        color: inherit;
        transition: .25s ease
    }

    #prd-playing-bet-widget img {
        max-width: 100%;
        display: block
    }

    #prd-playing-bet-widget {
        font-family: 'Asap', sans-serif;
        color: var(--prd-text);
    }

    #prd-playing-bet-widget button {
        font-family: inherit
    }

    .playing-bet {
        position: relative;
        overflow: hidden;
        padding: 40px 0 0px;
        z-index: 1
    }






    .sports-menu {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 32px;
        padding-bottom: 8px;
        scrollbar-width: thin
    }

    .sports-menu::-webkit-scrollbar {
        height: 6px
    }

    .sports-menu::-webkit-scrollbar-thumb {
        background: #d7dbea;
        border-radius: 20px
    }

    .sports-menu .nav {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 36px;
        min-width: max-content;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .sports-menu .nav-item {
        flex: 0 0 auto
    }

    .sports-menu .nav-link {
        border: 0;
        background: transparent;
        padding: 0;
        text-align: center;
        cursor: pointer;
        color: #675c7d;
        font-size: 16px;
        font-weight: 800;
        text-transform: capitalize
    }

    .sports-menu .sport-icon {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: 0 8px 22px rgba(45, 50, 83, .12);
        margin: 0 auto 14px;
        border: 1px solid rgba(48, 91, 159, .08);
        transition: .25s ease
    }

    .sports-menu .sport-icon img {
        width: 68px;
        height: 68px;
        object-fit: contain;
        border-radius: 50%
    }

    .sports-menu .nav-link.active,
    .sports-menu .nav-link:hover {
        color: #fb5367
    }

    .sports-menu .nav-link.active .sport-icon,
    .sports-menu .nav-link:hover .sport-icon {
        transform: translateY(-3px);
        box-shadow: 0 11px 26px rgba(251, 122, 107, .22)
    }

    .tab-pane {
        display: none
    }

    .tab-pane.show.active,
    .tab-pane.active {
        display: block
    }

    .sports-accordion {
        display: flex;
        flex-direction: column;
        gap: 26px
    }

    .accordion-item,
    .single-sports-item {
        border: 0;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 16px 38px rgba(29, 35, 69, .08);
        overflow: hidden;
        margin-bottom: 26px
    }

    .accordion-header {
        margin: 0
    }

    .sports-header {
        width: 100%;
        height: 66px;
        border: 0;
        border-radius: 8px 8px 0 0;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 0 28px;
        background: linear-gradient(100deg, var(--prd-purple) 0%, #654075 45%, var(--prd-blue) 100%);
        color: #fff;
        text-align: left;
        cursor: pointer
    }

    .sports-header.collapsed {
        border-radius: 8px
    }

    .sports-header:after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(22, 29, 53, .65), rgba(48, 91, 159, .55));
        z-index: 0
    }

    .single-sports-icon,
    .single-sports-name,
    .see-all-sports-btn {
        position: relative;
        z-index: 2
    }

    .single-sports-icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px
    }

    .single-sports-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .single-sports-name {
        font-size: 20px;
        font-weight: 800;
        text-transform: capitalize
    }

    .single-sports-img {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: .28;
        pointer-events: none
    }

    .single-sports-img img {
        height: 100%;
        width: auto;
        object-fit: cover;
        opacity: .9
    }

    .see-all-sports-btn {
        margin-left: auto;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        white-space: nowrap;
        display: inline-flex;
        gap: 8px;
        align-items: center
    }

    .see-all-sports-btn:hover {
        color: #ffccd1
    }

    .sports-expanded-list {
        display: none;
        background: #fff
    }

    .sports-expanded-list.show,
    .sports-expanded-list.open {
        display: block
    }

    .sports-body {
        padding: 23px 34px 34px
    }

    .tournament-title {
        display: flex;
        align-items: center;
        gap: 22px;
        color: #42425f;
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 20px
    }

    .tournament-title .title-text {
        white-space: nowrap
    }

    .tournament-title:after {
        content: '';
        height: 1px;
        flex: 1;
        border-top: 1px dashed #cfd3df
    }

    .tournament-title .match-quantity {
        order: 3;
        min-width: 42px;
        text-align: right
    }

    .all-tournament-match {
        display: flex;
        flex-direction: column;
        gap: 17px
    }

    .single-t-match {
        display: grid;
        grid-template-columns: 92px minmax(220px, 1.4fr) minmax(330px, 2fr) 74px;
        align-items: center;
        border: 1px solid #d6dae5;
        border-radius: 8px;
        background: #fff;
        min-height: 86px;
        padding: 0 18px;
        color: #5f6580
    }

    .match-time {
        text-align: center;
        border-right: 1px solid #bfc4d0;
        padding-right: 17px;
        font-size: 12px;
        text-transform: uppercase;
        color: #939bad
    }

    .match-time .time-icon {
        display: block;
        font-size: 14px;
        margin-bottom: 3px;
        color: #9ca3b2
    }

    .match-time .m-date,
    .match-time .m-time {
        display: block
    }

    .match-time .m-time {
        color: #557d21;
        font-weight: 800;
        line-height: 17px
    }

    .match-time .m-in-play {
        display: inline-block;
        background: #fb5367;
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        font-weight: 800;
        padding: 0 4px;
        border-radius: 1px
    }

    .playing-teams {
        padding: 0 18px;
        border-right: 1px solid #bfc4d0
    }

    .single-team {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 25px
    }

    .team-descr {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0
    }

    .team-icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px
    }

    .team-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .team-name {
        font-size: 14px;
        font-weight: 800;
        color: #69637e;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .team-score {
        font-size: 14px;
        font-weight: 800;
        color: #c2c5d1
    }

    .team-score.up {
        color: #0f9f42
    }

    .team-score.down {
        color: #fa445f
    }

    .placing-bet {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        padding: 0 18px
    }

    .single-bet-place {
        position: relative;
        overflow: hidden;
        display: flex;
        min-height: 59px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 1px solid #e6e8f0;
        border-radius: 5px;
        background: #f5f6fa;
        color: #4d486e;
        text-align: center
    }

    .single-bet-place:hover,
    .single-bet-place.selected {
        border-color: #fb6670;
        box-shadow: 0 6px 16px rgba(251, 102, 112, .15);
        transform: translateY(-1px)
    }

    .single-bet-place.up:before,
    .single-bet-place.down:before {
        content: '';
        position: absolute;
        right: -10px;
        bottom: -10px;
        width: 28px;
        height: 28px;
        transform: rotate(45deg)
    }

    .single-bet-place.up:before {
        background: rgba(76, 163, 92, .22)
    }

    .single-bet-place.down:before {
        background: #fb5367
    }

    .bet-ratio {
        font-size: 14px;
        font-weight: 800;
        color: #39345f;
        margin-bottom: 6px
    }

    .single-bet-place.up .bet-ratio {
        color: #239d53
    }

    .single-bet-place.down .bet-ratio,
    .single-bet-place.draw-box.down .bet-ratio {
        color: #fb3f5c
    }

    .single-bet-place .team-name {
        font-size: 12px;
        font-weight: 600;
        color: #7d8298;
        max-width: 100%;
        padding: 0 6px
    }

    .bet-ratio-details {
        border-left: 1px solid #bfc4d0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-left: 15px
    }

    .bet-ratio-details a {
        color: #5d8b22;
        font-size: 13px;
        font-weight: 800
    }

    .see-all-sports-btn-cover {
        text-align: center;
        margin-top: 38px
    }

    .prd-btn-4 {
        height: 44px;
        line-height: 42px;
        padding: 0 27px;
        border: 1.5px solid #443b72;
        border-radius: 50px;
        color: #443b72;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 10px
    }

    .prd-btn-4:hover {
        background: linear-gradient(144.14deg, var(--prd-purple) -11.44%, var(--prd-blue) 123.42%);
        color: #fff;
        border-color: transparent
    }

    .bet-slip {
        position: fixed;
        right: 8px;
        bottom: 0;
        width: 276px;
        z-index: 9999;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        box-shadow: 0 18px 46px rgba(22, 29, 53, .25);
        font-family: 'Asap', sans-serif
    }

    .bet-slip-header {
        width: 100%;
        height: 42px;
        border: 0;
        background: linear-gradient(144.14deg, var(--prd-purple) -11.44%, var(--prd-blue) 123.42%);
        color: #fff;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 14px;
        font-size: 15px;
        font-weight: 800;
        text-transform: capitalize;
        cursor: pointer
    }

    .bet-slip-header .slip-quantity-badge {
        min-width: 17px;
        height: 17px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        background: #fb6570;
        color: #fff;
        font-size: 11px;
        margin-left: 2px
    }

    .bet-slip-header:after {
        content: '⌃';
        margin-left: auto;
        font-size: 18px
    }

    .bet-slip.collapsed .bet-slip-header:after {
        transform: rotate(180deg)
    }

    .bet-slip-body {
        background: #fff;
        padding: 16px 12px 0
    }

    .bet-slip.collapsed .bet-slip-body {
        display: none
    }

    .bet-slip-category {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        margin: 0 0 14px;
        padding: 0;
        list-style: none
    }
.bet-slip-category .nav-link {
    width: 100%;
    height: 25px;
    border: 0;
    border-radius: 25px;
    background: #eef0f5;
    color: #9da0aa;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bet-slip-category .nav-link.active {
        background: #5a6070;
        color: #fff
    }

    .bet-slip-category .nav-link[style*='pointer-events'] {
        opacity: .65
    }

    .part-slip-header {
        display: block
    }

    .all-bs-card {
        min-height: 392px;
        border: 1px dashed #d7d9e4;
        border-radius: 12px;
        background: linear-gradient(145deg, #fff, #f8f9fd);
        overflow: auto;
        max-height: 392px
    }

    .empty-card,
    .successfull-card {
        text-align: center;
        min-height: 390px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #858b99
    }

    .empty-card img {
        width: 60px;
        height: 60px;
        object-fit: contain;
        margin-bottom: 12px
    }

    .empty-title {
        font-size: 14px;
        font-weight: 800;
        color: #898f9d;
        margin: 0 0 8px
    }

    .empty-card p,
    .successfull-card p {
        font-size: 13px;
        line-height: 20px;
        margin: 0
    }

    .single-bs-card {
        padding: 10px
    }

    .hidden {
        display: none !important
    }

    .bet-card {
        background: #f8f9fd;
        border: 1px solid #e6e8f0;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px
    }

    .bet-card-top {
        display: flex;
        justify-content: space-between;
        gap: 8px
    }

    .bet-card-title {
        font-size: 13px;
        font-weight: 800;
        color: #403c62
    }

    .bet-card-match {
        font-size: 11px;
        color: #8b90a0;
        margin: 5px 0 8px
    }

    .bet-card-bottom {
        display: grid;
        grid-template-columns: 1fr 88px;
        gap: 8px;
        align-items: center
    }

    .bet-card-odd {
        background: #fff;
        border-radius: 8px;
        padding: 7px 8px;
        font-size: 12px;
        color: #403c62
    }

    .bet-card-odd strong {
        color: #2f7d32
    }

    .bet-card input {
        width: 100%;
        height: 34px;
        border: 1px solid #d9dce7;
        border-radius: 8px;
        padding: 0 8px;
        font-size: 13px;
        font-weight: 700
    }

    .remove-bet {
        border: 0;
        background: transparent;
        color: #fb5367;
        font-size: 18px;
        cursor: pointer
    }

    .odd-changing {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #73798a;
        font-size: 12px;
        margin: 10px 0 13px
    }

    .odd-changing input {
        accent-color: #474579
    }

    .bet-slip-calculation {
        background: linear-gradient(144.14deg, var(--prd-purple) -11.44%, var(--prd-blue) 123.42%);
        margin: 0 -12px;
        color: #fff;
        padding: 12px
    }

    .single-calc {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 800;
        margin-bottom: 8px
    }

    .calc-finish {
        border-top: 1px solid rgba(255, 255, 255, .15);
        padding-top: 14px;
        display: flex;
        align-items: center;
        gap: 12px
    }

    .placed-to-dashboard {
        flex: 1;
        height: 34px;
        border: 0;
        border-radius: 30px;
        background: linear-gradient(135.89deg, var(--prd-pink) -5.11%, var(--prd-coral) 97.89%);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        text-transform: capitalize;
        cursor: pointer
    }

    .calc-dlt {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 17px;
        cursor: pointer
    }

    .combo-system-empty {
        display: flex
    }

    .bet-quantity {
        display: none
    }

    .bet-card-return {
        font-size: 11px;
        color: #686e83;
        text-align: right;
        font-weight: 700;
        align-self: center
    }

    .bet-card-title span {
        color: #8a90a5;
        margin: 0 3px
    }

    .bet-card .remove-bet {
        background: rgba(251, 83, 103, .12);
        border-radius: 3px;
        width: 34px;
        height: 34px;
        font-size: 14px
    }

    /* Place bet modal */
    .modal {
        position: fixed;
        inset: 0;
        z-index: 100000;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 18px;
        background: rgba(15, 18, 35, .62);
        font-family: 'Asap', sans-serif
    }

    .modal.show {
        display: flex
    }

    .modal-dialog {
        width: 100%;
        max-width: 416px;
        margin: auto
    }

    .placing-bet-modal {
        width: 100%;
        background: #fff;
        border-radius: 7px;
        overflow: hidden;
        box-shadow: 0 22px 70px rgba(12, 14, 32, .28);
        animation: prdModalIn .18s ease-out
    }

    .pb-modal-header {
        height: 65px;
        background: linear-gradient(144.14deg, var(--prd-purple) -11.44%, var(--prd-blue) 123.42%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 31px;
        color: #fff
    }

    .pb-modal-header .modal-title {
        font-size: 21px;
        font-weight: 800;
        text-transform: capitalize
    }

    .prd-close-btn {
        width: 34px;
        height: 34px;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 22px;
        line-height: 34px;
        cursor: pointer
    }

    .pb-modal-body {
        text-align: center;
        background: #fff
    }

    .selected-team {
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        font-size: 18px;
        font-weight: 800
    }

    .selected-team .slct-team-name {
        color: #e9475f;
        text-transform: capitalize
    }

    .selected-team .slct-bet-ratio {
        color: #403c62
    }

    .selected-team .slct-bet-ratio:before {
        content: '•';
        color: #9aa0b2;
        margin-right: 12px
    }

    .selected-match {
        height: 63px;
        background: linear-gradient(90deg, #fff 0%, #fff4f4 50%, #fff 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 21px;
        padding: 0 28px
    }

    .selected-match .single-team {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
        min-width: 0
    }

    .selected-match .single-team:last-child {
        flex-direction: row
    }

    .selected-match .team-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 20px rgba(22, 29, 53, .12)
    }

    .selected-match .team-icon img {
        width: 30px;
        height: 30px;
        object-fit: contain
    }

    .selected-match .team-name {
        font-size: 16px;
        font-weight: 800;
        color: #403c62;
        max-width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .versace-icon {
        width: 27px;
        height: auto;
        flex: 0 0 27px
    }

    .scrores-line {
        padding: 20px 15px 11px;
        color: #858b99;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .02em;
        text-transform: uppercase
    }

    .pb-ctrl-stake {
        padding: 7px 0 26px;
        background: #fff
    }

    .prd-btn-group {
        width: 158px;
        height: 42px;
        border: 1px solid #443b72;
        border-radius: 30px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 52px 1fr 52px;
        overflow: hidden
    }

    .prd-btn-group .ctrl-btn {
        border: 0;
        background: #fff;
        color: #443b72;
        font-size: 16px;
        cursor: pointer
    }

    .prd-btn-group .ctrl-btn:hover {
        background: #f7f8fc
    }

    .stake-digit {
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #dce0eb;
        border-right: 1px solid #dce0eb;
        color: #fb5367;
        font-size: 16px;
        font-weight: 800
    }

    .pb-calc {
        background: linear-gradient(144.14deg, var(--prd-purple) -11.44%, var(--prd-blue) 123.42%);
        padding: 13px 15px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: #d7d9e7;
        font-size: 16px;
        font-weight: 800
    }

    .pb-modal-footer {
        text-align: center;
        padding: 32px 15px 33px;
        background: #fff
    }

    .pb-modal-footer .prd-btn-1 {
        height: 39px;
        border: 0;
        border-radius: 30px;
        padding: 0 27px;
        background: linear-gradient(135.89deg, var(--prd-pink) -5.11%, var(--prd-coral) 97.89%);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 10px
    }
span.elementor-button-text {
    font-weight: 600;
}
    .pb-modal-footer .prd-btn-1:hover {
        filter: brightness(1.04);
        transform: translateY(-1px)
    }

    @keyframes prdModalIn {
        from {
            opacity: 0;
            transform: translateY(12px) scale(.98)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    @media(max-width:520px) {
        .modal {
            padding: 14px
        }

        .pb-modal-header {
            height: 58px;
            padding: 0 20px
        }

        .pb-modal-header .modal-title {
            font-size: 18px
        }

        .selected-match {
            gap: 12px;
            padding: 0 14px
        }

        .selected-match .team-icon {
            width: 36px;
            height: 36px;
            flex-basis: 36px
        }

        .selected-match .team-icon img {
            width: 26px;
            height: 26px
        }

        .selected-match .team-name {
            font-size: 13px;
            max-width: 105px
        }

        .scrores-line {
            font-size: 13px
        }

        .pb-modal-footer {
            padding: 24px 12px
        }

        .bet-slip {
            z-index: 99998
        }
    }

    @media (max-width:1199px) {
        .playing-bet .container {
            max-width: 960px
        }

        .sports-menu .nav {
            justify-content: flex-start
        }

        .single-t-match {
            grid-template-columns: 84px minmax(195px, 1.2fr) minmax(290px, 1.7fr) 58px
        }

        .placing-bet {
            gap: 10px;
            padding: 0 12px
        }

        .sports-body {
            padding: 22px 24px 30px
        }
    }

    @media (max-width:991px) {
        .playing-bet {
            padding: 60px 0 75px
        }

        .section-title .title {
            font-size: 38px
        }

        .sports-menu .nav {
            gap: 25px
        }

        .sports-menu .sport-icon {
            width: 68px;
            height: 68px
        }

        .sports-menu .sport-icon img {
            width: 60px;
            height: 60px
        }

        .single-t-match {
            grid-template-columns: 76px 1fr;
            gap: 0;
            padding: 15px
        }

        .match-time {
            grid-row: 1/3;
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .playing-teams {
            border-right: 0;
            padding: 0 0 10px 16px
        }

        .placing-bet {
            grid-column: 2/3;
            padding: 10px 0 0 16px;
            border-top: 1px solid #edf0f5
        }

        .bet-ratio-details {
            grid-column: 2/3;
            border-left: 0;
            padding: 8px 0 0 16px;
            justify-content: flex-start
        }

        .single-bet-place {
            min-height: 54px
        }

        .bet-slip {
            width: 275px
        }
    }

    @media (max-width:767px) {
        .section-title {
            margin-bottom: 25px
        }

        .section-title .sub-title {
            font-size: 16px
        }

        .section-title .title {
            font-size: 30px;
            line-height: 1.25
        }

        .sports-menu {
            margin: 0 -15px 24px;
            padding: 0 15px 10px
        }

        .sports-menu .nav {
            gap: 18px
        }

        .sports-menu .nav-link {
            font-size: 13px
        }

        .sports-menu .sport-icon {
            width: 58px;
            height: 58px;
            margin-bottom: 8px
        }

        .sports-menu .sport-icon img {
            width: 52px;
            height: 52px
        }

        .sports-header {
            height: 58px;
            padding: 0 16px;
            gap: 12px
        }

        .single-sports-name {
            font-size: 17px
        }

        .single-sports-icon {
            width: 28px;
            height: 28px;
            flex-basis: 28px
        }

        .see-all-sports-btn {
            font-size: 12px
        }

        .sports-body {
            padding: 18px 14px 22px
        }

        .tournament-title {
            font-size: 15px;
            gap: 12px
        }

        .single-t-match {
            grid-template-columns: 1fr;
            padding: 0;
            overflow: hidden
        }

        .match-time {
            grid-row: auto;
            border-right: 0;
            border-bottom: 1px solid #edf0f5;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            text-align: left;
            padding: 10px 12px
        }

        .match-time .time-icon,
        .match-time .m-date,
        .match-time .m-time {
            display: inline-block;
            margin: 0
        }

        .playing-teams {
            padding: 12px;
            border-bottom: 1px solid #edf0f5
        }

        .placing-bet {
            grid-column: auto;
            padding: 12px;
            grid-template-columns: 1fr;
            gap: 8px;
            border-top: 0
        }

        .single-bet-place {
            min-height: 48px;
            align-items: flex-start;
            padding: 8px 12px
        }

        .single-bet-place .team-name {
            padding: 0
        }

        .bet-ratio-details {
            grid-column: auto;
            padding: 0 12px 12px
        }

        .bet-slip {
            right: 0;
            left: 0;
            width: 100%;
            max-width: 330px;
            margin: 0 auto
        }

        .all-bs-card {
            min-height: 330px;
            max-height: 330px
        }

        .empty-card,
        .successfull-card {
            min-height: 328px
        }
    }

    @media (max-width:420px) {
        .playing-bet {
            padding: 45px 0 80px
        }

        .section-title .title {
            font-size: 25px
        }

        .sports-header {
            padding: 0 12px
        }

        .single-sports-name {
            font-size: 15px
        }

        .see-all-sports-btn {
            display: none
        }

        .tournament-title .title-text {
            white-space: normal
        }

        .tournament-title:after {
            display: none
        }

        .single-t-match {
            min-height: auto
        }

        .team-name {
            font-size: 13px
        }

        .bet-slip {
            max-width: 100%;
            border-radius: 8px 8px 0 0
        }
    }




/* second section css */
/* second section css */
/* second section css */
/* second section css */



    #prd-sports-schedule-widget * {
        box-sizing: border-box
    }

    #prd-sports-schedule-widget a {
        text-decoration: none;
        color: inherit
    }

    #prd-sports-schedule-widget img {
        max-width: 100%;
        display: block
    }

    #prd-sports-schedule-widget .sports-schedule {
        position: relative;
        padding: 40px 15px 70px;
        overflow: hidden;
    }

    #prd-sports-schedule-widget .sports-schedule .container {
        max-width: 1040px;
        margin: 0 auto;
        position: relative;
        z-index: 2
    }

    #prd-sports-schedule-widget .global-shape {
        position: absolute;
        pointer-events: none
    }




    #prd-sports-schedule-widget .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        align-items: start
    }

    #prd-sports-schedule-widget .single-view-schedule {
        background: #fff;
        border-radius: 7px;
        box-shadow: 0 14px 40px rgba(31, 34, 64, .12);
        overflow: hidden
    }

    #prd-sports-schedule-widget .schedue-header {
        background: linear-gradient(105deg, #172948 0%, #4a1e3f 100%);
        color: #fff;
        text-align: center;
        padding: 20px 20px 21px
    }

    #prd-sports-schedule-widget .schedue-header .tournament-name {
        display: block;
        font-size: 22px;
        line-height: 1.25;
        font-weight: 800;
        margin-bottom: 8px
    }

    #prd-sports-schedule-widget .schedue-header .stadium-name {
        display: block;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 600;
        opacity: .9
    }

    #prd-sports-schedule-widget .schedule-body {
        padding: 32px 40px 34px
    }

    #prd-sports-schedule-widget .schedule-stats {
        display: grid;
        grid-template-columns: 1fr 140px 1fr;
        gap: 10px;
        align-items: center
    }

    #prd-sports-schedule-widget .schedule-stats .single-team {
        text-align: center;
        min-width: 0
    }

    #prd-sports-schedule-widget .schedule-stats .team-icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 12px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff0f1
    }

    #prd-sports-schedule-widget .schedule-stats .team-icon img {
        width: 64px;
        height: 64px;
        object-fit: contain
    }

    #prd-sports-schedule-widget .schedule-stats .team-name {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 800;
        color: #51466b;
        display: block
    }

    #prd-sports-schedule-widget .date-times-vs {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px
    }

    #prd-sports-schedule-widget .date-times-vs .time {
        font-size: 14px;
        color: #55566d;
        font-weight: 500
    }

    #prd-sports-schedule-widget .date-times-vs .time i {
        margin-right: 6px;
        color: #8b8ca2
    }

    #prd-sports-schedule-widget .date-times-vs .date {
        font-size: 14px;
        color: #4d9a62;
        font-weight: 500;
        text-transform: uppercase
    }

    #prd-sports-schedule-widget .date-times-vs .versace-icon {
        width: 84px;
        margin-top: 4px
    }

    #prd-sports-schedule-widget .placing-bet {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 28px
    }

    #prd-sports-schedule-widget .place-a-bet {
        height: 34px;
        border: 1px solid #d0d3dc;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #4e496f;
        font-size: 14px;
        font-weight: 800;
        background: #fff;
        transition: .25s
    }

    #prd-sports-schedule-widget .place-a-bet:hover,
    #prd-sports-schedule-widget .place-a-bet.placed {
        background: #ed4f60;
        color: #fff;
        border-color: #ed4f60
    }

    #prd-sports-schedule-widget .schedue-timer {
        background: linear-gradient(105deg, #172948 0%, #692349 100%);
        display: grid;
        grid-template-columns: 1.05fr 2.95fr;
        color: #fff
    }

    #prd-sports-schedule-widget .time-starting-text {
        padding: 14px 22px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid rgba(255, 255, 255, .14);
        position: relative
    }

    #prd-sports-schedule-widget .time-starting-text .txt {
        font-size: 13px;
        font-weight: 800;
        text-transform: capitalize
    }

    #prd-sports-schedule-widget .time-starting-text .icon {
        width: 90px;
        margin-top: 8px
    }

    #prd-sports-schedule-widget .all-timer-task {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    #prd-sports-schedule-widget .single-time {
        min-height: 67px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-right: 1px solid rgba(255, 255, 255, .14)
    }

    #prd-sports-schedule-widget .single-time:last-child {
        border-right: 0
    }

    #prd-sports-schedule-widget .single-time .number {
        font-size: 25px;
        line-height: 1;
        font-weight: 800
    }

    #prd-sports-schedule-widget .single-time .title {
        font-size: 12px;
        line-height: 1.2;
        margin-top: 4px;
        font-weight: 700;
        opacity: .86
    }

    #prd-sports-schedule-widget .tab-pane {
        display: none
    }

    #prd-sports-schedule-widget .tab-pane.active.show {
        display: block
    }

    #prd-sports-schedule-widget .all-schedule-list .nav {
        display: flex;
        flex-direction: column;
        gap: 18px
    }

    #prd-sports-schedule-widget .all-schedule-list .nav-link {
        border: 0;
        background: #fff;
        border-radius: 7px;
        padding: 0;
        box-shadow: 0 11px 34px rgba(31, 34, 64, .09);
        cursor: pointer;
        position: relative;
        overflow: visible
    }

    #prd-sports-schedule-widget .all-schedule-list .nav-link.active:before {
        content: "";
        position: absolute;
        left: 0;
        top: 18px;
        bottom: 18px;
        width: 3px;
        background: #ef5260;
        border-radius: 8px
    }

    #prd-sports-schedule-widget .single-list-schedule {
        min-height: 86px;
        display: grid;
        grid-template-columns: 1fr 74px 1fr;
        align-items: center;
        gap: 8px;
        padding: 12px 20px
    }

    #prd-sports-schedule-widget .single-list-schedule .single-team {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0
    }

    #prd-sports-schedule-widget .single-list-schedule .single-team:last-child {
        justify-content: flex-end
    }

    #prd-sports-schedule-widget .single-list-schedule .team-icon {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #fff0f1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto
    }

    #prd-sports-schedule-widget .single-list-schedule .team-icon img {
        width: 48px;
        height: 48px;
        object-fit: contain
    }

    #prd-sports-schedule-widget .single-list-schedule .team-name {
        font-size: 15px;
        line-height: 1.25;
        color: #50476d;
        font-weight: 800;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #prd-sports-schedule-widget .single-list-schedule .versace-icon {
        width: 70px;
        justify-self: center
    }

    #prd-sports-schedule-widget .see-all-schedule-btn-cover {
        text-align: center;
        margin-top: 42px
    }

    #prd-sports-schedule-widget .prd-btn-4 {
        height: 44px;
        border: 1.5px solid #3d3469;
        border-radius: 999px;
        padding: 0 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 800;
        color: #3d3469;
        letter-spacing: .02em;
        background: #fff;
        transition: .25s
    }

    #prd-sports-schedule-widget .prd-btn-4:hover {
        background: #3d3469;
        color: #fff
    }

    #prd-sports-schedule-widget .sports-toast {
        position: fixed;
        left: 50%;
        bottom: 24px;
        transform: translateX(-50%) translateY(25px);
        background: #171f3a;
        color: #fff;
        padding: 12px 18px;
        border-radius: 999px;
        box-shadow: 0 14px 35px rgba(0, 0, 0, .2);
        font-size: 13px;
        font-weight: 700;
        opacity: 0;
        visibility: hidden;
        transition: .25s;
        z-index: 99999
    }

    #prd-sports-schedule-widget .sports-toast.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0)
    }

    @media (max-width:1199px) {
        #prd-sports-schedule-widget .sports-schedule .container {
            max-width: 960px
        }



        #prd-sports-schedule-widget .schedule-body {
            padding: 30px 28px
        }

        #prd-sports-schedule-widget .placing-bet {
            gap: 18px
        }

        #prd-sports-schedule-widget .single-list-schedule {
            padding: 12px 14px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-name {
            font-size: 14px
        }
    }

    @media (max-width:991px) {
        #prd-sports-schedule-widget .sports-schedule {
            padding: 75px 15px 58px
        }

        #prd-sports-schedule-widget .global-shape.style-4 {
            width: 220px;
            left: -60px
        }

        #prd-sports-schedule-widget .row {
            grid-template-columns: 1fr;
            gap: 22px
        }

        #prd-sports-schedule-widget .order-md-2 {
            order: 1
        }

        #prd-sports-schedule-widget .order-md-1 {
            order: 2
        }

        #prd-sports-schedule-widget .all-schedule-list .nav {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px
        }

        #prd-sports-schedule-widget .single-list-schedule {
            grid-template-columns: 1fr 50px 1fr;
            min-height: 78px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-icon {
            width: 46px;
            height: 46px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-icon img {
            width: 40px;
            height: 40px
        }

        #prd-sports-schedule-widget .single-list-schedule .versace-icon {
            width: 48px
        }

        #prd-sports-schedule-widget .single-view-schedule {
            max-width: 620px;
            margin: 0 auto
        }


    }

    @media (max-width:767px) {
        #prd-sports-schedule-widget .sports-schedule {
            padding: 60px 12px 45px
        }



        #prd-sports-schedule-widget .all-schedule-list .nav {
            grid-template-columns: 1fr
        }

        #prd-sports-schedule-widget .single-list-schedule {
            padding: 12px 14px
        }

        #prd-sports-schedule-widget .schedue-header .tournament-name {
            font-size: 19px
        }

        #prd-sports-schedule-widget .schedue-header .stadium-name {
            font-size: 13px
        }

        #prd-sports-schedule-widget .schedule-body {
            padding: 24px 16px
        }

        #prd-sports-schedule-widget .schedule-stats {
            grid-template-columns: 1fr;
            gap: 18px
        }

        #prd-sports-schedule-widget .date-times-vs {
            order: 2
        }

        #prd-sports-schedule-widget .schedule-stats .single-team:first-child {
            order: 1
        }

        #prd-sports-schedule-widget .schedule-stats .single-team:last-child {
            order: 3
        }

        #prd-sports-schedule-widget .schedule-stats .team-icon {
            width: 64px;
            height: 64px
        }

        #prd-sports-schedule-widget .schedule-stats .team-icon img {
            width: 56px;
            height: 56px
        }

        #prd-sports-schedule-widget .placing-bet {
            gap: 10px;
            margin-top: 24px
        }

        #prd-sports-schedule-widget .schedue-timer {
            grid-template-columns: 1fr
        }

        #prd-sports-schedule-widget .time-starting-text {
            align-items: center;
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .14);
            padding: 12px
        }

        #prd-sports-schedule-widget .all-timer-task {
            grid-template-columns: repeat(4, 1fr)
        }

        #prd-sports-schedule-widget .single-time {
            min-height: 62px
        }

        #prd-sports-schedule-widget .single-time .number {
            font-size: 21px
        }

        #prd-sports-schedule-widget .see-all-schedule-btn-cover {
            margin-top: 30px
        }
    }

    @media (max-width:480px) {


        #prd-sports-schedule-widget .single-list-schedule {
            grid-template-columns: 1fr 44px 1fr;
            gap: 5px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-name {
            font-size: 12px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-icon {
            width: 40px;
            height: 40px
        }

        #prd-sports-schedule-widget .single-list-schedule .team-icon img {
            width: 35px;
            height: 35px
        }

        #prd-sports-schedule-widget .single-list-schedule .versace-icon {
            width: 42px
        }

        #prd-sports-schedule-widget .schedue-header {
            padding: 18px 12px
        }

        #prd-sports-schedule-widget .schedule-stats .team-name {
            font-size: 14px
        }

        #prd-sports-schedule-widget .placing-bet {
            grid-template-columns: 1fr;
            gap: 9px
        }

        #prd-sports-schedule-widget .place-a-bet {
            height: 38px
        }

        #prd-sports-schedule-widget .all-timer-task {
            grid-template-columns: repeat(2, 1fr)
        }

        #prd-sports-schedule-widget .single-time:nth-child(2) {
            border-right: 0
        }

        #prd-sports-schedule-widget .single-time:nth-child(1),
        #prd-sports-schedule-widget .single-time:nth-child(2) {
            border-bottom: 1px solid rgba(255, 255, 255, .14)
        }
    }

    #prd-sports-schedule-widget .sports-schedule,
    #prd-sports-schedule-widget .sports-schedule * {}

    #prd-sports-schedule-widget .sports-schedule .container {
        max-width: 1040px !important;
        width: 100% !important;
    }

    @media (min-width: 768px) {
        #prd-sports-schedule-widget .sports-schedule .row {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 20px !important;
            align-items: start !important;
        }

        #prd-sports-schedule-widget .sports-schedule .order-md-1 {
            order: 1 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .order-md-2 {
            order: 2 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-view-schedule {
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-body {
            padding: 32px 62px 34px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats {
            display: grid !important;
            grid-template-columns: minmax(110px, 1fr) 150px minmax(110px, 1fr) !important;
            gap: 18px !important;
            align-items: center !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats>.single-team {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            min-width: 0 !important;
            width: auto !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats>.single-team:first-child {
            order: 1 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats>.date-times-vs {
            order: 2 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats>.single-team:last-child {
            order: 3 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .date-times-vs {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            gap: 6px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats .team-icon {
            width: 72px !important;
            height: 72px !important;
            margin: 0 auto 12px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats .team-icon img {
            width: 64px !important;
            height: 64px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats .team-name {
            display: block !important;
            font-size: 16px !important;
            line-height: 1.25 !important;
            font-weight: 800 !important;
            white-space: normal !important;
        }

        #prd-sports-schedule-widget .sports-schedule .date-times-vs .versace-icon {
            width: 86px !important;
            margin: 4px auto 0 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .placing-bet {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 30px !important;
            margin-top: 28px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .all-schedule-list .nav {
            display: flex !important;
            flex-direction: column !important;
            gap: 18px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-list-schedule {
            min-height: 86px !important;
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr) !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 12px 20px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-list-schedule .single-team {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 12px !important;
            min-width: 0 !important;
            text-align: left !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-list-schedule .single-team:last-child {
            justify-content: flex-end !important;
            text-align: right !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-list-schedule .team-name {
            font-size: 15px !important;
            line-height: 1.25 !important;
            font-weight: 800 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

        #prd-sports-schedule-widget .sports-schedule .single-list-schedule .versace-icon {
            width: 70px !important;
            justify-self: center !important;
        }
    }

    @media (min-width: 992px) {
        #prd-sports-schedule-widget .sports-schedule .container {
            max-width: 1040px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-body {
            padding-left: 62px !important;
            padding-right: 62px !important;
        }
    }

    @media (max-width: 991px) and (min-width: 768px) {
        #prd-sports-schedule-widget .sports-schedule .container {
            max-width: 720px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .row {
            grid-template-columns: 1fr !important;
        }

        #prd-sports-schedule-widget .sports-schedule .order-md-2 {
            order: 1 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .order-md-1 {
            order: 2 !important;
        }

        #prd-sports-schedule-widget .sports-schedule .all-schedule-list .nav {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
        }
    }

    @media (max-width: 767px) {
        #prd-sports-schedule-widget .sports-schedule .row {
            display: grid !important;
            grid-template-columns: 1fr !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 18px !important;
        }

        #prd-sports-schedule-widget .sports-schedule .schedule-stats>.single-team {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
        }

        #prd-sports-schedule-widget .sports-schedule .date-times-vs {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }
    }