.page_title {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(142deg, #BB5014 0%, #8B0000 100%);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    text-transform: uppercase;
    width: auto;
}

.tabliveitem .filter-leagues {
    margin-left: auto;
}
#tab-live img {
    width: 50px;
    height: 18px;
}
.matchs-live {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.matchs-live .nav {
    background: linear-gradient(191deg, #111213 12.72%, #262932 120.64%);
    border-radius: 8px;
    padding: 15px;
}
.matchs-live .tab-panels {
    padding: 1rem 0 0;
}
.tabliveitem .filter-league {
    position: relative;
}
.tabliveitem .filter-leagues:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1284_2951)"><path d="M8 0C7.82878 0 7.65881 0.005375 7.49025 0.0159687L0.829781 4.44803C0.298625 5.51822 0 6.72425 0 8C0 10.3399 1.00453 12.4451 2.60591 13.908C2.60591 13.908 5.21309 15.7013 8 15.7013C11.7289 15.7013 15.6079 12.4183 15.6079 8C15.6079 2.76128 10.6235 0.440094 10.6235 0.440094C9.80166 0.154938 8.91891 0 8 0Z" fill="%23FFE400"/><path d="M15.9216 6.87616L13.9822 6.65479C13.9822 11.0731 10.4005 14.6548 5.98221 14.6548C4.77555 14.6548 3.63186 14.3864 2.6059 13.908C3.22702 14.4754 3.93796 14.9462 4.7149 15.2965L5.18596 15.2703L5.7833 15.6888C6.48721 15.8913 7.23093 16 8.00002 16C12.4183 16 16 12.4183 16 7.99997C16 7.6185 15.9733 7.24332 15.9216 6.87616Z" fill="%23DBC405"/><path d="M11.3848 0.749123C11.1377 0.633623 10.8836 0.530373 10.6235 0.440186L9.91599 1.06244C9.72221 1.22812 9.67587 1.51394 9.8184 1.73531C9.95543 1.94812 10.2325 2.02237 10.4656 1.9239L10.6088 1.8634C10.7846 1.78915 10.9906 1.81603 11.1332 1.943C11.3851 2.16744 11.3412 2.56409 11.0586 2.73137L9.39702 3.71453C9.07249 3.90656 8.86637 4.25565 8.87312 4.63269C8.88012 5.02431 9.09955 5.34328 9.54055 5.3839C10.4531 5.46797 10.3217 4.50109 10.8577 4.50109H12.6961C12.9759 4.50109 13.2185 4.71031 13.2428 4.98909C13.2704 5.30672 13.0207 5.57306 12.7089 5.57306H10.5045C9.64709 5.57306 8.8994 6.23378 8.87365 7.09081C8.84705 7.97762 9.55799 8.70487 10.4388 8.70487H10.663C11.0906 8.70487 11.4372 9.0515 11.4372 9.47906V12.2303C11.4372 12.3119 11.4516 12.3925 11.4785 12.4676L12.126 12.4537L14.1418 9.1754L14.4009 7.29659L15.0581 6.34506C15.0581 6.34509 13.7877 1.87234 11.3848 0.749123Z" fill="%235EB24A"/><path d="M15.9216 6.87615C15.5397 4.1563 13.7842 1.87324 11.3848 0.749023C12.9793 2.21146 13.9822 4.32059 13.9822 6.65477C13.9822 8.94565 13.0217 11.0091 11.4785 12.4675C11.5731 12.7378 11.8414 12.9254 12.1531 12.8809C12.352 12.8525 12.5208 12.7187 12.6199 12.544L14.5292 9.17727C14.6982 8.87924 14.7418 8.52621 14.6502 8.19602L14.5022 7.66205C14.4535 7.48659 14.597 7.31727 14.7781 7.33649L14.8834 7.34765C15.1668 7.37771 15.45 7.28824 15.6646 7.1008L15.9216 6.87615Z" fill="%23449D2E"/><path d="M7.9253 0.707182L7.49024 0.0158691C4.56412 0.199432 2.06674 1.95421 0.829773 4.44793L1.3339 7.93056C1.39046 8.32146 1.62296 8.66493 1.96487 8.86271C2.16155 8.97646 2.24762 9.21543 2.16865 9.42846L1.99652 9.89281C1.84165 10.3106 1.97237 10.7806 2.32068 11.0585L2.78034 11.4252C2.93755 11.5507 3.0633 11.7111 3.14749 11.8938L4.3419 14.4857L5.04002 14.9783L5.53299 14.6422L5.35421 13.8951C5.25337 13.4736 5.3074 13.03 5.50643 12.645L6.28168 11.1457C6.49521 10.7328 6.29921 10.2261 5.86334 10.0643L5.22643 9.82796C5.02412 9.7529 4.8899 9.55987 4.8899 9.34412V9.2944C4.8899 9.00934 4.6588 8.77828 4.37377 8.77828H3.26655C2.99521 8.77828 2.72868 8.70699 2.49355 8.57153L2.22346 8.41593C2.0183 8.29771 1.87874 8.0919 1.84487 7.85756L1.82762 7.73818C1.78418 7.43787 1.92024 7.13987 2.17559 6.9759L2.3343 6.87399C2.52659 6.75056 2.77715 6.76821 2.95021 6.9174L3.09168 7.03937C3.26393 7.18787 3.53234 7.09987 3.58321 6.87818L3.73409 6.22078C3.81449 5.87053 4.07124 5.58728 4.41199 5.47299L5.52549 5.09956C5.84349 4.9929 5.9769 4.61606 5.79684 4.33312L5.29065 3.53771C5.15155 3.31915 4.87199 3.23756 4.63715 3.34699L4.21912 3.54184C4.0029 3.64265 3.73349 3.59943 3.58755 3.41071C3.39927 3.16728 3.47493 2.81753 3.74055 2.67171L4.79115 2.0949C5.13965 1.90356 5.57643 2.00728 5.80168 2.33487L5.8993 2.47684C6.04365 2.68693 6.28224 2.8124 6.53715 2.8124H7.0099C7.3233 2.8124 7.60577 2.62346 7.72543 2.33384L8.00677 1.65287C8.13474 1.34309 8.10437 0.990494 7.9253 0.707182Z" fill="%235EB24A"/><path d="M4.71486 15.2966C5.05886 15.4518 5.41539 15.583 5.78323 15.6889L5.53292 14.6424C5.1263 14.6197 4.72995 14.5671 4.34186 14.4858L4.71486 15.2966Z" fill="%23449D2E"/></g><defs><clipPath id="clip0_1284_2951"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    height: 16px;
    width: 16px;
    z-index: 1;
}
.tabliveitem .filter-league:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: #262b33;
    pointer-events: none;
    border-radius: 4px;
    z-index: 2;
}
.tabliveitem .filter-league:after {
    content: "";
    position: absolute;
    top: 48%;
    right: 15px;
    width: 6px;
    height: 6px;
    border: solid #00eb1f;
    border-width: 0 2px 2px 0;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    z-index: 3;
}
.tabliveitem .filter-league select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #262b33;
    box-shadow: unset;
    color: white;
    padding: 7px 20px 7px 36px;
    border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 190px;
    margin: 0;
    height: 38px;
}
.tabliveitem .filter-league select::-ms-expand {
    display: none;
}
.tabliveitem {
    background: url('images/bg-home-top.svg') no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    gap: 15px;
}
.tabliveitem li span.num {
    border-radius: 50%;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    background: #162737;
    text-align: center;
    padding: 0px 2px;
    color: #fff;
}
.matchs-live .tabliveitem li a {
    border-radius: 6px;
    background: #4a586736;
    color: #fff !important;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    padding: 0 12px;
    border: 0;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    letter-spacing: 0.1px;
    transition: 0s;
}
.matchs-live .tabliveitem li.active a,
.matchs-live .tabliveitem li:hover a{
    background: linear-gradient(360deg, rgba(31, 62, 171, 0.32), rgba(22, 89, 81, 0.2));
    color: #9BFFAB;
    position: relative;
    font-weight: 600;
    z-index: 1;
}
.matchs-live .tabliveitem li.active a:before,
.matchs-live .tabliveitem li:hover a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    padding: 1px;
    background: linear-gradient(360deg, rgba(0, 101, 144, 1), rgba(35, 59, 83, 0));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    pointer-events: none;
    opacity: 1 !important;
}
.matchs-live .tabliveitem li#tab-live a {
    color: #9bffab;
    background: linear-gradient(180deg, #042104 39.71%, #045830 119.12%);
}
.matchs-live .tabliveitem li#tab-live a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5.61px;
    padding: 1.5px;
    background: linear-gradient(-3.19deg, rgb(62, 212, 106) 2.71%, rgb(0, 42, 12) 97.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    pointer-events: none;
    opacity: 1;
}
.readmore-livestream {
    background-color: #292B2E !important;
    font-size: 14px !important;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.match-item .box-item-match {
    border-radius: 10px;
    background: #232324 url(../images/bg-match.png) no-repeat bottom;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 8px;
    padding-bottom: 0px;
}
.box-item-match .box-top {
    padding: 0;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    text-transform: uppercase;
    align-items: center;
    margin-bottom: 15px;
}
.box-item-match .box-top .leagues-name {
    display: inline-flex;
    color: #fff;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
}
.box-item-match .box-top .leagues-name span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}
.box-item-match .box-top .leagues-time {
    color: white;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 13px;
    padding: 3px 8px;
    background: linear-gradient(#1a1e23, #1a1e23) padding-box, linear-gradient(180deg, #1a1e23 0%, #455870 100%) border-box;
    border: 1px solid transparent;
}

.box-item-match .box-center{
    margin-bottom: 20px;
}
.box-item-match .info-match {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}
.box-item-match .info-match .item-results {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    font-size: 17px;
    gap: 2px;
    border-radius: 36px;
    border: 1px solid #1456ff;
    background: linear-gradient(113deg, #1553ef 7.37%, #0c3089 57.22%, #0b2a79 66.05%, #000 131.67%);
    color: #FFF;
    font-weight: 700;
    min-width: 50px;
}
.box-item-match .info-match .item-results .results{
    font-weight: 700;
    flex: 1;
    width: 28px;
    height: 32px;
    border-radius: 50%;    
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-item-match .info-match .item-results .results.active{
    stroke-width: 1px;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(136deg, #3effff, #166def 31.07%, #5968f7 45.94%, #ad1bf1 80.51%);
}
.box-item-match .item-team {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-align: center;
    padding: 0 4px;
    width: calc((100% - 70px) / 2);
}
.box-item-match .item-team .logo-team {
    flex-shrink: 0;
}
.box-item-match .item-team .logo-team img {
    height: 40px;
    width: 40px;
}
.box-item-match .item-team .name-team {
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1; 
    -webkit-box-orient: vertical;
    max-width: 150px;
    text-align: left;
}
.box-item-match .item-team.home {
    justify-content: flex-end;
}
.box-item-match .item-team.home .name-team {
    order: -1;
    text-align: right;
}
.box-item-match .info-result {
    width: 70px;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.box-item-match .info-match .box-time {
    background: transparent url(../images/time-bg.svg) center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.box-item-match .box-bottom {
    height: 46px;
    color: #fff;
    padding: 10px 4px 10px 10px;
    justify-content: space-between;
    position: relative;
}
.box-item-match .box-bottom:before {
    content: "";
    position: absolute;
    height: 21px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 7px;
    padding: 1px;
    background: linear-gradient(360deg, rgba(25, 25, 32, 0) 0%, rgba(63, 65, 70, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    pointer-events: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.box-item-match .box-bottom .ht-odds {
    background: #373737;
    color: #ACACAC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 24px;
    padding: 6px 14px;
    gap: 10px;
}
.box-item-match .box-odds {
    color: #8D92A2;
    display: flex;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.25px;
    gap: 15px;
    margin-right: 8px;
}
.box-item-match .box-odds .box-item-odds {
    position: relative;
    min-width: 60px;
}
.box-item-match .box-odds .box-item-odds:not(:last-of-type):before {
    content: '';
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 24px;
    opacity: 0.3;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 55%, rgba(255, 255, 255, 0) 100%);
}
.box-item-match .box-odds .box-item-odds.odds-1x2 {
    display: flex;
    justify-content: space-between;
    text-align: center;
    min-width: 70px;
}
.box-item-match .box-odds .box-item-odds.odds-1x2 .item-odds {
    flex-direction: column;
}
.box-item-match .box-odds .item-odds {
    justify-content: space-between;
}
.box-item-match .right-bottom-box {
    align-items: center;
}




@media(max-width: 550px){
    .tabliveitem li{
        width: calc(50% - 8px);
        text-align: center;
    }
    .tabliveitem .filter-leagues{
        width: 100%;
    }
    .tabliveitem .filter-leagues select{
        width: 100%;
    }
    .box-item-match .box-bottom .box-odds {
        display: none;
    }

    .box-item-match .box-top .leagues-time {
        font-size: 11px;
    }
    .box-item-match .box-top .leagues-name span {
        font-size: 11px;
        max-width: 100px;
    }
    .box-item-match .item-team .logo-team img {
        height: 32px;
        width: 32px;
    }
}