.group-table-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.table-heading {
    background: #009cff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    display: inline-block;
    padding: 10px 35px 10px 25px;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    margin-bottom: -1px;
}

.standing-table {
    width: 100%;
    background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%);
}

.standing-table thead {
    background: #f90cff;
    background: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8);
    position: relative;
    z-index: 1;
}

.standing-table thead:before {
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px);
    background-size: 4px 4px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.standing-table tr:nth-of-type(even),
.standing-table tr:nth-of-type(odd) {
    background: transparent;
}

.standing-table tr th {
    background: transparent;
    height: 60px;
    font-weight: 600;
    border-right: 1px solid rgba(152, 65, 255, 0.7);
    border-left: 1px solid rgba(152, 65, 255, 0.7);
}

.standing-table tr td {
    height: 60px;
    border-right: 1px solid rgba(152, 65, 255, 0.2);
    border-bottom: 1px solid rgba(152, 65, 255, 0.2);
    border-left: 1px solid rgba(152, 65, 255, 0.2);
    font-weight: 400;
}

.standing-table tr th:not(.team-name) {
    width: 80px;
}

.group-table-wrap .standing-table tr th:not(.team-name) {
    width: 50px;
}

.standing-table tr .team-name {
    padding: 0 40px;
}

.standing-table tr .team-name a{
    font-size: 16px;
}

.group-table-wrap .standing-table tr .team-name {
    padding: 5px 20px;
    line-height: 1.2;
}

.standing-table tr .team-name:hover a {
    color: #fff;
}

.standing-table tr th:not(.team-name),
.standing-table tr td:not(.team-name) {
    text-align: center;
    vertical-align: middle;
}

.standing-table tr td a {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.standing-table tr td img {
    width: 40px;
}

.standing-table tr:hover {
    background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.5) 50%, rgba(105, 85, 180, 0.1) 100%);
}

@media (max-width: 992px) {
    .group-table-wrap {
        grid-template-columns: 1fr;
    }
    .standing-table thead:before{
        display: none;
    }
}

@media (max-width: 767px) {
    .standing-table tr th {
        height: auto;
    }

    .standing-table tr th:not(.team-name) {
        width: 40px;
    }

    .standing-table tr .team-name {
        padding: 5px 20px;
    }

    .standing-table tr .team-name a {
        line-height: 1.2;
    }
}

@media (max-width: 580px) {
    .standing-table tr td a {
        flex-wrap: wrap;
        row-gap: 10px;
    }
}