:root{
    --match-height: 220px;
    --match-spacing: 106px;
    --match-width: 106px;
    --round--width: 558px;
}

@media(max-width:1600px){
    :root{
        --match-height: 192px;
    }
}

.nf_db-elimination .card {
    background-color: #215041;
}

.looser--bracket{
    margin-top: 2rem ;
}

.win-loser-wrap {
    display: flex;
    padding-bottom: 30px;
    overflow-x: auto;
}

.loser-win-bracket.tournament-bracket {
    min-width: 329px;
}


.loser-win-bracket .tournament-bracket__round .tournament-bracket__item {
    padding-left: 3.8em;
}

.tournament__tab .nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
    padding: 15px 30px;
    background-color: transparent;
    transition: all 0.5s;
}

.tournament__tab .nav-tabs .nav-link.active {
    color: #ffffff;
    border-color: #00f5a3;
}
.brackets__tab .nav-tabs .nav-item.active {
    background-color: transparent;
}

.loser-win-bracket .tournament-bracket__round .tournament-bracket__item {
    padding-right: 3.8em;
    padding-left: 0;
}

/* =========== 28-03-2024 css start [Tournaments Brackets] ============== */

.match-lines {
    display: block;
    position: absolute;
    top: 48%;
    bottom: 0;
    margin-top: 0px;
    left: -1px;
    z-index: 999;
}
.match-lines .line {
    background: #215041;
    position: absolute;
}
.theme-dark .match-lines .line {
    background: #36404e;
}
.match-lines .line.one {
    height: 1px;
   width: calc(var(--match-width) / 2);
}
.match-lines .line.two {
    height: calc(var(--match-height) / 2);
    width: 1px;
    right: calc(var(--match-spacing) / 2);
}

.tournament__match {
    position: relative;
}

ul.tournament-bracket__list li:nth-child(even) .match-lines .line.two {
    transform: translate(0,-100%);
}
.match-lines.alt {
    right: calc((var(--match-width) / -2.2));
}

.tournament-bracket.win_bracket > div:first-child ul .match-lines.alt ,.tournament-bracket.win_bracket > div:last-child ul .match-lines{
    display: none;
}
.tournament-bracket.win_bracket > div:last-child ul .match-lines.alt{
    display: block;
}


.tournament-bracket > div:nth-child(2) ul .match-lines .line.two {
    height: calc(var(--match-height));
}
.tournament-bracket > div:nth-child(3) ul .match-lines .line.two {
    height: calc(var(--match-height) * 2);
}
.tournament-bracket > div:nth-child(4) ul .match-lines .line.two {
    height: calc(var(--match-height) * 4);
}

.tournament-bracket.looser--bracket > div:first-child ul .match-lines.alt ,.tournament-bracket.looser--bracket > div:last-child ul .match-lines{
    display: none;
}

.tournament-bracket.looser--bracket > div:last-child ul .match-lines.alt{
    display: block;
}

.tournament-bracket.looser--bracket > div:first-child ul .match-lines .line.two{
    display: none;
}

/* === 29-03-2024 css start === */

.looser--bracket  .tournament-bracket__round.semifinal .match-lines .line.two {
    display: none;
}

.next-div .tournament-bracket__round.final .match-lines .line.two {
    display: block;
}

.win_bracket .tournament-bracket__round.active.final ul li {
    justify-content: flex-end;
}

.tournament-bracket.looser--bracket.next-div .tournament-bracket__round.final .match-lines .line.two {
    transform: translate(0,-100%);
    height: calc(var(--match-height)* 5.3);
}

.tournament-bracket.looser--bracket > div:first-child ul .match-lines.alt,.tournament-bracket.win_bracket > div:first-child ul .match-lines.alt,.tournament-bracket.looser--bracket .tournament-bracket__round.final .match-lines {
    display: none;
}

.tournament-bracket.looser--bracket.next-div .tournament-bracket__round.final .match-lines {
    display: block;
}

/* === compare final match lines winner and looser === */

.win_bracket .tournament-bracket__round.final {
    margin-right: 505px;
}

.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.one {
    width: 560px;
}

.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.two {
    right: 560px;
}

.looser--bracket .tournament-bracket__round {
    flex: 0 0 560px;
}

.looser--bracket .tournament-bracket__round.active.final  .match-lines.alt {
    display: none;
}

.looser--bracket .tournament-bracket__round.active.final  li.tournament-bracket__item {
    padding-right: 10px;
    padding-left: 103px;
}

.win_bracket .tournament-bracket__round:nth-child(5) .match-lines.double_line .line.two {
    height: calc(var(--match-height) * 8);
}

@media(max-width:1199px){

    .looser--bracket .tournament-bracket__round.active.final li.tournament-bracket__item{
        padding-left: 106px;
    }
}


/* === 02-04-2024 css start [extra inner div generate css] === */

.looser--bracket .tournament-bracket__round.inner-round:nth-child(odd) .match-lines .line.two {
    display: none;
}


.tournament-bracket.looser--bracket > div:nth-child(4) ul .match-lines .line.two {
    height: calc(var(--match-height) * 2);
}

.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.one {
    width: calc(var(--round--width) * 2);
}

.win_bracket .tournament-bracket__round.final {
    margin-right: calc(var(--round--width) *2 - 56px);
}

.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.two {
    right: calc(var(--round--width) *2);
}