med#preloader,
.sk-three-bounce{ background-color: #101010;}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .logo-abbr, .logo-icon {
     display: none !important;
}
 [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .logo-icon {
     display: block !important;
}

.bep-url p{ margin-bottom:0; }

.nav-header .brand-logo { padding-left: 10px; padding-top:5px; }
.widget-stat .media .media-body p {font-weight:400;} 

.withdraw-history .form-control input[type="number"]{
    font-family:'Inter', sans-serif;
}
 
/*Gradient Css*/

.gradient-txt { 
    background: -webkit-linear-gradient(181deg, #fff 100%, #fff 66%, #fff 100%);
    
/*    background-color: #af8827;*/
/*background-image: linear-gradient(90deg, #af8827 0%, #eddd78 46%, #af8827 100%);*/

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.list-group-item span,
.f-family-inter{ font-family: "Inter", sans-serif; }
 
.graph-area {
    background: #444444;
    max-width:320px;
    margin:auto;
}

.price-fn {
    font-size: 20px;
    margin-top: 10px;
}

.table-trns .table tbody tr td {
    background: none !important;
}
.table-trns .table tbody tr td {
    padding-left: 0;
    padding-top: 11px;
    padding-bottom: 11px;
}
/* Icons Layout */
.ani-icon {max-width:140px}
.ani-icon.sm { max-width:25px; margin:auto; line-height:34px;}
.ani-icon.md { max-width:35px; margin:auto; line-height:25px;}
.lni-llg { font-size:50px !important;}

.bonus-left .ani-icon {
    max-width: 31px;
    border-radius: 10px;
}

.bonus-left .icon-success {
     background: rgba(43, 193, 85, 0.3);
}

.bonus-left .icon-primary {
         background-color: var(--rgba-primary-2);
    border-color: var(--rgba-primary-2);
}


.deznav .metismenu>li>a svg {
    max-width: 30px;
    max-height: 30px;
    margin-right: 0;
}
.deznav .metismenu>li a>i { padding:0 .375rem 0 0; }
#boosterstatus-icon path,
.white-icon path { stroke:#F09819}

.icon-primary  path { stroke:#00c4f4}
.icon-warning  path { stroke:#ffab2d}
.icon-danger path { stroke:#b03636}
.icon-success path { stroke:#2bc155}

/* Booster Layout */
 .booster-box {
     padding: 0 20px 0;
     border-radius: 30px;
}
/* Change */
 .booster-box img {
     width: 220px;
}
/* Change */
 #clock1 {
     position: absolute;
     top: 30px;
     left: 50%;
     width: 462px;
     margin-left: -231px;
    /*set to a negative number 1/2 of your width*/
     height:100px;
    /*set to a negative number 1/2 of your height*/
}
 .booster-clock {
    position: relative;
    min-height: 140px;
    max-width: 120px;
    margin: auto;
}
 .booster-box .lni {
     font-size: 100px;
}
 .booster-box h4 {
     margin-top:0;
}
/* Change */
 .social-float {
     position: fixed;
     right: 10px;
     top: 30%;
     z-index: 999999;
}
 .avatar.avatar-40 {
     height: 40px;
     line-height: 40px;
     width: 40px;
}
 .social-float ul {
     background: #98A8D798A8D724;
     border-radius: 50px;
     list-style: none;
     padding-left: 0;
     padding-bottom:5px;
}
 .social-float ul li {
     margin: 2px;
     padding: 4px;
}
 .text-telegram {
     color: #2481cc;
}
 .text-twitter {
     color: #1d9bf0;
}
 .text-facebook {
     color: #1a74e4;
}
 .text-youtube {
     color: #d22b25;
}
 
 
li.navgroup {
    background-image: -webkit-linear-gradient(181deg, #db940b 33%, #db940b 66%, #db940b 100%);
    color: #322;
}

li.navgroup a .nav-text {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li.navgroup:hover a:hover,
[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li.navgroup:hover a,
[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li.navgroup a:hover{
    background:none !important;
}

.deznav .metismenu > li > a {margin:2px 0;}

.nav-item .nav-link .header-info svg path {fill:#182037 !important}

/* Reset */
 .flip-clock-wrapper * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .flip-clock-wrapper a {
     cursor: pointer;
     text-decoration: none;
     color: #ccc;
}
 .flip-clock-wrapper a:hover {
     color: #98A8D7;
}
 .flip-clock-wrapper ul {
     list-style: none;
}
 .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
     content: " ";
     display: table;
}
 .flip-clock-wrapper.clearfix:after {
     clear: both;
}
 .flip-clock-wrapper.clearfix {
     *zoom: 1;
}
/* Main */
 .flip-clock-wrapper {
     font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
     -webkit-user-select: none;
}
 .flip-clock-meridium {
     background: none !important;
     box-shadow: 0 0 0 !important;
     font-size: 36px !important;
}
 .flip-clock-meridium a {
     color: #313333;
}
 .flip-clock-wrapper {
     text-align: center;
     position: relative;
     width: 100%;
     margin: 1em;
}
 .flip-clock-wrapper:before, .flip-clock-wrapper:after {
     content: " ";
    /* 1 */
     display: table;
    /* 2 */
}
 .flip-clock-wrapper:after {
     clear: both;
}
/* Skeleton */
 .flip-clock-wrapper ul {
     position: relative;
     float: left;
     margin: 5px 2px;
     width: 40px;
     height: 70px;
     font-size: 40px;
     font-weight: bold;
     line-height: 40px;
     border-radius: 6px;
     background: #000;
}
 .flip-clock-wrapper ul li {
     z-index: 1;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     line-height: 64px;
     text-decoration: none !important;
}
 .flip-clock-wrapper ul li:first-child {
     z-index: 2;
}
 .flip-clock-wrapper ul li a {
     display: block;
     height: 100%;
     -webkit-perspective: 200px;
     -moz-perspective: 200px;
     perspective: 200px;
     margin: 0 !important;
     overflow: visible !important;
     cursor: default !important;
}
 .flip-clock-wrapper ul li a div {
     z-index: 1;
     position: absolute;
     left: 0;
     width: 100%;
     height: 50%;
     font-size: 60px;
     overflow: hidden;
     outline: 1px solid transparent;
}
 .flip-clock-wrapper ul li a div .shadow {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
}
 .flip-clock-wrapper ul li a div.up {
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     -o-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     top: 0;
}
 .flip-clock-wrapper ul li a div.up:after {
     content: "";
     position: absolute;
     top: 44px;
     left: 0;
     z-index: 5;
     width: 100%;
     height: 3px;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.4);
}
 .flip-clock-wrapper ul li a div.down {
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     -ms-transform-origin: 50% 0;
     -o-transform-origin: 50% 0;
     transform-origin: 50% 0;
     bottom: 0;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
}
 .flip-clock-wrapper ul li a div div.inn {
     position: absolute;
     left: 0;
     z-index: 1;
     width: 100%;
     height: 200%;
     color: #ccc;
     text-shadow: 0 1px 2px #000;
     text-align: center;
     background-color: #333;
     border-radius: 6px;
     font-size: 50px;
}
 .flip-clock-wrapper ul li a div.up div.inn {
     top: 0;
}
 .flip-clock-wrapper ul li a div.down div.inn {
     bottom: 0;
}
/* PLAY */
 .flip-clock-wrapper ul.play li.flip-clock-before {
     z-index: 3;
}
 .flip-clock-wrapper .flip {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
 .flip-clock-wrapper ul.play li.flip-clock-active {
     -webkit-animation: asd 0.01s 0.49s linear both;
     -moz-animation: asd 0.01s 0.49s linear both;
     animation: asd 0.01s 0.49s linear both;
     z-index: 5;
}
 .flip-clock-divider {
     float: left;
     position: relative;
     width: 100%;
     height: auto;
     text-align:left;
}
/* .flip-clock-divider:first-child {*/
/*     width: 0;*/
/*}*/
 .flip-clock-dot {
     display: block;
     background: #323434;
     width: 10px;
     height: 10px;
     position: absolute;
     border-radius: 50%;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     left: 5px;
}
 .flip-clock-divider .flip-clock-label {
    color: #98A8D7;
    text-shadow: none;
    font-size: 16px;
    font-weight: 400;
    background: -webkit-linear-gradient(181deg, #af8827 33%, #eddd78 66%, #af8827 100%);
    /* background-color: #af8827; */
    /* background-image: linear-gradient(90deg, #af8827 0%, #eddd78 46%, #af8827 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 .flip-clock-divider.minutes .flip-clock-label {
     right: -88px;
}
 .flip-clock-divider.seconds .flip-clock-label {
     right: -91px;
}
 .flip-clock-dot.top {
     top: 30px;
}
 .flip-clock-dot.bottom {
     bottom: 30px;
}

.op-6{opacity:0.6;}

.card-bg , .card-bg-y {position:relative; overflow:hidden;}
.card-bg:before, .card-bg-y:before{
   content: "";
    position: absolute;
    width: 60%;
    height: 50%;
    border-radius: 539px;
    opacity: .9;
    background: var(--Primary-colors, #72b5fb);
    filter: blur(200px);
    top: -18%;
    right: -34%;
    z-index: 1;
    
}

.card-bg-y:before{
    top: auto;
    right: -34%;
    bottom: -18%;
}

#dash-iconcol .card{
height: calc(100% - 20px);
    margin-bottom: 12px;}

#dash-iconcol h4 {
    color:#656565;
        font-weight: 300;
    font-size: 15px;
}

#income-wrap .income-txt{ padding-left:5px;}

#income-wrap h6 {
    line-height: 24px;
}
#income-wrap .btn .fa {
    font-size: 22px;
}
#income-wrap .btn {
    height: 48px;
    width: 48px;
    padding: 0;
}

#income-wrap small {
    font-size: 14px;
    color: #98A8D7;
}

#income-wrap .incomeline{
    position:relative;
}

#income-wrap .incomeline:before {
    height: 1px;
    background: #5e5a53;
    position: absolute;
    content: "";
    bottom: 20px;
    left: 40%;
    right: 20%;
}

/*.widget-stat.card{*/
/*     border: 10px solid;*/
/*  border-image-slice: 1;*/
/*  border-width: 1px;*/
/*    border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/
/*}*/
 


 @-webkit-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @-moz-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @-o-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 .flip-clock-wrapper ul.play li.flip-clock-active .down {
     z-index: 2;
     -webkit-animation: turn 0.5s 0.5s linear both;
     -moz-animation: turn 0.5s 0.5s linear both;
     animation: turn 0.5s 0.5s linear both;
}
 @-webkit-keyframes turn {
     0% {
         -webkit-transform: rotateX(90deg);
    }
     100% {
         -webkit-transform: rotateX(0deg);
    }
}
 @-moz-keyframes turn {
     0% {
         -moz-transform: rotateX(90deg);
    }
     100% {
         -moz-transform: rotateX(0deg);
    }
}
 @-o-keyframes turn {
     0% {
         -o-transform: rotateX(90deg);
    }
     100% {
         -o-transform: rotateX(0deg);
    }
}
 @keyframes turn {
     0% {
         transform: rotateX(90deg);
    }
     100% {
         transform: rotateX(0deg);
    }
}
 .flip-clock-wrapper ul.play li.flip-clock-before .up {
     z-index: 2;
     -webkit-animation: turn2 0.5s linear both;
     -moz-animation: turn2 0.5s linear both;
     animation: turn2 0.5s linear both;
}
 @-webkit-keyframes turn2 {
     0% {
         -webkit-transform: rotateX(0deg);
    }
     100% {
         -webkit-transform: rotateX(-90deg);
    }
}
 @-moz-keyframes turn2 {
     0% {
         -moz-transform: rotateX(0deg);
    }
     100% {
         -moz-transform: rotateX(-90deg);
    }
}
 @-o-keyframes turn2 {
     0% {
         -o-transform: rotateX(0deg);
    }
     100% {
         -o-transform: rotateX(-90deg);
    }
}
 @keyframes turn2 {
     0% {
         transform: rotateX(0deg);
    }
     100% {
         transform: rotateX(-90deg);
    }
}
 .flip-clock-wrapper ul li.flip-clock-active {
     z-index: 3;
}
/* SHADOW */
 .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
     -webkit-animation: show 0.5s linear both;
     -moz-animation: show 0.5s linear both;
     animation: show 0.5s linear both;
}
 .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
     -webkit-animation: hide 0.5s 0.3s linear both;
     -moz-animation: hide 0.5s 0.3s linear both;
     animation: hide 0.5s 0.3s linear both;
}
/*DOWN*/
 .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
     -webkit-animation: show 0.5s linear both;
     -moz-animation: show 0.5s linear both;
     animation: show 0.5s linear both;
}
 .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
     -webkit-animation: hide 0.5s 0.3s linear both;
     -moz-animation: hide 0.5s 0.3s linear both;
     animation: hide 0.5s 0.2s linear both;
}
 @-webkit-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-moz-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-o-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 .small-widget.widget-stat .media .media-body p {
    font-size: 12px;
}
 .small-widget.widget-stat .media > span {
    height: 50px;
    width: 50px;
     min-width: 50px;
     padding:5px;
}
 .widget-stat.card.small-widget { 
     margin-bottom: 10px;
}
 .total-income {
     color: #98A8D7;
     background: #13b497;
     background: -moz-linear-gradient(-45deg, #a8ff78 0%, #78ffd6 100%);
     background: -webkit-linear-gradient(-45deg, #a8ff78 0%, #78ffd6 100%);
     background: linear-gradient(135deg, #a8ff78 0%, #78ffd6 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8ff78', endColorstr='#78ffd6',GradientType=1 );
}
 .ref-bg {
     color: var(--primary);
     background: #13b497;
     background: -moz-linear-gradient(-0deg, var(--primary) 0%, var(--primary-hover) 100%);
     background: -webkit-linear-gradient(-0deg, var(--primary) 0%, var(--primary-hover) 100%);
     background: linear-gradient(0deg, var(--primary) 0%, var(--primary-hover) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13b497', endColorstr='#05737a',GradientType=1 );
}
 .ref-img_wrap{
     max-width: 80%;
     margin: auto;
}
 [data-theme-version="dark"] .ref-url .form-control {
     background-color: #e0e0e0;
     border-color: #14c9f0;
     color: #2f363e;
}
 [data-theme-version="dark"] .ref-url p {
     color:#98A8D7
}
 .table th {
     padding: 15px 5px;
}
 .table td {
     padding: 8px 10px;
     line-height: 24px !important;
}
 .recentOrderTable table tbody td img {
    border-radius: 0;
     max-width: 16px;
}
 .social-graph-wrapper.widget-instagram {
     background-color: #962fbf;
}
 #gauge-btn {
    position: absolute;
     top: 40%;
     left: 20px;
     right: 20px;
     justify-content: flex-end;
}
 .text-right {
     text-align: right !important;
}
 .gauge-ern {
     color:#98A8D7;
     font-size: 20px;
     text-align: center;
}
/* ========================== custom css start ========================== */
 .sorting_asc{
     padding-left: 20px !important;
}
 .sorting_1{
     padding-left: 20px !important;
}
 .otp-send-btn{
     color:#00c4f4;
     padding-left: 0;
}
 .status-td i{
     color: green;
     margin-right: 5px;
}
 .status-td-danger i{
     color: rgb(223, 36, 36);
     margin-right: 5px;
}
 .status-procces i{
     color: rgb(230, 191, 17);
     margin-right: 5px;
}
 .td-time{
     font-size: 12px;
}
 .coin-td{
     display: flex;
     align-items: center;
     width: 100%;
}
 .coin-td i{
     color: rgb(230, 191, 17);
     margin-right: 5px;
}
 .modal-icon{
     color: #3b910c;
     width: 100px;
     margin: auto;
     text-align: center;
}
 .modal-icon img{
     width: 100%;
     height: 100%;
}
 .modal-body{
     text-align: center;
}
 .business-profile-card{
     width: 100%;
     height: 100%;
}
 .business-iframe{
     max-width: 100%;
     width: 100%;
     min-height: 430px;
     height: 100%;
}
 .widget-timeline{
     max-height: 600px;
     height: 100%;
}
 .qr-code {
     max-width: 200px;
     margin: 10px;
}
 .deposit-qr-main{
     /*max-width: 900px;*/
     width: 100%;
}

.deposit-qr-main .btn {
    margin-left:0;
}
.deposit-qr-main .input-group input { border-radius: 15px !important; }
.deposit-qr-main .input-group .btn {
    margin-left: 10px !important;
    border-radius: 15px !important;
    color: #121212;
    font-size: 14px;
}
ul.grid-list {
    list-style: disc;
    margin-left: 15px;
}
.grid-list li {
    color: #98A8D7;
    font-size: 15px;
    list-style: disc;
}

 [data-theme-version="dark"] .deposit-qr-box {
     /*background: #2f363e;*/
     /*border-radius: 10px;*/
}
 
 [data-theme-version="dark"] .qr-code-box{
    border: 1px solid #e7d571;
    background: #0a0a0a;
    color: #98A8D7;
    padding:12px 5px;
    text-align: center;
    border-radius:8px;
}
.deposit-qr-box input.form-control {
    min-height: 60px;
}
.deposit-qr-box .btn-info {
    font-size: 15px;
    line-height: 40px;
}
 .displaynone {display:none;}
 .displayblock {display:block;}
 
 .deposit-qr-box .qr-img {
     max-width:245px;
     margin:auto;
 }
 .qr-code-box p{
     margin-bottom: 0;
}
 .scan-qr-btn{
     border-radius: 8px;
     max-width: 250px;
     width: 100%;
}
 .scan-qr-btn:hover{
     background: transparent;
     color: #00c4f4;
}
 .deposit-qr-main .qr-code{
     max-width: 250px;
     width: 100%;
     margin: 0;
}
 .view-explore{
     background: transparent;
     border: 1px solid #e5b741;
     color: #e5b741;
     font-size: 14px;
     width: 150px;
     padding: 10px 4px;
}
 .i-span{
     width: 20px;
     display: inline-block;
     height:20px;
     border-radius: 50%;
}
 .buy-now{
     border-radius: 40px;
     background: #00c4f4;
     color: #98A8D7;
     max-width: 200px;
     width: 100%;
}
 .buy-now:hover {
     background: transparent;
     color: #00c4f4;
     border: 1px solid #00c4f4;
}
 .packages .card{
     padding: 40px;
     border-radius: 0;
}
 .package-value p{
     font-size: 26px;
     padding-right: 10px;
}
 .package-value h3{
     color: #3d4465;
}
 .package-input .btn{
     font-size: 14px;
     padding: 10px 8px;
}
 .package-input input{
     color: #3d4465 !important;
}
 .package-input label{
     font-size: 20px;
}
 .package-round{
     width: 100px;
     height: 100px;
     border-radius: 50%;
     margin: auto;
     display: flex;
     align-items: center;
     position: relative;
     justify-content: center;
}
 .package-round::after {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     content: '';
     width: 120px;
     height: 120px;
     border-radius: 50%;
     background: transparent;
     border: 2px solid #ffab2d;
}
 .package-round p{
     margin-bottom: 0;
     color: #98A8D7;
     font-weight: bold;
     font-size: 20px;
}
 .package-name{
     font-size: 20px;
}
 .border-info::after{
     border-color: #3c65f5 !important;
}
 .border-success::after{
     border-color: #2bc155;
}
 .buy1{
     background: #ffab2d;
}
 .buy2{
     background: #3c65f5;
}
 .buy3{
     background: #2bc155;
}
 .package-overview .card{
     padding: 40px;
}
 .overview-icon i{
     font-size: 32px;
     color: #98A8D7;
}
 .package-overview-top h3{
     border-bottom: 2px solid #98A8D7;
}
/* ========================== custom css end ========================== */
/* ========================== CSS Gauge Start ========================== */
 .gauge-wrapper {
     display: block;
     max-width: 330px;
     margin: 0 auto;
     padding: 20px 15px 20px;
}
 .gauge {
     background: #e7e7e7;
     box-shadow: 0 -3px 6px 2px rgba(0, 0, 0, 0.10);
     width: 300px;
     height: 150px;
     border-radius: 200px 200px 0 0!important;
     position: relative;
     overflow: hidden;
}
 .gauge.min-scaled {
     transform: scale(0.5);
}
 .gauge-center {
     content: '';
     color: #98A8D7;
     width: 60%;
     height: 60%;
     background: #15222E;
     border-radius: 100px 100px 0 0!important;
     position: absolute;
     box-shadow: 0 -13px 15px -10px rgba(0, 0, 0, 0.28);
     right: 21%;
     bottom: 0;
     color: #98A8D7;
     z-index:4;
}
 .gauge-center .label, .gauge-center .number {
    display:block;
     width: 100%;
     text-align: center;
     border:0!important;
}
 .gauge-center .label {
    font-size:0.75em;
     opacity:0.6;
     margin:1.1em 0 0.3em 0;
}
 .gauge-center .number {
    font-size:1.2em;
}
 .needle {
     width: 135px;
     height: 7px;
     background: #15222E;
     border-bottom-left-radius: 100%!important;
     border-bottom-right-radius: 5px!important;
     border-top-left-radius: 100%!important;
     border-top-right-radius: 5px!important;
     position: absolute;
     bottom: -2px;
     left: 20px;
     transform-origin: 100% 4px;
     transform: rotate(0deg);
     box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.38);
     display:none;
     z-index:4;
}
 .four.rischio1 .needle {
    animation: fourspeed1 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio2 .needle {
    animation: fourspeed2 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio3 .needle {
    animation: fourspeed3 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio4 .needle {
    animation: fourspeed4 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .slice-colors {
    height:100%;
}
 .slice-colors .st {
     position: absolute;
     bottom: 0;
     width: 0;
     height: 0;
     border: 80px solid transparent;
}
 .four .slice-colors .st.slice-item:nth-child(2) {
     border-top: 80px #f1c40f solid;
     border-right: 80px #f1c40f solid;
     background-color:#1eaa59;
}
 .four .slice-colors .st.slice-item:nth-child(4) {
     left:50%;
     border-bottom: 80px #E84C3D solid;
     border-right: 80px #E84C3D solid;
     background-color:#e67e22;
}
 .icon-title {
     background: #00c4f4;
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 38px;
     border-radius: 50%;
     text-align: center;
}
 .icon-title i.lni {
     position: relative;
     margin-top: 8px;
     display: block;
}
 .icon-title i {
     font-size: 20px;
}
 .input-group .btn {
     min-height: 56px;
     line-height: 40px;
}
 .input-group .btn.btn-sm {
    min-height: 30px;
     line-height: 1.5;
}
 @-webkit-keyframes fourspeed1 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(16deg);
    }
}
 @-webkit-keyframes fourspeed2 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(65deg);
    }
}
 @-webkit-keyframes fourspeed3 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(115deg);
    }
}
 @-webkit-keyframes fourspeed4 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(164deg);
    }
}
 .text-whatsapp {
     background-color: #128C7E;
    border-radius: 50%;
     padding: 8px;
    display: inline-block;
}
 .text-instagram {
     background-color: #962fbf;
    border-radius: 50%;
     padding: 8px;
    display: inline-block;
}
 .ref-bg p {
     line-height: 18px;
}
 .profile-box {
     border-radius: 10px;
     overflow: hidden;
     display: block;
}
 .scan-code {
     max-width: 300px;
     margin:20px auto 0;
     text-align: center;
}
 .scan-code .badge {
     word-break: break-all;
     line-height: 24px;
}

 
/* Btn */

.btn-primary {
	background-image: linear-gradient(140deg, #7cbcff 0%, #0265cd 100%);
	border: none;
	color: #fff !important;
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus:hover,
.btn-primary:hover
{
    background-image:linear-gradient(140deg, #0265cd 0%, #7cbcff 100%);
    border: none;
    color:#121212;
    font-weight:600;
}

.btn-grd-primary {
    background-image:-webkit-linear-gradient(140deg, #7cbcff 0%, #0265cd 100%);
    border: none;
    color:#fff;
}



.btn-default {
    background:#0a0a0a;
    border: none;
    color:#98A8D7;
}


/* table-search */
.table-search.table thead tr  {
    background:#182037;
}
.table.table-search {border-radius:10px; overflow:hidden;}
.table.table-search th {margin-bottom:0; vertical-align:middle; padding: 8px 10px;}
.table.table-search th h4 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    color: #98A8D7;
}



[data-theme-version="dark"] .table.table-search thead {
    background:#182037;
}

[data-theme-version="dark"] .card.table-content {
    background: none;
    margin-top: 40px;
}

[data-theme-version="dark"] .card.table-content .card-body {
    padding:0;
}

.table-content .card-header{
       padding: 20px 20px;
    border-bottom: none;
    background: #182037;
    border-radius: 10px;
    margin-bottom: 20px;
}

.table-content .card-header h4 {
    color:#98A8D7;
}


.table.dataTable thead th .tb-data,
.table.dataTable thead td .tb-data,
.table.dataTable tbody td .tb-data{
    border-right:1px solid #262626 !important;
}


table.dataTable thead th strong,
table.dataTable thead td  strong{
    background: #72b5fb;
    /* background-color: #af8827; */
    /* background-image: linear-gradient(90deg, #af8827 0%, #eddd78 46%, #af8827 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
table.dataTable tbody td {
    padding:15px 5px;
    font-family: "Inter", sans-serif;
}

table.dataTable tbody td:last-child .tb-data,
table.dataTable thead th:last-child .tb-data,
table.dataTable thead td:last-child .tb-data{
    border-right:none !important;
}

.table.dataTable thead tr {
    background:#182037;
}

[data-theme-version="dark"] table.dataTable tbody tr, [data-theme-version="dark"] table.dataTable tbody td, [data-theme-version="dark"] .table tbody tr td {
    background: #18203763 !important;
    color: #fff;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td,
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
border-top:1px solid #262626 !important;
}



.withdraw-history-form-top {
    margin-bottom: 30px;
}
.withdraw-history h3 { font-size:50px; font-weight:400; color:#98A8D7;}
.withdraw-history h3 .fa {
    font-size: 25px;
    position: relative;
    top: -8px;
}
.withdraw-history .info { margin-top:20px;}

.modal-dark .modal-header { border-bottom:0; padding-bottom:0; }
.modal-dark  .modal-content {position:relative; overflow: hidden;}
.modal-dark  .modal-content:before{
    content: "";
    position: absolute;
    width: 60%;
    height: 50%;
    border-radius: 539px;
    opacity: .9;
    background: var(--Primary-colors, #ffba00);
    filter: blur(200px);
    top: -18%;
    right: -34%;
    z-index: 1;
}
.modal-msg {
    display: flex;
    align-items: center;
    text-align: left;
}

.modal-msg svg {
    max-width: 40px;
}

.modal-msg p {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 17px;
    color: #98A8D7;
    font-weight: 500;
    line-height: 24px;
}

.modal-dark .modal-header {
    position: relative;
    z-index: 45;
}

.modal-dark .modal-header h1 {
    font-size:28px;
}
.modal-dark .modal-body p {
    margin-bottom:0;
}

.modal-dark .modal-body span {
        background: #37613e;
    padding: 2px 4px;
    border-radius: 5px;
    color: #98A8D7;
    border: 1px solid #3bc152;
}

.modal-dark .input-group input {
    border-radius:10px !important;
}

.modal-dark .input-group .btn {
    min-height: 46px;
    line-height: 30px;
    border-radius: 5px;
    border-left: none;
    background: -webkit-linear-gradient(181deg, #af8827 33%, #eddd78 66%, #af8827 100%);
    border: none;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}
.modal-dark .modal-footer .btn {
    border-radius:5px;
}

.modal-dark .account-details {
    background-color: #000000;padding: 10px;border-radius: 20px; text-align:left;
}
.modal-dark .account-details p{
    color:#ffba00; margin:0 0 2px 0; padding: 0;
}
.modal-dark .account-details p strong{
    color:#f1f1f1;
}

.fix-logo {
    position: absolute;
    max-width: 70px;
    margin: auto;
    left: 50%;
    top: 32%;
    background: #151516;
    border-radius: 60%;
    padding: 3px;
    margin-left: -35px;
}

.form-control.group-wrap {
    background: no-repeat;
    border: none;
    padding: 0;
    position:relative;
}

a.copy-btn {
    position: absolute;
    font-size: 24px;
    top: 10px;
    right: 15px;
}

a.copy-btn i {
    color: #e4d16d;
}

.business-profile-box .fa { font-size:20px; }

#package-wrap .fa {
    font-size: 32px;
}
.package-list{
    background:#000;
    border-radius:10px;
    padding:10px;
}
.package-list h4,
#package-wrap p{color:#98A8D7;}
.package-list p { margin-bottom:0; color:#98A8D7;}

.mr-1{margin-right:10px !important;}

[data-theme-version="dark"] .light.badge-success { background:none; border:none; font-size:15px;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #98A8D7 !important;
    background: #182037 !important;
}


.dashboard_bar a .header-info {
    background: #0a0a0a;
    padding: 5px 5px;
    border-radius: 10px;
}
.dashboard_bar img { margin-right: 5px;
    height: 40px; }

.dashboard_bar a span.header-live {
        font-family: "Inter", sans-serif;
        display:flex;
        align-items: center;
}
.dashboard_bar a span.header-live .live-rate {
    line-height: 20px;
    position: relative;
    top: 3px;
}
.dashboard_bar a span.header-live .live-rate i {
    font-style: normal;
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.flot-chart {
    height: 160px;
}

  .header-right .header-profile .dropdown-menu {
    padding: 0;
    min-width: 12.5rem; }
    .semi-circle-container {
            position: relative;
            width: 150px;
            height: 75px;
            overflow: hidden; /* Ensures only the top half is visible */
        }

        .semi-circle {
            position: absolute;
            width: 150px;
            height: 150px;
            border-radius: 50%; /* Full circle */
            background-color: #ff5722;
            transform-origin: bottom center; /* Pivot point for rotation */
            transform: rotate(-90deg); /* Start from empty */
            animation: fillSemiCircle 2s ease-in-out forwards; /* Fill animation */
        }

        @keyframes fillSemiCircle {
            0% {
                transform: rotate(-90deg); /* Start at 0% filled */
            }
            100% {
                transform: rotate(90deg); /* End at 100% filled */
            }
        }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 360px;
        margin: 1.75rem auto;
    }
}

/* Responsive */
 @media (max-width:767px) {
     #gauge-btn {
        position: static;
         margin-top: 20px;
    }
    
    .table-responsive {
        overflow-x: auto;
    }
    .dataTables_wrapper .dataTables_paginate {
        display: block;
    }
}
/* ======================= new custom css ======================= */
 .withdraw-history .form-control{
     position: relative;
     display: flex;
     align-items: center;
}
 .withdraw-history .form-control .icon-box{
     width: 30px;
}
 .withdraw-history .form-control .icon-box i{
     font-size: 20px;
}
 .withdraw-history .form-control input{
     width: calc( 100% - 32px);
     border: none;
     background: transparent;
}
 .withdraw-history-form-top .badge-danger{
     border-radius: 15px;
     padding: 10px;
}
 .withdraw-history-form-top .badge-danger p{
     color: #98A8D7;
     margin-bottom: 0;
}
 .withdraw-history-form-top .badge-danger a{
     border: 1px dashed #98A8D7;
     border-radius: 6px;
     padding: 5px 8px;
     background: #24292d;
}
 .logo-wrap a svg{
     max-width: 100%;
}
 .logo-wrap {
     margin-top: 40px;
     margin-bottom: 40px;
}
 .code-hide, .logo-wrap.hide{
     display: none;
}
 .code-hide.show {
     display: block;
}
 .login-bg {
     background: url(../images/login-page.jpg) no-repeat center center;
     background-size: cover;
     position: relative;
    height: 100vh !important;
}
.login-bg:before {
    content: "";
    background: rgba(0, 0, 0, .3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    position: absolute;
}

.login-screen {
    background: url(../images/login.png) no-repeat center center;
    height: 100%;
    background-size: 60%;
    background-color: #101010;
    margin-right: -30px;
}

.register-screen {
    background: none; 
}
.reg-bg {
    background: url(../images/register-bg.jpg);
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size:cover;
}
.authincation.h-100 {
    position: relative;
    z-index: 9999;
}
 .auth-form {
   border: none;
    border-radius: 10px;
    max-width: 640px;
    margin: auto;
    position: relative;
    z-index: 4;
}
.authincation-content {position:relative;}

/*.authincation-content::after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        width: 539px;*/
/*        height: 539px;*/
/*        border-radius: 539px;*/
/*        opacity: .35;*/
/*        background: var(--Primary-colors, #ffba00);*/
/*        filter: blur(200px);*/
/*        top: 12%;*/
/*        right: 6%;*/
/*        z-index: 2;*/
/*}*/
    
 .swal2-popup {
     padding:0 !important;
     display:block !important;
}
 .swal2-popup .swal2-title, 
 .modal-body #ccontent {
    display:block !important;
    color:#e4e4e4;
    text-transform: capitalize;
}
 .form-control-lg {
     min-height: 64px;
}
 #modal-wrap {
     position: relative;
}
 #modal-inr {
     position: relative;
     min-height: 300px;
     overflow: hidden;
     left: 10px;
}
 #modal-inr .model-cont {
     position: absolute;
     left: 0;
     right: 0;
     top: 55%;
     transform: scale(2.2);
}
 div#modal-wrap .card-body {
     padding: 0 20px 0 0;
}
 .modal-userdetails.d-flex {
     position: static;
     text-align: left;
     border-bottom: 1px solid #495055;
     padding-bottom: 10px;
     margin-bottom: 10px;
}
 .item.cursor-pointer {
     padding-right: 20px;
}
 .modal-userdetails .modal-userdetails_label {
     font-size: 12px;
     color: #98A8D7;
}
 .modal-userdetails .modal-userdetails_value {
     font-size: 18px;
     font-weight: 600;
     color: #98A8D7f;
}
 .user-detail-inr {
    border: 1px solid #495055;
     border-radius: 20px;
     background: rgba(36, 41, 46, .4);
     padding: 20px 20px 0 20px;
}
 #user-details {
     text-align: left;
     padding-top: 30px;
     position:relative;
}
 .ref-url {
     margin: 0 0 0 auto;
     padding-right: 20px;
}
 .user-detail-inr p {
     font-size: 13px;
     line-height: 18px;
}
 .bg1{
    position:absolute;
     top:0;
     left:0;
     width: 200px;
     height:200px;
     bottom:0;
     z-index: 1;
     background: rgb(0,196,244);
     background: radial-gradient(circle, rgba(0,196,244,0.15) 0%, rgba(148,187,233,0) 40%);
}
 .bg2{
    position:absolute;
     top:0;
     right:0;
     width: 200px;
     height:200px;
     bottom:0;
     z-index: 0;
     background: rgb(84,247,213);
     background: radial-gradient(circle, rgba(84,247,213,0.8085828081232493) 0%, rgba(47,54,62,0) 54%);
     opacity:.2;
}
 #clock-col {
     margin-top: 20px;
}
 #clock-col .flip-clock-wrapper ul {
    width:40px;
}
 #clock-col .flip-clock-wrapper {
    max-width: 460px;
     margin-left:auto;
     margin-right:auto;
}


/*Charts js*/
.ct-chart {
    height: 280px;
    max-height:100%;
    margin-bottom:20px;
}
.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}
.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* Pop Up */

[data-theme-version="dark"] .modal-content,
[data-theme-version="dark"] .swal2-popup{
    background: #182037;
}
.swal2-popup .swal2-title br { display:none;}
.swal2-popup .swal2-title,
.modal-body #ccontent{
    background: -webkit-linear-gradient(181deg, #af8827 33%, #eddd78 66%, #af8827 100%);
    /* background-color: #af8827; */
    /* background-image: linear-gradient(90deg, #af8827 0%, #eddd78 46%, #af8827 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:26px;
    font-weight:300;
    line-height: 30px;
}

[data-theme-version="dark"] .modal-footer {
    justify-content: center;
}


.position-switch {
   display: flex;
   flex-flow: row nowrap;
   justify-items: center;
   position: absolute;
   left: 0;
   top: 5px;
   tranform: translate3d(-50%, -50%);
  
}

/*.position-switch:focus-within {*/
/*   outline: 2px solid currentColor;*/
/*   outline-offset: 4px;*/
/*}*/

.position-switch input {
   width: 50px;
   height: 30px;
   opacity: 0;
   padding: 0;
   margin: 0;
}

.position-switch label {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding-left: 10px;
   cursor: pointer;
   margin-bottom:0;
   padding-top:0;
}

.position-switch label:before {
   content: "";
   width: 50px;
   position: absolute;
   left: -50px;
   border: 1px solid #1d1d1d;
   height: 30px;
   border-radius: 25px;
   top: 0;
   background:#343434;
}

.position-switch label:after {
   content: "";
   width: 28px;
   height: 28px;
   border-radius: 15px;
   position: absolute;
   left: -48px;
   background-color: white;
   box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.25);
   top: 2px;
}

.position-switch input:checked + label:before {
  background: -webkit-linear-gradient(181deg, #af8827 33%, #eddd78 66%, #af8827 100%);
    border-color: #1d1d1d;
}

.position-switch input:focus + label,
.position-switch input:hover + label {
   color: #98A8D7;
}

.position-switch input:focus + label:before,
.position-switch input:hover + label:before {
   border-color: #1d1d1d;
}

.position-switch input:checked + label:after {
   left: -28px;
   box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.25);
}
.position-wrap {
    position:relative;
    height:36px;
}
.position-switch + .position-switch {
    right: 20%;
    left: auto;
}


 @media(max-width:1000px){
     #clock-col .flip-clock-wrapper,
     #booster-clock-wrap .flip-clock-wrapper{
         max-width: 320px;
    }
     #clock-col .flip-clock-wrapper ul,
     #booster-clock-wrap .flip-clock-wrapper ul{
        width:25px;
    }
     #clock-col .flip-clock-divider,
     #booster-clock-wrap .flip-clock-divider{
        width:10px;
    }
     #clock-col .flip-clock-wrapper ul li a div div.inn,
     #booster-clock-wrap .flip-clock-wrapper ul li a div div.inn{
         font-size:40px;
    }
     #clock-col .flip-clock-dot,
     #booster-clock-wrap .flip-clock-dot{
        width:5px;
         height:5px;
         left:3px;
    }
     #clock-col .flip-clock-divider .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider .flip-clock-label{
        right:-46px;
    }
     #clock-col .flip-clock-divider.minutes .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider.minutes .flip-clock-label{
         right: -55px;
    }
     #clock-col .flip-clock-divider.seconds .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider.seconds .flip-clock-label{
         right: -58px;
    }
     .ref-url {
         padding-right: 0;
    }
     div#modal-wrap .card-body {
         padding:0 10px 10px 10px;
         overflow: hidden;
    }
     #modal-inr .model-cont {
         top: 92%;
         transform: scale(3);
         right: 3px;
    }
    [data-sidebar-style="overlay"] .nav-header .logo-abbr {
	display: block;
	max-width: 100% !important;
}
}

@media(max-width:767px){
 .mobile-hide {display:none !important;}   
}