html,
body {
	overflow-x: hidden;
}

.bg_gradient {
	background-image: linear-gradient(to right, #ec64f7, #8035ec);
}

.bg_blander_gradient {
	background: linear-gradient(135deg, rgb(216, 189, 255) 0%, rgb(145, 68, 255) 55%);
}

.bg_seegreen_gradient {
	background: linear-gradient(153deg, rgba(92, 163, 183, 1) 0%, rgba(48, 140, 165, 1) 100%);
}

.bg_red_gradient {
	background: linear-gradient(133deg, rgb(231, 94, 123) 20%, rgb(221, 64, 98) 87%);
}


@font-face {
	font-family: Ubuntu-Medium;
	src: url("../ubuntu_fonts/Ubuntu-Medium.ttf");
}

@font-face {
	font-family: Ubuntu-Regular;
	src: url("../ubuntu_fonts/Ubuntu-Regular.ttf");
}

body {
	color: #fff !important;
	font-family: Ubuntu-Regular;
}

a,
li {
	list-style: none;
	text-decoration: none;
}

h5 {
	/* margin: 0; */
	/* font-weight: 600; */
}


/* use common class start */
.padding {
	padding: 28px 20px;
}

.inner_text {
	padding: 28px 20px;
	border-radius: 20px;
}

.tabs .active,
.commonb_btn {
	color: #fff;
	font-size: 16px;
	border: 0;
	background-image: linear-gradient(60deg, #CE67FF, #8035ec);
	border: 1px solid transparent;
	padding: 10px 24px;
	border-radius: 4px;
}



/* * *** * */
.breadcrumb li,
li a {
	font-size: 20px;
}

.breadcrumb li a {
	background-image: linear-gradient(60deg, #CE67FF, #8035ec);
	background-clip: text;
	color: transparent;
}

.breadcrumb-item+.breadcrumb-item::before {

	content: unset !important;
}


/* *** */
.fs_40,
.fs_34 {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
}

.fs_40 {
	font-size: 40px;
}




/* col total income css start */
.bg_color_b {
	border: 1px solid #ec64f7;
	background: linear-gradient(140deg, rgba(132, 46, 173, 0) 24%, rgb(132 46 173 / 59%) 100%);
}


.bg_color_c {
	border: 1px solid #964e5f;
	background: linear-gradient(140deg, rgba(132, 46, 173, 0) 24%, rgb(150 78 95 / 59%) 100%);

}

.bg_color_d {
	border: 1px solid #3F9FF8;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(63, 159, 248, 0.61) 100%);
}

.bg_color_e {
	border: 1px solid #3FF873;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(63, 248, 115, 0.60) 100%);
}

.bg_color_f {
	border: 1px solid #f8a33f;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(248, 163, 63, 0.56) 100%);
}

.bg_color_g {
	border: 1px solid #ff5656;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(255, 86, 86, 0.64) 100%);
}

.bg_color_h {
	border: 1px solid #9e8eff;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(158, 142, 255, 0.65) 100%);
}

.bg_color_i {
	border: 1px solid #2edf95;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(46, 223, 149, 0.62) 100%);
}

.bg_color_j {
	border: 1px solid #dfb82e;
	background: linear-gradient(148deg, rgb(2, 0, 36) 0%, rgba(223, 184, 46, 0.56) 100%);
}




/* col total income css end */




/* col Total Withdrawal css start */
.bg_color_b.border_bttm::before {
	background-color: #ec64f7;
}

.bg_color_c.border_bttm::before {
	background-color: #964e5f;
}

.bg_color_d.border_bttm::before {
	background-color: #3F9FF8;
}

.bg_color_e.border_bttm::before {
	background-color: #3FF873;
}

.bg_color_f.border_bttm::before {
	background-color: #f8a33f;
}

.bg_color_g.border_bttm::before {
	background-color: #ff5656;
}

.bg_color_h.border_bttm::before {
	background-color: #9e8eff;
}

.bg_color_i.border_bttm::before {
	background-color: #2edf95;
}


/* col Total Withdrawal css end */




/* **** */
.txt_blander {
	color: #CE67FF;
}

.txt_parit {
	color: #3EF472;
}

.bg_blander_drk {
	background-color: #60237D;
}

.bg_see_drk {
	background-color: #30629B;
}

.bg_see_drk {
	background-color: #30629B;
}

.bg_green_drk {
	background-color: #30944D;
}

.bg_brown_drk {
	background-color: #A16931;
}

.bg_dark_red {
	background-color: #A73B40;
}

.bg_dark_skyblue {
	background-color: #5E4F8F;
}

.bg_dark_blackgreen {
	background-color: #0F6359;
}

.bg_dark_yellow {
	background-color: #8D7126;
}

.txt_brown {
	color: #964e5f;
}

.txt_dark_brown {
	color: #A16931;
}

.txt_red {
	color: #ff5656;
}

.txt_skyblue {
	color: #9e8eff;
}

.txt_green {
	color: #05BA99;
}

.txt_yellow {
	color: #DFB82E;
}

.bg_brown_drk {
	background-color: #6B3845;
}

.usename{
	font-size: 30px;
}
/* **** */
.icon {
	padding: 6px 3px;
	border-radius: 10px;
	text-align: center;
}

/* **** */
.border_bttm::before {
	content: "";
	position: absolute;
	width: 90%;
	height: 4px;
	bottom: 0;
	border-radius: 4px 4px 0 0;
	left: 0;
	right: 0;
	margin: auto;
}


/* **** */
.icons {
	/* display: block ruby; */
}

/* **** */
.dropdown .btn:hover,
.dropdown button {
	background-color: transparent;
}

.btn:first-child:active {
	border: 1px solid transparent !important;
}

.dropdown-item:hover {
	background-color: unset !important;
	/* color: #CE67FF !important; */
}

a.dropdown-item:hover span {
	/* background-color: #CE67FF; */
}

a.dropdown-item span {
	width: 12px;
	height: 12px;
	border-radius: 50px;
	background-color: #ffffff;
	display: inline-block;
	margin-right: 10px;

}


.btn.show {
	border: unset !important;
}



/* use common class end */

.left_side {
	width: 280px;
	height: 100%;
	transition: 0.5s all;
	position: fixed;
	padding: 0 5px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(57, 35, 58, 1) 50%, rgba(0, 0, 0, 1) 100%);
	overflow-y: auto;
    overflow-x: hidden;
}


.mouse-enter {
	/* z-index: 9;
	width: 280px;
	transition: 0.5s all; */
}

.left_side.active .logo a img {
	width: 50px;

}

/* .left_side.mouse-enter .logo a img {
	width: auto;
	transition: 0.5s all;
} */

/* dropdonw menu css start */


.dropdown-toggle::after {
	position: absolute;
	right: 5%;
}

.dropdown-menu.show {
	/* position: unset; */
}
.dropdown-menu.show li.active{
	background: unset !important;
}
.dropdown-menu.show a.btn {
	display: none;
}

.dropdown-menu {
	border: 0;
	padding-top: 0;
	width: 100%;
	background-image: linear-gradient(to right, #ec64f7, #8035ec);
	/* background-color: rgba(0, 0, 0, 0) !important; */
}

ul.dropdown-menu{
    transform: none !important;
    position: relative !important;
    padding-left: 7px !important;
    background-color: transparent;
    margin-top: 15px !important;
	white-space: wrap;
    border: 0;
}
ul.dropdown-menu a{
	white-space: wrap !important;
}


.dropdown-menu ul li a {
	width: 100%;
}

.dropdown-menu .dropdown-item {
	padding: 6px 16px !important;
}

/* dropdonw menu css end */

.left_side .listing ul li {
	margin: 8px 0;
	border-radius: 10px;
}

.left_side .listing ul li.active {
	background-image: linear-gradient(to right, #ec64f7, #8035ec);

}

.left_side .listing ul li button,
.left_side .listing ul li a {
	color: #ffffff;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 18px;
	white-space: nowrap;
	padding: 12px;
}




/* .right_side code start */

.right_side {
	width: 100%;
	min-height: 100vh;
	position: absolute;
	right: 0;
	transition: 0.5s all;
	padding: 0 20px;
	width: calc(100% - 280px);
	/* border-radius: 40px 0 0 40px; */
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(27, 12, 28, 1) 50%, rgba(0, 0, 0, 1) 100%);
}



/* header css start  */

#toggle_btn i {
	font-size: 28px !important;
	color: rgb(255, 255, 255);
}

.input_box {
	width: 100%;
	background-color: #191719;
	padding: 14px;

}

.search_box input {
	color: #fff;
}

.user_img {
	border: 1px solid #ffffff38;
	padding: 6px;
}

/* header css end */



/* bell notification css start here */
/* :root {
	--bell-icon-color: red;
	--bell-count-color: blue;
} */

.notification-bell {
	position: relative;
	width: 50px;
}

svg.bell-con {
	fill: #fff;
	z-index: 9;
	position: relative;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	background-color: #353435;
	padding: 10px;

}

.alarm-notify svg.bell-con {
	animation-name: shake;
	animation: shake 6s 0.5s ease-in-out infinite;
}

.notification-count {
	display: flex;
	background-image: linear-gradient(to right, #ec64f7, #8035ec);
	color: #ffffff;
	width: 20px;
	justify-content: center;
	align-items: center;
	height: 20px;
	border-radius: 50px;
	position: absolute;
	top: -4px;
	right: -6px;
	z-index: 9;
}

.alarm-notify.notification-bell:before {
	content: '';
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50px;
	transform: scale(1);
	animation-name: transformScale;
	animation-duration: 1.5s;
	animation-delay: 0;
	animation-iteration-count: infinite;
}

.alarm-notify.notification-bell:after {
	content: '';
	background: #000;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50px;
	transform: scale(1);
	animation-name: transformScale;
	animation-duration: 1.5s;
	animation-delay: 0.75s;
	animation-iteration-count: infinite;
}



@keyframes shake {
	0% {
		transform: rotate(0);
	}

	1% {
		transform: rotate(30deg);
	}

	3% {
		transform: rotate(-28deg);
	}

	5% {
		transform: rotate(34deg);
	}

	7% {
		transform: rotate(-32deg);
	}

	9% {
		transform: rotate(30deg);
	}

	11% {
		transform: rotate(-28deg);
	}

	13% {
		transform: rotate(26deg);
	}

	15% {
		transform: rotate(-24deg);
	}

	17% {
		transform: rotate(22deg);
	}

	19% {
		transform: rotate(-20deg);
	}

	21% {
		transform: rotate(18deg);
	}

	23% {
		transform: rotate(-16deg);
	}

	25% {
		transform: rotate(14deg);
	}

	27% {
		transform: rotate(-12deg);
	}

	29% {
		transform: rotate(10deg);
	}

	31% {
		transform: rotate(-8deg);
	}

	33% {
		transform: rotate(6deg);
	}

	35% {
		transform: rotate(-4deg);
	}

	37% {
		transform: rotate(2deg);
	}

	39% {
		transform: rotate(-1deg);
	}

	41% {
		transform: rotate(1deg);
	}

	43% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0);
	}
}

/* bell notification css start end */




/* content side css start */


/* col Referral Code css start */
.bg_color_a {
	box-shadow: -6px 12px 24px rgb(255 255 255 / 15%) inset;
	background: linear-gradient(359deg, rgba(55, 33, 56, 1) 19%, rgba(0, 0, 0, 1) 109%);
}

.inner_layer {
	padding: 1px;
	border-radius: 20px;
	background: linear-gradient(90deg, rgba(236, 100, 247, 1) 0%, rgba(237, 100, 247, 0.151) 80%);
}

.referral_code {
	border: 1px solid #ec64f7;
	overflow: hidden;
	border-radius: 10px;
}

.referral_code input {
	font-size: 18px;
	padding: 7px 12px;
}

.referral_code button {
	font-size: 18px;
	border-radius: 10px;
	padding: 12px 24px;
	background-image: linear-gradient(to right, #ec64f7, #8035ec);
}

input:focus {
	outline: unset;
}

/* col Referral Code css start */


/* 2nd row start css */
.inner_text .txt.fs p {
	font-size: 23px;
	font-weight: 600;
	margin: 0;
}

.inner_layer.outer_area {
	background: linear-gradient(90deg, rgba(236, 100, 247, 1) 0%, rgb(129, 54, 235) 80%);
}

/* 2nd row end css */


/* 3rd row start css */
.thrid_row .inner_text {
	overflow: hidden;
}

.thrid_row .icon::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -30px;
	width: 180px;
	height: 180px;
	background: #8434F8;
	z-index: 0;
	border-radius: 100%;
}

.bg_seegreen_gradient .icon::before {
	background-color: #308BA4 !important;
}

.bg_red_gradient .icon::before {
	background-color: #DD4163 !important;
}

/* 3rd row end css */


/*   4th row start css */

.static_table .table {
	border-collapse: collapse;
	width: 100%;
}

.static_table td {
	text-align: left;
	font-size: 18px;

}

.static_table tr {
	border-top: 1px solid #D9D9D926 !important;
	padding: 16px 20px;
}

/*   4th row end css */


/* asside bar active class css start */
.left_side.active {
	/* width: 80px; */
}

.right_side.active {
	width: calc(100% - 70px);
}

/* asside bar active class css end */

/* content side css end */



/* -------------- profile page css start -------------- */


.wrap {
	transition: 300ms ease-in;
}

#img-upload {
	padding: 10px 24px;
}

#preview-wrap img {
	border: 1px solid #ffffff4a;
	padding: 4px;
	border-radius: 6px;
}

#preview-wrap img {
	max-width: 100px;
}


/* form tabs css */
.tab-pane.fade {
	background-image: unset;
}

.reset {
	background-image: unset !important;
	background-color: #3b2f3b;
}

.tabs {
	border-top: 1px solid #524453;

}

.tabs .nav-link {
	background-color: #3b2f3b;
	padding: 10px 24px;
	margin-right: 10px;
}

.input_bx {
	margin-bottom: 20px;
}

.input,
.input_bx select,
.input_bx input {
	border: 1.8px solid #665368;
	background-color: #66536869;
	padding: 10px 10px;
	color: #fff;
}

.input {
	padding: 0 0 0 10px;
	border-radius: 6px;
}


.input_bx .form-select option,
.input_bx input::placeholder {
	color: #fff;
	opacity: 0.5;
	font-size: 18px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

table{
	white-space: nowrap;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* profile page css end */




/* table css start */
table.dataTable thead th {
	color: #fff;
	font-weight: normal !important;
	background-color: #3b2f3b !important;
}

/* table.dataTable th, */
table.dataTable td {
	box-sizing: border-box;
	background: transparent !important;
	border: 0;
	color: #ffff;
	white-space: nowrap !important;
}

table.table.dataTable>tbody>tr:first-child {
	border-top: 0 !important;

}

.disabled>.page-link,
table.table.dataTable>tbody>tr {
	border: 1.8px solid #665368 !important;
}

.active>.page-link,
.disabled>.page-link,
div.dt-container div.dt-info,
.dt-search,
.dt-length {
	color: #fff !important;
}

div.dt-length select,
.dt-search input {
	border: 1.8px solid #665368 !important;
	background-color: #66536869;
	color: #fff;
	padding: 8px 10px;
}

.active>.page-link,
.disabled>.page-link {
	background-color: #66536869 !important;
	border-radius: 6px;
	border: 1.8px solid #665368 !important;

}

.active>.page-link {
	background-color: #F067F8 !important;
}

.pagination li {
	margin: 0 4px;
}

table.dataTable th,

table.dataTable td {
	padding: 18px 22px;
}

div.dt-scroll-body {
	border: unset !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
	text-align: start !important;
}

.select_box {
	border: 1.8px solid #665368;
	background-color: #66536869;
	padding: 12px 10px;
	color: #fff;
	opacity: 0.5;
}




/* model box css start */
.modal-content {
	border: 1.8px solid #CE67FF;
	background-color: #2b1d2c;
	padding: 10px 10px;
}

.modal.fade .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

/* model box css end */




/* #example_length label,#example_filter label {
	color: #fff;
} */
/* table css end */


/* new css add */
.otp_btn{
	border: 1.8px solid #665368;
	background-color: #66536869;
	border-radius: 6px;
	overflow: hidden;
}
.otp_btn input{
	padding: 10px 10px;
		border: unset;
		background-color: #66536800;

}
.otp_btn  .commonb_btn {
	padding: 10px 24px !important;
	border: 0;
	border-radius: 0;
	white-space: nowrap;
}

/* i have added binary tree design here */

/* start here  */

/* generation tree vue css start */
/*----------------genealogy-scroll----------*/

.genealogy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}
.genealogy-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e4e4e4;
}
.genealogy-scroll::-webkit-scrollbar-thumb {
    background: #212121;
    border-radius: 10px;
    transition: 0.5s;
}
.genealogy-scroll::-webkit-scrollbar-thumb:hover {
    background: #d5b14c;
    transition: 0.5s;
}

.genealogy-body {
    white-space: nowrap;
    overflow-y: hidden;
    padding: 50px;
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
}

.genealogy-tree {
    display: inline-block;
}

.genealogy-tree ul {
    padding-top: 20px;
    position: relative;
    padding-left: 0;
    display: flex;
    justify-content: center;
}

.genealogy-tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    flex: 1;
}

.genealogy-tree li::before, 
.genealogy-tree li::after {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 18px;
    border-top: 2px solid #ec64f7;
}

.genealogy-tree li::before {
    right: 50%;
}

.genealogy-tree li::after {
    left: 50%;
    border-left: 2px solid #ec64f7;
}

.genealogy-tree li:only-child::before, 
.genealogy-tree li:only-child::after {
    display: none;
}

.genealogy-tree li:first-child::before, 
.genealogy-tree li:last-child::after {
    border: 0 none;
}

.genealogy-tree li:last-child::before {
    border-right: 2px solid #ec64f7;
    border-radius: 0 5px 0 0;
}

.genealogy-tree li:first-child::after {
    border-radius: 5px 0 0 0;
}

.genealogy-tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid #ec64f7;
    width: 0;
    height: 20px;
}

.genealogy-tree li a {
    text-decoration: none;
    color: #ffffff;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
}

.genealogy-tree li a:hover+ul li::after, 
.genealogy-tree li a:hover+ul li::before, 
.genealogy-tree li a:hover+ul::before, 
.genealogy-tree li a:hover+ul ul::before {
    border-color:  #fbba00;
}

.member-view-box {
    padding-bottom: 10px;
    text-align: center;
    border-radius: 4px;
    position: relative;
}

.member-image {
    padding: 10px;
    width: 140px;
    position: relative;
    margin: auto; /* Centers the image horizontally */
}

.member-header {
    padding: 5px 0;
    text-align: center;
    background: rgb(20, 138, 255);
    color: #fff;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
}

.member-footer {
    text-align: center;
}

.member-footer div.name {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
}

.member-footer div.downline {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}


/* ending here */



/* COMMENTING THIS CODE AS ABOVE CODE IS WORKING FINE */

/* generation tree vue css start */
/*----------------genealogy-scroll----------*/

/* .genealogy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}
.genealogy-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e4e4e4;
}
.genealogy-scroll::-webkit-scrollbar-thumb {
    background: #212121;
    border-radius: 10px;
    transition: 0.5s;
}
.genealogy-scroll::-webkit-scrollbar-thumb:hover {
    background: #d5b14c;
    transition: 0.5s;
} */


/*----------------genealogy-tree----------*/
/* .genealogy-body{
    white-space: nowrap;
    overflow-y: hidden;
    padding: 50px;
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
}
.genealogy-tree{
  display: inline-block;
}
.genealogy-tree ul {
    padding-top: 20px; 
    position: relative;
    padding-left: 0px;
    display: flex;
    justify-content: center;
}
.genealogy-tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
}
.genealogy-tree li::before, .genealogy-tree li::after{
    content: '';
    position: absolute; 
  top: 0; 
  right: 50%;
    border-top: 2px solid #ec64f7;
    width: 50%; 
  height: 18px;
}
.genealogy-tree li::after{
    right: auto; left: 50%;
    border-left: 2px solid #ec64f7;
}
.genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before {
    display: none;
}
.genealogy-tree li:only-child{ 
    padding-top: 0;
}
.genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after{
    border: 0 none;
}
.genealogy-tree li:last-child::before{
    border-right: 2px solid #ec64f7;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.genealogy-tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
.genealogy-tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 2px solid #ec64f7;
    width: 0; height: 20px;
}
.genealogy-tree li a{
    text-decoration: none;
    color: #ffffff;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} */


/* ALREADY COMMENTED START */
/* .genealogy-tree li a:hover, 
.genealogy-tree li a:hover+ul li a {
	background: #c8e4f8;
	color: #000;
} */
/* ALREADY COMMENTED END */

/* .genealogy-tree li a:hover+ul li::after, 
.genealogy-tree li a:hover+ul li::before, 
.genealogy-tree li a:hover+ul::before, 
.genealogy-tree li a:hover+ul ul::before{
    border-color:  #fbba00;
} */

/*--------------memeber-card-design----------*/

/* .member-view-box{
    padding-bottom: 10px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    
} */
/* .member-image{
    padding:10px;
    width: 140px;
    position: relative;
} */
/* ALREADY COMMENTED START */
/* .member-image img{
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background-color :#fff;
    z-index: 1;
} */
/* ALREADY COMMENTED END */
/* .member-header {
  padding: 5px 0;
  text-align: center;
  background: rgb(20, 138, 255);
  color: #fff;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
}
.member-footer {
  text-align: center;
}
.member-footer div.name {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 5px;
}
.member-footer div.downline {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
} */





/* sign in page css start here */
.signup_form {
	background: #000000ad;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login_video {
	min-height: 100vh;
}

.input_bx select {
	color: #9d939e;
	font-weight: 900;
}

.col_chek_box input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.container input:checked~.checkmark {
	background-color: #372138;
}

.checkmark {
	position: absolute;
	top: 3px;
	height: 20px;
	width: 20px;
	background-color: #372138;
	border: 2px solid #665368;
	border-radius: 4px;
	left: -10px;
}

.col_chek_box input:checked~.checkmark:after {
	display: block;
}

.col_chek_box .checkmark:after {
	left: 5px;
	top: 2px;
	width: 6px;
	height: 10px;
	border: solid #665368;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.chek_box {
	width: fit-content;
	margin: auto;
}

.form-control:focus {
	color: #fff;
	border-color: #665368;
	background-color: transparent;
	outline: 0;
	box-shadow: unset;
}

.form_wapper input {
	color: #908990;
}

.form_wapper option {
	color: #000;
}

@media screen and (min-width: 320px) and (max-width: 575px) {
	.input_bx select {
		font-weight: 500 !important;
	}
}

@media screen and (min-width: 575px) and (max-width: 767px) {
	.input_bx {
		padding: 10px 0px !important;
		margin: 0px !important;
	}

	.input_bx select {
		font-weight: 500 !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.input_bx {
		padding: 12px 0px !important;
		margin: 0px !important;
	}

	.input_bx select {
		font-weight: 500 !important;
	}
}

/* sign in page css close here */






 /* scrollbar css  */

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #7e7e7e;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #7e7e7e;
  }


  .detail-view body{
    border-color: unset;
    border-style: 0 !important;
    border-width: 0;
}