a {
    text-decoration: none;
}

.btn-mini {
    font-size: 0.6rem;
    line-height: 1;
    border-radius: 80.19999999999999rem;
}

.btn-mini2 {
    font-size: 0.7rem;
    line-height: 1.7;
    border-radius: 80.19999999999999rem;
}

.gp-btn {
    background-color: #3facf7;
    border-color: #3facf7;
}

.gp-btn:hover {
    background-color: #2694dd;
    border-color: #2694dd;
}

.bl-btn {
    background-color: #ef6f38;
    border-color: #ef6f38;
}

.bl-btn:hover {
    background-color: #da5530;
    border-color: #da5530;
}

.robi-btn {
    background-color: #e23530;
    border-color: #e23530;
}

.robi-btn:hover {
    background-color: #b11d17;
    border-color: #b11d17;
}

.airtel-btn {
    background-color: #ed3833;
    border-color: #ed3833;
}

.airtel-btn:hover {
    background-color: #b11d17;
    border-color: #b11d17;
}

.teletalk-btn {
    background-color: #6ac537;
    border-color: #6ac537;
}

.teletalk-btn:hover {
    background-color: #4d9e1e;
    border-color: #4d9e1e;
}

.skitto-btn {
    background-color: #b13fb5;
    border-color: #b13fb5;
}

.skitto-btn:hover {
    background-color: #822286;
    border-color: #822286;
}

.border-custom {
    border-radius: 1.3rem !important;
}

.avatar.avatar-200 {
    height: 200px;
    line-height: 200px;
    width: 200px;
}

/* custom */

.single-select.active {
    position: relative;
    border-color: #e6a25d;
}
.single-select {
    padding: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: 8px;
}

.win-loss-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transform: scale(0.5);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.win-loss-popup.active {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.win-loss-popup__inner {
    width: 480px;
    max-width: 100%;
    text-align: center;
    background-color: #01162f;
    border-radius: 8px;
    border: 3px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 575px) {
    .win-loss-popup__inner {
        width: 300px;
    }
}

.win-loss-popup__header {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.win-loss-popup__body {
    padding: 20px 30px;
}

.win-loss-popup__body .icon {
    font-size: 200px;
    line-height: 1;
    color: #ed1569;
    text-shadow: 0 5px 15px #ed1569;
}

.win-loss-popup__footer {
    padding: 20px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.text--base {
    color: #ed1569;
}

.img-glow {
    animation: imgGlow 2s infinite linear;
}

@keyframes imgGlow {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.75;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.65;
    }

    100% {
        opacity: 1;
    }
}

.custom_preload{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
}
.loderCustom{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%)
}


/* body-section */
body {
    background-color: #77451e;
}
/* Bottom Nav */
.footer .footer-icon {
    max-width: 35px;
    max-height: 35px;
}

.footer .footer-icon-middle {
    max-width: 60px;
    max-height: 60px;
    margin-top: -13px;
}

/* header-section */
.header {
    background: rgba( 255, 255, 255, 0.1 );
    box-shadow: 0 8px 32px 0 rgb(135 70 31 / 37%);
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
}
.header.active {
    background: rgba( 255, 255, 255, 0.1 );
}

.main {
    background-color: #ffffff00;
    background: #ffffff00;

    background-image: url('../sm/images/custom-Img/bg-main-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}
.main .main-container {
    background: rgba( 255, 255, 255, 0.1 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    /* backdrop-filter: blur( 2.5px ); */
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 2.5px );
    border-radius: 25px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    color: #fff;
}

/* sidebar-section */
.menu-overlay .main-menu {
    background: rgba( 255, 255, 255, 0.1 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 10px );
    -webkit-backdrop-filter: blur( 10px );
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link.active {
    background: linear-gradient(to bottom, #c47853 0%, #5c2420 100%);
    color: #ffffff;
}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link.active:hover {
    background: linear-gradient(to top, #c47853 0%, #5c2420 100%);
    color: #ffffff;
}
.btn-default {
    background: linear-gradient(to bottom, #c47853 0%, #5c2420 100%);
    color: #ffffff;
    border: 0px;
}
.btn-default:hover {
    background: linear-gradient(to top, #c47853 0%, #5c2420 100%);
    color: #ffffff;
}
.btn-default:focus {
    background: linear-gradient(to top, #c47853 0%, #5c2420 100%);
    color: #ffffff;
}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link .arrow {
    color: #ffbd00;
}

.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link.active .arrow {
    color: #ffbd00;
    stroke: #ffffff;
}

.nav-icons {
    margin-right: 10px;
}

/* Game-Select-Section */
.single-select.active {
    position: relative;
    background-color: #ffc8008c;
    border-color: #e6a25d;
}
.single-select {
    border-radius: 50%;
}



/* card */
.card {
    background-color: rgba( 255, 255, 255, 0.1 );
    color: #fff;
    background: rgba( 255, 255, 255, 0.1 );
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border-radius: 25px;
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
}

.card-item {
    cursor: pointer;
}
.card-item img {
    max-width: 70px;
    max-height: 70px;
}
.card-item p {
    color: #d6d6d6;
    font-size: 12px;
    padding-top: 5px;
    text-shadow: #4a2fa9 1px 0 10px;
}
.card-box {
    cursor: pointer;
}
.card-box img {
    padding: 8px;
    max-width: 55px;
    max-height: 55px;
    background: rgb(255 221 148 / 34%);
    /* box-shadow: 0 2px 5px 0 rgb(31 38 135 / 41%); */
    box-shadow: 0 2px 5px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border-radius: 15px;
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
}
.card-box img:hover {
    background: rgb(255 221 148 / 14%);
}
.card-box img::after {
    background: rgb(255 221 148 / 14%);
}
.card-box p {
    color: #d6d6d6;
    font-size: 10px;
    padding-top: 5px;
    text-shadow: #a9662f 1px 0 10px;
}

/* text-section */
a {
    color: #fffd00;
    text-decoration: none !important;
    cursor: pointer;
}
a:hover {
    color: #ffffff;
}


.text-shadow , .text-default, 
.text-primary, .text-white, .text-info, 
.text-warning, .text-danger, .text-success, .text-dark {
    text-shadow: #a96d2f 1px 0 10px;
}
.text-default {
    color: #fff;
}
.text-primary {
    color: #4cecf7 !important;
}
.text-white {
    color: #fff !important;
}
.text-secondary {
    color: #ededed !important;
}
.text-muted {
    color: #f0f0f0 !important;
}
.text-warning {
    color: #ffe900 !important;
}
.text-default-secondary {
    color: #ffe600;
}

/* footer-section */
.footer {
    background: rgba( 255, 255, 255, 0.1 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
    padding: 0 0px !important;
    border-radius: 0px 0px 0 0 !important;
}
.footer a:not(.btn).active {
    color: #ffc107;
    border-color: #ffffff00 !important;
}
.footer a:not(.btn) {
    padding: 10px 3px !important;
    text-align: center;
    color: #ffffff;
    display: block;
    text-decoration: none;
    border-top: 4px solid transparent;
}

/* icon-section */
.material-icons, .text-no-shadow {
    text-shadow: #492fa900 0 0 0;
}

/* modal-section */
.modal-content {
    color: #fff;
    background-color: rgba( 255, 255, 255, 0.1 );
    background: rgba( 255, 255, 255, 0.1 );
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
    border-radius: 25px;
}

/* list-group */
.list-group-item {
    background-color: #fff0;
}
.list-group-item-action {
    color: #ffffff;
}

/* badge-section */
.trxAmount {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background: #ffffffa8;
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 30px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.badge {
    border-radius: 30px;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 6px;
    padding-bottom: 3px;
}
.badge-warning {
    color: #ffc107;
    border: 1px solid #ffc107;
    background: rgba( 255, 193, 7, 0.2 );
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 11px );
    -webkit-backdrop-filter: blur( 11px );
}
.badge-success {
    color: #09ff41;
    border: 1px solid #09ff41;
    background: #28a74633;
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 11px );
    -webkit-backdrop-filter: blur( 11px );
}
.badge-danger {
    color: #ff6015;
    border: 1px solid #ff6015;
    background: #dc354633;
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 11px );
    -webkit-backdrop-filter: blur( 11px );
}
.badge-info {
    color: #15fdff;
    border: 1px solid #15fdff;
    background: #35dccc33;
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    box-shadow: 0 8px 32px 0 rgb(135 72 31 / 37%);
    backdrop-filter: blur( 11px );
    -webkit-backdrop-filter: blur( 11px );
}

/* button-section */
.btn {
    border-radius: 30px;
}

/* btn-outline */
.btn-outline-secondary {
    color: #e8e8e8;
    border-color: #e5e5e5;
}
.btn-outline-secondary:hover {
    color: #000000;
    background: #e5e5e5;
    border-color: #e5e5e5;
}



/* Mine-section */
.mineBtn {
    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    will-change: box-shadow,transform;
    background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
    box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%) !important;
    padding: 0 32px;
    border-radius: 30px;
    color: #fff;
    height: 48px;
    font-size: 18px;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    transition: box-shadow 0.15s ease,transform 0.15s ease;
}

.mineBtn:hover {
    color: #fff;
    box-shadow: 0px 4px 8px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #3c4fe0;
    transform: translateY(-2px);
}
.mineBtn:active{
    color: #fff;
    box-shadow: inset 0px 3px 7px #3c4fe0;
    transform: translateY(2px);
}

.mineOffBtn {
    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    will-change: box-shadow,transform;
    background: radial-gradient( 100% 100% at 100% 0%, #d7d7d7 0%, #c6c6c6 100% );
    box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%) !important;
    padding: 0 32px;
    border-radius: 30px;
    color: #fff;
    height: 48px;
    font-size: 18px;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    transition: box-shadow 0.15s ease,transform 0.15s ease;
}
.mineOffBtn:hover {
    color: #fff;
    box-shadow: 0px 4px 8px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #3c4fe0;
    transform: translateY(-2px);
}
.mineOffBtn:active{
    color: #fff;
    box-shadow: inset 0px 3px 7px #3c4fe0;
    transform: translateY(2px);
}

.glass-box {
    padding: 8px;
    margin-left: 15px;
    margin-right: 15px;
    background: rgb(148 255 253 / 34%);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 8px );
    -webkit-backdrop-filter: blur( 8px );
    border-radius: 15px;
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
}

/* Form-section */
.form-control {
    color: #ffffff;
    background-color: #0000000f;
}
.form-control::placeholder {
    color: #e7e7e7ce;
    opacity: 1;
}
.form-control:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.155);
}
.float-label .form-control-label {
    color: #ffffff;
    left: 10px;
}
.float-label .form-control {
    border-radius: 30px;
    padding-left: 13px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef61;
    opacity: 1;
}
.form-control:disabled, .form-control[readonly]:focus {
    background-color: #e9ecef61;
    opacity: 1;
}



/* border-section */
.border-bottom, .border-top, .border-left, .border-right {
    border-color: #e2e2e26b !important;
}

/* switch-section */
.nightModeImg {
    cursor: pointer;
    -webkit-transition: ease all 0.5s;
}
.darkModeSwitch .custom-control-label::before {
    display: none;
}
.darkModeSwitch .custom-control-label::after {
    display: none;
}


/* image-section */
.img-thumbnail {
    background-color: #ead0c378;
    border: 1px solid #ead0c3;
}

/* pagelink */
.page-link {
    color: #ffffff;
    background-color: #ffffff1f;
    border: 1px solid #dee2e60d;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #ffffff1f;
    border: 1px solid #dee2e60d;
}
.page-item.active .page-link {
    color: #000;
    background-color: #ffffffc7 !important;
    border-color: #cececec7 !important;
}
/* transition-sections */
.transition, .header, .footer, 
.card, .main-container, .main, 
.menu-overlay .main-menu, 
.menu-push-content .main-menu {
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -moz-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
}

/* background-section */
.bg-scroll-light {
    background-color: #ee7e033d !important;
    border: 1px solid #d7a78e;
}




/* ======= DarkMode Start ======= */
.darkmode .main .main-container {
    background-color: #09101f66;
}
.darkmode .card, .darkmode .list-group-item, .darkmode .modal-content {
    background-color: #44281069;
}
.darkmode .footer {
    background-color: #00000026;
}
.darkmode .header {
    background: rgb(0 0 0 / 45%);
}
.darkmode .footer a:not(.btn) {
    color: #dfdfdf !important;
}
.darkmode .footer a:not(.btn).active {
    color: #8f81ff !important;
    border-color: #e0ddf700 !important;
}

.darkmode .main-menu {
    background: rgb(0 0 0 / 17%);
}
.amountBtn {
	margin: 0;
	border: 2px solid #c4bebe;
	border-radius: 5px;
	padding: 0px 4px;
	cursor: pointer;
}
.btn-active{
	background: #3bafd2;
}