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


/*

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/



/* @media (max-width: 575.98px) { */


@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-top: 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: 1199px) {

    /* dashboard mobile verstion css start */

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

    .individual-group-section-title h4 {
        font-family: 'Tw Cen MT', sans-serif;
        font-weight: bold;
        font-size: 26px;
        color: #0E0E0E;
        margin-bottom: 15px;
        text-align: center;
    }

    /* custome 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;
        color: #8B91C1;
        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;
        background-color: transparent;
        border: 2px solid #464646;
        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;
        background-color: #2D5F80;
        border: 2px solid #2D5F80;
        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::before {
        border-color: #2D5F80;
    }

    .individual-group-radio-input-section input[type="radio"]:checked+label {
        background: #E3F9FF;
        color: #3A4178;
    }

    .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 {
        background: #fff;
        padding: 5px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        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 {
        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 {
        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: #3A4178;
        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;
        background: #d2ecec;
        padding: 30px 0px;
    }

    .footer-copy-right-text p {
        margin-bottom: 0px;
        color: #434343;
        font-size: 17px;
        font-weight: 500;
    }

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

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

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

    .footer-link ul li a:hover {
        color: #008cd6;
    }

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

    }

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

    .active-footer-link {

        color: #008cd6 !important;
    }
    .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-verstion-section {
        width: 575px;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        overflow: hidden;
    }
    .dashboard-mobile-verstion-section-add-class::after{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;

    }
    /* .modal-backdrop {
        display: none !important;
    } */

    /* 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 {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 15px;
        background: #DFE1ED;
        font-size: 18px;
        border-radius: 6px;
        position: relative;
    }


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

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

    .faq-tab li .faq-content {
        border-top: 1px solid #d4d4d4;
        background: #fff;
        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: #3A4178;
        font-weight: 600;
        font-size: 20px;
    }
    .pts-number h5{
        color: #008BD6;
        font-weight: 600;
        font-size: 20px;
    }
    .team-details-inner-list-title h5{
        color: #181E47;
        font-size: 19px;
        font-weight: 600;
    }
    .team-details-inner-list-total-section{
        padding: 19px 0px;
        border-bottom: 1px solid #E8E8E8;
    }
    .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: #181E47;
        font-size: 19px;
        font-weight: 600;
    }
    .points-number h5{
        color: #3A4178;
        font-size: 18px;
        font-weight: 600;
    }
    /* dashboard mobile verstion css end*/

    /* for mobile menu css start*/
    .dashboard-mobile-verstion-nav{
        background: #fff;
        padding: 15px 0px;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
        position: relative;
        z-index: 99;
    }
    .dashboard-mobile-verstion-bars-icon{
        text-align: right;
    }
    /* .dashboard-mobile-verstion-bars-icon{
        width: 30px;
    } */
    .dashboard-mobile-verstion-bars-icon a{
        color: #898989;
        font-size: 35px;
    }
    .dashboard-mobile-verstion-nav-link-section{
        background: #fff;
        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-verstion-nav-link-section-add-class{
        top: 70px;
        visibility: visible;
        opacity: 1;
    }
    .dashboard-mobile-verstion-nav-link-section-add-class-down {
        top: 40% !important;
    }
    .dashboard-mobile-verstion-nav-link ul li{
        padding: 25px 0px;
        border-bottom: 1px solid #CCCCCC;
    }
    .dashboard-mobile-verstion-nav-link ul li a{
        font-size: 21px;
        font-weight: 500;
        color: #434343;
    }
    .dashboard-mobile-verstion-nav-link ul li a:hover{
        color: #008cd6;
    }
    .active-header-link{
        color: #008cd6 !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: #2c5f80;
    }
    .nav-signup-btn a:hover{
        background: #181E47;
    }
    .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: #008cd6;
    }
    .header-login-btn a:hover{
        background: #181E47;
    }
    /* .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: #fff;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        position: fixed;
        box-shadow: 0px 5px 35px 0px rgb(211 221 241 / 75%);
        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;
    }
    /* dasboard mobile verstion menu css end*/


    /* group create mobile verstion css start */
    .group-create-section .individual-group-select-section {
        text-align: left;
        margin-top: 0px;
    }
    .group-name-short-name-field-input-label label{
        color: #181E47;
        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;
        color: #000;
        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;
    }

    /* custome 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;
        background: #fff;
        height: auto;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        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{
        color: #3A4178;
        font-size: 33px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .pricing-offer-list ul li{
        list-style-type: disc;
        font-size: 16px;
        color: #3A4178;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .pricing-offer-list ul{
        margin-left: 18px;
    }
    .sup-text{
        color: #181E47;
        font-size: 18px;
    }
    .sub-text{
        color: #181E47;
        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;
    }
    .cancel-btn{
        background: #717695;
    }
    .cancel-btn:hover{
        background: #008cd6;
    }
    .create-btn{
        background: #008AA8;
    }
    .create-btn:hover{
        background: #008cd6;
    }
    .group-create-cancel-create-btn {
        margin-top: 11px;
        text-align: center;
    }
    .group-name-short-name-field-input-label{
        margin-bottom: 22px;
    }
    .select-pricing-total-section{
        margin-bottom: 22px;
    }
    .url-text{
        text-align: center;
        margin-bottom: 18px;
        margin-top: 0;
    }
    .url-text h5{
        color: #181E47;
        font-size: 16px;
        font-weight: 400;
    }
    .group-create-section .individual-group-section-title h4 {
        text-align: left;
    }
    /* group create mobile verstion 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;
        color: #FF3C3C;
    }

    .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;
        background: #fff;
        border-radius: 5px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .login-card-title h5{
        color: #0E0E0E;
        font-weight: 700;
        font-size: 35px;
        text-align: center;
    }
    .login-form-input input{
        width: 100%;
        background: #F1F2F9;
        padding: 25px 25px;
        font-size: 16px;
        color: #000;
        border-radius: 9px;
    }
    .login-form-input input::placeholder{
        font-size: 16px;
        color: #8086AD;
    }
    .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{
        color: #939AC9;
        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{
        color:#464C76;
        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;
        /* width: 100%; */
    }

    .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{
        color: #3A4178;
        font-size: 18px;
        font-weight: 500;
    }
    .draft-teams-name-price h5{
        color: #3A4178;
        font-size: 18px;
        font-weight: 600;
    }
    .total-price-text-section{
        text-align: right;
        padding: 22px 25px;
    }
    .total-price-text-section h5{
        color: #3A4178;
        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;
        color: #000;
    }
    .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{
        color: #3A4178;
        font-weight: 600;
        font-size: 18px;
    }
    .official-tournament-dashboard-group-card-rocket-icon i{
        color: #00BAF2;
        font-size: 24px;
    }
    .official-tournament-dashboard-icon-number{
        border: 1px solid #008CD6;
        position: relative;
        padding: 19px;
        border-radius: 6px;

    }
    .official-tournament-dashboard-icon{
        width: 60px;
        height: 100%;
        background: #008CD6;
        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;
        color: #fff;
    }
    .official-tournament-dashboard-number{
        text-align: center;
        margin-left: 50px;
    }
    .official-tournament-dashboard-number h5{
        font-size: 18px;
        font-weight: 400;
        color: #3A4178;
    }
    .official-tournament-card-team-name-icon{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 17px;
    }
    .official-tournament-card-team-name-text h5{
        font-size: 16px;
        font-weight: 400;
        color: #3A4178;
    }
    .official-tournament-card-team-icon i{
        font-size: 22px;
        color: #008CD6;
    }
    .official-tournament-dashboard-group-card a{
        width: 100%;
        background: #fff;
        padding: 38px 25px;
        display: inline-block;
        border-radius: 6px;
        border: 2px solid transparent;
    }
    .official-tournament-dashboard-group-card a:hover{
        border: 2px solid #00BAF2;
        box-shadow: rgba(0, 186, 242, 0.2) 0px 7px 29px 0px;
    }
    .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;
    }
    .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: 17px;
    }
    .official-tournament-dashboard-search-card-section{
        margin: 30px 0px;
    }
    .official-tournament-dashboard-search-field-section{
        margin-top: 0px;
    }
    .select-view-bracket-section{
        margin-top: 25px !important;
        margin-bottom: 15px;
    }
    .official-tournament-dashboard-search-field-section input {
        width: 100%;
        padding: 15px 50px 15px 25px;
        border-radius: 9px;
        color: #000;
        font-size: 16px;
        background: #fff;
    }
    .official-tournament-dashboard-search-field-section input::placeholder{
        color: #3A4178;
    }
    .official-tournament-dashboard-search-field-section{
        position: relative;
    }
    .search-icon{
        position: absolute;
        right: 20px;
        top: 13px;
    }
    .search-icon button{
        color: #6B6B6B;
        font-size: 19px;
        background: none;
    }
    .official-tournament-dashboard-inner-title-section p{
        color: #3A4178;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0px;
        margin-top: 12px;
    }
    .official-tournament-dashboard-group-card-section-two{
        width: 100%;
        background: #fff;
        padding: 38px 25px;
        display: inline-block;
        border-radius: 6px;
        border: 1px solid transparent;
        margin-bottom: 22px;
    }
    .official-tournament-card-bottom-btn{
        margin-top: 8px;
    }
    .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;
        font-family: 'Poppins', sans-serif;
        color: #525779;
    }
    .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;
        background: #008CD6;
        color: #fff;
        font-size: 20px;
        margin-right: 6px;
        
    }
    .group-dashboard-home-desktop-top-icon a:hover{
        background: #181E47;
    }
    .group-dashboard-home-desktop-top-title-icon-section{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .pool-eight-icon{
        background: #2C5F80 !important;
    }
    .pool-eight-icon:hover{
        background: #181E47 !important;
    }
    .group-dashboard-home-table-title h5{
        color: #181E47;
        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{
        background: #fff;
        border-radius: 5px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .all-time-leaderboard-card-section-title{
        background: #DFE1ED;
        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;
        border-bottom: 1px solid #E8E8E8;
    }
    .leader-board-pts-section .draft-teams-name-price-total-section:last-child{
        border-bottom: none;
    }
    .roup-dashboard-home-desktop-table-chat-section{
        background: #fff;
        border-radius: 9px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        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;
        color: #181E47;
        font-weight: 500;
    }
    .chat-left-arrow-btn button{
        background: none;
        font-size: 17px;
        color: #181E47;
        display: inline-block;
        margin-right: 10px;
    }
    .chat-text-section{
        border-top: 1px solid #E8E8E8;
        padding: 16px 16px;
        border-bottom: 1px solid #E8E8E8;
    }
    .chat-text-left{
        text-align: left;
    }
    .chat-text-left .chat-text{
        display: inline-block;
        background: #F1F2F9;
        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;
        background: #008BD6;
        border-radius: 10px 10px 0px 10px;
        padding: 16px 20px;
    }
    .chat-text-left .chat-text p{
        color: #4B5077;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .chat-text-left .chat-text h6{
        color: #8187B7;
        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{
        background: #F1F2F9;
        width: 100%;
        padding: 12px 44px;
        font-size: 14px;
        color: #000;
        border-radius: 5px;
    }
    .chat-type-section-input input::placeholder{
        color: #8187B7;
    }
    .chat-type-section-input{
        position: relative;
    }
    .chat-type-emoji-icon{
        position: absolute;
        left: 15px;
        top: 15px;
    }
    .chat-type-emoji-icon i{
        font-size: 16px;
        color: #B8BBCB;
        transition: 0.6s ease all;
    }
    .chat-type-emoji-icon i:hover{
        color: #181E47;
    }
    .chat-type-send-icon{
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .chat-type-send-icon i{
        font-size: 16px;
        color: #008BD6;
        transition: 0.6s ease all;
    }
    .chat-type-send-icon i:hover{
        color: #181E47;
    }
    .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{
        background: #008CD6;
    }
    .group-dashboard-member-invite-btn .view-bracket-button-section a:hover{
        background: #181E47;
    }
    /* group-dashboard-member-mobile-section css end*/


    /* group-dashboard-chatbox-mobile css start */
    .group-dashboard-chatbox-section .roup-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: 586px;
    }
    .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 .roup-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{
        color: #3A4178;
        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 {
        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 {
        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;
    }
}

/* dashboard mobile responsive css start */
@media (max-width: 575.98px) {
	.dashboard-mobile-verstion-nav-link-section-add-class {
        top: 9%;
	}
	#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 {
		padding: 16px 30px;
		font-size: 17px;
	}
	.official-tournament-dashboard-group-card a {
		padding: 38px 19px;
	}
	.official-tournament-dashboard-icon-number {
		margin: 0px 5px;
	}
	.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: -1px;
	}
	#filter-btn-Modal .modal-content {
		padding: 23px 8px;
	}
	.dashboard-mobile-verstion-nav-link ul li a {
		font-size: 17px;
	}
	.dashboard-mobile-verstion-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-inner-title-section p {
        margin-bottom: 12px;
    }
    .official-tournament-dashboard-search-card-section {
        margin: 7px 0px;
    }
    .view-bracket-button-section a {
        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 .roup-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 {
        width: 67%;
        margin-top: 25px;
    }
}
@media(max-width:430px){
	.dashboard-mobile-verstion-nav-logo img{
		width: 170px;
	}
	.header-login-btn a {
		padding: 12px 26px;
		font-size: 17px;
	}
	.dashboard-mobile-verstion-nav-link-section-add-class {
        top: 74px;
	}
	.view-bracket-button-section a {
        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: 92px 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 {
		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 {
		padding: 18px 8px;
	}
	.faq-tab li i {
		font-size: 19px;
		right: 27px;
		top: 18px;
	}
	.footer {
		margin: 20px 0px 0px 0px;
	}
	.dashboard-mobile-verstion-nav-logo img {
		width: 130px;
	}
	.header-login-btn a {
		padding: 8px 18px;
		font-size: 12px;
	}
	.dashboard-mobile-verstion-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;
	}
	.dashboard-mobile-verstion-nav-link-section-add-class {
		top: 47px !important;
	}
	.dashboard-mobile-verstion-nav-link-section {
        top: -53%;
	}
	#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: 1440.98px) {

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

    .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-image img {
        height: 417px;
    }
    .main-banner-text h1 {
        font-size: 54px;
        line-height: 59px;
    }
    .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;
    }
    .tournament-challenge-destination-section .bracket-image img {
        height: 292px;
        width: 459px;
    }
    .bracket-left-image-text-card-section .bracket-image {
        left: 12%;
    }
    .bracket-right-image-text-card-section .bracket-image {
        right: -27%;
    }
    .bracket-left-image-text-card-total-section {
        margin-bottom: 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%;
    }
    .tournament-challenge-destination-section .bracket-image img {
        width: 100%;
    }
    .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: 0px 0px;
    }

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

    .menu-section {
        display: block;
    }

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

    .header .menu-item {
        margin: 0px 0px;
        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-left-image-text-card-section .bracket-image {
        left: 12%;
    }
    .bracket-left-image-text-card-section {
        padding: 56px 20px 49px 5%;
    }
    .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;
    }
    .tournament-challenge-destination-section .bracket-image img {
        height: 260px;
    }
    .bracket-right-image-text-card-section {
        padding: 40px 8% 40px 40px;
    }
    .bracket-right-image-text-card-section .bracket-image {
        right: -29%;
    }
    .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: 45px;
        line-height: 48px;
    }
    .banner-basketball-team-list ul li {
        font-size: 16px;
    }
    .banner-basketball-team-list span {
        font-size: 16px;
        margin: 0px 8px;
    }
    .main-banner-image img {
        height: 330px;
    }
    .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) {
    .main-banner-image img {
        height: 330px;
    }
    .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;
    }
    .tournament-challenge-destination-section .bracket-image img {
        height: 212px;
    }
    .bracket-left-image-text-card-section {
        padding: 30px 20px 14px 35%;
    }
    .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;
    }
    .bracket-right-image-text-card-section {
        padding: 23px 35% 23px 28px;
    }
    .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: 6px;
    }
    .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: 25px;
        line-height: 37px;
    }
    .main-banner-image img {
        height: 250px;
    }
    .tournament-challenge-destination-section .bracket-image img {
        height: 163px;
    }
    .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: 0px;
    }
    .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;
    }
    .tournament-challenge-destination-section {
        margin: -24px 0px 30px 0px;
    }
    .bracket-left-image-text-card-section  .bracket-image {
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        margin-bottom: 10px;
    }
    .bracket-left-image-text-card-section {
        padding:14px;
        margin: 0px !important;
    }
    .bracket-image-text-total-section {
        margin-top: 0px;
    }
    .bracket-right-image-text-card-section .bracket-image {
        position: relative;
        top: inherit;
        right: inherit;
        transform: inherit;
        margin-bottom: 10px;
    }
    .bracket-right-image-text-card-section {
        padding:14px;
        margin: 0px !important;
    }
    .bracket-right-image-text-card-section .row{
        flex-direction: column-reverse;
    }
    .bracket-left-image-text-card-total-section{
        margin-bottom: 22px !important;
    }
    .latest-scores-section {
        margin: -25px 0px 30px 0px;
    }
    .brand img {
        width: 140px;
    }
    .main-banner-image img {
        height: 255px;
    }
    .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: 360.98px) {
    .interior-section {
        min-height: 454px;
    }
}