@charset "utf-8";
/* CSS Document */

:root {
    --col-lightest-gray: #f0f1f2;
    --col-lighter-gray: #e3e4e5;
    --col-light-gray: #979899;
    --col-gray: #5c6166;
    --col-gray-form-control: #353638;
    --col-gray-form-control-lighter-5: #414245;
    --col-gray-form-control-lighter-10: #4d4e52;
    --col-dark-gray: #3d4043;
    --col-darker-gray: #1d1e1f;
    --col-darkest-gray: #101113;
    --col-gray-blue-light: #8a8fb5;
    --col-gray-blue: #717695;
    --col-gray-blue-dark: #575b73;
    --col-orange-washed: #F38A29;
    --col-orange-washed-dark: #d46600;
    --col-red-light-washed: #eb483f;
    --col-red-light-washed-dark: #ba322b;
    --col-prussian-washed-light: #347199;
    --col-prussian-washed: #2c5f80;
    --col-prussian-washed-dark: #1e4259;
    --col-basic: var(--col-red-light-washed);
    --col-basic-dark: var(--col-red-light-washed-dark);
    --col-body-bg: var(--col-darkest-gray);
    --col-basic-secondary-lighter: #008aa8;
    --col-basic-secondary-light: var(--col-prussian-washed-light);
    --col-basic-secondary: var(--col-prussian-washed);
    --col-basic-secondary-dark: var(--col-prussian-washed-dark);
    --col-table-bg-dark-gray: #303133;
    --col-table-head-gray: #606366;
}

.dashboard-mobile-version-nav-logo img {
    max-width: 205px;
}


@media (min-width: 769px) and (max-width: 912px) {
    .footer-link ul {
        text-align: center;
    }

    .footer-copy-right-text {
        text-align: center;
        margin-bottom: 8px;
    }

    .footer-social-media-link {
        text-align: center;
        margin-bottom: 8px;
    }
}

@media(max-width:1660.98px) {
    .championship-game-section {
        padding: 22px 24px;
    }
}

@media(max-width:1440px) {
    .championship-game-section {
        padding: 22px 27px;
    }

    .tournament-winner-section {
        padding: 22px 27px;
    }

    .championship-game-title-text h5 {
        font-size: 19px;
    }

    .wheel img {
        width: 667px;
        height: auto;
    }

    .perspin-section {
        right: 81px;
    }
}

@media(max-width:1399.98px) {
    .championship-game-title-text h5 {
        font-size: 20px;
    }

    .championship-game-section {
        padding: 22px 11px;
    }

    .bracket-tournament-section {
        margin: 33px 0px;
    }

    .bracket-tournament-card {
        width: 128px;
    }

    .bracket-tournament-name h5 {
        font-size: 11px;
    }

    .second-bracket-after-line::after {
        left: 126px;
    }

    .total-bracket-div::after {
        left: 127px;
    }

    .right-side-tournament-bracket-card .second-bracket-after-line::after {
        right: 125px;
    }

    .perspin-section {
        right: 26px;
    }

    .owned-list ul li {
        color: #3A4178;
        font-size: 16px;
        font-weight: 500;
    }
}

@media (max-width: 1199.98px) {

    /* dashboard mobile version css start */

    .individual-group-table-section {
        margin: 20px 0px;
    }

    .individual-group-section-title h4 {
        font-size: 26px;
        margin-bottom: 15px;
        text-align: center;
    }

    /* custom radio input css start */
    .individual-group-radio-input-section input[type="radio"] {
        display: none;
    }

    .individual-group-radio-input-section label {
        cursor: pointer;
        position: relative;
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        padding: 15px 25px 15px 50px;
        border-radius: 6px;
    }

    .select-group-label {
        margin-left: 36px;
    }

    .individual-group-radio-input-section label::before {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        top: 50%;
        left: 18px;
        transform: translateY(-50%);
        transition: border-color 400ms ease;
    }

    .individual-group-radio-input-section label::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        top: 50%;
        left: 19px;
        transform: translateY(-50%) scale(0);
        transition: transform 400ms ease;
    }


        .individual-group-radio-input-section input[type="radio"]:checked + label::after {
            transform: translateY(-50%) scale(0.55);
        }

    /* custome radio input css end*/
    .individual-group-radio-input-section {
        padding: 5px;
        border-radius: 6px;
        display: inline-flex;
        width: 100%;
        justify-content: space-between;
    }

    .individual-group-select-section {
        text-align: center;
    }

    /* custom select css start */
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
        margin-right: 10px;
    }

        .custom-select-wrapper select {
            display: none;
        }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 100%;
        padding: 16px 50px 16px 25px;
        font-size: 19px;
        font-weight: 400;
        color: #3A4178;
        background: #fff;
        border-radius: 9px;
        cursor: pointer;
    }

        .custom-select-trigger:after {
            position: absolute;
            display: block;
            content: '';
            width: 10px;
            height: 10px;
            top: 50%;
            right: 17px;
            margin-top: -3px;
            border-bottom: 2px solid #3A4178;
            border-right: 2px solid #3A4178;
            transform: rotate(45deg) translateY(-50%);
            transition: all .4s ease-in-out;
            transform-origin: 50% 0;
        }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 22px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 16px;
        font-weight: 600;
        color: #3A4178;
        line-height: 38px;
        cursor: pointer;
        transition: all .4s ease-in-out;
    }

        .custom-option:first-of-type {
            border-radius: 4px 4px 0 0;
        }

        .custom-option:last-of-type {
            border-bottom: 0;
            border-radius: 0 0 4px 4px;
        }

        .custom-option:hover,
        .custom-option.selection {
            background: #f9f9f9;
        }

    /* custom select css end*/
    .select-view-bracket-field-section {
        display: flex;
        align-items: center;
    }

    .view-bracket-button-section {
        /*text-align: left;*/
    }

        .view-bracket-button-section a,
        .view-bracket-button-section button {
            display: inline-block;
            background: #F38A29;
            color: #fff;
            padding: 17px 30px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 9px;
        }

    .filter-button {
        text-align: right;
    }

        .filter-button a {
            background: #008AA8;
        }

    .view-bracket-button-section a:hover,
    .view-bracket-button-section button:hover {
        background: #3A4178;
    }

    .select-view-bracket-section {
        margin-top: 40px;
    }

    .bracket-image img {
        width: 45px;
        height: 30px;
        border-radius: 5px;
        object-fit: cover;
    }

    .bracket-name h5 {
        font-size: 17px;
        color: #fff;
        font-weight: 500;
    }

    .bracket-name-image-section {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .bracket-name {
        margin-left: 0px;
    }

    .player-image img {
        width: 45px;
        height: 45px;
        border-radius: 50px;
        object-fit: cover;
        object-position: top center;
    }

    .player-name-image-section {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    /* footer css start */
    .footer {
        margin: 22px 0px 0px 0px;
        padding: 30px 0px;
    }

    .footer-copy-right-text p {
        margin-bottom: 0px;
        font-weight: 500;
    }

    .footer-link ul {
        text-align: center;
    }

        .footer-link ul li {
            display: inline-block;
        }

            .footer-link ul li a {
                font-size: 17px;
                font-weight: 500;
                text-transform: uppercase;
                padding: 10px;
                display: inline-block;
                margin: 0;
            }

    .footer-social-media-link {
        text-align: right;
    }

        .footer-social-media-link a {
            font-size: 25px;
            display: inline-block;
        }

    .footer-copyright-social-media-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .footer-social-media-link {
        margin-left: 10px;
    }
    /* footer css end*/

    .dashboard-mobile-version-section {
        width: 575px;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        overflow: hidden;
    }

    .dashboard-mobile-version-section-add-class::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
    }

    /* select team dropdown faq css start */
    .faq-sec {
        padding: 50px 0;
    }

    .faq-blocks {
        width: 100%;
        margin-top: 15px;
    }

    .faq-tab {
        width: 100%;
        height: auto;
        list-style: none;
    }

        .faq-tab li {
            display: block;
            margin-bottom: 9px;
        }

            .faq-tab li a:not(.btn) {
                display: block;
                width: 100%;
                height: auto;
                padding: 20px 15px;
                background: var(--col-darker-gray);
                font-size: 18px;
                border-radius: 6px;
                position: relative;
            }


            .faq-tab li p {
                font-size: 15px;
                line-height: 20px;
                font-weight: 400;
                color: #fff;
                margin-bottom: 10px;
            }

            .faq-tab li i {
                font-size: 22px;
                color: #fff;
                position: absolute;
                right: 27px;
                top: 21px;
            }

            .faq-tab li .faq-content {
                border-top: 1px solid #484a4d;
                background: var(--col-darker-gray);
                display: none;
                padding: 18px 25px;
                width: 100%;
                border-radius: 0px 0px 6px 6px;
            }

    /* select team dropdown faq css start */
    .team-name-pts-number-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 80%;
    }

    .team-name h5 {
        color: #fff;
        font-weight: 600;
        font-size: 20px;
    }

    .pts-number h5 {
        color: #008BD6;
        font-weight: 600;
        font-size: 20px;
    }

    .team-details-inner-list-title h5 {
        color: var(--col-basic-secondary-lighter);
        font-size: 19px;
        font-weight: 600;
    }

    .team-details-inner-list-total-section {
        padding: 19px 0px;
        border-bottom: 1px solid #484a4d;
    }

        .team-details-inner-list-total-section:last-child {
            border: none;
            padding-top: 19px;
        }

    .points-gametype-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .points-text h5 {
        color: var(--col-basic-secondary-lighter);
        font-size: 19px;
        font-weight: 600;
    }

    .points-number h5 {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }
    /* dashboard mobile version css end*/

    /* for mobile menu css start*/
    .dashboard-mobile-version-nav {
        background: #000;
        padding: 12px 0px;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 99;
        height: 83px;
        display: flex;
        width: 100%;
        align-items: center;
    }

    /*@media (max-width: 430px) {
        .dashboard-mobile-version-nav {
            height: 72px;
            padding-top: 15px;
        }
    }*/

    .nav-logo-bars-section {
        width: 100%;
    }

    .dashboard-mobile-version-bars-icon {
        text-align: right;
    }

        .dashboard-mobile-version-bars-icon a {
            color: #898989;
            font-size: 35px;
        }

    .dashboard-mobile-version-nav-link-section {
        background: var(--col-darker-gray);
        border-top: 1px solid #000;
        border-radius: 0px 0px 19px 19px;
        padding: 20px 15px 20px 15px;
        position: absolute;
        width: 100%;
        top: -44%;
        z-index: 9;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
        transition: 0.6s ease all;
        visibility: hidden;
        opacity: 0;
    }

    .dashboard-mobile-version-nav-link-section-add-class {
        top: 68px;
        visibility: visible;
        opacity: 1;
    }

    .dashboard-mobile-version-nav-link-section-add-class-down {
        top: 40% !important;
    }

    .dashboard-mobile-version-nav-link ul {
        overflow-y: auto;
        height: calc(100vh - 83px);
        scrollbar-width: thin;
    }

    .dashboard-mobile-version-nav-link ul li {
        padding: 25px 0px;
        border-bottom: 1px solid var(--col-dark-gray);
    }

        .dashboard-mobile-version-nav-link ul li a {
            font-size: 21px;
            font-weight: 500;
            color: #fff;
        }

            .dashboard-mobile-version-nav-link ul li a:hover {
                color: var(--col-basic);
            }

    .active-header-link {
        color: var(--col-basic) !important;
    }

    .nav-signup-btn {
        padding: 25px 0px 0px 0px;
    }

        .nav-signup-btn a {
            border-radius: 5px;
            color: #fff !important;
            padding: 12px 30px;
            transition: 0.6s ease all;
            font-size: 18px;
            font-weight: 500;
            display: inline-block;
            background: var(--col-basic-secondary);
        }

            .nav-signup-btn a:hover {
                background: var(--col-basic-secondary-dark);
            }

    .header-login-btn a {
        border-radius: 5px;
        color: #fff !important;
        padding: 12px 30px;
        transition: 0.6s ease all;
        font-size: 18px;
        font-weight: 500;
        display: inline-block;
        background: var(--col-basic);
    }

        .header-login-btn a:hover {
            background: var(--col-basic-dark);
        }
    /* .bar-and-login-btn{
        display: flex;
        align-items: center;
        justify-content: end;
    } */
    .bar-and-login-btn {
        text-align: right;
    }

    .header-login-btn {
        margin-right: 18px;
    }

    .sticky {
        top: 0 !important;
        background-color: var(--col-black);
        position: fixed;
        box-shadow: 0px 5px 25px 0px rgb(0,0,0,0.4);
        z-index: 999;
        width: 100%;
    }
    /* for mobile menu css end */

    .filter-button-select-option select {
        background: #F6F6F6;
        border-radius: 9px;
        width: 100%;
        padding: 15px 25px;
        color: #3A4178;
        font-size: 18px;
        -webkit-appearance: none;
        -moz-appearance: window;
    }

    .filter-button-select-option {
        position: relative;
        margin-bottom: 12px;
    }

        .filter-button-select-option i {
            position: absolute;
            right: 18px;
            top: 13px;
            font-size: 21px;
            color: #3A4178;
        }

    #filter-btn-Modal .modal-content {
        padding: 30px 30px;
        border-radius: 19px;
        margin: 30px;
    }

    .filter-btn-close {
        position: absolute;
        bottom: -12%;
        left: 46%;
        background: none;
        opacity: 1.5;
    }

        .filter-btn-close i {
            color: #fff;
            font-size: 30px;
        }

    #filter-btn-Modal .modal-header {
        border: none;
        width: 100%;
        text-align: center;
        display: block;
    }

        #filter-btn-Modal .modal-header h5 {
            color: #3A4178;
            font-size: 24px;
            font-weight: 600;
        }
    /* dashboard mobile version menu css end*/


    /* group create mobile version css start */
    .group-create-section .individual-group-select-section {
        text-align: left;
        margin-top: 15px;
    }

    .group-name-short-name-field-input-label label {
        font-size: 18px;
        font-weight: 500;
        display: block;
        margin-bottom: 15px;
    }

    .red-color {
        color: #FF0000;
    }

    .group-name-short-name-field-input-label input {
        width: 100%;
        padding: 15px 25px;
        border-radius: 9px;
        font-size: 16px;
    }

        .group-name-short-name-field-input-label input::placeholder {
            color: #7178A7;
            font-size: 16px;
        }

    .group-name-short-name-pricing-field-section {
        margin-top: 30px;
    }

    .group-create-pricing-section {
        margin-top: 0px;
    }

    /* custom radio input css start */
    .select-pricing-total-section input[type="radio"] {
        display: none;
    }

    .select-pricing-total-section label {
        cursor: pointer;
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 20px 25px;
        border-radius: 6px;
        height: auto;
        border: 1px solid transparent;
    }

    .select-group-label {
        margin-left: 36px;
    }

    .select-pricing-total-section label::before {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        background-color: transparent;
        border: 2px solid #464646;
        border-radius: 50%;
        top: 32px;
        right: 30px;
        transform: translateY(-50%);
        transition: border-color 400ms ease;
    }

    .select-pricing-total-section label::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #2D5F80;
        border: 2px solid #2D5F80;
        border-radius: 50%;
        top: 32px;
        right: 31px;
        transform: translateY(-50%) scale(0);
        transition: transform 400ms ease;
    }

    .select-pricing-total-section input[type="radio"]:checked + label::before {
        border-color: #2D5F80;
    }

    .select-pricing-total-section input[type="radio"]:checked + label {
        border: 2px solid #00BAF2;
        box-shadow: rgba(0, 139, 214, 0.2) 0px 7px 29px 0px;
    }

        .select-pricing-total-section input[type="radio"]:checked + label::after {
            transform: translateY(-50%) scale(0.55);
        }

    /* custome radio input css end*/
    .pricing-title-text h5 {
        font-size: 33px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .pricing-offer-list ul li {
        list-style-type: disc;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .pricing-offer-list ul {
        margin-left: 18px;
    }

    .sup-text {
        font-size: 18px;
    }

    .sub-text {
        font-size: 18px;
    }

    .group-create-cancel-create-btn {
        text-align: right;
    }

        .group-create-cancel-create-btn a {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            display: inline-block;
            padding: 16px 50px;
            border-radius: 9px;
            margin: 0px 9px;
        }


    .group-create-cancel-create-btn {
        margin-top: 11px;
        text-align: center;
    }

    .select-pricing-total-section {
        margin-bottom: 22px;
    }

    .url-text {
        text-align: center;
        margin-bottom: 18px;
        margin-top: 0;
    }

        .url-text h5 {
            font-size: 16px;
            font-weight: 400;
        }

    .group-create-section .individual-group-section-title h4 {
        text-align: left;
    }
    /* group create mobile version css end*/



    /* new tournament mobile css start */
    .group-name-short-name-field-input-label select {
        background: #fff;
        padding: 15px 25px;
        border-radius: 9px;
        width: 100%;
        color: #3A4178;
        font-size: 18px;
        -webkit-appearance: none;
        -moz-appearance: window;
    }

    .new-tournament-section .group-name-short-name-field-input-label {
        position: relative;
        margin-bottom: 27px;
    }

    .group-name-short-name-field-input-label i {
        position: absolute;
        right: 18px;
        top: 48px;
        font-size: 21px;
        color: #3A4178;
    }
    /* custom checkbox css start */
    .prize-pool-checkbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .prize-pool-checkbox label {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        font-size: 20px;
        color: #3A4178;
    }

        .prize-pool-checkbox label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #838E95;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 11px;
            margin-top: -4px;
            border-radius: 2px;
        }

    .prize-pool-checkbox input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 7px;
        width: 6px;
        height: 10px;
        border: solid rgb(26, 29, 59);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    /* custom checkbox css end */
    .prize-pool-checkbox-bottom-text p {
        color: #6E7186;
        font-size: 13px;
        margin-bottom: 0px;
        line-height: 20px;
        margin-top: 10px;
    }

    .new-tournament-section .group-create-cancel-create-btn {
        margin-top: 0px;
    }

    .prize-pool-checkbox-bottom-text {
        margin-bottom: 22px;
    }

    .new-tournament-section .individual-group-section-title h4 {
        text-align: left;
    }

    .new-tournament-section .group-name-short-name-pricing-field-section {
        margin-top: 10px;
    }

    .group-name-short-name-field-input-label textarea {
        width: 100%;
        padding: 15px 25px;
        border-radius: 9px;
        color: #000;
        font-size: 16px;
    }

        .group-name-short-name-field-input-label textarea::placeholder {
            color: #7178A7;
            font-size: 16px;
        }
    /* new tournament mobile css end*/

    /* login mobile css start */
    .login-desktop-section {
        margin: 40px 0px;
    }
    /* custom checkbox css start */
    .forgot-password-checkbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .forgot-password-checkbox label {
        position: relative;
        cursor: pointer;
        font-weight: 400;
        font-size: 16px;
    }

        .forgot-password-checkbox label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #838E95;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 11px;
            margin-top: -4px;
            border-radius: 2px;
        }

    .forgot-password-checkbox input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 6px;
        width: 6px;
        height: 10px;
        border: solid rgb(26, 29, 59);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    /* custom checkbox css end */
    .login-card {
        padding: 35px 39px;
        border-radius: 5px;
    }

    .login-card-title h5 {
        font-size: 35px;
        text-align: center;
    }

    .login-form-input input {
        width: 100%;
        padding: 15px 20px;
        font-size: 16px;
        border-radius: 9px;
    }

        .login-form-input input::placeholder {
            font-size: 16px;
        }

    .login-form-input {
        margin-bottom: 15px;
        position: relative;
    }

    .password-show-hide-eye-icon {
        position: absolute;
        right: 13px;
        top: 25px;
    }

        .password-show-hide-eye-icon span {
            font-size: 18px;
        }

    .forgot-password-checkbox {
        text-align: right;
    }

    .login-form {
        margin-top: 35px;
    }

    .login-btn {
        margin-top: 35px;
    }

        .login-btn input {
            padding: 18px 0px;
            width: 100%;
            display: inline-block;
            background: #008BD6;
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            transition: 0.6s ease all;
            border-radius: 9px;
        }

            .login-btn input:hover {
                background: #181E47;
            }

    .sign-up-now-text-btn {
        text-align: center;
        margin-top: 40px;
    }

        .sign-up-now-text-btn p {
            font-weight: 400;
            font-size: 15px;
        }

    .sign-up-text-button {
        color: #008BD6;
        font-weight: 500;
        text-decoration: underline;
        display: block;
    }

        .sign-up-text-button:hover {
            color: #181E47;
        }
    /* login mobile css end*/
    /* sign up mobile css start */
    .sign-up-btn input {
        background: #2D5F80;
    }
    /* sign up mobile css end*/

    /* group mobile css start */
    .group-table-section .bracket-name {
        margin-left: 0px !important;
    }

    .join-group-table-btn a {
        border-radius: 5px !important;
        color: #050505 !important;
        padding: 15px 30px !important;
        transition: 0.6s ease all;
        font-size: 19px !important;
        font-weight: 500;
        display: inline-block !important;
        background: #A6EAFE !important;
        width: inherit !important;
    }

        .join-group-table-btn a:hover {
            background: #181E47 !important;
            color: #fff !important;
        }
    /* group mobile css end*/

    /* my entries mobile css start */
    .my-entries-mobile-section .individual-group-section-title h4 {
        margin-bottom: 0px;
        text-align: left;
    }

    .my-entries-mobile-section .bracket-name {
        margin-left: 0px;
    }

    .star-icon {
        display: inline-block;
        margin: 0px 5px;
    }

        .star-icon i {
            position: relative !important;
            top: inherit !important;
            left: inherit !important;
            right: inherit !important;
        }

    .official-motb-section {
        display: flex;
        align-items: center;
    }

    .table-action-btn {
        text-align: center;
    }

        .table-action-btn i {
            position: relative !important;
            top: inherit !important;
            left: inherit !important;
            right: inherit !important;
        }

        .table-action-btn button {
            background: none;
            color: #3A4178 !important;
            font-size: 20px;
            display: inline-block;
            margin-left: 10px;
            transition: 0.6s ease all;
        }

            .table-action-btn button:hover {
                color: #008BD6 !important;
            }
    /* my entries mobile css end */


    /* tournament-entry-mobile css start */
    .name-bracket-label-input input {
        width: 100%;
        padding: 19px 20px;
        font-size: 16px;
        color: #000;
        background: #fff;
        border-radius: 9px;
    }

        .name-bracket-label-input input::placeholder {
            font-size: 16px;
            color: #7178A7;
        }

    .name-bracket-label-input label {
        color: #181E47;
        font-size: 18px;
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .name-bracket-submit-input-btn {
        margin-top: 27px;
    }

        .name-bracket-submit-input-btn input {
            padding: 19px 20px;
            background: #008AA8;
            color: #fff;
            border-radius: 9px;
            font-size: 20px;
            font-weight: 600;
            transition: 0.6s ease all;
        }

            .name-bracket-submit-input-btn input:hover {
                background: #181E47;
            }

    .tournament-entry-btn a {
        display: inline-block;
        color: #fff;
        padding: 15px 25px;
        font-size: 20px;
        font-weight: 600;
        border-radius: 9px;
        margin-right: 12px;
    }

    .pick-for-me-btn {
        background: #F38A29;
    }

    .link-existing-entry-btn {
        background: #73778D;
    }

    .copy-existing-entry-btn {
        background: #73778D;
    }

    .tournament-entry-btn a:hover {
        background: #181E47;
    }

    .tournament-entry-btn-section {
        margin: 25px 0px;
    }

    .draft-team-card-total-section {
        background: #fff;
        padding: 19px;
        border-radius: 5px;
        position: relative;
        margin-bottom: 12px;
    }

        .draft-team-card-total-section:last-child {
            margin-bottom: 0px;
        }

    .draft-team-correct-icon {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .draft-team-plus-icon {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        .draft-team-plus-icon i {
            font-size: 22px;
            color: #2D5F80;
        }

    .draft-team-correct-icon i {
        font-size: 22px;
        color: #30BD79;
    }

    .draft-team-icon {
        width: 111px;
        height: 89px;
        background: #F1F2F9;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .draft-team-name-text h5 {
        color: #3A4178;
        font-weight: 500;
        font-size: 25px;
    }

    .draft-team-name-text p {
        margin-bottom: 0px;
        color: #3A4178;
        font-weight: 500;
        font-size: 17px;
        margin-top: 10px;
    }

    .draft-team-price-text {
        margin-top: 15px;
    }

        .draft-team-price-text h4 {
            padding: 16px 20px;
            background: #F1F2F9;
            color: #008CD6;
            font-weight: 500;
            font-size: 30px;
            border-radius: 5px;
            display: inline-block;
        }

    .draft-your-teams-scroll-section {
        height: 582px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 20px;
    }

        .draft-your-teams-scroll-section::-webkit-scrollbar-track {
            background-color: #DBDCE5;
        }

        .draft-your-teams-scroll-section::-webkit-scrollbar {
            width: 4px;
            background-color: #DBDCE5;
        }

        .draft-your-teams-scroll-section::-webkit-scrollbar-thumb {
            background-color: #73778D;
        }

    .draft-teams-total-price-card-section {
        background: #fff;
        border-radius: 5px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin-top: 22px;
    }

    .draft-teams-name-price-flex-section {
        padding: 30px 25px;
        border-bottom: 1px solid #E8E8E8;
    }

    .draft-teams-name-price-total-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .draft-teams-name h5 {
        font-size: 18px;
        font-weight: 500;
    }

    .draft-teams-name-price h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .total-price-text-section {
        text-align: right;
        padding: 22px 25px;
    }

        .total-price-text-section h5 {
            font-size: 19px;
            font-weight: 600;
        }

    .draft-your-teams-title-text-icon {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .draft-your-teams-title-text h5 {
        color: #181E47;
        font-size: 22px;
        font-weight: 500;
    }

    .draft-your-teams-title-icon i {
        color: #2D5F80;
        font-size: 24px;
    }

    .tournament-entry-btn-section {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 15px;
    }

    .tournament-entry-btn {
        width: auto;
        white-space: nowrap;
    }

    .tournament-entry-btn-section::-webkit-scrollbar-track {
        background-color: #DBDCE5;
    }

    .tournament-entry-btn-section::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: #DBDCE5;
    }

    .tournament-entry-btn-section::-webkit-scrollbar-thumb {
        background-color: #73778D;
    }

    .official-tournament-dashboard-mobile-section .individual-group-section-title h4 {
        margin-bottom: 0px;
        text-align: left;
    }

    .official-tournament-dashboard-mobile-section .view-bracket-button-section {
        text-align: right;
    }
    /* tournament-entry-mobile css end*/


    /* official-tournament-dashboard-mobile css start */
    .official-tournament-dashboard-inner-title-section h5 {
        font-size: 20px;
        font-weight: 500;
    }

    .official-tournament-dashboard-my-group-section {
        margin: 20px 0px;
    }

    .official-tournament-dashboard-group-card-title-rocket-icon {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .official-tournament-dashboard-group-card-title h4 {
        font-weight: 600;
        font-size: 18px;
    }

    .official-tournament-dashboard-group-card-rocket-icon i {
        font-size: 24px;
    }

    .official-tournament-dashboard-icon-number {
        position: relative;
        border-radius: 6px;
    }

    .official-tournament-dashboard-icon {
        width: 60px;
        height: 100%;
        position: absolute;
        display: flex;
        align-items: center;
        left: -2px;
        top: 0;
        justify-content: center;
        border-radius: 6px 0px 0px 6px;
    }

        .official-tournament-dashboard-icon i {
            font-size: 24px;
        }

    .official-tournament-dashboard-number {
        text-align: center;
    }

        .official-tournament-dashboard-number h5 {
            font-size: 18px;
            font-weight: 400;
        }

    .official-tournament-card-team-name-icon {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .official-tournament-card-team-name-text h5 {
        font-size: 16px;
        font-weight: 400;
    }

    .official-tournament-card-team-icon i {
        font-size: 22px;
    }

    .official-tournament-dashboard-group-card a {
        width: 100%;
        padding: 38px 25px;
        display: inline-block;
        border-radius: 6px;
    }

    .create-new-group a {
        width: 100%;
        background: #008AA8;
        display: inline-block;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        border-radius: 6px;
        padding: 15px 0px;
        margin-bottom: 22px;
    }

    .create-new-group-plus-icon {
        text-align: center;
        margin-bottom: 0px;
        margin-right: 15px;
    }

        .create-new-group-plus-icon i {
            color: #fff;
            font-size: 26px;
        }

    .create-new-group-text {
        text-align: center;
    }

        .create-new-group-text h5 {
            color: #fff;
            font-size: 17px;
            font-weight: 600;
        }

    .create-new-group a:hover {
        background: #181E47;
    }

    .official-tournament-dashboard-group-card-total-section {
        margin-top: 9px;
    }

    .official-tournament-dashboard-search-card-section {
        margin: 30px 0px;
    }

    .official-tournament-dashboard-search-field-section {
        margin-top: 0px;
    }

    .select-view-bracket-section {
        margin-bottom: 15px;
    }

    .official-tournament-dashboard-search-field-section {
        position: relative;
    }

    .official-tournament-dashboard-inner-title-section p {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0px;
        margin-top: 12px;
    }

    .official-tournament-dashboard-group-card-section-two {
        width: 100%;
        padding: 38px 25px;
        display: inline-block;
        border-radius: 6px;
        border: 1px solid transparent;
        margin-bottom: 22px;
    }

    .official-tournament-card-bottom-btn a {
        display: inline-block;
        width: 100%;
        padding: 15px 25px;
        text-align: center;
        border-radius: 9px;
        font-size: 18px;
        font-weight: 600;
    }

        .official-tournament-card-bottom-btn a:hover {
            background: #181E47;
            color: #fff;
        }

    .view-entries-btn {
        background: #A6EAFE;
        color: #0A2B3C;
    }

    .play-now-btn {
        background: #008AA8;
        color: #fff;
    }

    .official-tournament-dashboard-group-card {
        margin-bottom: 22px;
    }

    .create-new-group-plus-icon-text-section {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .official-tournament-dashboard-search-card-last-section {
        margin-top: -30px;
    }
    /* official-tournament-dashboard-mobile css end*/


    /* group-dashboard-home-mobile css start */
    .group-dashboard-home-desktop-sub-text {
        font-size: 16px;
        font-weight: 400;
    }

    .group-dashboard-home-desktop-top-icon {
        margin-left: 20px;
    }

        .group-dashboard-home-desktop-top-icon a {
            width: 40px;
            height: 40px;
            display: inline-flex;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
            margin-right: 6px;
        }

    .group-dashboard-home-desktop-top-title-icon-section {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .group-dashboard-home-table-title h5 {
        font-size: 22px;
        font-weight: 500;
    }

    .group-dashboard-home-desktop-table-leader-board-chat-section .individual-group-table {
        margin-top: 25px;
    }

    .active-tournaments-table-section {
        margin-bottom: 40px;
    }

        .active-tournaments-table-section:last-child {
            margin-bottom: 0px;
        }

        .active-tournaments-table-section .bracket-name {
            margin-left: 0px;
        }

    .all-time-leaderboard-card-section {
        border-radius: 5px;
    }

    .all-time-leaderboard-card-section-title {
        text-align: center;
        width: 100%;
        padding: 28px 22px;
        border-radius: 5px 5px 0px 0px;
    }

        .all-time-leaderboard-card-section-title h5 {
            font-size: 16px;
            font-weight: 500;
            color: #181E47;
        }

    .leader-board-pts-section .draft-teams-name h5 {
        font-size: 16px;
    }

    .leader-board-pts-section .draft-teams-name-price h5 {
        font-size: 16px;
        font-weight: 500;
    }

    .leader-board-pts-section .draft-teams-name-price-total-section {
        padding: 25px 25px;
        margin-bottom: 0px;
    }

        .leader-board-pts-section .draft-teams-name-price-total-section:last-child {
            border-bottom: none;
        }

    .group-dashboard-home-desktop-table-chat-section {
        border-radius: 9px;
        margin-top: 15px;
    }

    .chat-user-name-image-section {
        display: flex;
        align-items: center;
        padding: 22px 22px;
    }

    .chat-user-image img {
        width: 34px;
        height: 34px;
        border-radius: 50px;
        object-fit: cover;
        object-position: top center;
    }

    .chat-user-name-text {
        margin-left: 12px;
    }

        .chat-user-name-text h5 {
            font-size: 19px;
            font-weight: 500;
        }

    .chat-left-arrow-btn button {
        background: none;
        font-size: 17px;
        display: inline-block;
        margin-right: 10px;
    }

    .chat-text-left {
        text-align: left;
    }

        .chat-text-left .chat-text {
            display: inline-block;
            border-radius: 10px 10px 10px 0px;
            padding: 16px 20px;
        }

    .chat-text-right {
        text-align: right;
        margin: 12px 0px;
    }

        .chat-text-right .chat-text {
            display: inline-block;
            border-radius: 10px 10px 0px 10px;
            padding: 16px 20px;
        }

    .chat-text-left .chat-text p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .chat-text-left .chat-text h6 {
        font-size: 11px;
        text-align: right;
    }

    .chat-text-right .chat-text p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .chat-text-right .chat-text h6 {
        color: #fff;
        font-size: 11px;
        text-align: right;
    }

    .chat-type-section {
        padding: 16px 16px;
    }

    .chat-type-section-input input {
        width: 100%;
        padding: 12px 44px;
        font-size: 14px;
        border-radius: 5px;
    }


    .chat-type-section-input {
        position: relative;
    }

    .chat-type-emoji-icon {
        position: absolute;
        left: 15px;
        top: 15px;
    }

        .chat-type-emoji-icon i {
            font-size: 16px;
            transition: 0.6s ease all;
        }


    .chat-type-send-icon {
        position: absolute;
        right: 15px;
        top: 15px;
    }

        .chat-type-send-icon i {
            font-size: 16px;
        }

    .group-dashboard-home-top-link-ul {
        border-bottom: 2px solid #DFE1ED;
        margin: 40px 0px 10px 0px;
        width: auto;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

        .group-dashboard-home-top-link-ul ul li {
            display: inline-block;
            margin-right: 44px;
        }

            .group-dashboard-home-top-link-ul ul li a {
                color: #9095B5;
                font-size: 16px;
                font-weight: 500;
                display: inline-block;
                border-bottom: 5px solid transparent;
                padding-bottom: 17px;
            }

                .group-dashboard-home-top-link-ul ul li a:hover {
                    color: #181E47;
                    border-bottom: 5px solid #008CD6;
                }

    .active-top-link-btn {
        color: #181E47 !important;
        border-bottom: 5px solid #008CD6 !important;
    }

    .group-dashboard-home-mobile-section .view-bracket-button-section {
        text-align: center;
    }

    .group-dashboard-home-mobile-section .bracket-name {
        margin-left: 0px;
    }

    .group-dashboard-home-table-title {
        margin-bottom: 15px;
    }

    .bracket-name i {
        position: inherit !important;
        top: inherit !important;
        left: inherit !important;
    }

    .my-entries-faq-section {
        margin: 35px 0px;
    }

    .group-dashboard-home-mobile-section .individual-group-section-title h4 {
        margin-bottom: 0px;
    }

    .chat-box-images-section {
        text-align: left;
    }

    .chat-box-images {
        display: inline-block;
        background: #F1F2F9;
        border-radius: 10px 10px 10px 0px;
        padding: 16px 20px;
    }

        .chat-box-images img {
            width: 80px;
            height: 74px;
            object-fit: cover;
            border-radius: 10px;
        }

    .group-dashboard-home-mobile-chat-section {
        margin: 30px 0px;
    }
    /* group-dashboard-home-mobile-section css end */

    /* group-dashboard-stats-mobile-section css start */
    .group-dashboard-stats-mobile-section .view-bracket-button-section {
        text-align: center;
    }

    .group-dashboard-stats-mobile-section .official-tournament-dashboard-search-field-section {
        margin-top: 0px;
    }

    .group-dashboard-stats-mobile-section .select-view-bracket-section {
        margin-top: 14px;
        margin-bottom: 20px;
    }

    .group-dashboard-stats-mobile-section .bracket-name {
        margin-left: 0px;
    }

    .group-dashboard-stats-mobile-section .select-view-bracket-section .view-bracket-button-section {
        text-align: right;
    }
    /* group-dashboard-stats-mobile-section end start */

    /* group-dashboard-member-mobile-section css start */
    .group-dashboard-member-invite-btn .view-bracket-button-section {
        margin: 30px 0px;
    }

        .group-dashboard-member-invite-btn .view-bracket-button-section a,
        .group-dashboard-member-invite-btn .view-bracket-button-section button {
            background: #008CD6;
        }

            .group-dashboard-member-invite-btn .view-bracket-button-section a:hover,
            .group-dashboard-member-invite-btn .view-bracket-button-section button:hover {
                background: #181E47;
            }
    /* group-dashboard-member-mobile-section css end*/


    /* group-dashboard-chatbox-mobile css start */
    .group-dashboard-chatbox-section .group-dashboard-home-desktop-table-chat-section {
        margin-top: 0px;
    }

    .group-dashboard-chatbox-left-side-contact {
        background: #fff;
        border-radius: 9px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        height: auto;
    }

    .group-dashboard-chatbox-left-side-contact-title-search-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 22px;
        background: #DFE1ED;
        border-radius: 9px 9px 0px 0px;
    }

    .group-dashboard-chatbox-left-side-contact-title h5 {
        font-size: 16px;
        font-weight: 500;
        color: #181E47;
    }

    .group-dashboard-chatbox-left-side-contact-search-btn button {
        background: none;
        font-size: 16px;
        color: #181E47;
    }

    .group-dashboard-chatbox-contact-user-image-user-name {
        display: flex;
        align-items: center;
    }

    .group-dashboard-chatbox-contact-user-image img {
        width: 46px;
        height: 46px;
        object-fit: cover;
        object-position: top center;
    }

    .group-dashboard-chatbox-contact-user-name {
        margin-left: 15px;
    }

        .group-dashboard-chatbox-contact-user-name h5 {
            font-size: 16px;
            font-weight: 500;
            color: #3A4178;
            margin-bottom: 0px;
        }

        .group-dashboard-chatbox-contact-user-name p {
            color: #9095B5;
            font-size: 13px;
            margin-bottom: 0px;
        }

    .chatbox-user-total-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .chatbox-timing-text h6 {
        color: #9095B5;
        font-size: 13px;
        font-weight: 400;
    }

    .chatbox-message-number-text {
        text-align: center;
        margin-top: 2px;
    }

        .chatbox-message-number-text h6 {
            font-size: 14px;
            display: inline-flex;
            background: #4EBA66;
            font-weight: 600;
            color: #fff;
            width: 24px;
            height: 24px;
            padding: 5px;
            border-radius: 50px;
            align-items: center;
            justify-content: center;
        }

    .group-dashboard-chatbox-contact-user-name-section {
        padding: 22px 22px;
    }

    .group-dashboard-chatbox-contact-user-btn a {
        display: block;
        padding: 12px 15px;
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 7px;
    }

        .group-dashboard-chatbox-contact-user-btn a:hover {
            background: #F1F2F9;
            border-bottom: 1px solid transparent;
            border-radius: 9px;
        }

        .group-dashboard-chatbox-contact-user-btn a:last-child {
            border: none;
        }

    .active-chatbox-user-btn {
        background: #F1F2F9;
        border-radius: 9px;
        border-bottom: none !important;
    }

    .border-bottom-none {
        border-bottom: none !important;
    }

    .chat-box-images-section {
        text-align: left;
    }

    .chat-box-images {
        display: inline-block;
        background: #F1F2F9;
        border-radius: 10px 10px 10px 0px;
        padding: 16px 20px;
    }

        .chat-box-images img {
            width: 80px;
            height: 74px;
            object-fit: cover;
            border-radius: 10px;
        }

    .group-dashboard-home-mobile-chat-section {
        margin: 30px 0px;
    }

    .chat-user-name-image-section {
        position: relative;
    }

    .three-dot-line {
        position: absolute;
        right: 26px;
        top: 26px;
    }

        .three-dot-line button {
            background: none;
            font-size: 20px;
            color: #181E47;
        }

    .group-chatbox-mobile-total-section {
        margin: 12px 0px;
    }

        .group-chatbox-mobile-total-section .group-dashboard-home-desktop-table-chat-section {
            margin-top: 0px;
        }
    /* group-dashboard-chatbox-mobile css end*/

    /* group dashboard setting desktop css start */
    .group-dashboard-setting-form-field-section .individual-group-select-section {
        text-align: left;
    }

    .group-dashboard-setting-form-field-section .individual-group-radio-input-section label {
        font-size: 20px;
        padding: 23px 55px 23px 60px;
        width: 100%;
        margin-left: 0px;
    }

    .group-dashboard-setting-filed-input-label {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .group-dashboard-settig-save-btn {
        background: #008CD6;
        padding: 16px 60px !important;
    }

        .group-dashboard-settig-save-btn:hover {
            background: #181E47;
        }

    .group-dashboard-setting-the-gun-text P {
        text-align: right;
        color: #7178A7;
        font-weight: 400;
    }

    .group-dashboard-setting-form-field-section .group-name-short-name-field-input-label {
        margin-bottom: 22px;
    }

    .group-dashboard-setting-form-field-section .individual-group-radio-input-section {
        display: block;
        width: 100%;
    }

    .group-dashboard-setting-form-field-section .group-create-cancel-create-btn {
        margin-top: 35px;
    }

    .group-dashboard-setting-the-gun-text P {
        margin-bottom: 22px;
    }
    /* group dashboard setting desktop css end */


    .mobile-menu {
        display: block;
    }

    .nav {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    .header-login-btn {
        background: none;
    }

    .group-dashboard-setting-form-field-section {
        margin-bottom: 60px;
    }

    .bracket-image {
        margin-right: 15px;
    }

    .player-image {
        margin-right: 15px;
    }

    .individual-group-section-title h4 {
        text-align: left;
        margin-bottom: 8px;
    }

    .name-bracket-label-input label {
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
    }

    .name-bracket-label-input input {
        width: 100%;
    }

    .name-bracket-label-input {
        display: block;
    }

    .first-round-tournament-entry .second-bracket-after-line::after {
        display: none;
    }

    .first-round-tournament-entry .bracket-tournament-card {
        width: 190px;
    }

    .first-round-tournament-entry .total-bracket-div::after {
        left: 187px;
    }

    .bracket-time-date p {
        font-size: 13px !important;
    }

    .total-bracket-div {
        margin-bottom: 2px;
    }

    .bracket-tournament-filter-section .faq-tab li a:not(.btn) {
        background: transparent;
    }

    .bracket-tournament-filter-section .faq-tab li .faq-content {
        border-top: 1px solid transparent;
        background: transparent;
    }

    .bracket-tournament-filter-section .faq-tab li {
        display: block;
        margin-bottom: 9px;
        border-bottom: 1px solid #D0D0D0;
    }

    .super-eight-tournament-section {
        margin-top: 22px;
    }

    .view-entries-section .my-entries-checkbox {
        margin-bottom: 0px;
    }

    .view-my-entries-search-box-section {
        margin: 30px 0px 15px 0px;
    }

    .view-entries-section .view-bracket-button-section {
        text-align: center;
    }

        .view-entries-section .view-bracket-button-section a,
        .view-entries-section .view-bracket-button-section button {
            width: 50%;
            margin-top: 25px;
        }

    .view-entries-team-member-rupes-section {
        margin: 25px 50px 0px 50px;
    }

    .spiner-total-section .view-entries-team-member-rupes-section {
        margin: 0px;
        margin-top: 25px;
    }

    .spiner-total-section .view-bracket-button-section {
        text-align: left;
    }

    .wheel-section {
        margin-bottom: 35px;
    }

    .wheel img {
        width: 100%;
    }
}


@media(max-width: 767.98px) {
    .group-dashboard-home-desktop-top-title-icon-section {
        justify-content: center;
    }

    .view-bracket-button-section {
        text-align: center;
    }

    .perspin-section {
        right: -51px;
    }

    .teams-owned-section {
        height: auto;
    }

    .perspin-section {
        width: 99px;
        height: 107px;
        background-size: contain;
    }
}

@media (max-width: 767.98px) {
    .footer-social-media-link {
        text-align: center;
        display: block;
        margin: 0;
    }
}

/* dashboard mobile responsive css start */
@media (max-width: 575.98px) {

    #filter-btn-Modal .modal-content {
        margin: 30px;
    }

    .sticky {
        width: 100%;
    }

    .footer-copyright-social-media-section {
        align-items: normal;
    }

    .footer-copy-right-text p {
        text-align: center;
    }

    .tournament-entry-btn-section::-webkit-scrollbar-track {
        opacity: 0;
        display: none;
    }

    .tournament-entry-btn-section::-webkit-scrollbar {
        opacity: 0;
        display: none;
    }

    .tournament-entry-btn-section::-webkit-scrollbar-thumb {
        opacity: 0;
        display: none;
    }

    .individual-group-section-title h4 {
        font-size: 27px;
    }

    .official-tournament-dashboard-inner-title-section h5 {
        font-size: 22px;
    }

    .view-bracket-button-section a,
    .view-bracket-button-section button {
        padding: 16px 30px;
        font-size: 17px;
    }

    .official-tournament-dashboard-group-card a {
        padding: 38px 19px;
    }

    .official-tournament-dashboard-number h5 {
        font-size: 15px;
    }

    .official-tournament-dashboard-group-card-section-two {
        padding: 38px 19px;
    }

    .group-dashboard-home-table-title h5 {
        font-size: 18px;
    }

    .group-dashboard-home-desktop-top-icon a {
        width: 35px;
        height: 35px;
        font-size: 16px;
        margin-right: 3px;
    }

        .group-dashboard-home-desktop-top-icon a:last-of-type {
            margin-right: 0;
        }

    #filter-btn-Modal .modal-content {
        padding: 23px 8px;
    }

    .dashboard-mobile-version-nav-link ul li a {
        font-size: 17px;
    }

    .dashboard-mobile-version-nav-link ul li {
        padding: 20px 0px;
    }

    .group-dashboard-chatbox-contact-user-name-section {
        padding: 22px 11px;
    }

    .group-dashboard-home-top-link-ul::-webkit-scrollbar-track {
        display: none;
    }

    .group-dashboard-home-top-link-ul::-webkit-scrollbar {
        display: none;
    }

    .group-dashboard-setting-filed-input-label {
        font-size: 16px;
    }

    .official-tournament-dashboard-group-card-title h4 {
        font-size: 19px;
    }

    .official-tournament-dashboard-search-card-section {
        margin: 7px 0px;
    }

    .view-bracket-button-section a,
    .view-bracket-button-section button {
        padding: 17px 18px;
        font-size: 16px;
    }

    .bracket-tournament-filter-section .faq-tab li .faq-content {
        padding: 0px;
    }

    .first-round-tournament-entry .bracket-tournament-card {
        width: 160px;
    }

    .first-round-tournament-entry .total-bracket-div::after {
        left: 156px;
    }

    .view-entries-team-member-rupes-section {
        margin: 25px 19px 0px 19px;
    }

    .view-entries-section .group-dashboard-home-desktop-table-chat-section {
        margin-top: 18px !important;
    }

    .perspin-section {
        right: 0px;
        top: -97px;
    }

        .perspin-section h5 {
            font-size: 17px;
            font-weight: 800;
            color: #fff;
        }

    .perspin-section {
        width: 96px;
        height: 90px;
        background-size: contain;
    }

    .perspin-section {
        right: 0px;
        top: -77px;
    }

    .view-entries-section .view-bracket-button-section a,
    .view-entries-section .view-bracket-button-section button {
        width: 67%;
        margin-top: 25px;
    }
}

@media(max-width:430px) {
    .dashboard-mobile-version-nav-logo img {
        width: 100%;
    }

    .header-login-btn a {
        padding: 12px 26px;
        font-size: 17px;
    }

    .view-bracket-button-section a,
    .view-bracket-button-section button {
        padding: 17px 18px;
        font-size: 16px;
    }

    .team-name h5 {
        font-size: 17px;
    }

    .pts-number h5 {
        font-size: 17px;
    }

    .team-details-inner-list-title h5 {
        font-size: 18px;
    }

    .points-text h5 {
        font-size: 18px;
        line-height: 27px;
    }

    .footer {
        margin: 24px 0px 0px 0px;
    }

    #filter-btn-Modal .modal-content {
        margin: 24px;
    }

    .group-create-cancel-create-btn a {
        padding: 16px 37px;
        margin: 0px 5px;
        font-size: 17px;
    }

    .group-name-short-name-field-input-label input::placeholder {
        font-size: 12px;
    }

    .url-text h5 {
        font-size: 14px;
    }

    .prize-pool-checkbox label {
        font-size: 16px;
    }

    .new-tournament-section .group-name-short-name-field-input-label {
        margin-bottom: 19px;
    }

    .group-name-short-name-field-input-label label {
        font-size: 16px;
        margin-bottom: 11px;
    }

    .login-card {
        padding: 36px 17px;
        margin: 0 15px;
    }

    .sign-up-now-text-btn {
        margin-top: 24px;
    }

    .draft-team-icon {
        width: 87px;
        height: 69px;
    }

    .draft-team-name-text h5 {
        font-size: 22px;
    }

    .draft-team-name-text p {
        font-size: 15px;
        margin-top: 6px;
    }

    .draft-team-price-text h4 {
        padding: 12px 17px;
        font-size: 26px;
    }

    .draft-team-name-text {
        margin-left: 20px;
    }
}

@media(max-width:360px) {
    .individual-group-section-title h4 {
        font-size: 23px;
    }

    .individual-group-radio-input-section label {
        font-size: 16px;
        padding: 15px 18px 15px 37px;
    }

        .individual-group-radio-input-section label::before {
            left: 7px;
        }

        .individual-group-radio-input-section label::after {
            left: 8px;
        }

    .view-bracket-button-section a,
    .view-bracket-button-section button {
        padding: 13px 13px;
        font-size: 16px;
    }

    .team-name h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .pts-number h5 {
        font-size: 14px;
    }

    .faq-tab li a:not(.btn) {
        padding: 18px 8px;
    }

    .faq-tab li i {
        font-size: 19px;
        right: 27px;
        top: 18px;
    }

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

    .dashboard-mobile-version-nav-logo img {
        width: 130px;
    }

    .header-login-btn a {
        padding: 8px 18px;
        font-size: 12px;
    }

    .dashboard-mobile-version-bars-icon a {
        color: #898989;
        font-size: 28px;
    }

    .footer-link ul li a {
        font-size: 14px;
        padding: 7px;
    }

    .footer-copy-right-text p {
        font-size: 14px;
    }

    .header-login-btn {
        margin-right: 2px;
    }

    #filter-btn-Modal .modal-content {
        margin: 14px;
    }

    #filter-btn-Modal .modal-content {
        padding: 23px 15px;
    }

    .name-bracket-submit-input-btn input {
        padding: 19px 17px;
        font-size: 17px;
    }

    .draft-team-card-total-section {
        padding: 11px;
    }

    .draft-team-correct-icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .draft-team-plus-icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .draft-teams-name-price-flex-section {
        padding: 17px 25px;
    }
}
/* dashboard mobile responsive css end*/



/* home page responsive css start */
@media(max-width:1660.98px) {
    .home-banner-slider .owl-prev {
        left: 6%;
    }

    .interior-section {
        min-height: 479px;
    }
}

@media(max-width:1553.98px) {
    .home-banner-slider .owl-prev {
        left: 4%;
    }
}
/* X-Large devices (large desktops, less than 1500px) */

@media (max-width: 1600px) {
    .header .menu-link {
        font-size: 16px;
        padding: 0px 7px;
    }
}

@media (min-width: 1370px) and (max-width: 1430px) {
    .header .menu-link, .header * {
        transition: none !important;
    }
}

@media (max-width: 1440.98px) {

    /* for mobile menu responsive section responsive css start */
    .header .menu-link {
        font-size: 15px;
        padding: 0px 5px;
    }

    .header-phone-number-section a {
        font-size: 14px;
    }

    .header-get-call-section a {
        font-size: 14px;
    }

    .header-phone-number-section {
        margin: 0px 20px;
    }

    /* for mobile menu responsive section responsive css end */
    .home-banner-slider .owl-prev {
        left: 2%;
    }

    .home-banner-slider .owl-next {
        right: -1%;
    }

    .main-banner-text h1 {
        font-size: 48px;
    }

    .banner-basketball-team-list ul li {
        font-size: 17px;
    }

    .banner-basketball-team-list span {
        font-size: 17px;
    }

    .player-score-section {
        margin: 40px 0px;
    }

    .basketball-team-pts-section {
        margin-top: 25px;
    }

    .section-title-text h4 {
        font-size: 28px;
    }

    .basketball-team-pts-team-name h5 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .basketball-team-pts-player-name h5 {
        font-size: 17px;
    }

    .basketball-team-pts-player-name-first-later h5 {
        font-size: 17px;
    }

    .basketball-team-pts-number h5 {
        font-size: 17px;
    }

    .section-title-text p {
        font-size: 17px;
        line-height: 30px;
    }

    .tournament-challenge-destination-section {
        margin: 40px 0px;
    }

    .bracket-text h5 {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .bracket-text h6 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .bracket-text p {
        font-size: 17px;
        line-height: 30px;
    }

    .latest-scores-section {
        margin: 40px 0px;
    }

    .latest-scores-slider .owl-prev {
        left: -40px;
    }

    .latest-scores-slider .owl-next {
        right: -94px;
    }

    .join-now-section {
        margin: 40px 0px;
    }

    .join-now-inner-section-text-btn p {
        font-size: 17px;
        line-height: 30px;
    }

    .join-now-inner-section-background-image img {
        height: 312px;
    }

    .interior-section {
        margin: 40px 0px;
        min-height: 529px;
    }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .header .menu-item {
        margin: 0px 4px;
    }

    .home-banner-slider .owl-prev {
        left: 5%;
    }

    .interior-section {
        min-height: 519px;
    }

    .tournament-card-image img {
        height: 106px;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    /* for mobile menu responsive section responsive css start */
    .header .menu-link {
        padding: 0px 4px;
    }

    .header .menu-item {
        margin: 0;
    }

    .header .menu-item {
        display: block;
    }

    .menu-section {
        display: block;
    }

    .header .menu-link {
        display: block;
        padding: 9px 15px;
        font-size: 18px;
    }

    .header .menu-item {
        margin: 0;
        border-bottom: 1px solid #eee;
    }

    .header-get-call-section {
        text-align: center;
        margin-top: 30px;
    }

    .header-phone-number-section a {
        display: none;
    }

    .responsive-phone-icon {
        display: block;
        margin-right: 15px;
        position: relative;
        width: 45px;
        height: 45px;
        border-radius: 50px;
        background: #32CD32;
        color: #fff;
        font-size: 25px;
    }

        .responsive-phone-icon:hover {
            color: #fff;
        }

        .responsive-phone-icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .burger-phone-icon-section {
        display: flex;
        align-items: center;
    }

    .header .menu-block {
        margin: 0px auto;
    }
    /* for mobile menu responsive section responsive css end */
    .header-get-call-section a {
        margin-left: 5px;
    }

    .solid-btn {
        font-size: 16px;
        padding: 15px 28px;
    }

    .basketball-team-pts-card-section {
        padding: 18px;
    }

    .basketball-team-pts-team-name h5 {
        font-size: 17px;
    }

    .basketball-team-pts-player-name h5 {
        font-size: 14px;
    }

    .basketball-team-pts-number h5 {
        font-size: 14px;
    }

    .section-title-text h4 {
        font-size: 25px;
    }

    .basketball-team-pts-list ul li {
        padding-bottom: 11px;
        padding-top: 11px;
    }

    .basketball-team-pts-player-name-first-later h5 {
        font-size: 15px;
        width: 30px;
        height: 30px;
    }

    .basketball-team-pts-list ul {
        height: 266px;
    }

    .section-title-text p {
        font-size: 15px;
        line-height: 27px;
    }

    .bracket-text h5 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .bracket-text h6 {
        font-size: 17px;
        margin-bottom: 7px;
    }

    .bracket-text p {
        font-size: 15px;
        line-height: 27px;
    }

    .latest-scores-inner-card-section {
        padding: 20px 12px;
    }

    .top-score-low-score-section {
        width: 74%;
    }

    .join-now-inner-section-text-btn p {
        font-size: 16px;
        line-height: 28px;
    }

    .main-banner-text h1 {
        font-size: 44px;
    }

    .banner-basketball-team-list ul li {
        font-size: 16px;
    }

    .banner-basketball-team-list span {
        font-size: 16px;
        margin: 0px 8px;
    }

    .interior-section {
        min-height: 538px;
    }

    .tournament-page-tournament-inner-section .individual-group-section-title h4 {
        margin-bottom: 0px !important;
        font-size: 33px;
    }

    .tournament-page-tournament-inner-section .official-tournament-dashboard-inner-title-section p {
        font-size: 19px;
    }

    .tournament-card-image img {
        height: 87px;
    }

    .filter-button2 {
        text-align: right;
    }

        .filter-button2 a {
            background: #008AA8;
        }
}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .banner-basketball-team-list {
        margin: 7px 0px;
    }

    .solid-btn {
        font-size: 15px;
        padding: 14px 28px;
    }

    .home-banner-slider .owl-dots {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 2%;
    }

    .basketball-team-pts-card-section {
        margin-bottom: 22px;
    }

    .section-title-text h4 {
        font-size: 21px;
    }

    .bracket-text h5 {
        font-size: 19px;
    }

    .bracket-text h6 {
        font-size: 15px;
    }

    .bracket-text p {
        font-size: 14px;
        line-height: 24px;
    }

    .player-score-section {
        margin: 30px 0px;
    }

    .tournament-challenge-destination-section {
        margin: 30px 0px;
    }

    .latest-scores-section {
        margin: 30px 0px;
    }

    .join-now-section {
        margin: 30px 0px;
    }

    .join-now-inner-section-btn a {
        font-size: 15px;
        padding: 14px 40px;
    }

    .join-now-inner-section {
        padding: 24px 15px;
    }

    .join-now-inner-section-background-image {
        bottom: -93px;
    }

        .join-now-inner-section-background-image img {
            height: 245px;
        }

    .section-title-text h5 {
        font-size: 16px;
    }

    .interior-section {
        min-height: 507px;
    }

    .latest-scores-inner-card-section {
        margin-bottom: 22px;
    }

    .latest-scores-inner-section {
        margin-top: 17px;
    }

    .tournament-card-image img {
        height: 109px;
    }

    .tournament-card-total-section {
        margin-top: 12px;
    }

    .bracket-image-text-row-reverse {
        flex-direction: column-reverse;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .main-banner-text h1 {
        font-size: 26px;
    }

    .latest-scores-name h5 {
        font-weight: 600;
        color: #2a2a2a;
        font-size: 15px;
    }

    .top-score-low-score-section {
        width: 67%;
    }

    .join-now-inner-section-text-btn p {
        font-size: 14px;
        line-height: 25px;
    }

    .interior-section {
        min-height: 507px;
    }

    .bottom-section-text {
        margin-top: 0px;
    }

    .tournament-card-total-section {
        margin-top: 8px;
    }

    .tournament-card-section-title {
        display: none;
    }

    .tournament-card-image img {
        height: 190px;
    }

    .tournament-card {
        margin-bottom: 22px;
    }

    .bracket-image-text-total-row-section {
        margin-bottom: 19px;
    }

    .bracket-image {
        margin-bottom: 20px;
    }

    .how-to-play-section {
        margin: 30px 0px !important;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .basketball-team-pts-section {
        margin-top: 13px;
    }

    .basketball-team-pts-list ul {
        height: auto;
    }

    .section-title-text h4 {
        font-size: 20px;
        line-height: 32px;
    }

    .latest-scores-section {
        margin: -25px 0px 30px 0px;
    }

    .brand img {
        width: 140px;
    }

    .banner-basketball-team-list ul li {
        font-size: 14px;
    }

    .main-banner-text h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .main-banner-btn {
        margin-top: 15px;
    }

    .bracket-image img {
        object-position: inherit;
    }

    .interior-section {
        min-height: 524px;
    }

    .latest-scores-section {
        margin-bottom: 60px;
    }

    .tournament-card-image img {
        height: 109px;
    }
}

@media (max-width: 475.98px) {
    .interior-section {
        min-height: 505px;
    }
}

@media (max-width: 384.98px) {
    .interior-section {
        min-height: 482px;
    }
}

@media (max-width: 360px) {
    .interior-section {
        min-height: 454px;
    }
}