.headera-top .header_sidebar_btn {
    color: #fff;
    right: 40px;
    border: 1px solid #fff;
    padding: 2px 4px;
    border-radius: 6px;
}

.headera-top .header_sidebar_convas{
    max-width: 320px !important;
    padding: 0px 10px !important;
}

.headera-top .header_sidebar_convas a {
    max-width: 160px;
    margin: 14px 0px;
    padding: 7px 16px 7px 36px;
}

.headera-top .header_sidebar_convas a:hover {
    background-position: right;
    background-size: 0px 100%;
    transition: 1s;
    border: 1px solid #fff;
    color: #fff;
}



.headera-top{
    position:unset;
    padding: 10px 0px 0px;
}

.headera-top .logo img {
    max-width: 160px;
}


.headera-top .heada-rht{
  padding: 0px;
  margin: 0px;  
}

.headera-top .heada-rht ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex; 
}

.headera-top .heada-rht ul li{
    display: inline-block;
    width: 49%;
    padding: 0px 0px;
    margin: 0px;
}

.headera-top .heada-rht ul li .usr-det{
    padding: 0px 0px;
}

.headera-top .heada-rht ul li .usr-det img{
    width: 40px;
    float: left;
    padding: 0px 6px 0px 0px;
}

.headera-top .heada-rht ul li .usr-det h1{
    font-family: 'Sofia Sans Semi Condensed';
    color: #ffffffe0;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.headera-top .heada-rht ul li .usr-det h2{
    font-family: 'Sofia Sans Semi Condensed';
    color: #09e9b9;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.headera-top .heada-rht ul li .top1{
   padding: 8px 0px 0px;
}

.headera-top .heada-rht ul li .top1 a{
    font-family: 'Sofia Sans Semi Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 18px 10px 10px;
    margin: 0px;
    color: #fff;
    background: #013030;
    border-radius: 8px;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 44px 100%;
    transition: 1.5s;
}

.headera-top .heada-rht ul li .top1 a:hover{
    background-size: 200% 100%;
    transition: 1.5s;
    color: #013030;
}

.headera-top .heada-rht ul li .top1 a img{
    width: 22px;
    padding: 0px 0px 2px;
}

.headera-top .heada-rht ul li .top1 a:hover img{
    filter: brightness(0) invert(1);
}

.headera-top .heada-lft{
 
}

.headera-top .heada-lft ul{
    justify-content: center;
}

.headera-top .heada-lft ul li{
   width: 40%;
}

.headera-top .heada-nav{
    padding: 10px 0px;
    margin: 30px 0px 0px;
    background: linear-gradient(352deg, #001f2c, #006858);
}

.headera-top .heada-nav ul{
   list-style:none;        
   padding: 0px 0px; 
   margin: 0px;
   text-align: center;
}

.headera-top .heada-nav ul li{
    display: inline-block;
    padding: 0px 32px;
}
    
.headera-top .heada-nav ul li .nav1{
    padding:0px 0px;
}

.headera-top .heada-nav ul li .nav1 a{
    padding: 0px 0px 0px;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    color: #fff;
    transition:0.7s;
}

.headera-top .heada-nav ul li .nav1 a:hover{
    color: #ffd800;
    transition:0.7s;
}

.headera-top .heada-nav ul li .nav1 a:hover img{
    filter: brightness(0) invert(1);
}


.headera-top .heada-nav ul li .nav1 a img{
    padding: 0px 0px;
    width: 33px;
    display: block;
}

.headera-top .find-replce{
    padding: 20px 0px 0px;
    text-align: center;
}

.headera-top .find-replce h1{
    padding: 0px 0px;
    margin: 0px 0px;
    font-size: 40px;
    font-weight: 500;
    color: #08e1b2;
    text-transform: uppercase;
}

.headera-top .find-replce h1 span{
    padding: 0px 4px;
    color: #fff;
    font-size: 34px;
    filter: drop-shadow(0px 3px 2px black);
}

/*********************acc-main*************************/

.acc-main-bg{
    padding: 50px 0px 0px 0px;
}

.acc-main-bg .usr-acc-bal{
    padding: 0px 0px 0px 0px;
}

.acc-main-bg .usr-acc-bal .acc-bal{
    background: url(../images/acc-det1.png) no-repeat top center;
    background-size: 100% 100%;
    padding: 30px 30px 40px;
    margin: 0px 0px;
    width: 88%;
    margin: 20px auto;
}

.acc-main-bg .usr-acc-bal .bal2{
    background: url(../images/acc-det2.png) no-repeat top center;
    background-size: 100% 100%;
}

.acc-main-bg .usr-acc-bal .acc-bal h1{
    padding: 10px 0px 16px 0px;
    font-family: 'Sofia Sans Semi Condensed';
    color: #09e9b9;
    font-size: 28px;
    font-weight: 700;
    margin: 0px;
    text-align: center;
}

.acc-main-bg .usr-acc-bal .acc-bal p{
    font-family: 'Sofia Sans Semi Condensed';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    text-align: center;
}

.acc-main-bg .usr-acc-bal .acc-bal p span{
    padding: 0px 0px 0px 6px;
    color: #09e9b9;
    font-weight: 700;
}

.acc-main-bg .usr-acc-bal .acc-bal .but{
    padding: 20px 0px 0px 0px;
    text-align:center;
}

.acc-main-bg .usr-acc-bal .acc-bal .but a{
    border: 1px solid #08e1b2;
    padding: 0px 15px 0px 0px;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 13px;
    color: #08e2b3;
    font-weight: 400;
    margin: 0px 0px 0px;
    background: #013030;
    border-radius: 6px;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 38px 100%;
    transition: 1s;
}

.acc-main-bg .usr-acc-bal .acc-bal .but a i{
    color: #013030;
    padding: 8px 0px 8px 4px;
    font-size: 16px;
    background: #08e1b2;
    border-radius: 6px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    width: 30px;
    height: 32px;
    text-align: center;
}

.acc-main-bg .usr-acc-bal .acc-bal .but a:hover {
    background-position: right;
    background-size: 0px 100%;
    color: #fff;
    border: 1px solid #fff;
    transition: 1s;
}

.acc-main-bg .usr-acc-bal .acc-bal .but a:hover i {
    background: #fff;
}

.acc-main-bg .usr-acc-bal .acc-bal1{
    padding: 100px 0px 0px 0px;
    background: none;
    margin: 0px 0px;
    width: unset;
}

.acc-main-bg .usr-acc-bal .acc-bal1 ul{
    list-style: none;
    margin: 0px 0px;
    padding: 0px 0px;
}

.acc-main-bg .usr-acc-bal .acc-bal1 ul li {
    display: block;
    padding: 0px 0px 20px;
}

/*.acc-main-bg .usr-acc-bal .acc-bal1 ul li{
    
}*/


.acc-main-bg .usr-acc-bal .acc-bal1 ul li img {
    width: 50px;
    float: left;
    padding: 0px 8px 0px 0px;
}

.acc-main-bg .usr-acc-bal .acc-bal1 ul li h1 {
    font-family: 'Sofia Sans Semi Condensed';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 0px 0px;
    text-align: left;
}

.acc-main-bg .usr-acc-bal .acc-bal1 ul li h2 {
    font-family: 'Sofia Sans Semi Condensed';
    color: #ffd800;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px;
}

.acc-main-bg .details-box {
    padding: 20px 20px;
    text-align: center;
    border: 1px solid #06d2a673;
    border-radius: 6px;
    margin: 30px 0px 0px 0px;
    background: linear-gradient(45deg, #001f2cd1, #006858c9);
}

.acc-main-bg .details-box h1{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 16px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.acc-main-bg .details-box h1 span{
    color: #08e1b2;
}

.acc-main-bg .details-box p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #102645;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:left;
}

.acc-main-bg .details-box p span{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #29a8db;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: right;
}

.acc-main-bg .refvalue{
    padding: 10px 0px 0px 0px;
}

.acc-main-bg .refvalue input{
    width: 70%;
    outline: none;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 16px;
    font-weight: 500;
    background-color: #07dcae1f;
    border: 1px solid #08e1b2b5;
    border-radius: 0px 40px 0px 0px;
    padding: 8px 20px;
    color: #ffd800;
    margin: 0px 0px 0px 0px;
    height: 44px;
}

.acc-main-bg .refvalue input:hover , .acc-main .refvalue input:focus{
    border: 1px solid #08e1b2 !important;
    box-shadow: 0px 0px 6px #2affd2 !important;
    background: #013030 !important;
}

.acc-main-bg .copy-but{
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.acc-main-bg .copy-but .sbmt{
    width: unset;
    font-family: 'Sofia Sans Semi Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 14px 6px 14px;
    margin: 10px 0px 0px;
    color: #fff;
    background: #013030;
    border-radius: 10px;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 46px 100%;
    transition: 1.5s;
}

.acc-main-bg .copy-but .sbmt:hover{
    background-size: 200% 100%;
    color: #fff;
    border: 1px solid #fff;
    transition: 1s;
}

.acc-main-bg .copy-but .sbmt:hover i{
    
}

.acc-main-bg .copy-but i{
    font-size: 18px;
    padding: 0px 22px 0px 0px;
    color: #013131;
}

.acc-main-bg .usr-info {
    padding: 0px 0px 20px;
}

.acc-main-bg .usr-info ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}

.acc-main-bg .usr-info ul li {
    display: inline-block;
    padding: 0px 0px;
    margin: 0px;
    width: 33%;
}

.acc-main-bg .usr-info ul li .usr-det {
    padding: 0px 0px;
}

.acc-main-bg .usr-info ul li .usr-det img {
    width: 40px;
    float: left;
    padding: 0px 6px 0px 0px;
}

.acc-main-bg .usr-info ul li .usr-det  h1 {
    font-family: 'Sofia Sans Semi Condensed';
    color: #ffffffe0;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.acc-main-bg .usr-info ul li .usr-det  h2 {
    font-family: 'Sofia Sans Semi Condensed';
    color: #09e9b9;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}


/*************************deposit***************************/

.deposit-bg{
    padding: 30px 0px 0px 0px;
}

.deposit-bg .inplan-bg{
    padding: 0px 0px 0px 0px;
    background: transparent !important;
}

.deposit-bg .inplan-bg .plan{
    padding: 0px 0px 0px 0px;
}

.deposit-bg .inplan-bg .plan ul {
    padding: 0px 0px 0px 0px;
}

.deposit-bg .inplan-bg .plan ul li {
    padding: 10px 14px;
}

.deposit-bg .inplan-bg .plan ul li .pln-box .but{
    padding: 20px 0px 0px 0px;
}

.deposit-bg .nav{
    border: none;
    display: block;
    padding: 30px 0px 20px 0px; 
    text-align: center;
}
.deposit-bg .nav .nav-item{
    width: 28%;
    float: none;
    display: inline-block;
    text-align: center;
    padding: 0px 20px;
}

.deposit-bg .nav .nav-item .nav-link{
    border: none;
    font-family: 'Sofia Sans Semi Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    color: #fff;
    background: #013030;
    border-radius: 8px;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 0px 100%;
    transition: 1.5s;
}
.deposit-bg .nav .nav-item .nav-link.active{
    color: #ffffff;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 44px 100%;
    transition: 1.5s;
    filter: drop-shadow(1px 0px 2px #3ceaf8);
}

.deposit-bg .tab-content{
    margin: 0px;
    padding: 0px;
    text-align: center;
}


.deposit-bg .depo_pro{
    display: inline-block;
    min-width: 90px;
    margin: 20px 10px;
    vertical-align: middle;
}

.deposit-bg .depo_pro .radio_btn{
    
}

.deposit-bg .depo_pro .radio_btn input {
    width: 0;
    height: 0;
}

.deposit-bg .depo_pro .radio_btn .checkmark1{
    margin: 10px 0px;
    width: 100px;
    min-height: 84px;
    filter: drop-shadow(2px 2px 6px black);
    position: relative;
    left: 0px;
    cursor: pointer;
    background: #07dcae40;
    padding: 8px 34px 8px 0px;
    border-radius: 30px 36px 0px 30px;
    border: 1px solid #ffffff38;
}

.deposit-bg .depo_pro img{
    width: 42px;
    transform: translateX(-6px);
    transition: 1s;
}    
    
.deposit-bg .depo_pro h2{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 4px;
    display: inline-block;
}

.deposit-bg .depo_pro .radio_btn input:checked ~ .checkmark1{
    width: 100px;
    min-height: 84px;
    filter: drop-shadow(2px 2px 3px #08e1b2);
    border: 1px solid #08e1b2;
    background: #08e1b2;
}

.deposit-bg .depo_pro .radio_btn input:checked ~ .checkmark1::after{
    position: absolute !important;
    content: '';
    display: block;
    border: 10px solid #27f3c7;
    left: -14px;
    top: -10px;
    border-radius: 50%;
    animation: pulse 3s linear infinite;
    width: 57px;
    height: 57px;
    box-shadow: 1px 2px 10px #000;
}

.deposit-bg .depo_pro .radio_btn input:checked ~ .checkmark1::before{
    position: absolute;
    content: '\2713';
    color: #013030;
    top: 0px;
    left: 4px;
    z-index: 1;
    font-weight: 900;
    font-size: 26px;
    transform: rotate(16deg);
}


.deposit-bg .depo_pro .radio_btn input:checked ~ .checkmark1 h2{
    color: #000202;
}


.deposit-bg .depo_bal{
    display: inline-block;
    min-width: 90px;
    margin: 20px 10px;
    vertical-align: middle;
}

.deposit-bg .depo_bal .radio_btn{
}

.deposit-bg .depo_bal .radio_btn input {
    height: 0;
    width: 0;
}

.deposit-bg .depo_bal .radio_btn .checkmark1{
    margin: 10px 0px;
    width: 100px;
    min-height: 84px;
    filter: drop-shadow(2px 2px 6px black);
    position: relative;
    left: 0px;
    cursor: pointer;
    background: #07dcae40;
    padding: 8px 34px 8px 0px;
    border-radius: 30px 36px 0px 30px;
    border: 1px solid #ffffff38;
}

.deposit-bg .depo_bal img{
    width: 42px;
    transform: translateX(-6px);
    transition: 1s;
}

.deposit-bg .depo_bal h2{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 4px;
    display: inline-block;
}

.deposit-bg .depo_bal .radio_btn input:checked ~ .checkmark1{
    width: 100px;
    min-height: 84px;
    filter: drop-shadow(2px 2px 3px #08e1b2);
    border: 1px solid #08e1b2;
    background: #08e1b2;
}

.deposit-bg .depo_bal .radio_btn input:checked ~ .checkmark1::after{
    position: absolute !important;
    content: '';
    display: block;
    border: 10px solid #27f3c7;
    left: -14px;
    top: -10px;
    border-radius: 50%;
    animation: pulse 3s linear infinite;
    width: 57px;
    height: 57px;
    box-shadow: 1px 2px 10px #000;
}

.deposit-bg .depo_bal .radio_btn input:checked ~ .checkmark1::before{
    position: absolute;
    content: '\2713';
    color: #013030;
    top: 0px;
    left: 4px;
    z-index: 1;
    font-weight: 900;
    font-size: 26px;
    transform: rotate(16deg);
}

.deposit-bg .depo_bal .radio_btn input:checked ~ .checkmark1 h2{
    color: #000202;
}


.deposit-bg .amt-spnt{
    padding: 20px 20px;
    text-align: center;
    border: 1px solid #06d2a673;
    border-radius: 8px;
    background: linear-gradient(45deg, #001f2cd1, #006858c9);
    width: 70%;
    margin: 20px auto;
}

.deposit-bg .amt-spnt h2{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 20px;
    padding: 0px 0px 6px;
    margin: 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.deposit-bg .amt-spnt h2 span{
   color: #1ff3c5; 
}

.deposit-bg .amt-spnt .inpts{
    background: #3ceaf824;
    width: 50%;
    outline: none;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 16px;
    font-weight: 500;
    background-color: #07dcae1f;
    border: 1px solid #08e1b2b5;
    border-radius: 0px 40px 0px 0px;
    padding: 8px 20px;
    color: #ffd800;
    margin: 0px 0px 0px 0px;
    height: 42px;
}

.deposit-bg .amt-spnt .inpts:hover , .deposit .amt-spnt .inpts:hover{
    border: 1px solid #08e1b2 ;
    box-shadow: 0px 0px 6px #2affd2 ;
    background: #013030 ;
}


/******************withdraw-bg***********************/
 
.withdraw-bg{
    padding: 50px 0px 0px;
    margin: 0px 0px;
} 

.withdraw-bg .wthdrw-info{
    padding: 0px 0px 30px 0px;
}

.withdraw-bg .wthdrw-info ul{
    list-style: none;
    padding: 0px 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
}

.withdraw-bg .wthdrw-info ul li{
    display: inline-block;
    padding: 0px 0px;
    width: 35%;
}

.withdraw-bg .wthdrw-info ul li .acc{
    background: linear-gradient(45deg, #001f2cc7, #006858bd);
    background-size: cover;
    border-radius: 10px;
    width: 80%;
    margin: auto;
    padding: 30px 30px;
    border: 1px solid #06d2a673;
}

.withdraw-bg .wthdrw-info ul li .acc img{
    float: left;
    padding: 0px 12px 0px 0px;
    width: 68px;
}

.withdraw-bg .wthdrw-info ul li .acc h1{
    font-family: 'Sofia Sans Semi Condensed';
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
    padding: 0px 0px;
}

.withdraw-bg .wthdrw-info ul li .acc h2{
    font-family: 'Sofia Sans Semi Condensed';
    color: #ffd800;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 2px 0px 0px;
}

.withdraw-bg .wth-con{
    padding: 0px 0px 0px 0px;
    text-align:center;
}

.withdraw-bg .wth-con h1{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 26px;
    padding: 20px 0px 6px;
    margin: 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.withdraw-bg .wth-con h1 span{
   color: #08e1b2; 
}

.withdraw-bg .wth-con .wth_pro{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #08e1b287;
    padding: 10px 5px;
    width: 200px;
    margin: 10px;
    border-radius: 0px 40px 0px 0px;
    text-align: center;
    background: linear-gradient(45deg, #001f2c, #006858);
}

.withdraw-bg .wth-con .wth_pro .radio_btn {
}

.withdraw-bg .wth-con .wth_pro .radio_btn input {
    height: 0;
    width: 0;
}

.withdraw-bg .wth-con .wth_pro .radio_btn .checkmark {
    margin: 10px 0px;
    width: 100px;
    min-height: 84px;
    filter: drop-shadow(2px 2px 6px black);
    position: relative;
    left: 0px;
    cursor: pointer;
    background: #07dcae40;
    padding: 8px 34px 8px 0px;
    border-radius: 30px 36px 0px 30px;
    border: 1px solid #ffffff38;
}

.withdraw-bg .wth-con .wth_pro .radio_btn input:checked ~ .checkmark {
    width: 100px;
    min-height: 84px;
    border: 1px solid #08e1b2;
    color: #013030;
    background: #08e1b2;
}

.withdraw-bg .wth-con .wth_pro .radio_btn input:checked ~ .checkmark::after{
    position: absolute !important;
    content: '';
    display: block;
    border: 10px solid #27f3c7;
    left: -14px;
    top: -10px;
    border-radius: 50%;
    animation: pulse 3s linear infinite;
    width: 57px;
    height: 57px;
    box-shadow: 1px 2px 10px #000;
}

.withdraw-bg .wth-con .wth_pro .radio_btn input:checked ~ .checkmark::before{
    position: absolute;
    content: '\2713';
    color: #013030;
    top: 0px;
    left: 4px;
    z-index: 1;
    font-weight: 900;
    font-size: 26px;
    transform: rotate(16deg);
}

.withdraw-bg .wth-con .wth_pro .radio_btn input:checked ~ .checkmark h3{
    color: #000;
}

.withdraw-bg .wth-con .wth_pro .radio_btn .checkmark img{
    width: 42px;
    transform: translateX(-6px);
    transition: 1s;
}

.withdraw-bg .wth-con .wth_pro .radio_btn .checkmark h3{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 4px;
    display: inline-block;
}


.withdraw-bg .wth-con .wth_pro h6{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.withdraw-bg .amt-spnt{
    padding: 20px 20px;
    text-align: center;
    border: 1px solid #06d2a673;
    border-radius: 8px;
    background: linear-gradient(45deg, #001f2cd1, #006858c9);
    width: 70%;
    margin: 20px auto;
}

.withdraw-bg .amt-spnt h2{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 20px;
    padding: 0px 0px 6px;
    margin: 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.withdraw-bg  .amt-spnt .inpts{
    background: #3ceaf824;
    width: 50%;
    outline: none;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 16px;
    font-weight: 500;
    background-color: #07dcae1f;
    border: 1px solid #08e1b2b5;
    border-radius: 0px 40px 0px 0px;
    padding: 8px 20px;
    color: #ffd800;
    margin: 0px 0px 0px 0px;
}

.withdraw-bg  .amt-spnt textarea{
    height:unset;
}

.withdraw-bg  .amt-spnt .inpts:hover ,.withdraw-bg  .amt-spnt .inpts:focus{
    border: 1px solid #08e1b2;
    box-shadow: 0px 0px 6px #2affd2;
    background: #013030;
}


/*********************earnings************************/

.earnings{
    padding: 40px 0px 0px 0px;
}

.earn .all-trns{
    padding: 0px 0px 0px 0px;
}

.earn .all-trns select{
    width: 100%;
    padding: 10px 20px;
    margin: 8px 0px;
    color: #000;
    font-weight: 600;
    font-family: 'Sofia Sans Semi Condensed';
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, #07dcae, #05be98, #018f73);
}


.earn .frm {
    padding: 0px 0px 0px 0px;
    text-align:center;
}

.earn .frm ul {
    list-style:none;
    margin: 0px 0px;
    padding: 0px 0px;
}

.earn .frm ul li{
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    width: 120px;
}

.earn .frm ul li h1{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.earn .frm select{ 
    width: 100%;
    border: 1px solid transparent;
    padding: 10px 10px;
    margin: 8px 0px;
    color: #000;
    font-weight: 600;
    font-family: 'Sofia Sans Semi Condensed';
    border-radius: 10px;
    background: linear-gradient(to right, #07dcae, #05be98, #018f73);
}

.earn .all-trns select option{
    color:#000;
}

.earn .frm select option{
    color:#000;
} 

.earnings .in-but{
    padding: 0px 0px 0px 0px;
    text-align:center;
}

/*************************ref-link************************/

.reff{
    padding: 20px 20px;
}

.reff ul{
    list-style:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.reff ul li{
    padding: 20px 0px 20px 0px;
}

.reff ul li .reff1{
    padding: 20px 20px;
    text-align: center;
    box-shadow: 0px 0px 12px #0000007a;
    background: linear-gradient(45deg, #001f2cba, #006858b8);
    border-radius: 14px;
    border: 1px solid #06d2a678;
}

.reff ul li .reff1 img{
    padding: 10px 0px 20px 0px;
}

.reff ul li .reff1 h1{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}

.reff ul li .reff1 ul{
    list-style:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.reff ul li .reff1 ul li{
    display: inline-block;
    padding: 0px 20px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

.reff ul li .reff1 textarea{
    width: 500px;
    height: 110px;
    padding: 8px 10px;
    transition: .3s;
    outline: none;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 15px;
    font-weight: 500;
    color: #ffffffd9;
    border: 1px solid #06d2a659;
    border-radius: 6px;
    margin: 0px 0px 0px 0px;
    background: linear-gradient(45deg, #001f2ca6, #006858c9);
}

.reff ul li .reff1 textarea:hover , .reff ul li .reff1 textarea:focus{
        border: 1px solid #08e1b2;
    box-shadow: 0px 0px 6px #2affd2;
    background: #013030;
}


.reff ul li .reff1 ul li .in-but{
    padding: 0px 0px;
}

.reff ul li .reff1 ul li .in-but .sbmt {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px 8px 50px;
    background-size: 38px 100%;
}

.reff ul li .reff1 ul li .in-but .sbmt:hover{
    background-size: 200% 100%;
} 

/***************************edit-acc**************************/

.edit-acc {
    padding: 50px 0px;
}

.edit-acc .form-box{
    width: 80%;
    padding: 30px 30px 30px;
    text-align: center;
    background: linear-gradient(45deg, #001f2c, #006858);
    background-size: cover;
    border-radius: 40px;
    margin: auto;
    border: 1px solid #08e1b28c;
}

.edit-acc .input-group {
    width: 70% !important;
    margin: 10px auto 10px;
    height: 46px;
}



/**************************top-10*************************/

.top10-bg{
    padding: 30px 0px 30px 0px;
}

.top10-bg h3{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 30px;
    font-weight: 600;
    padding: 0px 0px 30px 0px;
    margin: 0px;
    color: #fff;
    text-align: center;
}

.top10-bg h3 span{
    color: #08e1b2;
}

/***********************dep-cnfrm*************************/

.dep-cnfrm{
    padding: 0px 0px 0px 0px;
    text-align:center;
}

.dep-cnfrm h3{
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
    padding: 40px 0px 0px;
    color: #ffd700;
    filter: drop-shadow(2px 2px 4px black);
}



/***********************table*****************************/

.tab{
    padding: 20px 0px 0px 0px;
}

.tab table{
    border-collapse: collapse;
    overflow: hidden;
    width: 100%;
    padding: 5px;
}

.tab table th {
    padding: 8px 30px;
    font-weight: 500;
    text-align: left;
    font-family: 'Sofia Sans Semi Condensed';
    font-size: 17px;
    color: #000;
    border: 1px solid #8effe6ed;
    background: #07dbad;
}

.tab table tr {

}


.tab table tbody tr td {
    font-size: 15px;
    white-space: nowrap;
    border-radius: inherit;
    padding: 5px 30px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    border: 1px solid #08e1b2;
    font-family: 'Sofia Sans Semi Condensed';
}

.tab table tbody tr td a{
    font-family: 'Sofia Sans Semi Condensed';
    color: #ffd800;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    padding: 0px 0px;
}

.tab table tbody tr td a:hover{
    color:#fff; 
}

.tab2 table{
    border-collapse: collapse;
    overflow: hidden;
    width: 50%;
    padding: 5px;
    margin: 10px auto;
}




.page-item.active .page-link {
    color: #000 !important;
    background-color: #07dbad !important;
    border-color: #07dbad !important;
    font-weight: 800 !important;
}

.page-link {
    color: #fff !important;
    background-color: #013030 !important;
    border: 1px solid #08e1b2 !important;
}





@media only screen and (max-width: 1199px){
    
    .headera-top .heada-nav ul li {
    padding: 0px 24px;
    }
    .headera-top .heada-nav ul li .nav1 a img {
    width: 26px;
    }
    .headera-top .heada-lft ul li {
    width: 36%;
    }
    .headera-top .header_sidebar_btn {
    right: 20px;
    }
    
    .headera-top .heada-rht ul li .usr-det h2 {
    font-size: 13px;
    }
    
    .acc-main-bg .usr-acc-bal .acc-bal1 ul li img {
    width: 42px;
    }
    .acc-main-bg .usr-acc-bal .acc-bal1 ul li h1 {
    font-size: 12px;
    }
    
    .withdraw-bg .wthdrw-info ul li {
    width: 49%;
    }
    
    .withdraw-bg .amt-spnt {
    width: 93%;
    }
    
    .edit-acc .form-box {
    width: 100%;
    }
    
    
}


@media only screen and (max-width: 991px){
   
   .headera-top .heada-nav {
    display: none;
    }
    
    .headera-top .heada-rht ul li .top1 a span{
        display:none;
    }
    .headera-top .heada-rht ul li .top1 a {
    padding: 10px 0px 10px 0px;
    background-size: 42px 100%;
    }
    .headera-top .heada-rht ul li .top1 a img {
    width: 28px;
    margin: 0px 0px 0px 8px !important;
   }
   .headera-top .heada-rht {
    text-align: center;
   }
   .headera-top .heada-rht ul {
    display: unset;
    }
    .headera-top .heada-rht ul li .usr-det {
    display: none;
    } 
    
    .headera-top .heada-lft ul li {
    width: unset;
    }
    .headera-top .header_sidebar_btn {
    top: 24px;
    }

    .headera-top .heada-rht ul li .top1 {
    position: absolute;
    top: 20px;
    right: 70px;
    }
    
    .headera-top .find-replce {
    padding: 30px 0px 10px;
    }
    
    
    .acc-main-bg .usr-acc-bal .acc-bal {
    width: 56%;
    }
    .acc-main-bg .usr-acc-bal .acc-bal1 {
    padding: 30px 0px 30px 0px;
    width: unset !important;
   }
   .acc-main-bg .usr-acc-bal .acc-bal1 ul li h1 {
    font-size: 14px;
    }
    .acc-main-bg .usr-acc-bal .acc-bal1 ul {
    width: 50%;
    margin: auto;
   }
   .acc-main-bg .usr-acc-bal .acc-bal1 ul li {
    width: 49%;
    margin: auto;
    display: inline-block;
    padding: 0px 0px 0px;
    }
    
    .deposit-bg .nav .nav-item {
    width: 40%;
    }
    .deposit-bg .amt-spnt .inpts {
    width: 70%;
    }
    .deposit-bg .depo_pro {
    margin: 10px 10px;
    }
    .deposit-bg .depo_bal {
    margin: 10px 10px;
    }
    .deposit-bg {
    padding: 0px 0px 0px 0px;
    }
    
    .withdraw-bg .wthdrw-info ul li .acc h1 {
    font-size: 14px;
    }
    .withdraw-bg .wthdrw-info {
    padding: 0px 0px 0px 0px;
    }
    
    .edit-acc .form-box {
    padding: 20px;
    }
    .edit-acc .input-group {
    width: 100% !important;
    }
    
    
    
    
    
    

   
}



@media only screen and (max-width: 767px){
    
    .headera-top .heada-lft ul li {
    width: unset;
    }
    .headera-top .heada-rht {
    text-align: center;
    }
    
    .headera-top .find-replce h1 {
    font-size: 30px;
    }
    .headera-top .find-replce h1 span {
    font-size: 25px;
    }
    
    .acc-main-bg .usr-info {
    text-align: center;
    }
    .acc-main-bg .usr-info ul {
    display: unset;
    }
    .acc-main-bg .usr-info ul li {
    padding: 10px 10px;
    width: 32%;
    vertical-align:top;
    }
    
    .acc-main-bg .usr-info ul li .usr-det img {
    float: unset;
    padding: 0px 0px 6px 0px;
    }
    
    .acc-main-bg .usr-acc-bal .acc-bal1 ul {
    width: 32%;
    }
    .acc-main-bg .usr-acc-bal .acc-bal1 ul li {
    width: 100%;
    padding: 0px 0px 20px;
    }
    
    .acc-main-bg .details-box {
    margin: 0px 0px 0px 0px;
    }
    
    .deposit-bg .inplan-bg .plan ul li {
    padding: 10px 8px;
    }
    .deposit-bg .nav .nav-item {
    width: 49%;
    padding: 0px 10px;
    }
    
    .deposit-bg .amt-spnt {
    width: 100%;
    }
    .deposit-bg .amt-spnt .sbmt{
        margin: 20px 0px 0px;
    }
    
    .withdraw-bg .wthdrw-info ul {
    display: unset;
    }
    .withdraw-bg .wthdrw-info ul li {
    width: 100%;
    padding: 0px 0px 20px;
    }
    .withdraw-bg .wthdrw-info ul li .acc {
    width: 254px;
    margin: auto;
    padding: 20px;
    }
    .withdraw-bg .amt-spnt {
    width: 100%;
    padding: 20px;
    }
    .withdraw-bg .amt-spnt .inpts {
    width: 100%;
    }
    
    .reff ul li .reff1 textarea {
    width: 400px;
    }
    
    
     
    
}


@media only screen and (max-width: 575px){
   .headera-top .col-xs-6 {
    width: 49% !important;
   }
   
   .acc-main-bg .usr-acc-bal .acc-bal {
    width: 100%;
   }
   
   .acc-main-bg .refvalue input {
    width: 100%;
   }
   
   .acc-main-bg .usr-acc-bal .acc-bal1 ul {
    width: 50%;
   }
   .acc-main-bg .details-box {
    padding: 12px;
   }
   
   .deposit-bg .nav .nav-item {
    width: 100%;
    padding: 10px 10px;
    }
    
    .deposit-bg .amt-spnt .inpts {
    width: 100%;
    }
    .deposit-bg .depo_pro {
    margin: 10px 4px;
    }
    .deposit-bg .depo_bal {
    margin: 10px 3px;
    }
    
    .withdraw-bg .wth-con .wth_pro {
    width: 180px;
    margin: 5px 3px;
    }
    
    .reff ul li .reff1 {
    padding: 10px;
    }
    .reff ul li .reff1 textarea {
    width: 300px;
    }
   
    
}

@media only screen and (max-width: 460px){
    
   .acc-main-bg .usr-info ul li {
    padding: 10px 4px;
    }
    
    .reff ul li .reff1 textarea {
    width: 250px;
    height: 160px;
    }
    

}