@import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap');


.home-body, .blue-body {
    background-color: #fff;
    /*background: url('../img/bg_bg.jpg');*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
}

.gray-body{

    background: #eef1f7;

}

.gray-body #topHeader .header-title h2{

    color: #fff;

    font-size: 22px;

    font-weight: normal;

}

/* topHeader starts */

#profileHeader{

    background-color: #fff;

}

#profileHeader .back-home{

    color: #999;

}

#topHeader {
    background-color: #364759;
    z-index: 999999999999999;
    margin: 15px 13px;
    border-radius: 50px;
}

#topHeader .header-title h2 img {
    width: 180px;
}

#topHeader header{

    position: relative;

}

#topHeader .header-title h2{

    color: #fff;

    font-size: 48px;

    font-weight: bold;

}

#topHeader .header-right{

    position: absolute;

    right: 0;

    height: 100%;

    align-items: center;

    top: 0;

    margin-right: 10px;

    color: #fff;

}

/* topHeader ends */

/* banner starts */

#banner{

    padding-top: 91px;

}

#banner .carousel-inner {
    border-radius: 20px;
    box-shadow: 0 0 8px 0px #6f6f6f;
}

#banner img{

    height: 150px;

}

#banner .notice{

    color: #fff;

    margin-top: 15px;

}

#banner .notice .notice-row{

    display: flex;

    align-items: center;

}

#banner .notice .notice-icon{

    width: 10%;

}

#banner .notice .notice-text{

    width: 90%;

}

#banner .notice .notice-text p {
    margin-bottom: 0px;
    font-size: 18px;
    color: #000;
}

#banner .notice .notice-icon i {
    color: #222;
}

/* banner ends */

/* routeTabs starts */

#routeTabs{

    margin-top: 20px;

}

#routeTabs .deposit{

    /*background: url(../img/button_bg.png?var=1.5)!important;  */
    background: #498056  !important;
    border-radius: 50px!important;
    background-size: 100% 100% !important; 

} 

#routeTabs .withdraw{

    /*background: url(../img/button_bg.png?var=1.5)!important;*/
    background: #498056  !important;
    border-radius: 50px!important;
    background-size: 100% 100% !important; 

}

#routeTabs .depowith{

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 40px 20px;

    border-radius: 20px;

    color: #000;

    text-decoration: none;

    font-size: 18px;

    font-weight: bold;

}

#routeTabs .company-links{

    margin-top: 30px;

    margin-bottom: 30px;

}

#routeTabs .company-links li a{

    text-align: center;

    color: #000;

    font-size: 14px;

}

#routeTabs .company-links li a img{

    max-width: 80px;

}

/* routeTabs ends */

/* business hall */

#businessHall{

    margin-bottom: 50px;

}

.container.businessHall_flex {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.businessHall_flex {
    flex: 0 0 48%;
}

#businessHall a{

    text-decoration: none;

}

#businessHall h4 {
    color: #003f5e;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 20px;
}

#businessHall img {
    max-width: 100%;
    border-radius: 15px;
    margin-bottom: 8px;
}

#businessHall .row {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 15px;
    align-items: center;
    margin-bottom: 5px;
    padding: 9px;
}

#businessHall .available-hall {
    background: hsl(210.86deg 24.48% 28.04%);
}

#businessHall .unavailable-hall {
    background: #364759;
    box-shadow: 0 0 8px #c0c0c0;
}

#businessHall .row .col-lg-3{

    padding: 0px;

}

#businessHall h5{

    color: #fff;

}

#businessHall p{

    color: #fff;

    margin-bottom: 0px;

    font-size: 13px;

}

#businessHall .lock{

    text-align: center;

}

#businessHall .lock i{

    font-size: 25px;

    color: #757575;

}

/* business ends */

/* useCommission starts */

#useCommission{

    margin-bottom: 130px;

}

#useCommission h4 {
    color: #003f5e;
    margin-bottom: 30px;
    margin-top: 30px;
}

#useCommission img{

    max-width: 80%;

}

#useCommission .commision-wrapper {
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 15px;
    box-shadow: 0 0 8px #a2a2a2;
}

#useCommission .row {
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    padding-top: 5px;
}

#useCommission .row:last-of-type{

    border-bottom: none;

}

#useCommission .row h5 {
    color: #498056;
}

/* useCommission ends */

/* bottomHeader starts */

#bottomHeader {
    background: #498056;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 20px #292929;
}

.fixed-bottom {
    bottom: 0px;
}

#accountInfo .white-wrapper {
    padding-top: 15px;
    padding-bottom: 30px;
}

#bottomHeader a{

    color: #fff;

    text-align: center;

}

#bottomHeader .grab-link{

    position: relative;

    width: 90px;

}

#bottomHeader a .grab {
    background: #fed813;
    height: 70px;
    width: 70px;
    display: inline-block;
    line-height: 60px;
    margin-bottom: 0px;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 10px;
    border: 5px solid #487d56;
    color: #000;
}

/* bottomHeader ends */

/* grab page starts */

.slot-machine-btn.btn_slot_content {
    position: unset;
    width: 100%;
    background: #dc3545;
    color: #fff;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 560;
    border-radius: 10px;
    margin: 50px 0 0;
}

.loader-container {
     max-width: 210px;
     margin: 0 auto;
}
 .slot-machine {
     max-width: 400px;
     width: fit-content;
     margin: 0 auto;
     position: relative;
}
 .slot-machine > img {
     display: block;
     position: relative;
     right: 0px;
}

.slotwrapper {
    position: absolute;
    overflow: hidden;
    display: flex;
    height: 200px;
    width: 93%;
    bottom: 20px;
    padding: 0 10px;
    margin-left: 4px;
    background: #fff;
}

.slotwrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: left;
    width: 100%;
    height: 200px;
    font-size: 150px;
    line-height: 200px;
    text-align: center;
}
.slotwrapper ul li img {
    vertical-align: middle;
    width: 100%;
    /*padding: 18px;*/
}
.slotwrapper > ul > li {
    background: #fff;
    font-size: 0.5em;
/*   box-shadow: 0px 0px 49px 15px rgba(0,0,0,0.37) inset;
-webkit-box-shadow: 0px 0px 49px 15px rgba(0,0,0,0.37) inset;
-moz-box-shadow: 0px 0px 49px 15px rgba(0,0,0,0.37) inset; */
  
}
.slot-machine-btn {
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translate(0, -50%);
    background: transparent;
    border: none;
    width: 80px;
    margin-top: 22px;
    transition: 0.4s all ease-in-out;
}
.slot-machine-btn.clicked {
    transform: translate(0, -50%) rotateX(190deg);
}
button#btn-example1:hover > img {
    filter: drop-shadow(2px 4px 9px yellow);
}
button#btn-example1 > img {
    transition: 0.4s all ease-in-out;
   user-select: none;
}
:not(button) img {
  pointer-events: none;
}


#grabBanner{

    padding-top: 100px;

}

#grabBanner .grab-spinner{

    background-image: url(../img/gift-bg2.png?var=1.2);

    background-size: 100% 100%;

    background-position: center;

    height: 200px;

}

#grabBanner .grab-spinner .contain {

	overflow: hidden;

	justify-content: space-between;

	height: 100%;

	position: relative;

	justify-content: space-evenly;

}

#grabBanner .animation_item {

	position: relative;

	min-width: 2rem;

	width: 20%;

	text-align: center;

	padding-top: .533333rem;

	height: 44.266667rem;

    text-align: center;

}

#grabBanner .animation_item .img_box div{

    margin-top: 40px;

}

#grabBanner .animation_item .img_box div:first-of-type{

    top: -110px;

    position: absolute;

}

#grabBanner .animation_item .img_box div:last-of-type{

    top: 110px;

    position: absolute;

}

#grabBanner .animation_item .img_box {

	padding: .133333rem 0;

	width: 4.6rem;

	height: 4.92rem;

	margin: 0 auto;

    top: 20px;

    transition: 0.8s;

    /* animation-name: updown; */

    animation-duration: 2s;

    /* animation-iteration-count: 1; */

    animation-delay: 0s;

}

.animate{

    /* animation-name: updown; */

    animation-duration: 2s;

    /* animation-iteration-count: 1; */

    animation-delay: 0s;

}

  

@keyframes updown {

    0%   {top: 20px;}

    /* 25%  {top: -50px;} */

    50%  {top: -1200px;}

    /* 75%  {top: -0px;} */

    100% {top: 20px;}

}



.animation_item img {

	width: 4.6rem;

	height: 4.92rem;

	display: inline-block;

	-o-object-fit: contain;

	object-fit: contain;

}

.animation_item .img_box:first-child, .animation_item .img_box:last-child {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

    

}

#grabBanner .commission-rate span{

    color: #4187f9;

    font-weight: bold;

}

.grab-links a{

    display: block;

    text-decoration: none;

    text-align: center;

    color: #fff;

    padding: 15px 10px;

    font-size: 17px;

    font-weight: bold;

    border-radius: 15px;

}

.grab-links .depo_upgrade {
    background: #198754;
}

.grab-links .auto_grab {
    background: #dc3545;
}

/* .autograbPopUp starts */

.autograbPopUp {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: scale(1.1);

    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;

}

.autograbPopUp .modal-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: white;

    width: 24rem;

    border-radius: 0.5rem;

}

.autograbPopUp .grab-body .grab-img{

    border: 1.5px solid #dbdbdb;

    padding: 10px;

    border-radius: 10px;

}

.autograbPopUp .grab-body .grab-title{

    font-size: 16px;

}

.autograbPopUp .grab-body .grab-detail{

    font-size: 13px;

}

.autograbPopUp .popup-btn {

    background-color: #004cc8;

    border-radius: 5px;

    color: #fff;

    padding: 5px 10px;

}

.autograbPopUp .close-button:hover {

    background-color: darkgray;

}

.show-modal {

    opacity: 1;

    visibility: visible;

    transform: scale(1.0);

    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}

.autograbPopUp .modal-content .card-body .row {
    /* flex-direction: column; */
    display: block;
}

.autograbPopUp .modal-content .card-body .col-sm-4 {
    width: 100%;
    margin-bottom: 15px;
}


.autograbPopUp .card-header {

	background: #498056;

	color: #fff;

	text-align: center;

	padding: 5px 0 6px 0px;

	display: inline-block;

}

.autograbPopUp .modal-content .card-footer a {
    background: #498056;
    color: #fff;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 50px;
    /* margin: 3px 7px; */
}

.autograbPopUp .modal-content .card-body {
    height: 450px;
    overflow-y: scroll;
}

.autograbPopUp .modal-content .card {
    border: none;
}

/* .autograbPopUp ends */



/* .countDownPopUp starts */

.countDownPopUp {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: scale(1.1);

    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;

}

.count-slide{

    width: 250px;

    background-image: url(../img/countdown-bg.gif?var=1.5);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center;

    height: 280px;

    margin: 0 auto;

}

.count-slide .count-number{

    margin-top: 120px;

}

.count-slide .count-number img{

    max-width: 45px;

}

.countDownPopUp .modal-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #fff0;

    width: 24rem;

    border-radius: 0.5rem;

}

.cancel_grab {
    background: #fff;
    margin: 0 15px;
    box-shadow: 0 0 10px #d6d3d3;
    margin-top: 110px;
}

.cancel_grab h4 {
    font-size: 20px;
    color: #498056;
    padding-bottom: 10px;
}

.cancel_grab img {
    margin-bottom: 18px;
}

.cancel_grab button {
    background: #498056;
    border: none;
    border-radius: 50px;
    width: 40%;
}

.countDownPopUp .modal-content .card{

    background: transparent;
    border: none;

}

.countDownPopUp .popup-btn {

    background-color: #4187f9;

    border-radius: 5px;

    color: #fff;

    padding: 5px 10px;

}

.countDownPopUp .close-button:hover {

    background-color: darkgray;

}

.show-modal {

    opacity: 1;

    visibility: visible;

    transform: scale(1.0);

    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}

.countDownPopUp .card-header {

    background: gainsboro;

    color: #636363;

    text-align: center;

    padding: 5px 0 6px 0px;

    display: inline-block;

}

/* .countDownPopUp ends */

/* grab banner ends */

/* grab achivements starts */

#grabBanner h5, #grabBanner p {
    color: #198754;
}

#grabAchive{

    margin-bottom: 45px;

    margin-top: 30px;

}

#grabAchive .reload{

    color: #198754;

}

#grabAchive h5{
    color: #198754;
}

p.font-18.mt-4.mb-1.btm_o {
    color: #000;
}

section#grabRules .white-wrapper {
    color: #000;
}

#grabAchive .achive-box {
    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%);
    border-radius: 0.133333rem;
    text-align: center;
    padding: 0.266667rem 0;
    background: #364759;
    padding: 20px 10px;
    height: 100%;
}

#grabAchive .achive-box p{

    margin-bottom: 5px;

    font-size: 13px;

}

#grabAchive .achive-box h4 {
    color: #198754;
}

/* grab achivements ends */

/* grabRules starts */

#grabRules{

    margin-bottom: 120px;

}

#grabRules button{

    border: none;

    padding: 10px 20px;

    background: #ff9a23;

    color: #fff;

    border-radius: 0px 20px 0px 20px;

}

#grabRules .rules-list{

    margin-top: 20px;

}

#grabRules .rules-list p{

    margin-bottom: 0px;

}

/* grabRules ends */

/* grab page ends */

/* online page starts */

.page-notice {
    padding: 48px 0 0;
    box-shadow: 0 0 9px #c4c4c4;
    margin: 90px 15px 0;
}

#onlineContact{

    padding-bottom: 70px;

    margin-bottom: 30px;

}

#onlineContact a{

    text-decoration: none;

}

#onlineContact .contact-box{

    text-align: center;

    background-color: #fff;

    border-radius: 15px;

}

#onlineContact .contact-box h4{

    color: #333;

    padding: 10px 0;

    font-size: 20px;

}

#onlineContact .contact-box img{

    max-width: 100%;

    min-width: 100%;

    max-height: 180px;

    border-radius: 0px 0px 15px 15px;

}

/* online page ends */

/* order page */

.eye-open{

    display: none;

}

#orderData{

    margin-bottom: 80px;

}

#orderData .nav{

    justify-content: space-between;

    margin-top: 40px;

    background: #fff;

}

#orderData .nav button{

    width: 25%;

    padding-top: 15px;

    padding-bottom: 15px;

}

#orderData .nav-link{

    background-color: #fff;

    border: none;

    color: #999;

}

#orderData .nav-link.active {
    border-radius: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 4px solid #498056;
    color: #fff;
    background: #498056;
}

#orderData .box {

    width: 200px;

    height: 300px;

    position: relative;

    border: 1px solid #bbb;

    background: #eee;

    float: left;

    margin: 20px;

}

#orderData .ribbon {

    position: absolute;

    right: -5px;

    top: -5px;

    z-index: 1;

    overflow: hidden;

    width: 90px;

    height: 90px;

    text-align: right;

}

#orderData .ribbon span {

    font-size: 0.8rem;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    line-height: 32px;

    transform: rotate(45deg);

    width: 120px;

    display: block;

    background: #79a70a;

    background: linear-gradient(#9bc90d 0%, #79a70a 100%);

    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    position: absolute;

    top: 17px;

    right: -29px; 

}

#orderData .ribbon-pending span{

    background-color: #f29339;

    background: linear-gradient(#f29339 0%, #d26600 100%);

}

#orderData .ribbon-cancelled span{

    background-color: #f29339;

    background: linear-gradient(#ef1401 0%, #c31001 100%);

}

#orderData .ribbon span::before {

    content: '';

    position: absolute; 

    left: 0px; top: 100%;

    z-index: -1;

    border-left: 3px solid #79A70A;

    border-right: 3px solid transparent;

    border-bottom: 3px solid transparent;

    border-top: 3px solid #79A70A;

}

#orderData .ribbon-pending span::before{

    border-left: 3px solid #f29339;

    border-top: 3px solid #f29339;

}

#orderData .ribbon-cancelled span::before{

    border-left: 3px solid #ef1401;

    border-top: 3px solid #ef1401;

}

#orderData .ribbon span::after {

    content: '';

    position: absolute; 

    right: 0%; top: 100%;

    z-index: -1;

    border-right: 3px solid #79A70A;

    border-left: 3px solid transparent;

    border-bottom: 3px solid transparent;

    border-top: 3px solid #79A70A;

}

#orderData .ribbon-pending span::after{

    border-right: 3px solid #f29339;

    border-top: 3px solid #f29339;

}

#orderData .ribbon-cancelled span::after{

    border-right: 3px solid #ef1401;

    border-top: 3px solid #ef1401;

}


.order_card.card-footer .d-flex span {
    color: #498056;
}



#orderData .tab-content h4{

    color: #999;

    font-size: 22px;

}


.user.ms-4 a {
    color: #FFF;
    text-decoration: none;
    background: #498056;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
}


/* order ends */

/* profile css starts */

#userDetails{

    background: #fff;

    padding-top: 90px;

}

#userDetails .user .user-level {

	background: #2f2fad;

	padding: 5px 25px;

	border-radius: 20px;

	color: #fff;

    font-style: italic;

    font-size: 15px;

    margin-left: 5px;

}

#userDetails .user h5{

    margin-bottom: 10px;

}

#userDetails .user #inviteCode {

    font-weight: bold;

}

/* user info starts */

.user-info{

    position: relative;

}

.user-info .top-middle {
    background: url(../img/profile-bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    padding-top: 40px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    margin-top: 50px;
    box-shadow: 0 0 12px #828282;
}

/*.user-info .top-middle .user-buttons{

    text-align: right;

    margin-top: -30px;

}*/

.user-info .top-middle h6 , .user-info .top-middle h5{

    color: #a16d45;;

}

.user-info .top-middle i{

    color: #8e613f;

}

.user-info .top-middle .user-buttons a{

    text-decoration: none;

    padding: 8px 20px;

    border-radius: 20px;

    text-align: center;

    color: #fff;

    font-weight: bold;

}

form.van-form.add_wallet_area {
    margin: 70px 0;
    padding: 15px;
    background: #fff;
}

.add_wallet_area .van-cell.van-field {
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #e7e5e5;
    padding-bottom: 7px;
    margin-bottom: 6px;
    gap: 15px;
}

.add_wallet_area input.van-field__control {
    border: none;
}

.add_wallet_area button.van-button.van-button--info.van-button--normal.van-button--block.van-button--round {
    width: 100%;
    background: #498056;
    border: none;
    color: #fff;
    padding: 8px 0;
    text-transform: capitalize;
    border-radius: 50px;
    margin-top: 15px;
}


.withdrawal_method .common_submit {
    width: 60%;
    box-shadow: .026667rem .026667rem .106667rem rgba(51,51,51,.3);
    padding: .4rem 0;
    color: #fff;
    background: linear-gradient(#498056, #498056);
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    margin: .266667rem auto 17px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.user-info .top-middle .user-buttons .deposit{

    background: #fcb748;;

    margin-right: 10px;

}

.withdrawal.new_item {
    padding: .266667rem;
    margin-top: 80px;
}

.withdrawal.new_item .withdrawal_amount_box {
    padding-left: .4rem;
    line-height: 1.066667rem;
    color: #344059;
}



.withdrawal.new_item .withdrawal_amount_box .withdrawal_amount {
    font-weight: 700;
}

.withdrawal.new_item .withdrawal_amount_box .withdrawal_rate {
    font-size: .32rem;
}
.withdrawal.new_item .withdrawal_amount_box .withdrawal_rate {
    color: #ff5767;
    display: inline-block;
}

.withdrawal.new_item .withdrawal_input {
    font-size: .42667rem;
}
.withdrawal.new_item .withdrawal_input {
    width: 94%;
    margin: 0 auto .266667rem;
    box-sizing: border-box;
    background: #eef1f7;
    font-weight: 700;
}

.withdrawal.new_item .van-cell-group {
    background-color: #fff;
}

.withdrawal.new_item .van-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .26667rem .42667rem;
    overflow: hidden;
    color: #323233;
    font-size: 13px;
    line-height: .64rem;
    background-color: #fff;
    font-weight: 600;
    padding: 15px 11px;
}

.withdrawal.new_item .van-cell:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: .42667rem;
    bottom: 0;
    left: .42667rem;
    border-bottom: .02667rem solid #ebedf0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
}

.withdrawal.new_item .offline-pay-aisle, .withdrawal.new_item .offline-title {
    color: #198754;
    font-weight: 500;
}


.wa_page.withdrawal_wrap {
    background: #fff;
    padding: 12px 0;
}

input.form-control.van-field__control {
    background: #eef1f7;
    border: none;
    margin: 11px 0;
}


.withdrawal.new_item .dust_bg {
    padding-bottom: .533333rem;
}
.withdrawal.new_item .withdrawal__bottom-hint {
    border-radius: .16rem;
    margin-top: .266667rem;
    padding: .266667rem .533333rem;
    background: #fff;
    color: #344059;
}

.withdrawal.new_item .withdrawal__bottom-hint .wb__title {
    font-size: 14px;
}

.withdrawal.new_item i.fas.fa-chevron-right {
    position: absolute;
    right: 10px;
    color: #cbc9c9;
}

button.withdrawal_btn {
    width: 95%;
    border: none;
    background: #198754;
    color: #fff;
    padding: 10px 0;
    border-radius: 50px;
    margin: 16px auto;
}

.transaction_password {
    padding: 16px 12px 0;
}

.withdrawal__sure {
    text-align: center;
}

.withdrawal.new_item .withdrawal__bottom-hint .wb__title {
    padding-left: .8rem;
    width: 150px;
    background: url(data:image/png;base64,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);
    background-size: 100% 100%;
    margin-bottom: 20px;
    line-height: 43px;
    color: #fff;
}

.withdrawal.new_item .withdrawal__bottom-hint p {
    margin-bottom: 18px;
    line-height: 16px;
}

.user-info .top-middle .user-buttons .withdraw{

    background: #4187f9;

}

.user-info .middle-part , .user-info .last-part{

    display: none;

}

/* top middle part ends */

.user-info .last-part {
    background: #c7c7c7;
    padding: 20px;
}

/* ends last part */

.user-info .toggle-down-arrow{

    position: absolute;

    bottom: 0;

    left: 50%;

    right: 50%;

    cursor: pointer;

    color: #999;

    font-size: 18px;

    padding: 10px;

}

.user-info .toggle-up-arrow{

    position: absolute;

    bottom: 0;

    left: 50%;

    right: 50%;

    cursor: pointer;

    color: #fff;

    font-size: 18px;

    padding: 10px;

    display: none;

}

/* user info ends */

/* user details ends */

/* userLinks starts */

#userLinks{

    padding: 40px 0;

    margin-bottom: 80px;
 
}


i.fa-solid.fa-house.font-18.text-white {
    color: #fff;
}

#userLinks .user-box i {
    font-size: 21px;
    color: #498056;
}

#userLinks .user-box .arrow i {
    font-size: 15px;
}

#userLinks .user-box {
    /* box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%); */
    background: #e8e6e6;
    /* padding: 15px; */
    /* border-radius: 20px; */
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 23px;
    position: relative;
}

.arrow {
    position: absolute;
    right: 14px;
}

#userLinks .user-box img{

    max-width: 65px;

}

#userLinks .user-box h6 {
    color: #498056;
}

#userLinks .link-item{

    text-decoration: none;

}

/* userLinks ends */

/* profile css ends */

/* login register page css */


body#login_bg {
    background: url('../img/login_bg.jpg');
    background-size: 100% 100%;
    /* max-width: 400px; */
    height: 100vh;
}

#loginReg{

    max-width: 500px;

    margin: 0 auto;

    padding-top: 150px;

    padding-bottom: 70px;

}

#loginReg h2{

    font-weight: bold;

    font-size: 42px;

}

.login-reg-wrapper {
    background: transparent;
    padding: 20px;
    border-radius: 15px;
    margin: -95px 0;
}

.login-reg-wrapper h2 img {
    width: 100%;
    padding: 17px;
}

.login-reg-wrapper h2 {
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 100px;
    margin: 0 auto;
    box-shadow: -1px 6px 5px #e8e6e6;
}

#loginReg form .form-control {
    border: none;
    background: #ebdbb2;
}

#loginReg .phone-input{

    padding-left: 50px !important;

}

#loginReg .submit-btn {
    display: block;
    width: 100%;
    font-size: 28px;
    padding-top: 3px;
    padding-bottom: 8px;
    font-weight: bold;
    border-radius: 35px;
    background-color: #498056;
    border: none;
}

form.mt-4.login_form {
    padding: 0 20px;
}

.justify-content-between {
    justify-content: space-between;
}

.header_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.header_part select {
    width: 100px;
    border-radius: 50px;
}

.header_part a i {
    color: #cea028 !important;
}

.login-reg-wrapper h2.register {
    width: 90px;
    height: 90px;
}

#loginReg form.register .form-control {
    padding: 6px 14px;
    margin-bottom: 5px!important;
}

input#phoneNumber {
    padding-left: 20px!important;
}

.login-reg-wrapper.register {
    margin: -80px 0;
}

#loginReg form .form-control::placeholder {
    font-size: 13px;
    color: #a3a3a3;
}

.register_area a {
    width: 100%;
    background: #cea028;
    display: block;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    padding: 4px 0;
    margin: 10px 0;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

#loginReg .forgot-link a{

    text-decoration: none;

    color: #151558;

    font-size: 18px;

    display: block;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

}

#loginReg .is-account a{

    text-decoration: none;

    color: #ff9a23;

    font-size: 18px;

    display: inline-block;

    padding-top: 10px;

}

#loginReg .verification-code{

    font-family: 'Herr Von Muellerhoff', cursive;

    padding: 15px;

    font-size: 32px;

    margin-bottom: 0px;

    text-shadow: 2px 2px #232162;

    font-weight: bold;

}

/* login register page css ends */

/* personalinfo page starts */


 .card_imgae_details_area {
    width: 90%;
    margin: 100px auto;
    max-width: 400px;
}

.image_bg {
    /*background: #f2f2f2;*/
    margin-bottom: 20px;
}
 
 input#uploadFile, #uploadFile2 {
    display: none;
}

.thumb-image {
    float:left;
    width:100px;
    position:relative;
    padding:5px;
}

.camera-btn {
    width: 100%;
    height: 150px;
    border-radius: 15px;
    background-color: #e4e4e4;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    border: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}


.camera-btn:hover {

    background-color: #0056b3;

}


.camera-btn:active {

    background-color: #00408a;

}


#capturedImage {

    margin-top: 20px;

    max-width: 100%;

    height: auto;

    border-radius: 10px;

    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

}


#desktopMessage {

    display: none;

    color: #dc3545;

    font-size: 18px;

    margin-top: 20px;

}
#imagePreview, #imagePreview2 {
    /*width: 180px;
    height: 180px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;*/
}

.choose_file_input {
    border: 2px dashed #498056;
    border-radius: 15px;
    margin: 10px 0 15px;
    padding: 30px 50px;
    width: 100%;
    height: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.choose_file_input span i {
    font-size: 31px;
    margin-bottom: 12px;
    color: #498056;
}

h3.dynamic-message {
    text-transform: capitalize;
    font-size: 20px;
    color: #498056;
}

div#selectedFilesD img {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}

.iamge_area {
    background: #fff;
    padding: 13px 12px;
    border-radius: 15px;
    position: relative;
}

.iamge_area label {
    padding-bottom: 0px;
    width: 100%;

}

#imagePreview, #imagePreview2 {
    background-size: 100% 100%;
    position: absolute;
    top: 32px;
    left: 0;
    border-radius: 15px;
}

button.btn.btn-block.btn-success.file_submitt {
    width: 100%;
    font-size: 17px;
    margin: 20px 0;
}

.card_imgae_details_area strong {
    color: #498056;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0px;
    display: block;
}

.image_file {
    /*text-align: center;*/
    margin: 25px 0;
    
}


span.btn.btn-success.file_input_m {
    background: #364759;
    border: none;
}

.card_imgae_details_area #image-preview img {
    width: 120px;
    padding: 20px;
    height: 100%;
    object-fit: contain;
}


.identity_verification_sc .van-cell.van-cell--clickable.infoaccount_method i.ntr {
    padding-right: 5px;
    width: 24px;
}


section.identity_verification_sc {
    margin-top: 100px;
}

.identity_verification_sc .van-cell.van-cell--clickable.infoaccount_method {
    background: #ffffff;
    color: #498056;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #d0cdcd;
}

#topHeader .back-btn{

    color: #fff;

    font-size: 22px;

}

.infolist_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.infolist_single_item h5 {
    margin: 0 0;
    font-weight: 600;
    color: #fb7701;
}

#accountInfo {
    width: 95%;
    margin: 80px auto 20px;
    background: #498056;
    border: 5px solid #4CAF50;
    box-shadow: 0px 19px 20px #cacaca;
}

#accountInfo a{

    text-decoration: none;

}


#accountInfo h5 {
    padding: 10px 0;
    color: #ffffff;
}

#accountInfo .user-value {
    color: #fff;
}

.van-cell.van-cell--clickable.infoaccount_method {
    background: #498056;
    border: 5px solid #4caf50;
    box-shadow: 0px 19px 20px #cacaca;
    width: 95%;
    margin: 0 auto;
    padding: 9px 12px;
    color: #fff;
}

a.accountInfo_method {
    text-decoration: none;
}

.van-cell.van-cell--clickable.infoaccount_method {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* personalinfo page ends */

/* changePass page starts */

#changePass{

    margin: auto;

    margin-top: 80px;

    max-width: 700px;   

}

#changePass .container{

    padding: 20px;

}

#changePass form .form-control{

    padding: 10px 15px;

    border-radius: 20px;

}

#changePass .submit-btn{

    display: block;

    width: 100%;

    font-size: 22px;

    padding-top: 3px;

    padding-bottom: 8px;

    border-radius: 35px;

    background-color: #232162;

}



/* changePass page ends */

/* withdrawInfo page starts */

#withdrawInfo{

    margin: auto;

    margin-top: 80px;

    max-width: 700px; 

    padding-top: 30px;

    padding-bottom: 50px;

}

#withdrawInfo .container{

    padding: 20px;

}

#withdrawInfo form .form-control , #withdrawInfo form .form-select{

    padding: 10px 15px;

    border-radius: 20px;

}

#withdrawInfo form .phone-input{

    padding-left: 50px;

}

#withdrawInfo .submit-btn{

    display: block;

    width: 100%;

    font-size: 22px;

    padding-top: 3px;

    padding-bottom: 8px;

    border-radius: 35px;

    background-color: #232162;

}

/* withdrawInfo page ends */

/* announcement starts */

#announcement {
    padding: 40px 0;
    margin-top: 40px;
    background: #fff;
}

a.announcement_box {
    box-shadow: 0 0 11px #bdbdbd;
    padding: 15px;
    display: block;
}

#announcement a{

    text-decoration: none;

}

#announcement .announcement-title h2{

    font-size: 28px;

    text-align: center;

    color: #198754;

}

.announcement-title h2 strong {
    color: #198754;
    padding: 6px 0;
    display: inline-block;
}

#announcement .announcement-img img{

    border-radius: 20px;

}

#announcement .not-found-data{

    color: #1e1e1e;

}

/* announcement ends */

/* tutorial page starts */

#tutorial {

    margin-top: 80px;

}

/* tutorial page ends */

/* deposit page starts */

#depositOptions{

    margin-top: 80px;

}

#depositOptions a{

    text-decoration: none;

}

#depositOptions h5 {
    text-decoration: none;
    color: #1e1e1e;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 14px;
    box-shadow: 0 0 10px #e2dfdf;
}

#depositOptions h5 i {
    color: #000;
}

/* payForm */


input#file-input {
    display: none;
}

#payForm h6 {
    color: #198754;
    font-weight: 300;
    flex: 0 0 30%;
    padding-bottom: 0px;
    font-size: 15px;
}

.form_group_flex {
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #e7e5e5;
    padding-bottom: 7px;
    margin-bottom: 6px;
    gap: 15px;
}

#payForm{

    margin-top: 50px;

    padding: 40px 0;

}


form.deposit_limit_recharge {
    padding-bottom: 30px;
}

.button_radio_limit {
    float: left;
    /* margin: 0 5px 0 0; */
    width: 70px;
    height: 33px;
    position: relative;
    background: #364759;
    color: #fff;
    border-radius: 50px;
    line-height: 64px;
    padding: 17px 0;
}

.button_radio_limit label,
.button_radio_limit input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.button_radio_limit input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.button_radio_limit input[type="radio"]:checked + label {
    background: #fb7701;
    border-radius: 50px;
}

.button_radio_limit label {
    cursor: pointer;
    z-index: 90;
    /* line-height: 1.8em; */
    color: #fff;
}


.deposit-recharge-ammount-box .d_box {
    background: #198754;
    flex: 0 0 48%;
    text-align: center;
    color: #fff;
    padding: 4px 0;
    border-radius: 18px;
}

.deposit_limit_nmbr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.submit_btn_deposit {
    margin-top: 20px;
}

.btn.btn-danger.limit_recharge {
    background: #198754;
    width: 100%;
    border: none;
    color: #fff;
}

h6.withdrawal_ammount_page {
    text-align: center;
    line-height: 26px;
}

h6.withdrawal_ammount_page small {
    font-size: 18px;
    font-weight: 600;
}

.inside_flex_panel {
    margin-bottom: 30px;
    margin-top: 20px;
}

.inside_flex_panel strong {
    border-bottom: 1px solid #ddd;
    width: 100%;
    /* display: inline-block; */
    line-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.transaction_password h3 {
    font-size: 18px;
    padding-bottom: 8px;
}


input.form-control.password_box {
    background-color: #eef1f7;
    border: none;
    border-radius: 0px;
    width: 46px;
    height: 50px;
    margin-bottom: 5px;
    flex: 0 0 14.3%;
    padding: 19px !important;
}

.input_box_item_password {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    flex-wrap: wrap;
}

input.form-control.password_box:focus {
    box-shadow: none;
}

section.transaction_password_ac {
    margin-top: 90px;
    text-align: center;
}


button.btn.btn-danger.submit_password {
    background: #498056;
    border: none;
    width: 50%;
    border-radius: 50px;
    padding: 10px 0;
    font-size: 18px;
}

.withdrawal_input input, .withdrawal_input select, .withdrawal_input input, .withdrawal_input textarea {
    border:none!important;
    padding: 10px 12px!important;
    font-size: 14px;
    color: #686868;
    background: #eef1f7;
    border-radius: 10px;
}

.withdrawal_input label {
    padding-bottom: 10px;
}

.select-deposit-method {
    margin-top: 56px;
    padding: 15px;
}

section#depositOptions.ammount_d {
    /* background: #fff; */
    margin-top: 50px;
    padding: 30px 15px;
    background: #fff;
}

.deposit-method-new {
    text-align: center;
}

.ammount_d h5 {
    box-shadow: none!important;
    text-align: center;
    display: block!important;
    font-size: 19px!important;
    color: #198754!important;
}

form.deposit_limit_recharge label {
    padding-bottom: 10px;
}

#payForm form {
    margin-top: 20px;
    padding: 13px;
    background: #fff;
    box-shadow: -1px 5px 5px #e9e9e9;
}

#payForm .form-control{

    padding-top: 10px;

    padding-bottom: 10px;

}

#payForm form .btn {
    border-radius: 30px;
    padding: 15px 25px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
    background: #198754;
    border: none;
    margin-top: 15px;
}

#payForm .toggle-show-btn {
    text-decoration: none;
    font-size: 19px;
    color: #027e6f;
    margin: 17px 0;
    display: inline-block;
}

.container.hide-container.white-wrapper {
    color: #000;
    padding: 15px;
}

a.toggle-hide-btn i {
    color: #027e6f;
}


.item_top_withdrawal strong {
    color: #000;
    display: block;
    line-height: 35px;
    font-weight: 400;
}

.alert.alert-danger {
    padding: 5px 14px;
    margin: 15px;
}

.withdrawal_bottom_sc {
    background: #fff;
    padding: 15px 25px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 0 10px #ddd;
}

.item_body_withdrawal span {
    color: #000;
}


#teamReport .box {
    border-radius: 20px;
    padding: 0.266667rem 0;
    background: #fff;
    padding: 20px 10px;
    height: 100%;
    box-shadow: 0px 3px 12px #c5c4c4;
}

.item_body_withdrawal span {
    display: block;
    width: 100%;
    line-height: 35px;
    font-weight: 400;
    width: 132px;
    overflow: hidden;
}

.withdrawal_bottom_sc {}

.item_body_withdrawal {
    text-align: right;
}

#payForm .remind-btn {
    background: #364759;
    padding: 15px 20px;
    color: #fff;
    width: 100%;
    border: none;
    border-radius: 0px 15px 0px 15px;
    font-weight: bold;
}

#payForm .remind-text ul li {
    color: #198754;
    padding-bottom: 20px;
    padding-top: 15px;
}

#payForm .remind-text {
    margin-top: 20px;
    color: #000;
}

#payForm .remind-text p{

    margin-bottom: 0px;

}

#payForm input {
    border: none;
    font-size: 14px;
    padding: 0;
}

#payForm .depo-add{

    position: relative;

}

h6.topup_title {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 23px!important;
    font-weight: 500!important;
}

#payForm .depo-add .copybtn {
    position: absolute;
    right: -45px;
    top: 3px;
    background-color: #198754;
    color: #fff;
    padding: 3px 8px;
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
}

/* deposit page ends */

/* inviteFriend page starts */

.qr-code {
    width: 130px;
    height: 130px;
    margin: 0 auto 25px;
}

#inviteTopHeader {
    /* background-color: #003f5e; */
    top: 7px;
}

 #inviteTopHeader .header-title h2{

    color: #fff;

    font-size: 22px;

    font-weight: normal;

}

#inviteTopHeader i{

    color: #fff;

    font-size: 22px;

}

#inviteHeader {
    background: #498056;
    min-height: 260px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-top: 70px;
}

#inviteHeader img{

    max-width: 100%;

}

.bar-code-btn a {
    text-decoration: none;
    display: block;
    background: #364759;
    color: #fff;
    padding: 10px 0;
    border-radius: 30px;
    font-weight: bold;
    text-align: center;
    margin: 22px 25px 0;
}

#invitationLink{

    padding: 45px 0;

}

#invitationLink .invite-way p{

    font-size: 18px;

}

.invite-way {
    background: #fff;
    padding: 14px 0;
    box-shadow: 0 0 10px #d1d1d1;
    border-radius: 10px;
    margin: 0 9px;
}

#invitationLink .invite-way .copy-btn {
    background-color: #498056;
    color: #fff;
    padding: 1px 21px;
    border-radius: 30px;
    border: none;
    margin: 7px 0;
    line-height: 25px;
}

/* inviteFriend page ends */

/* teamReport page starts */

#teamReport{

    margin-top: 60px;

    padding: 45px 0 0;

}

#teamReport .search-bar .form-control{

    border-radius: 30px;

}

#teamReport .search-bar .btn{

    margin-left: -74px;

    background: #4187f9;

    color: #fff;

    border-radius: 30px;

    z-index: 9999;

}


/* teamReport page ends */

/* accountingDetails starts */

#accountingDetails{

    margin-top: 60px;

    padding: 45px 0;

}

#accountingDetails .search-bar .form-control{

    border-radius: 30px;

}



#accountingDetails .nav{

    justify-content: space-between;

    margin-top: 0px;

    background: #fff;

}

#accountingDetails .nav button{

    /*width: 25%;*/

    padding-top: 15px;

    padding-bottom: 15px;

}

#accountingDetails .nav-link{

    background-color: #fff;

    border: none;

    color: #999;

}

table.team_table th {
    color: #000;
}

table.team_table td {
    color: #000;
    text-align: center;
}

table.team_table {
    text-align: center;
}

#accountingDetails .nav-link.active{

    border-radius: none;

    border-top: 0px;

    border-left: 0px;

    border-right: 0px;

    border-bottom: 4px solid #003f5e;

    color: #003f5e;

}

#accountingDetails .tab-content h4{

    color: #999;

    font-size: 22px;

}

/* accountingDetails ends */

/* rechargeRecord starts */

#rechargeRecord{

    margin-top: 60px;

    padding: 45px 0;

}

#rechargeRecord .nav{

    justify-content: space-between;

    margin-top: 0px;

    background: #fff;

}

#rechargeRecord .nav button{

    width: 45%;

    padding-top: 15px;

    padding-bottom: 15px;

}

#rechargeRecord .nav-link{

    background-color: #fff;

    border: none;

    color: #999;

}

#rechargeRecord .nav-link.active{

    border-radius: none;

    border-top: 0px;

    border-left: 0px;

    border-right: 0px;

    border-bottom: 4px solid #5028c1;

    color: #5028c1;

}

#rechargeRecord .tab-content h4{

    color: #999;

    font-size: 22px;

}

#companyProfile p, #promotionReward p, #tutorial p {
    color: #000;
}

#companyProfile b, #promotionReward b, #tutorial b {
    color: #198754;
    padding-bottom: 10px;
    display: block;
}

/* accountingDetails ends */

/* company profile starts */

#companyProfile, #promotionReward, #tutorial {
    
    background: #fff;
    width: 90%;
    margin: 80px auto 20px;
    border-radius: 10px;
    padding-bottom: 50px;
    box-shadow: 0px 3px 12px 3px #c5c4c4;
}

#accountingDetails {
    padding: 45px 0;
    background: #fff;
    width: 90%;
    margin: 90px auto;
    box-shadow: 0px 3px 12px #c5c4c4;
}

#accountingDetails .search-bar .form-control {
    border-radius: 5px;
    height: 43px;
    border: 1px solid #198754;
    margin-bottom: 6px;
}

.container.mt-0.accountdetails-nav-tab {
    background: #f2f2f2;
}

#accountingDetails .search-bar .btn {
    background: #198754;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    margin-top: 5px;
}

#accountingDetails .nav {
    justify-content: space-between;
    margin-top: 0px;
}


section.bankcard_wrap.common_wrap.withdrawal_method {
    margin-top: 60px;
    padding: 15px;
}

.bankcard_wrap .bankcard_item:nth-child(2) {
    background: url(../img/bnck_bg_2.7fd9d41b.png) no-repeat;
    background-size: 100% 100%
}

.bankcard_wrap .bankcard_item:nth-child(3) {
    background: url(../img/bnck_bg_3.21bedd5d.png) no-repeat;
    background-size: 100% 100%
}

.bankcard_wrap .bankcard_item:nth-child(4) {
    background: url(../img/bnck_bg_4.98ff2e00.png) no-repeat;
    background-size: 100% 100%
}

.bankcard_wrap .bankcard_item+.bankcard_item {
    margin-top: .266667rem
}

.bankcard_wrap .bankcard_item .title {
    padding-left: 1.066667rem;
    height: 1.013333rem;
    line-height: 1.013333rem
}

.bankcard_wrap .bankcard_item .card_number {
    text-align: center;
    padding: .266667rem 1.2rem;
    box-sizing: border-box;
    word-break: break-word;
    line-height: 25px;
    color: #ffffff;
    width: px;
    font-size: 13px;
}

.bankcard_wrap .common_submit a {
    color: #fff;
    text-decoration: none;
}

.bankcard_wrap .bankcard_item .lock_wrap.locked .lock_icon {
    color: #fff
}

.bankcard_wrap .bankcard_item .lock_wrap .lock_icon {
    position: relative;
    z-index: 2;
    margin-left: .133333rem;
    margin-top: .053333rem;
    color: #bbb
}

.bankcard_wrap .bankcard_item .delete {
    position: absolute;
    width: .8rem;
    height: .8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .4rem
}

.bankcard_wrap .common_submit {
    margin-top: 1.333333rem;
    padding: .4rem .266667rem
}

.bankcard_wrap .exp {
    line-height: .64rem;
    padding: .533333rem .266667rem 0
}

.bankcard_wrap .bankcard_item, .bankcard_wrap .bankcard_item:first-child {
    background: #498056;
}

.bankcard_wrap .bankcard_item {
    border-radius: .266667rem;
    position: relative;
    font-weight: 600;
    color: #fff;
    height: 75px;
    padding-top: 8px;
}

#accountingDetails .nav button {
    padding-top: 9px;
    padding-bottom: 9px;
}

#accountingDetails .nav-link {
    border: none;
    color: #1fbd74;
    background: none;
    padding: 0;
}

#accountingDetails .nav-link.active {
    border-radius: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #fb7701;
    color: #fb7701;
}

#accountingDetails .tab-content h4{

    color: #999;

    font-size: 22px;

}

/* company profile ends */

/* adp page css starts */

#afp{

    background-color: #003f5e;

    min-height: 200px;

    padding-top: 80px;

    border-bottom-right-radius: 50%;

}

#afp .profit-details .box{

    background: #f4f0ff;

    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%);

    text-align: center;

    padding: 20px 5px;

    border-radius: 10px;

    height: 100%;

}

#afp .profit-details .box h5{

    font-size: 17px;

}

#afp .color-yellow{

    color: #ff9a23;

}

.balance-transfer-form .transfer-option button{

    background-color: #ff9a23;

    padding: 5px 12px;

    margin-left: 5px;

    border-radius: 20px;

    color: #fff;

}

.balance-transfer-form .transfer-into{

    background-color: #003f5e;

    color: #fff;

    padding: 10px 15px;

    border-radius: 10px;

}

/* adp page css ends */

/* common css starts */


.order_card.card {
    border: none;
    background: #fff;
    box-shadow: 0 0 8px #cac8c8;
}

.order_card.card-footer {
    background: #fff;
    border: none;
}

.order_card.card-footer .d-flex {
}

.order_card.card-body .flex {
    flex-direction: column;
}

.order_card.card-body .flex {}

.order_card.card-body .d-flex {
    flex-direction: column;
}

.order_card.card-body .card-feature-img {
    max-width: 100%;
    border-radius: 10px;
}

.order_card.card-body .card-feature-img img {
    border-radius: 10px;
    margin-bottom: 13px;
}

.order_card.card-header {
    background: #fff;
    border: none;
}

.order_card.card-title span {
    font-size: 25px!important;
    font-weight: 600;
    text-transform: capitalize;
}

.order_card.card-body {
    padding-bottom: 0;
}

.white-wrapper {
    /* background-color: #fff; */
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}

.white-wrapper i {
    color: #fff;
    font-size: 15px;
}

.font-18{

    font-size: 18px;

}

.font-24{

    font-size: 24px;

}

.text-blue{

    color: #4187f9;

}

#loginRegHeader {
    background-color: #498056;
}

#pageHeader {
    background: #498056;
    min-height: 250px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-top: 20px;
}

.valid-amount{

    display: none;

}

.cursor-pointer{

    cursor: pointer;

}

.custom-col-4{

    width: 33.33333%;

}

.custom-col-2{

    width: 16.6666666667%;

}

.custom-col-6{

    width: 50%;

}

.color-red{

    color: red;

}

.not-found-data {

    font-size: 20px;

}

.hide-container{

    display: none;

}

/* common css ends */

/* responsive css */

@media only screen and (min-width: 1400px) {

    .container {

      max-width: 1450px;

    }

  }