l/*==============================================
================= Viacarte Custom CSS =========*/

/*=============== Squizing menu ===============*/
@media (min-width: 992px){
	.topbar .nav-options>.navigation-menu>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    color: #fff;
	    font-size: 13px;
	    font-weight: 700;
	}
}

.topbar .nav-options {
	text-align: right;
}

/*======================== Footer ================*/

.viacarte_footer .fotter_wrapper {
	/* width: 100%;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%; */
	width: 100%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    /* grid-column-gap: 10%; */
    margin-left: 70px;
}

.viacarte_footer {
	background: #fff;
	padding: 35px 0;
}

.viacarte_footer ul li{
	list-style: none;
    display: inline-block;
    padding: 0 15px;
    font-weight: 500;
}
.viacarte_footer ul li a{
	color: #808080;
}

.footer_content{
	width: 100%;
}

.viacarte_footer .foot_bundle .foot_head {
	text-transform: uppercase;
	font-size: 12px;
	color: #808080;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
	margin-bottom: 25px;
}

.viacarte_footer .foot_bundle ul {
	list-style-type: none;
	padding: 0;
}

.viacarte_footer .foot_bundle ul>li {
	margin-bottom: 15px;
}

.viacarte_footer .foot_bundle ul>li>a {
	color: #583C9A;
	font-size: 14px;
	font-weight: 500;
}

/*===================== Last Login Message Box =======================*/

.log_message_wrapper {
	padding: 30px 0;
	background: #4D4D4D;
}

.log_message_wrapper .message_box {
	font-size: 16px;
	color: #fff;
}

/* ============================ Toggle CSS ================================= */
.toggle-btn {
	width: 80px;
	height: 40px;
	margin: 10px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==")
		no-repeat 50px center #e74c3c;
	cursor: pointer;
	-webkit-transition: background-color .40s ease-in-out;
	-moz-transition: background-color .40s ease-in-out;
	-o-transition: background-color .40s ease-in-out;
	transition: background-color .40s ease-in-out;
	cursor: pointer;
}

.toggle-btn.active {
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC")
		no-repeat 10px center #2ecc71;
}

.toggle-btn.active .round-btn {
	left: 45px;
}

.toggle-btn .round-btn {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -15px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}

.toggle-btn .cb-value {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* ============================ Toggle VR CSS ================================= */
.toggle-btn-vr {
	width: 80px;
	height: 40px;
	margin: 10px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==")
		no-repeat 50px center #e74c3c;
	cursor: pointer;
	-webkit-transition: background-color .40s ease-in-out;
	-moz-transition: background-color .40s ease-in-out;
	-o-transition: background-color .40s ease-in-out;
	transition: background-color .40s ease-in-out;
	cursor: pointer;
}

.toggle-btn-vr.active {
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC")
		no-repeat 10px center #2ecc71;
}

.toggle-btn-vr.active .round-btn-vr {
	left: 45px;
}

.toggle-btn-vr .round-btn-vr {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -15px;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}

.toggle-btn-vr .cb-value-vr {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*========================= Home Body Contain ============================*/

.home_wrapper {
	width: 100%;
	display: grid;
	grid-template-columns: 30% 67%;
	justify-content: space-between;
}

/*====================== Profile ===========================*/

.home_wrapper .card-body {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.profile_wrapper .profile_img {
	text-align: center;
	border-bottom: 1px solid #efefef;
}

.profile_wrapper .profile_img .my_img {
	max-width: 150px;
	max-height: 150px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.profile_wrapper .profile_img .my_img .image-upload {
	max-width: 150px;
	max-height: 150px;
	border-radius: 50%;
	overflow: hidden;
}

.profile_wrapper .profile_img .my_img .image-upload img {
	object-fit: cover;
	object-position: center;
}

.profile_wrapper .profile_img img {
	margin-bottom: 10px;
}

.profile_wrapper .profile_img p>a {
	font-size: 14px;
	font-weight: 500;
	color: #583C9A;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
}

.profile_wrapper .profile_img .joined_on p {
	font-size: 12px;
	color: #414143;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
    	padding: 5px 0;
}

.profile_wrapper .profile_img .joined_on strong {
	text-transform: capitalize;
}

.profile_wrapper .profile_stats {
	display: grid;
	width: 100%;
	grid-template-columns: 60% 40%;
	padding: 1.25rem 2rem;
	border-bottom: 1px solid #efefef;
}

.profile_wrapper .profile_stats div {
	margin-bottom: 10px;
	color: #989898;
	font-size: 12px;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
}

.profile_wrapper .profile_stats>.stats_right {
	font-weight: 500;
	color: #4A4A4A;
	text-align: right;
	font-size: 14px;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
}

.profile_wrapper .profile_completion {
	padding: 1.25rem 2rem;
	border-bottom: 1px solid #efefef
}

.profile_completion .progress {
	position: relative;
	height: 30px;
	border-radius: 25px;
	background: #E1E1E1;
}

.profile_completion .progress .progress-bar {
	border-radius: 25px;
	background: #583c9a;
}

.profile_completion .progress>span {
	position: absolute;
	right: 15px;
	top: 5px;
	color: #fff;
	font-size: 14px;
}

.profile_completion h6 {
	color: #808080;
	font-size: 11px;
	font-weight: 400;
}

.profile_wrapper .profile_active_cards {
	padding: 1.25rem 2rem;
}

.profile_wrapper .profile_active_cards p {
	font-size: 18px;
	color: #414143;
}
.profile_wrapper .profile_active_cards p span {
    color: #583C9A;
    font-weight: 600;
    font-size: 20px;
    padding-right: 8px;
}
/*================ Side Menu =========================*/

.side_menu {
	padding: 1.25rem 1rem;
	padding-bottom: 0;
}

.side_menu_wrapper .side_menu ul {
	list-style-type: none;
	padding-left: 0;
}

.side_menu_wrapper .side_menu ul>li>a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 0.50rem 0.25rem;
	color: #583C9A;
}

.side_menu_wrapper .side_menu ul>li {
	border-bottom: 1px solid #efefef;
}

.side_menu_wrapper .side_menu ul>li:last-child {
	border-bottom: none;
}
.side_menu_icon{
	float: right;
}
.side_menu_icon img {
    width: 11px;
    float: right;
}
/*====================== Customer Wallets ==========================*/

.home_customer_wallet{
	display: grid;
	width: 100%;
	grid-template-columns: 10% 90%;
	height: 200px;
}
.home_wallets{
	background: #583C9A;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.home_wallet_details{
	padding: 15px 25px;
}
.home_wallet_details h6{
	color: #fff;
    font-size: 10pt;
}
.home_wallet_details .home_wallet_balce{
	font-size: 36pt;
    color: #fff;
}
.wallets_add, .cards_add{
    position: relative;
   	margin-bottom: 8px;
}

.cards_add_vr{
    position: relative;
   	margin-bottom: 8px;
}

.home_customer_wallet .add_home_wallet {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    border: 2px solid #ccc;
    margin: 0 auto;
}
.home_customer_wallet .add_home_wallet .add_home_wallet_plus_icon{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.home_wallet_image{
	float: right;
}

/*====================== Customer Cards ==========================*/

.home_wrapper .second_half .card {
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.home_wrapper .second_half .card-body {
	padding: 0;
}

.customer_cards {
	display: grid;
	width: 100%;
	grid-template-columns: 10% 90%;
	height: 490px;
}

.cards_bullets {
	padding: 15px 25px;
	text-align: center;
}

.cards_bullets ul {
	padding-inline-start: 0;
}

.cards_bullets ul>li {
	list-style-type: none;
    margin-bottom: 10px;
}

.cards_bullets ul>li .round_btn {
	width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
	background-color: #D8D8D8;
    box-shadow: 1px 1px 18px 0px #c1bebe00;
    border: none;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0px auto;
    cursor: pointer;
}


.cards_bullets ul>li .round_btn_single.active {
	width: 18px;
    height: 18px;
	background-color: #583C9A;
	box-shadow: 0px 0px 20px 0px #b7b0d0;
}
/* ----- */
.customer_cards_vr {
	display: grid;
	width: 100%;
	grid-template-columns: 10% 90%;
	height: 490px;
}

.cards_bullets_vr {
	padding: 15px 25px;
	text-align: center;
}

.cards_bullets_vr ul {
	padding-inline-start: 0;
}

.cards_bullets_vr ul>li {
	list-style-type: none;
    margin-bottom: 10px;
}

.cards_bullets_vr ul>li .round_btn_vr {
	width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
	background-color: #D8D8D8;
    box-shadow: 1px 1px 18px 0px #c1bebe00;
    border: none;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0px auto;
    cursor: pointer;
}


.cards_bullets_vr ul>li .round_btn_single_vr.active {
	width: 18px;
    height: 18px;
	background-color: #583C9A;
	box-shadow: 0px 0px 20px 0px #b7b0d0;
}

/* ------- */

.customer_cards .add_card {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    border: 2px solid #ccc;
    margin: 0 auto;
}
.customer_cards .add_card .add_card_plus_icon{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

/* .customer_cards .add_card>a>img {
	width: 45px;
}
 */
.customer_cards .my_cards {
	background: #583c9a;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.my_cards .card_details {
	/* padding: 2.5rem 3.2rem; */
	padding: 15px 25px;
}

.my_cards .card_details .bal_row {
	display: grid;
	width: 100%;
	grid-template-columns: 50% 50%;
	margin-bottom: 10px;
}

.my_cards .card_details .bal_row .usd h6 {
	text-transform: uppercase;
	color: #fff;
	font-size: 10pt;
	font-weight: 300;
	margin-bottom: 0;
	letter-spacing: 0.5px;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
}

.my_cards .card_details .bal_row .usd .balce {
	font-size: 36pt;
	color: #fff;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
}

.my_cards .card_details .bal_row .on_off {
	text-align: right;
	position: relative;
}

.my_cards .card_details .bal_row .on_off .card_btn {
	font-size: 10pt;
	color: #fff;
	text-transform: uppercase;
	display: inline-flex;
}

 .card_details .bal_row .on_off .card_btn .usr_kno {
 	line-height: 50pt;
 	margin-right: 10px;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
 }

 .card_details .bal_row .on_off .card_btn .usr_kno i {
 	border-radius: 25px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    padding: 5px 6px;
    background: #00000052;
 }

.card_details .bal_row .on_off .card_btn {
	position: absolute;
	width: auto;
	bottom: 0;
	right: 0;
}
/* ----------------- */
.customer_cards_vr .add_card_vr {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    border: 2px solid #ccc;
    margin: 0 auto;
}
.customer_cards_vr .add_card_vr .add_card_plus_icon_vr{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

/* .customer_cards .add_card>a>img {
	width: 45px;
}
 */
.customer_cards .my_cards_vr {
	background: #583c9a;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.my_cards_vr .card_details_vr {
	/* padding: 2.5rem 3.2rem; */
	padding: 15px 25px;
}

.my_cards_vr .card_details_vr .bal_row_vr {
	display: grid;
	width: 100%;
	grid-template-columns: 50% 50%;
	margin-bottom: 10px;
}

.my_cards_vr .card_details_vr .bal_row_vr .usd_vr h6 {
	text-transform: uppercase;
	color: #fff;
	font-size: 10pt;
	font-weight: 300;
	margin-bottom: 0;
	letter-spacing: 0.5px;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
}

.my_cards_vr .card_details_vr .bal_row_vr .usd_vr .balce_vr {
	font-size: 36pt;
	color: #fff;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
}

.my_cards_vr .card_details_vr .bal_row_vr .on_off_vr {
	text-align: right;
	position: relative;
}

.my_cards_vr .card_details_vr .bal_row_vr .on_off_vr .card_btn_vr {
	font-size: 10pt;
	color: #fff;
	text-transform: uppercase;
	display: inline-flex;
}

 .card_details_vr .bal_row_vr .on_off_vr .card_btn_vr .usr_kno_vr {
 	line-height: 50pt;
 	margin-right: 10px;
	font-family: 'AzoSansMedium', AzoSans, sans-serif;
    	font-weight: 500;
    	font-style: normal;
 }

 .card_details_vr .bal_row_vr .on_off_vr .card_btn_vr .usr_kno_vr i {
 	border-radius: 25px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    padding: 5px 6px;
    background: #00000052;
 }

.card_details_vr .bal_row_vr .on_off_vr .card_btn_vr {
	position: absolute;
	width: auto;
	bottom: 0;
	right: 0;
}
/* --------------------- */

.home_card_image_wrapper{
	position: relative;
}

.home_card_image_wrapper_vr{
	position: relative;
}

.card_image {
	position: relative;
	width: 100%;
    height: 350px;
}

.card_image_vr {
	position: relative;
	width: 100%;
    height: 350px;
}

.viacarte_home_card_image{

	height: 350px; 

	width: 100%;
}

.viacarte_home_card_image_vr{

	 height: 350px; 
    /* height: auto; */
	width: 100%;
}

.card_image .card_dtls {
	position: absolute;
	width: 100%;
	top: 36%;
	padding: 0 38px;
}

.card_image_vr .card_dtls_vr {
	position: absolute;
	width: 100%;
	top: 36%;
	padding: 0 38px;
}

.card_image .dashboard_card_logo {
	position: absolute;
	width: 100%;
	top: 5%;
	padding: 0 38px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.card_image .dashboard_card_logo img{
	width: 200px;
}

.card_image_vr .dashboard_card_logo_vr {
	position: absolute;
	width: 100%;
	top: 5%;
	padding: 0 38px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.card_image_vr .dashboard_card_logo_vr img{
	width: 200px;
}
.cards_wrapper .my_cards .card_details .card_image .cards_card_logo {
	position: absolute;
	width: 100%;
	top: 5%;
	padding: 0 38px;
}
.cards_wrapper .my_cards .card_details .card_image .cards_card_logo img{
	width: 200px;
	height:auto;
}

.card_image .card_dtls .card_no {
	font-size: 28pt;
    letter-spacing: 4px;
    color: #505050;
    margin-bottom: 10px;
    margin-top: -30px;
}

.card_image_vr .card_dtls_vr .card_no_vr {
	font-size: 28pt;
    letter-spacing: 4px;
    color: #505050;
    margin-bottom: 10px;
    margin-top: -30px;
}

.card_dtls .validncvv {
	display: grid;
	grid-template-columns: 40% 50%;
	margin-bottom: 35px;
}

.card_dtls .card_holder {
	font-size: 26px;
    	text-transform: uppercase;
    	color: #505050;
    	letter-spacing: 2px;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
}

.card_dtls_vr .card_holder_vr {
	font-size: 26px;
    	text-transform: uppercase;
    	color: #505050;
    	letter-spacing: 2px;
	font-family: 'AzoSansRegular', AzoSans, sans-serif;
    	font-weight: normal;
    	font-style: normal;
}

.card_dtls .validncvv .valid_thru {position: relative;}

.card_dtls .validncvv .valid_thru span:first-child {
	text-transform: uppercase;
    font-size: 10px;
    line-height: 9px;
    color: #505050;
    font-weight: 500;
    margin-right: 10px;
}

.card_dtls .validncvv .valid_thru span:nth-child(2n) {
	font-size: 28px;
    line-height: 0px;
    color: #505050;
    font-weight: 400;
    position: absolute;
    letter-spacing: 1px;
}

.card_dtls .validncvv .cvv span:first-child {
	color: #505050;
    font-weight: 400;
    margin-right: 8px;
    text-transform: uppercase;
}

.card_dtls .validncvv .cvv {position: relative;}

.card_dtls .validncvv .cvv span:nth-child(2n) {
	font-size: 28px;
    line-height: 0px;
    color: #505050;
    font-weight: 400;
    letter-spacing: 4px;
    position: absolute;
    top: 17px;
}

/*=============== Card Overlay Eye =====================*/
.card_image_overlay_eye{
	background: rgba(88, 60, 154, 0.8);
    position: absolute;
    top: -123px;
    height: 344px;
    width: 614px;
    border-radius: 21px;
    left: 3px;
}
/* .card_overlay_off_img{
	text-align: center;
    top: 85px;
    position: absolute;
    left: 0;
    right: 0;
}
.card_overlay_off_img p{
	color: #fff;
    font-size: 18px;
    margin-left: -50px;
    margin-top: 15px;
}
 */
/*=============== Card Overlay Turned Off =====================*/
.card_image_overlay_off{
	/* background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 127px;
    height: 341px;
    width: 611px;
    border-radius: 21px;
    left: 105px;
    display: none; */
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    border-radius: 14px;
    left: 0;
    display: none;
    padding: 28%;
    
}
.card_image_overlay_off_vr{
	/* background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 127px;
    height: 341px;
    width: 611px;
    border-radius: 21px;
    left: 105px;
    display: none; */
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    border-radius: 14px;
    left: 0;
    display: none;
    padding: 28%;
    
}

.card_overlay_off_img{
	text-align: center;
    /* top: 85px;
    position: absolute;
    left: 0;
    right: 0;  */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.card_overlay_off_img p{
	color: #fff;
    font-size: 18px;
}

.card_overlay_off_img_vr{
	text-align: center;
    /* top: 85px;
    position: absolute;
    left: 0;
    right: 0;  */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.card_overlay_off_img_vr p{
	color: #fff;
    font-size: 18px;
}

/*=============== Custom Switch =====================*/

.custom_switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.custom_switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 80px;
  height: 42px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.custom_switch label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.custom_switch input:checked + label {
  background: #70C663;
}

.custom_switch input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.custom_switch label:active:after {
  width: 90px;
}

/*============================ Rewards Summary ==========================*/

.second_half .section_heading h4 {
	font-size: 20pt;
	color: #414143;
	font-weight: 400
}

.rewards_wrapper .summary_items {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	border-bottom: 1px solid #efefef;
}

.rewards_wrapper .summary_items .item_wrap {
	width: 100%;
	display: grid;
	grid-template-columns: 20% 70%;
	grid-gap: 10%;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 2rem 2.5rem 1.5rem;
}

.rewards_wrapper .summary_items .item_wrap .item_dtls>div {
	font-size: 14px;
	color: #414143;
	font-weight: 400;
}

.rewards_wrapper .summary_items .item_wrap .item_dtls>span {
	font-size: 28pt;
	color: #583C9A;
	font-weight: 400;
}

.rewards_wrapper .summary_items .item_wrap .item_icon {
	position: relative;
}

.rewards_wrapper .summary_items .item_wrap .item_icon>i {
	font-size: 50px;
	position: absolute;
	bottom: 10px;
	left: 3px;
}

.rewards_wrapper .quali_wrapper {
	padding: 2rem 2.5rem;
}

.quali_wrapper .quali_title {
	font-size: 18pt;
	color: #414143;
	margin-bottom: 20px;
}

.quali_wrapper .progress_heading>span {
	font-size: 10pt;
	color: #414143;
}

.quali_wrapper .progress_heading {
	display: flow-root;
	margin-bottom: 5px;
}

.quali_wrapper .progress_heading>span:first-child {
	float: left;
	color: #9b9b9b;
}

.quali_wrapper .progress_heading>span:last-child {
	float: right;
}

.quali_progress .progress {
	height: 26px;
	border-radius: 1.25rem;
	background-color: #D8D8D8;
}

.quali_progress .progress .progress-bar {
	background-color: #FF3960;
}

.quali_wrapper .quali_award {
	width: 100%;
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
}

.quali_wrapper .quali_progress {
	margin-bottom: 5px;
}

.quali_wrapper .quali_award>div>span {
	width: 10px;
    height: 10px;
    margin-right: 10px;
    background: #D8D8D8;
    display: inline-block;
    border-radius: 25px;
}

.quali_wrapper .quali_award>div {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
}

.member {color: #414143;}
.silver {color: #70C663;}
.gold {color: #5279FF;}
.platinum {color: #FF3960;}
.presid {color: #583C9A;}
.member_bg {
	background: #414143;
	
}
.silver_bg {
	background-color: #70C663;
}
.gold_bg {
	background-color: #5279FF;
}
.platinum_bg {
	background-color: #FF3960;
}
.benifits_item .acc_benifts {
	padding: 15px 20px;
}
.benifits_item .acc_benifts .acc_title {
	font-size: 20px;
	color: #fff;
	border-bottom: 2px solid #fff;
	min-height: 81px;
}
.benifits_item .acc_benifts .acc_title>h4 {
	font-size: 23pt;
	font-weight: 500;
    font-family: 'Rubik', sans-serif;
    line-height: 30px;
}
.benifits_item .acc_benifts .acc_title>p {
	font-size: 20pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 5px;
}
.benifits_item .card-body {
	min-height: 250px;
}
.benifits_item .card {
	border-radius: 10px;
}
.acc_benifts .acc_ben_list {
	padding: 30px 0;
	color: #fff;
}
.acc_benifts .acc_ben_list p{
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
}
.acc_benifts .acc_ben_list .benefits-bton{
	padding: 6px 40px;
    border-radius: 30px;
    font-size: 13px;
    color: #fff;
}
.member_bg_home {
	/*background: #414143;*/
	background: url(../images/background/IMAGE-2.png) no-repeat;
    background-size: cover;
    height: 450px;
}
.silver_bg_home {
	/*background-color: #70C663;*/
	background: url(../images/background/IMAGE-3.png) no-repeat;
    background-size: cover;
    height: 450px;
}
.gold_bg_home {
	/*background-color: #5279FF;*/
	background: url(../images/background/Bitmap1.png) no-repeat;
    background-size: cover;
	background-position: center;
	/* background-repeat: no-repeat; */
	height: 350px;
}
.platinum_bg_home {
	/*background-color: #FF3960;*/
	background: url(../images/background/IMAGE-4.png) no-repeat;
    background-size: cover;
    height: 450px;
}
.benifits_item .card-body{
	position: relative;
}
.benifits_item .acc_benifts_home {
	padding: 15px 20px;
	position: absolute;
    bottom: 0;
}
.benifits_item .acc_benifts_home .acc_title {
	font-size: 20px;
	color: #fff;
	/* position: absolute;
	top: 225px; */
}
.benifits_item .acc_benifts_home .acc_title>h4 {
	font-size: 21pt;
	font-weight: 500;
    font-family: 'Rubik', sans-serif;
    line-height: 30px;
}
.benifits_item .acc_benifts_home .acc_title>p {
	font-size: 20pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 5px;
}
.benifits_item .card-body {
	min-height: 250px;
}
.benifits_item .card {
	border-radius: 10px;
}





.benifits_item3 .card-body{
	position: relative;
}
.benifits_item3 .acc_benifts_home {
	padding: 15px 20px;
	position: absolute;
    bottom: 0;
}
.benifits_item3 .acc_benifts_home .acc_title {
	font-size: 20px;
	color: #fff;
	/* position: absolute;
	top: 225px; */
}
.benifits_item3 .acc_benifts_home .acc_title>h4 {
	font-size: 21pt;
	font-weight: 500;
    font-family: 'Rubik', sans-serif;
    line-height: 30px;
}
.benifits_item3 .acc_benifts_home .acc_title>p {
	font-size: 20pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 5px;
}
.benifits_item3 .card-body {
	min-height: 250px;
}
.benifits_item3 .card {
	border-radius: 10px;
}
.benifits_item3 .acc_benifts .acc_title>p {
	font-size: 20pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 5px;
}

.benifits_item3 .card-body {
	min-height: 250px;
}

.benifits_item3 .card {
	border-radius: 10px;
}




.acc_benifts_home .acc_ben_list {
	/*padding: 30px 0;*/
	/* position: absolute;
	top: 300px; */
}
.acc_benifts_home .acc_ben_list p{
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
}
.acc_benifts_home .acc_ben_list .benefits-bton{
	padding: 6px 40px;
    border-radius: 30px;
    font-size: 13px;
    color: #fff;
}
.member_bg_color {background: #70C663;}
.silver_bg_color {background-color: #A563E7;}
.gold_bg_color {background-color: #5279FF;}
.platinum_bg_color {background-color: #FFC64B;}
/* .member_bg {background-color: #414143;} */
/* .silver_bg {background-color: #70C663;}
.gold_bg {background-color: #5279FF;}
.platinum_bg {background-color: #FF3960;} */
.presid_bg {background-color: #583C9A;}

/*.benifits_wrapper {
	width: 100%;
	display: grid;
	grid-template-columns: 48% 48%;
	justify-content: space-between;
}*/

./* benifits_item .acc_benifts {
	padding: 15px 20px;
}

.benifits_item .acc_benifts .acc_title {
	font-size: 20px;
	color: #fff;
	border-bottom: 2px solid #fff;
	min-height: 81px;
}

.benifits_item .acc_benifts .acc_title>h4 {
	font-size: 23pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
 */
.benifits_item .acc_benifts .acc_title>p {
	font-size: 20pt;
	font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 5px;
}

.benifits_item .card-body {
	min-height: 250px;
}

.benifits_item .card {
	border-radius: 10px;
}

.acc_benifts .acc_ben_list {
	padding: 30px 0;
}

.acc_benifts .acc_ben_list>ul>li {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.acc_benifts .acc_ben_list>ul {
	padding-inline-start: 22px;
}

.activeCard_wrapper input{
	height: 45px;
	border: 2px solid #dadada;
	background-color: #F6F6F6;
}

#activeCardModal .modal-header {
	padding: 1.5rem 1rem;
	border-bottom: 0;
}

#activeCardModal .modal-body {
	padding: 1rem 2rem;
}

.activeCard_wrapper .activecard_info { text-align: center; margin-bottom: 20px; }

.activeCard_wrapper input{
	height: 45px;
	border: 2px solid #dadada;
	background-color: #F6F6F6;
}

.activeCard_wrapper .activecard_info>p {
	font-size: 16px;
    color: #414143;
    font-weight: 400;
}

/*================================================*/

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

#activatCard .modal-header {
	padding: 1.5rem 1rem;
	border-bottom: 0;
}

#activatCard .modal-body {
	padding: 1rem 2rem;
}

.activeCard_wrapper .activecard_info { text-align: center; margin-bottom: 20px; }

.activeCard_wrapper input{
	height: 45px;
	border: 2px solid #dadada;
	background-color: #F6F6F6;
}

.activeCard_wrapper .activecard_info>p {
	font-size: 16px;
    color: #414143;
    font-weight: 400;
}

.auth_btn {
	text-align: center;
}

.auth_btn .btn {
	padding: 0.7rem 1.75rem;
}

.auth_btn .btn {
	background-color: #74C164;
	border-color: #74C164;
	color: #fff;
}

.auth_btn .btn:hover {
	background-color: #74C164;
	border-color: #74C164;
}


/* Select Option Custom */
.sign-up-searchable .select2-container .select2-choice {
	border: 1px solid #ececec;
    border-radius: 0px;
    width: 100%;
    color: #2C3E50;
    height: 50px;
    border-radius: 6px;
    line-height: 50px;
    background: #f7f7f7;
}
.countryList .select2-container{
	    display: block;
}
.sign-up-searchable .select2-container .select2-choice .select2-arrow {
	border-left: none;
	background: none;
}
.sign-up-searchable .select2-container .select2-choice .select2-arrow b {
	position: absolute;
    top: 10px;
}
/* Select Option Custom */

/* Custom Active Message Modal */

#activeMessage .modal-header{
	padding: 5px;
	display: block;
}
#activeMessage .modal-header h6{
	color: red;
	text-align: center;
}
.activecard_info .dateError{
	font-size: 13px;
}
#activeMessage .auth_btn .btn {
	padding: 7px 10px;
}
@media (min-width: 576px){
#activeMessage .modal-dialog {
	max-width: 600px;
}

#activeKycMessage .modal-header{
	padding: 5px;
	display: block;
}
#activeKycMessage .modal-header h6{
	color: red;
	text-align: center;
}
.activecard_info .kycError{
	font-size: 13px;
}
#activeKycMessage .auth_btn .btn {
	padding: 7px 10px;
}
@media (min-width: 576px){
#activeKycMessage .modal-dialog {
	max-width: 600px;
}
}

}
.basic-info  .errormsg
{
 border:1px solid red;
}
.profile-wrapper .searchable .errormsg{
	border:1px solid red;
}

.home_card{
	box-shadow: 0 0 4px #ccc;
}
.card_not_found{
	background: #ededed;
    width: 669px;
    padding: 0;
    margin-left: -25px;
    margin-top: -25px;
    padding-bottom: 31px;
    text-align: center;
}
.card_not_found .viacarte_home_card_image{
	padding-top: 100px;
    height: auto;
}
#registrationform .dateOf{
	width:0%;
}