body {
 }


/*(B.O.C) use these in parent modal div*/
.modal-properties {
    background:#393939CC;
    position:fixed;
    height:100vh;
    width:100vw;
    z-index:15;
    
}

.modal-centered-childs {
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*(E.O.C) use these in parent modal div*/



/*(B.O.C) css for rsponsive modal that canvas embed scrolled adjust its stop accordingly*/
@media(max-height:500px) {
    .adjustModal-Top .modal-dialog {
        margin-top: 2rem !important;
    }
}

.adjustModal-Top .modal-dialog {
    margin-top: 10rem;
}
/*(E.O.C) css for rsponsive modal that canvas embed scrolled adjust its stop accordingly*/

.fundoo-basic-container-layout {
margin-left:13% !important;
padding-top:5rem !important;
}

.fundoo-body-background {
    background-image: linear-gradient(0deg, rgba(6, 19, 35, 0.2), rgba(6, 19, 35, 0.2)),linear-gradient(117.49deg, rgba(84, 39, 13, 0.3) 14.44%, rgba(134, 92, 252, 0.3) 47.48%, rgba(0, 0, 0, 0.18) 76.59%, rgba(0, 0, 0, 0.3) 109.94%);
    background-color: #061323;
    background-attachment: fixed;
}

.fundoo-cross-stars-bg {
    background-image: url('../images/cube.svg'), url('../images/cross.svg'),url('../images/cross.svg');
    background-position: top 29px left 20px,top 80px right 20px,bottom 0.6rem left 3rem;
    background-size: 50px 50px, 42px 42px,42px 42px;
    background-repeat: no-repeat, no-repeat,no-repeat;
}

/* (B.O.C) classes for width and height*/
.max-width-full {
max-width:100%;
}

.custom-fit-content {
    width: fit-content !important;
}

.max-500 {
max-width:500px;
}

.full-width {
    height: 100vh;
}

.full-height {
height:100vh;
}

.max-height-full {
    max-height: 100%;
}
/* (E.O.C) classes for width and height*/




.no-select {
    user-select: none;
}

.radius-05 {
border-radius:0.5rem !important;
}

.radius-1 {
    border-radius: 1rem !important;
}

.mango-background {
    background: #FFB40033;
}

.dark-mango-bg {
    background: #FFB400;
}

.mango-border {
    border: solid 2px #FFB400;
}

.mango-text-color {
   color: #FFB400 !important;
}

.mango-bg-filter {
    filter: invert(53%) sepia(100%) saturate(556%) hue-rotate(360deg) brightness(163%) contrast(101%); /*coverts white image to mango color*/
}

.mango-text-hov:hover {
    color: #FFB400 !important;
}

.mango-hover:hover {
    background: #FFB40033;
}

.dark-bg-filter {
    filter: grayscale(100%) brightness(0%);
}

.cross-btn {
    font-size: 2.5rem;
    font-weight: 300;
}

.btn-css-unset {
    border:unset !important;
    background:unset !important;
    
}

.fundoo-theme-colour {
    background-color: #061323 !important;
    
}

.fundoo-element-box {
    border-radius: 0.5rem;
    color: #fff;
    padding: 1rem 2rem;
    border: solid 1px #565656;
}

.fundoo-btn {
    background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%);
    color:#fff;
    border:unset;
    font-weight:600;
    border-radius:0.5rem;
}

.fundoo-borderBtn {
    background: linear-gradient(92.23deg, #FF56F6 21.43%, #B936EE 50.63%, #273571 100%, #0F1F61 117.04%);
    color: #fff;
    border: unset;
    font-weight: 600;
    padding: 0.16rem;
    border-radius: 0.2rem;
}
 
    .fundoo-borderBtn button {
        border: unset;
        color: #fff;
        border-radius: 0.2rem;
        line-height: 1.5rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        background-color: #061323;
    }

.fundoo-borderbtn-lightBackground {
    background: #1f2b39 !important;
}

    .notification-panel {
        top: 3.8rem;
        position: fixed;
        width: 100vw;
        z-index: 5;
        background: #393939CC;
    }

.notification-bar {
color:#fff;

}

.notification-tab {
    font-size: 1.45rem;
    border-bottom: solid;
    padding-bottom: 0.3rem;
    color: #FFB400;
  
}

/*.notify:hover {
    background: #FFB40026;
}*/

.notify {
    border-bottom: solid 1px #565656;
    width:100%;
    padding-bottom:1rem !important;
  
}

.notify-box:hover {
    background: #FFB40026;
}

.notify-box {
padding-left:1rem;
}

.notification-box {
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    padding-right: 2rem;
    padding-left: 0;
}

.notification-panel-con {
display:none;
}

#notificationBell {
cursor:pointer;
position:relative;
}


.heading-container-fundoo{
    display: flex;
    margin-bottom: 1.5rem;
}

.heading-container-fundoo a{
    display: flex;
    justify-content: center;
    align-items: center;
}

    .heading-container-fundoo h2 {
        color: #fff;
        margin: 0;
    }

    .heading-container-fundoo img {
        height: 1.7rem;
        margin-right: 1.3rem;
    }

.orrange-tick {
    text-align: center;
    width: 5rem;
    height: 5rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    border-radius: 50%;
    border: solid 6px;
    color: #FFB400;
    transform: rotate(9deg);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6, input, p, div,span, button, a, label, li, strong, em,textarea,legend,fieldset,body {
    font-family: 'Poppins';
}


@media (max-width:991.5px) {
.navbar-nav{
    flex-flow: row !important;
    width: 100px;
}
}


/*scrollbar colour colour and width form entire website*/

/* For Firefox */
 body {
    scrollbar-width: thin;
 }

    /* For Chrome */
    body::-webkit-scrollbar {
        width:9px; 
    }

    body::-webkit-scrollbar-thumb {
        background-color: #232355 !important; 
    }

    body::-webkit-scrollbar-track {
        background-color: #f1f1f1 !important;
    }

/*scrollbar colour colour and width form entire website END*/



@media (max-width:991.5px) {
    .notification-panel {
        margin-left: unset !important;
    }

    .navigation-slab-notification {
    display:none !important;
    }
}


@media (max-width:755.5px) {
    #notificationBar {
    width:100% !important;
    }

    .notification-box {
    padding-right:0;
    }

    .notify-box {
        padding-right:1rem;
    }

    #redDotSchedule, #redDotTournament {
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%);
    }
}

.fundoo-dropdown {
    background: #061323 !important;
    color: #fff !important;
    border: solid 2px #131d2f;
}

    .fundoo-dropdown a {
    color:#fff;
    }

.fundoo-dropdown a:hover {
    color: ffb400;
    background:unset !important;
}

.submenu-background {
    background-color: rgba(255, 180, 0, 0.4);
}

@media (max-width:992.5px) {
    .scroll-x-992 {
    overflow-x:scroll !important;
    }
}

.ellipsis {
overflow:hidden;
white-space:nowrap;
display:block;
text-overflow:ellipsis;
}


.disabled {
opacity:0.4 !important;
pointer-events:none !important;
}


.hidden {
visibility:hidden;
}

.display-none {
display:none;
}


@media(max-width:767px) {
    .Fundoo-pills-tab-responsive li {
        flex-grow: 1;
        text-align: center;
    }


        .Fundoo-pills-tab-responsive li a {
            border-bottom: 0 !important;
        }

}


    .Fundoo-pills-tab .nav.nav-pills {
        width: fit-content;
        background: #061323;
        border-radius: 0.5rem;
        color: #fff;
        padding: 1rem;
    }
    .Fundoo-pills-tab .nav.nav-pills Li a {
        color: #FFFFFFB2;
        font-size: 17px;
        padding: 0.2rem 0.5rem;
        font-weight: 500;
    }

.Fundoo-pills-tab a.active  {
    color: #FFB400 !important;
    border-bottom:solid;
}

.showElement {
display:block !important;
}

.top0 {
    top: 0 !important;
}

.right0 {
    right:0 !important;
}
.bottom0 {
    bottom:0 !important;
}

.left0 {
    left:0 !important;
}

.custom-cursor-pointer {
cursor:pointer !important;
}


.centered-fixed-div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}

.custom-overflow-x-auto {
overflow-x:auto !important;
}

.custom-overflow-y-auto {
    overflow-y: auto !important;
}

.custom-overflow-hidden {
overflow:hidden !important;
}

.custom-pointer-event-auto {
pointer-events:auto !important;
}


/*(B.O.C)custom scrollbar CSS*/
.darkScroller {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #444 #222; /* For Firefox */
}

    /* For Chrome, Edge, and Safari */
    .darkScroller::-webkit-scrollbar {
        width: 9px;
    }

    .darkScroller::-webkit-scrollbar-thumb {
        background-color: #444; /* Darker color for the thumb */
        border-radius: 10px; /* Rounded corners for the thumb */
        border: 2px solid #222; /* Add a border to make the thumb stand out */
    }

    .darkScroller::-webkit-scrollbar-track {
        background-color: #222; /* Dark color for the track */
        border-radius: 10px; /* Rounded corners for the track */
    }

    /* Optional: Add hover effect for the scrollbar thumb */
    .darkScroller::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* Slightly lighter color on hover */
    }
/*(E.O.C)custom scrollbar CSS*/


.hollow-button{
    border:unset;
    background:unset;
}


.pe-none {
pointer-events:none;
}




/*(B.O.C) css below needs stop embed improvised */

.rules-tag li::before {
    content: counter(my-awesome-counter);
    background: transparent;
    border: solid 2px #FFB400;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.8rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
    
}

.rules-tag ol li {
    font-family: Archivo;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #FFFFFF;
    padding-bottom: 15px;
    display:flex;
    align-items:center;
}


/*css for new SWAl*/
    .fundoo-coin-section {
    display: flex;
    align-items: center;
    background: #FFF3;
    padding: 0.1rem 0.3rem !important;
    width: fit-content;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 15px;
    color: #FFB400 !important;
}


.fundoo-coin-section img{
    height: 15px;
    margin-right: 0.2rem !important;
}

.custom-swal-popup .swal2-popup.swal2-modal.swal2-show {
    background: url(/images/glitter-bg.png) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

/*css form new swal over*/

/*(E.O.C) css below needs stop embed improvised */