
@media(min-width:768px){
    .nf_hero {
        display: none;
    }
    .mobile_display,.group_mobile--tbl{
        display: none !important;
    }
}

@media(max-width:767px){

    .nf_hero .swiper-image .slider-content {
        text-align: center;
    }

    .nf_hero .swiper-image .slider-content h1 {
        font-size: 27px;
        padding-bottom: 10px;
    }

    .nf_hero .swiper-image {
        padding: 20px 0.95rem 0;
    }

    .nf_hero {
        margin-block: 0;
    }
    .hero_sliedr--img {
        position: absolute;
        z-index: 99;
        display: flex;
        bottom: -24px;
        width: 100%;
        right: 0;
        justify-content: center;
    }

    .path-frontpage main {
        margin-top: 15px;
    }

    .nf_hero .swiper-image .slider-content h5 {
        font-size: 22px;
    }

    .nf_hero .swiper-image .slider-content a {
        position: absolute;
        bottom: 30px;
        right: 50%;
        transform: translate(50%);
        font-size: 20px;
        width: 55vw;
        padding: 8px 15px 10px;
        border-radius: 15px;
    }

    .slider-content {
        padding-bottom: 28vh;
    }

    .nf_hero .swiper {
        padding-bottom: 0;
    }

    section.news-block ,.edit-team-profile-buttons .edit__profile a img{
        display: none;
    }


    /* header css start */
    .header__main {
        padding-block: 10px;
    }

    .toggle__menu,.nf_country-drop.btn-group,.header__main > div > div > div:nth-child(2),.desktop_display  {
        display: none !important;
    }
    .header__main > div > div > div {
        padding: 0 !important;
    }

    .header__main > div > div > div:last-child {
        padding: 0 0px !important;
    }

    .nf_head-btn .btn {
        width: 7rem;
        padding: 7px 10px;
        font-size: 16px;
        border-radius: 8px;
    }
    .header__main {
        padding-inline: 15px;
    }
    .header__main .header__logo img {
        width: 80px;
    }

    /* --- CLUBS CROSS-GAME LEADERBOARD sectiion --- */

    section.nf_table.mt-5 {
        margin-top: 20px !important;
    }

    .nf_team-gp .team-title,.nf_point-gp a {
        display: none !important;
    }
    .nf_point-gp {
        justify-content: flex-end;
    }

    .nf_table-block tr .noBorder:last-child {
        padding-left: 15px;
    }

    .nf_table-block {
        backdrop-filter: none;
    }

    .nf_table-block tr .noBorder:first-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .nf_table-block tr .noBorder:last-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .nf_table-block h4 {
        padding-bottom: 9px;
        padding-inline: 15px;
    }

    .nf_table-block {
        padding-inline: 0;
    }

    .nf_table-block tr:nth-child(2n) {
        border-top: 0;
    }

    .scrollable,.container {
        padding: 0 15px !important;
    }

    a.btn {
        border-radius: 15px !important;
        font-size: 16px;
    }
    body .profile__banner-block .player__details .edit__profile{
        width: 100%;
        margin: 0;
    }
    .tb_btn a.btn {
        width: calc(100% - 30px);
        padding-block: 10px;
    }

    .tb_btn {
        margin-top: 0;
    }

    /* --- Tournament block css start --- */

    .tournaments-block .game__box {
        margin-bottom: 40px;
        height: calc(100% - 2.25rem);
    }
    .game__box .game__footer {
        padding-bottom: 25px;
    }

    .game__box .game__footer .game__action .btn {
        padding-block: 12px;
        border-radius: 10px !important;
    }

    .nf_prize {
        padding: 0px 0 40px;
    }

    .nf_prize-right h5 {
        font-size: 26px;
    }

    .nf_prize-right h3.count {
        font-size: 48px;
        margin-top: 5px !important;
    }

    .game__box .game__body .info__item {
        max-width: calc(100% / 3);
        flex: 0 0 calc(100% / 3);
        margin-bottom: 0 !important;
    }
    /* --- CHAMPIONS BLOCK HTML START --- */


    .tab_inner-content .team__wrapper .team-group {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .nf_tabs-block h4.nf_champ {
        position: absolute;
        top: 0;
        font-size: 22px;
        right: 0;
     }

    .team-member h4 {
        display: none;
    }

    .nf_tabs-block .team-group .team-ic {
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .team__wrapper {
        position: relative;
        padding-top: 50px;
    }

    .mobile_display.tem_mem h4 {
        font-size: 30px;
    }

    .team__wrapper .team-member img {
        max-height: 20.75rem;
    }
    .nf_tabs-block a.horizontal-tab {
        padding-block: 7px;
    }

    .nf_tabs-block .tab_inner-content .col-6:not(:last-child) {
        margin-bottom: 0;
    }

    .tab_inner-content > div {
        gap: 30px;
    }

    .nf_tabs-block .team-group .team-ic img {
        width: 100px;
    }
    .nf_tabs-block .team-member img {
        mask-image: none;
    }

    .team__wrapper .team-member .nf_member-img {
        padding-bottom: 0;
    }

    .tab-container {
        padding-bottom: 0;
    }

    .tab_inner-content .col-6:last-child .team-group {
        padding-bottom: 30px;
    }
    .nf_tabs-block button.select-dropdown__button {
        margin-bottom: 0;
    }

    /* --- Our Partners block section --- */

    .nf_partner-img {
        padding: 0px 10px;
    }

    .nf_partner-wrap {
        align-items: center;
    }

    .nf_partner-wrap > div:not(:last-child) {position: relative;}

    .nf_partner-wrap > div:not(:last-child):before {
        content: '';
        background: #303548;
        width: 2px;
        height: 80%;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* --- Footer css start --- */

    .row.nf__foot--col {
        padding-inline: 0 !important;
    }

    footer.nf__footer {
        padding: 25px 0 90px;
    }

    .nf__foot--col ul,.nf__foot--add a {
        justify-content: flex-start;
        padding-right: 0;
    }

    .nf__foot--logo a img {
        width: 6rem !important;
    }

    .nf__foot--add {
        text-align: right;
    }

    .nf__footer--con > div > p {
        color: #6B7897 !important;
    }
    .nf__service--con {
        flex-direction: column;
        gap: 5px;
    }

    .nf__foot--col > div:not(:first-child) {
        padding-top: 10px;
        padding-inline: 15px !important;
    }
    .nf_partners-wrap h2 {
        font-size: 26px;
    }
    .footer_lan .nf_country-drop {
        display: block !important;
    }
    .footer_lan a.dropdown-toggle {
        display: inline-flex;
        align-items: center;
        gap: 13px;
        background: rgb(48 53 72 / 60%);
        position: relative;
    }

    .footer_lan a.dropdown-toggle img {
        border-radius: 5px;
    }

    .footer_lan {
        margin: 20px 0 0px;
    }

    .footer_lan .dropdown-toggle::before {
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-style: solid;
        border-left-width: 2px;
        content: "";
        display: inline-block;
        height: 7px;
        left: 12px;
        position: absolute;
        top: 50%;
        width: 7px;
        border-color: #6B7897;
        transform: translateY(-50%) rotate(-45deg);
    }
    .footer_lan .nf_country-drop .dropdown-menu.show{
        background: rgba(36, 40, 55);
    }
    .footer_lan .dropdown-toggle::after {
        opacity: 0;
    }

    /* --- Mobile nav css start --- */

    div.mobile_nav {
        position: fixed;
        right: 0;
        bottom: -1px;
        display: grid;
        align-content: center;
        width: 100%;
        z-index: 9999;
        /* height: 4.5rem; */
        padding: 10px 30px;
        box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        backdrop-filter: blur(6px);
        background-color: rgba(39, 44, 60, 0.7);
        transition: .3s ease;
    }

    .mobile_nav li.mo_menu-item a {
        color: #000;
    }

    .mobile_nav ul.mo_menu-list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 0;
    }
    li.mo_menu-item a svg {
        margin: 0 auto;
    }

    a.mo_menu-link span {
        font-size: 12px;
        color: #485068;
    }

    a.mo_menu-link {
        transition: .2s ease;
    }

    a.mo_menu-link.active svg path,li.mo_menu-item.show a svg path {
        fill: var(--primary-green-color);
    }
    a.mo_menu-link.active span,li.mo_menu-item.show a span{
        color: var(--primary-green-color);
    }
    .mobile_nav.downScrollClass {
        transition: .3s ease;
    }
    .player-block {
        background: transparent;
    }

    .player-block .teams__table table tr td:last-child {
        padding: 0;
        background: transparent;
    }
}

/* 14-06-2024 css start */


@media(max-width:767px){
    body .profile__banner-block {
        padding-top: 10px !important;
    }

    .profile__banner-block .team__player .team__logo {
        width: 120px;
        height: 120px;
    }

    body .team__profile-block.profile__banner-block .player__details {
        padding: 10px 10px;
    }
    body .team__profile-block.profile__banner-block .team__player .team__logo {
        margin: -50px 15px 0 0;
    }

    .stats__box h4 {
        font-size: 22px;
    }

    .stats-block > div > div {
        padding-inline: 0 !important;
    }

    .stats-block > div {
        gap: 5px;
        justify-content: space-between;
        border: 0;
        margin-block: 15px;
    }

    body .stats-block .col-sm-6, body .ids-block .col-sm-6 {
        max-width: calc(100%/2 - 5px);
        flex: 0 0 calc(100%/2 - 5px);
    }

    body .profile__banner-block .player__details .game__tags {
        gap: 7px;
        padding: 0;
        margin-top: 16px;
        max-height: inherit;
        min-height: auto;
        display: flex;
    }
    .profile__banner-block .player__details h4 {
        text-align: justify;
    }
    .team__player .player__details .game__tags .badge {
        background: #181D29;
        border-color: #242B3E;
        border-radius: 8px;
    }

    .edit__profile {
        display: flex;
        gap: 10px;
    }

    .edit__profile a {
        border-radius: 8px !important;
    }

    .team__details-block,.stats-block,.ids-block,.teams-block.nf_player-block  {
        margin-top: 10px !important;
    }

    .main__title {
        border: 0;
        margin-bottom: 10px;
    }

    body .stats__box h6 {
        font-size: 14px;
        color: #6B7897;
    }
    .memeber_details {
        margin-bottom: 15px;
    }

    .stats__box,.team__player .player__details .game__tags {
        gap: 10px;
    }
    .partners__cover__des .partners__details > div {
        margin: 0;
    }
    .stats-block #partner-description {
        display: none;
    }
    .partners__cover__des .cover__logo {
        margin-bottom: 25px;
    }
    body .stats__box h4:after {
        background: var(--primary-green-color);
        height: 3;
        width: 20px;
    }
    body .id__box .id__info:after {
        background: var(--primary-green-color);
        width: 3px;
        right: -2px;
    }
    .ids-block > div > div,.teams-block.nf_player-block > div > div {
        padding-inline: 0 !important;
    }
    .teams-block a {
        margin-block: 14px;
    }

    .team__player .team__logo {
        width: 90px;
        height: 90px;
        margin-top: -45px;
    }

    .nf_player-block .team__player .player__banner {
        padding-top: 25%;
    }

    .nf_player-block .team__player .player__details .game__tags {
        border-color: #242B3E;
        margin: 0 12px;
        min-height: auto;
        display: flex;
        padding-inline: 0;
    }
    .nf_player-block > div  {
        gap: 15px;
    }
    .nf_player-block .team__head {
        padding: 10px 0px;
    }
    .nf_player-block .team__head a{
        margin: 0;
    }
    body .id__box .id__info span {
        display: block;
        color: #6B7897;
    }
    body .ids-block .row .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .ids-block .main__title {
        border:0;
        margin-bottom: 10px;
    }
    .teams-block.nf_player-block {
        margin-bottom: 20px;
    }
    .id__box .id__info p {
        opacity: 1;
    }
    .nf_player-block .team__player .player__details .game__tags span {
        margin: 0;
    }

    .nf_player-block .team__player {
        margin-bottom: 40px;
    }
}


/* --- 29/10/2024 css start --- */


@media(max-width:767px){
    .nf_prize {
        display: none;
    }
    .nf_our_partner .nf_partner-img img {
        width: 100px;
        height: 100px;
    }

    .nf_partner-img {
        padding: 0;
    }
    .nf__footer--con > div > p {
        margin-top: 1rem;
        text-align: start;
        line-height: 1.2;
    }

    .nf__foot--add p span svg {
        margin-top: 4px;
    }

    .nf__foot--add p {
        gap: 5px;
    }
    .social__media-block ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        max-width: fit-content;
        flex: 1 0 0;
    }

    .social__media-block ul {
        background: #161b26;
        border-radius: 6px;
        gap: 5px;
    }
    .nf_table-block table th:last-child {
        text-align: end;
    }
    .tournaments-block .game__tags .badge {
        padding: 9px 15px;
    }
    .partners__cover__des .cover__logo {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
    }

    .partners__cover__des .partners__details {
        padding-bottom: 10px;
    }

    .tournament__cover {
        margin: 0 0 25px;
        padding-top: 260px;
    }

    .tournament__details {
        margin-top: -140px;
    }

    .tournament__logo {
        position: relative;
        overflow: hidden;
        padding-top: 150px;
        width: 100%;
    }

    .tournament__logo img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tournament__details .tournament__logo {
        max-width: 160px;
        flex: 0 0 190px;
    }

    .tournament__details .tournament__logo img {
        object-fit: cover;
    }
    .tournament__details .tournament__logo img{
        border-radius: 0;
    }
    .tournament__heading > span {
        color: #6B7897;
        text-transform: uppercase;
    }
    .tournament__details .tournament__des .info__item span {
        font-size: 14px;
        margin-bottom: 4px;
        display: inline-block;
        color: #6B7897;
    }
    .tournament__tab .nav-tabs {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }

    body .tournament__tab .nav-tabs .nav-link {
        display: inline-block;
        color: #6B7897;
        text-transform: uppercase;
        font-size: 16px;
        padding-inline: 15px;
    }
    .about__schedule-block .main__title {
        margin-bottom: 10px;
    }
    .tournament__des-block .tab-content .nav-tabs {
        border: 0;
        padding-bottom: 4px;
        text-align: center;
    }

    .tournament__des-block .tab-content .nav-tabs .nav-link {
        border-radius: 6px;
        background: #171B25;
        border: 0;
        font-size: 12px;
        padding: 10px 15px;
    }

    .tournament__des-block .tab-content .nav-tabs .nav-link.active {
        border: 1px solid #00f5a3;
    }

    .tournament__des-block .tab-content .nav-tabs .nav-link:not(:last-child) {
        margin-left: 5px;
    }

    .tournament__tab {
        margin-top: 0 !important;
    }
    body .about__tournament p,body .tournament__timlines > .card p ,body .tournament__tab .nav-tabs .nav-link,body .tournament__details .tournament__des .info__item span , body .tournament__heading > span{
        color: #6B7897;
    }

    .about__schedule-block .card-header,div#collapse-timeline {
        padding: 0 !important;
    }

    .tournament__timlines > .card {
        padding: 25px 20px 15px;
    }

    .tournament__timlines > .card p {
        margin-top: 10px;
    }

    .dropdown.nf__head--dropdown .btn {
        font-size: 12px;
        font-weight: 300;
    }

    .header__main > div > div > div:last-child {
        gap: 4px;
    }

    /* --- 12/11/2024 CSS Start --- */

    .nf_head-btn .btn {
        font-size: 16px;
    }
    .tournament__des-block .card,.accordion>.card {
        border-radius: 6px !important;
        background-color: #171B25;
        padding: 15px 15px;
        gap: 15px;
    }

    .accordion .card-header .collapse__icon {
        z-index: 99;
        top: 3px;
        left: 0;
    }

    .tournament__des-block .card *:not(h4), .accordion>.card *:not(h4) {
        color: #6B7897 !important;
        font-size: 14px;
        padding: 0 !important;
    }

    .accordion>.card *:not(h4) br:nth-child(odd) {
        display: none;
    }

    .accordion .card .card .card-header h4 {
        font-size: 14px;
    }
    .accordion .card-header h4{
        font-size: 16px;
    }

    .about__schedule-block {
        margin-top: 15px !important;
    }

    .accordion .card-header .collapse__icon.minus path {
        fill: var(--primary-green-color);
        opacity: 1;
    }
    .team-block .teams__table table thead tr th, .player-block .teams__table table thead tr th {
        color: #6B7897;
    }
    .teams__table table td a > div {
        gap: 10px;
    }
    li.tournament-bracket__item .card {
        background: #272D3B;
    }

    .tournament-bracket__item .tournament__match .team.winner .point {
        background: var(--primary-green-color);
    }

    .tournament-bracket__item .tournament__match .team.winner .point h5 {
        color: #131720 !important;
    }

    body .match-lines .line {
        background: var(--primary-green-color);
    }

    .tournament-bracket__item .tournament__match .team .point {
        background: #10131B;
    }

    .tournament-bracket__item {
        width: 355px;
    }

    :root {
        --match-height: 220px;
        --round--width: 340px;
        --match-spacing: 90px !important;
        --match-width: 90px !important;
    }

    .tournament-bracket__list {
        justify-content: flex-start;
    }

    .tournament-bracket__round ul:first-child {
        width: 305px;
    }
    .tournament-bracket__round ul:first-child li{
        padding-right: 0;
    }
    .brackets-block {
        background: #171B25;
        margin-top: 10px;
    }

    .brackets__tab {
        margin-bottom: 10px;
    }

    .brackets-block > h2 {
        font-size: 24px;
        margin-bottom: 15px !important;
        padding-bottom: 0;
        border: 0;
    }

    .full__screen {
        display: none;
    }

    .brackets-block .tab-content {
        padding: 0;
    }
    .sub_menu {
        display: none;
        margin-right: 20px; /* Adjust as needed */
        list-style: none;
    }

    .mo_menu-item .active + .sub_menu {
        display: block;
    }
    .sub_menu.active {
        position: absolute;
        z-index: 999;
        bottom: 70px;
        right: 0;
        width: 100%;
        padding: 15px 15px;
        margin: 0;
    }

    .sub_menu.active:before {
        content: '';
        background: #202533;
        width: 100%;
        height: 100%;
        z-index: -1;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.9;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }
    .sub_menu.active .nf_country-drop.btn-group {
        display: flex !important;
        align-self: baseline;
        justify-content: end;
    }

    .sub_menu.active div > * {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .nf_country-drop .dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile_nav .sub_menu ul li a {
        color: #fff;
    }
    .nf_close,a.mo_menu-link.hum_menu.active .nf_menu,.group_desktop--tbl{
        display: none;
    }
    a.mo_menu-link.hum_menu.active .nf_close{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .grp_heading > img {
        width: 40px;
        border-radius: 50px;
        height: 40px;
    }

    .team_point-grp > span {
        border: 1px solid #495371;
        color: #eac681;
        font-size: 18px;
        width: 32px;
        border-radius: 5px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .grp_heading {
        justify-content: space-between;
        border-bottom: 1px solid #495371;
        padding-bottom: 10px;}

    .team_point-grp {
        gap: 10px;
    }

    .team_point-grp p span {
        display: block;
        font-size: 14px;
        color: var(--primary-green-color);
    }

    .team_point-grp p {
        line-height: 1.3;
        margin: 0;
        text-align: justify;
    }

    .grp-status {
        flex: 1;
        text-align: center;
        margin: 12px 0 0;
        position: relative;
    }
    .mobile_nav ul li svg {
        width: 32px !important;
    }
    .grp-status p {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    li.mo_menu-item a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .mobile_nav li.mo_menu-item a svg {
        margin: 0;
    }

    .grp-status span {color: #6B7897;}

    .grp-status:not(:last-child):before {content: '';background: #6B7897;width: 1px;height: 30px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

    li.team_grp-item {
        background: #272D3B;
        padding: 12px 12px;
        border-radius: 6px;
    }

    ul.team_grp-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .group_mobile--tbl h3 {
        font-size: 18px;
        margin-bottom: 10px !important;
    }
    .mo_menu-item .active + .sub_menu ul li a {
        align-items: baseline;
    }

    .nf_country-drop > a {
        flex-direction: row !important;
    }

}

.edit-team-profile-buttons .edit__profile a img{
    display: none;
}
.edit-team-profile-buttons {
    display: flex;
    align-items: baseline;
    gap: 11px;
}

body .edit-team-profile-buttons > a {
    border-radius: 8px !important;
}


/* 03/12/2024 */


@media(min-width:1200px){
    .toggle__menu{
        display: none;
    }
}

@media(max-width:767px){
    .tournament__details .tournament__des .info__list {
        width: 100%;
        justify-content: space-between;
    }

    .tournament__details .tournament__des .info__item h5 {
        font-size: 16px;
    }

    .tournament__details .tournament__des {
        border-color: #1A1F2D;
        margin-top: 10px;
    }
    .tournament__details .tournament__join {
        position: relative;
        background: transparent;
        padding: 0;
        border: 0;
        margin: 0 0 20px;
    }

    .tournament__details .tournament__join .btn__wrapper:before {
        display: none;
    }

    .tournament__details .tournament__join .btn__wrapper {
        margin: 0;
        padding: 0;
    }
    .tournament-bracket__item,.tournament-bracket__round ul:first-child  {
        width: 251px;
        padding: 0;
    }
    body .win_bracket .tournament-bracket__round,body .looser--bracket .tournament-bracket__round {
        flex: 0 0 var(--round--width);
    }
    body .looser--bracket .tournament-bracket__round.active.final .match-lines.alt {
        display: block;
    }
    body .looser--bracket .tournament-bracket__round.active.final li.tournament-bracket__item {
        padding: 0;
    }
    body .win_bracket.double_elimination.nf__players__8 .tournament-bracket__round.final {
        margin-right: calc(var(--round--width)* 1 - 0px);
    }
    body .win_bracket.double_elimination.nf__players__8 .tournament-bracket__round.semifinal .match-lines.double_line .line.one {
        width: calc(var(--round--width) + var(--match-spacing) - 45px);
    }
    body .tournament-bracket.looser--bracket.double_elimination.nf__players__8 .tournament-bracket__round.final .match-lines .line.two {
        height: calc(var(--match-height)* 3.255);
    }
    body .win_bracket.double_elimination.nf__players__8 .tournament-bracket__round.semifinal .match-lines.double_line .line.two {
        display: none;
    }
    body .double_elimination.nf__players__32.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.two {
        right: calc(var(--round--width) *3.13);
    }

    body .double_elimination.nf__players__32.win_bracket .tournament-bracket__round.final {
        margin-right: calc(var(--round--width) *3);
    }

    body .double_elimination.nf__players__32.win_bracket .tournament-bracket__round.semifinal .match-lines.double_line .line.one {
        width: calc(var(--round--width) * 3 + 45px);
    }
    body .win_bracket.nf__players__16 .tournament-bracket__round.semifinal .match-lines.double_line .line.two {
        right: calc(var(--round--width) *2 + 45px);
    }

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

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

    .nf_tournaments-group .teams__table th:nth-child(2) {
        text-align: right;
    }

    .line-container {
        position: absolute;
        width: 100%;
        background: var(--primary-green-color);
        height: 1px;
        top: 10px;
        right: 0;
    }

    .qualification_td .text-container {
        background: #161b26;
        position: relative;
        z-index: 99;
    }

    .arrow-container {
        background: #161b26;
        position: relative;
        z-index: 99;
    }

    .table .qualification_td {
        padding: 0px !important;
    }
    body .nf-buy_card-wrap {
        grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));
        grid-gap: 15px;
    }
    body .nf__filter--menu > div > div > div {
        width: calc(100% / 4);
    }
    body .nf__filter--menu{
        padding-top: 0;
    }
    .tournament__details .tournament__join h5,.login_notify ul li:nth-child(3) {
        display: none;
    }
    .notification__list.custom__scroller {
        background: #2a3349;
        margin: 0;
        padding-top: 20px;
        padding-inline: 14px;
    }

    a#notification + .dropdown-menu {
        padding: 0;
    }

    .nf__viewall--btn {
        max-width: 100%;
        background: #161b26;
        margin: 0;
    }
    .header__main {
        padding-inline: 0;
    }
}


@media(max-width: 525px) {
    .nf__filter--menu > div > div > div {
        width: calc(100% / 2 - 10px) !important
 }
    .nf__filter--menu > div > div {
        flex-direction: row;
        gap: 8px;
    }

    .nf__filter--menu > div > div > div:first-child {
        margin: 0;
    }

}

/* 05/12/2024 */

.qual_msg {
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
.team-block .teams__table table tbody tr td .team__name {
    gap: 10px;
}

li.qualification_td {
    display: flex;
}

.modal .tournament__terms .custom-checkbox {
    padding-right: 0;
    margin-bottom: 0;
}
.team__modal .edit__team-block .input-group-prepend .input-group-text {
    display: inline-flex;
}

.edit__team-block div#nav-info .input-group > div,div#game-ids-user .input-group div {
    width: auto;
}

div#game-ids-user .input-group div img,body .custom__game--list .custom__game--item label img {
    width: 25px;
    height: 22px;
}

div#game-ids-user .input-group {
    margin-top: 8px;
}
.modal-open:before {
    z-index: 9;
}
#team__invitation .modal-footer {
    margin: 10px !important;
}

body .custom__game--list .custom__game--item label {
    border: 1px solid #1f2535;
}

.custom__game--list {
    margin-top: 15px;
}
.custom__game--list label {
    margin-right: 7px;
}

html[dir="rtl"] .lang_links a {
    flex-direction: row-reverse;
}
