.login_bg{


    background: url(https://flc.billioninfotech.com/assets/frontend/img/back.jpg);
    background-size: cover	;
    background-repeat: no-repeat;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
	overflow:scroll;


}



.login_bg  .registration-form{
	    	background: radial-gradient(ellipse at center, #443501 0%,#000000 100%);
}
/* .login_bg .registration-form{
	box-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 8px #eba735, 0 0 11px #eba735, 0 0 32px #eba735, 0 0 130px #000000;
    border-radius: 10px;
	-webkit-animation: blink 0.7s infinite alternate;
  animation: blink 0.7s infinite alternate;
}
 @-webkit-keyframes blink {
  100% {
    box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #eba735,
      0 0 30px #eba735, 0 0 50px #eba735;
  }
}

@keyframes blink {
  100% {
    box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #eba735,
      0 0 30px #eba735, 0 0 50px #eba735;
  }
} */



@property --angle {
	syntax: "<angle>";
	initial-value: 90deg;
	inherits: true;
}

@property --gradX {
	syntax: "<percentage>";
	initial-value: 50%;
	inherits: true;
}

@property --gradY {
	syntax: "<percentage>";
	initial-value: 0%;
	inherits: true;
}



:root {
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	 --c1: rgba(255, 255, 255, 1);
	--c2: rgba(255, 255, 255, 0.1); 
	/* --c1: rgba(168, 239, 255, 1);
	--c2: rgba(168, 239, 255, 0.1); */
}

.wrapper {
	min-width: min(100%, 100%);
}

.box {


	border: 0.35rem solid;
	
	border-image: conic-gradient(
			from var(--angle),
			var(--c2),
			var(--c1) 0.1turn,
			var(--c1) 0.15turn,
			var(--c2) 0.25turn
		)
		30;
	animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
	border-image: radial-gradient(
			ellipse at var(--gradX) var(--gradY),
			var(--c1),
			var(--c1) 10%,
			var(--c2) 40%
		)
		30;
	animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}























.nk-block.blocks-col .card.grd{
    border-radius: 5px;
    border-left: 2px solid #d0a044;
    border-bottom: 0px solid #d0a044;
    background: #010314;
    
}
.nk-refwg-invite.card-inner {
    padding-bottom: 4em !important;
    padding-top: 4em !important;
    border-radius: 15px;
    border-top: 2px solid #d0a044;
        background: radial-gradient(ellipse at center, #443501 0%,#000000 100%);
}
.nk-wg-card.card.nobg {
    
    border-radius: 20px;
	    background: radial-gradient(ellipse at center, #443501 0%,#000000 100%) !important; 
}
.nk-left-col {background: none !important;}
/* .nk-header.nk-header-fluid.nk-header-fixed.is-theme {
    border-top: 3px solid #ca8c16 !important;
    background: #010314;
    box-shadow: 0px 16px 80px 0px rgba(102, 77, 255, 0.10);
    border-radius: 30px 30px 0px 0px;
} */

.nk-iv-wg1-info.title{
    color: #ff5e73 !important; 
    display: inline-block;
    border-radius: 40px;
    border: 1.5px solid #ff5e73 ;
    background: #010314;
    box-shadow: 0px 0px 10px 0px rgb(98 32 55);
    padding: 8px 18px;
    font-size: 16px;
    margin-right: 10px;
}
.nk-block-head-sub span label{
	font-size: 14px;
	 color: #ff5e73  !important;
} 
.btn-primary {
    background: #fffdf9 !important;
background-color: #a58726 !important;}
/* .nk-aside.toggle-screen-lg{
	    background: #060818;
/*     background: radial-gradient(378.23% 100.08% at 50% 18.33%, rgba(0, 0, 0, 0.00) 21.67%, #010314 83.34%, #FFF 100%); */
} */
.btn-primary, .card-preview .card-inner #DataTables_Table_0_wrapper .dataTables_paginate .paginate_button a

 {
    border-radius: 100px !important;
    border: 1.5px solid #fff !important;
    background: #010314 !important;
    box-shadow: 0px 0px 10px 0px rgb(255 188 51 / 71%) !important;
}
.card-preview .card-inner #DataTables_Table_0_wrapper .dataTables_paginate .paginate_button a {
    padding: 9px 20px;
    margin-right: 10px;
}
.greengrd {
	border: 1.5px solid #2A2B3A !important;
    background: #010314 !important;
    box-shadow: none !important;;
}
.nk-iv-wg2-amount.ui-v2{    color: #f02e61 !important;}

.cust_bg .card.nobg {
	box-shadow: none;
}

.nk-content-body .card-preview{
	border: none;
    background: no-repeat;
    box-shadow: none;
}
.nk-content-body .card-preview .card-inner, .profile_bg .content-area, .profile_bg .account-info {
   border-radius: 5px;
    border-left: 2px solid #d0a044;
    box-shadow: 0px 16px 80px 0px rgb(201 139 22 / 21%);
    background: rgb(17 18 22) !important;
}

.dark-mode .form-control, .dark-mode .custom-file-label .content-area.card {
    border: 3px solid #454957;
    background: #121427 !important;
  
}
.package_bg {
    background: url(https://nxg.billioninfotech.com/assets/frontend/img/rm380-20.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}
.package_bg .grdbg{    background: none;}
.package_bg .dark-mode .modal-content{
	    border-radius: 50px;
    border-top: 2px solid #d0a044;
    background: radial-gradient(217.23% 100.08% at 50% 18.33%, rgb(10 11 33 / 91%) 21.67%, #ca8c16 83.34%, #FFF 100%);
}
.nkp_bg .modal-content, #address-success .modal-content{
       border-radius: 15px;
    border-left: 2px solid #d0a044;
    background: rgb(17 18 22) !important;
}
.user-account-info, .dropdown-inner, .dark-mode .dropdown-menu{
	background: #060818;
}

.registration-form .form-group button{
	color:#fff;
}
.registration-form .form-group button:hover {
    color: #EBA834;
}