/*Globals CSS Start*/

#page-view .sitemap-links a{
      display: block;
      color: #fff!important;
	}
body{
	background-color:var(--main-bg-color,#131313)!important;
	background-repeat: repeat-x;
	background-size: cover;
	height: auto;
	/*padding-bottom: 28px;*/
	margin: 0px;
}
/*add sourabh bcoz of want to text align middle in d-flex property*/
.d-flex{
	vertical-align: middle!important;
	align-items: center!important;
}
h1,h2,h3,h4,h5,h6,
a,p,label{
	color: var(--text-color-primary)!important;
}
span{
	color: var(--text-color-secondary)!important;
}
a:hover{
	/*color: #fff!important;*/
	color: var(--text-hover-color)!important;
}
a{
	text-decoration: none;
}
a.navbar-brand{
	margin-left:15px;
}
header{
	/*padding: 6px 17px;*/
}
header .navbar div.container-fluid{
	height: 40px;
}
header .navbar div.container-fluid a.navbar-brand,
header .navbar div.container-fluid .navbar-brand img{
	height: inherit;
}
a.navbar-brand{
	padding: 0;
}
/*button css*/
.btn-primary{
	/*background: #ff2b25;*/
	background: var(--btn-bg-color);
	/*border-color: #ff2b25;*/
	border-color: var(--btn-border-color)!important;
}
.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{	
	box-shadow: none;
	left: -6px;
	border-radius: 6px;
	font-size: 16px;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
	/*background: #ff2b25;*/
	background: var(--btn-hover-bg-color);
	/*border-color: #ff2b25;*/
	border-color: var(--btn-hover-bg-color);
}

.btn-primary.disabled, .btn-primary:disabled{
/*	background-color: #ff2b25!important;
	border-color: #ff2b25!important;*/
	background-color: var(--btn-disabled-bg-color)!important;
	border-color: var(--btn-disabled-bg-color)!important;
	box-shadow: none;
	left: -6px;
	border-radius: 6px;
	font-size: 16px;
	opacity: 0.7;
}
/*button css*/
button#ham:focus {
	outline: none;
	border: none;
	color: unset;
	box-shadow: unset;
}
button#ham {
	border: none;
	margin-right: 20px;
}
.font-img i.fa.fa-ellipsis-h, .mobile-sign-in-menu{
	display: none;
}
.mobile-sign-in-menu {
	position: absolute;
	top: 50px;
	z-index: 99;
	color: #ffffff;
	margin-left: -50px;
	list-style: none;
	background: rgb(35, 35, 35);
	padding-left: unset;
}

.btn-light, .col-md-6slider {
	display: none;
}
/*modal box common css added by varsha*/
.modal .modal-content{
	/*background-color: var(--commn-search-bg-color,#111111) !important;*/
}
.modal .modal-footer{
	border-top: none;
}
.modal .modal-header{
	border-bottom: none;
	background-color: var(--modal-header-bg-color) !important;
}
.modal-body,.modal-footer{
	background-color: var(--modal-body-bg-color) !important;
}
.modal .modal-dialog{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

/*modal box css  end */

 /*.col-md-6slider {
 	position: absolute;
    float: left;
    height: 100%;
    min-height: 1px;
    z-index: 99;
    }*/
/*.carousel-inner{
    z-index: 9;
}*/

/************* for scroll bar********************/
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
/*background: red; */
background: transparent;
}
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
/************* for scroll bar********************/

/*mobile responsive header start*/
@media (max-width: 767px){
	.d-flex a.nav-link {
		display: none;
	}
	.mobile-sign-in-menu a.nav-link
	{
		display: block;
	}
	i.fa.fa-ellipsis-h {
		font-size: 32px;
		color: #545454;
		margin-right: 15px;
		margin-top: 5px;
	}
	.font-img i.fa.fa-ellipsis-h{
		display: block;
	}
}

@media (max-width: 991px){
	.btn-light {
		display: block;
		background-color: #141c26;
		border-color: #141c26;
	}
	.btn-light:hover {
		display: block;
		background-color: #141c26;
		border-color: #141c26;
	}
	.col-md-6.side-img {
		display: none;
	}

/*.col-md-6 .slider .carousel .slide .carousel-inner{
	display: block;
}*/
}

/*mobile responsive header end*/


/*carousel start*/
/*.carousel-indicators{
	justify-content:right!important;
}*/
@media (max-width:650px){
	div#carouselExampleIndicators {
		/*display: none;*/
	}	
	#create-wallet-page{
		justify-content: flex-start!important;
	}
}
.carousel-indicators .chain-connector{
	margin-top: 17px;
	z-index: 10;
	margin-right: -66px;
	height: 5px;
	opacity: 0.7;
}
.carousel-indicators [data-bs-target] { 
	background-color: transparent;
	margin: 0;
	height: 19px;
	z-index: 2;
}
.carousel-item img{
	height: calc(100vh - 54px);

}
/*.col-md-6{
	padding: 0;
}*/
/*carousel end*/
/*Globals CSS End*/

/*welcome page css start*/
/*.main-section{
	height: 70vh;
}*/

.main-section{
	height: calc(100vh - 58px);
}
section.static-text.col-4{
	position: absolute;
	top: 146px;
	left: 90px;
}
.jumbotron{
	color: #fff;
	font-family: sans-serif;
	padding: 15px; /* Added by rohan 9-3-22 */
}

input.form-control,input.form-control::-webkit-input-placeholder, .form-control:focus { 
  /*color: #fff!important;
  background-color: #545353!important;*/
  border: none!important;
  box-shadow: none;
}
.form-control:focus{
	background-color: var(--input-bg-color)!important;
}
i.fa.fa-lightbulb-o{
	margin-left: 10px;
}
.center{
	margin-top: 17px;
	z-index: 10;
	margin-right: -66px;
	height: 5px;
	opacity: 0.7;
}
.carousel-indicators [data-bs-target] { 
	background-color: transparent;
	margin: 0;
	height: 19px;
	z-index: 2;
}
.carousel-indicators{
	justify-content:right!important;
}
label{
	/*background-color: gray;*/
	/*background-color: var(--main-bg-color);*/
	;
	/*padding-top: 10px;*/
	font-size: 14px;
	padding: 13px 17px;
}
.re-invent{
	background: #545454;
/*	margin: 1px 0px;*/
	/* padding: 8px 24px; */
	padding: 6px 12px; /* changed padding rohan 10-3-22 */
	border-radius: 6px 0px 0px 6px;
	font-size: 14px;
}

.static-text{
	border: solid 1px rgba(255, 255, 255, 0.05);
	/*background-color: #1c1c1c85;*/
	background-color: var(--secondary-bg-color);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 15px;
	border-radius:15px;
}

.jumbotron p{
	color: #fff !important;
}
.jumbotron p{
	color: #fff !important;
	font-size: 16px;
} 
.static-text .jumbotron p,.static-text .jumbotron h1{
	color: var(--label-color) !important;
}

.input-group.mb-3 {
	top: 10px;    
}

.input-group-prepend .btn{
/*	margin-top: 1px;*/
	border-radius: 0px 6px 6px 0px;
	color: var(--btn-txt-color)!important;
}

/*.blink-soft {
  animation: blinker 1.5s linear infinite;
}
.blink-soft:hover {
  animation: none; 
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}*/
/* Welcome page changes ends rohan */

@media (max-width: 370px){
	.re-invent, .input-group .input-group-prepend .btn { 
		font-size: 9px!important;
	}
}

@media (max-width: 675px){
	section.static-text.col-4 {
		min-width: 100%;
	}
	.jumbotron p{
		font-size: 14px;
	}
	.jumbotron h1 {
		font-size: 18px;
	}
	.jumbotron p.lead {
		font-size: 14px;
	}
	.re-invent { 
		font-size: 11px;
	}
	.input-group .input-group-prepend .btn {
/*		margin-top: 1px;*/
		font-size: 11px;
	}
	a.btn.btn-lg.btn-primary {
		width: 69px;
		height: 36px;
		font-size: 11px;
		padding: 0px;
	}
	section.static-text.col-4{
		padding: 10px;
	}
	.jumbotron {
		padding: 0px 70px 0px 5px;
	}
}
@media  (max-width: 1369px){
	section.static-text.col-4 {
		width: 60%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

/*welcome page css end*/

/*cloud register CSS Start*/
.main-section{
	position: relative;
	/*display: flex;
	align-items: center;*/
}
div#registration{
	padding: 0;
	top: 16%;
	left: 8%;
}
div#login{
	padding: 15px;
}

.position-absolute{
	position: absolute;
}



/* login page overlay start rohan 28-7-22 */

.login-for-img-overlay{
	position: absolute;
	inset: 0 0 0 0;
}

.login-for-vid-overlay .main-section{
	display: flex;
	align-items: center;             
}

.login-for-vid-overlay #login{
	border: solid 1px rgba(255, 255, 255, 0.05);
	background-color: #1c1c1c85;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	/*left: 15vw; bcoz of mobile view see not proper*/
}

.login-for-vid-overlay .login-form h5,
.login-for-vid-overlay .login-form .head-title,
.login-for-vid-overlay .login-form  .description {
	padding: 5px;
	padding-left: 10px;
	color: white !important;
}

.login-for-vid-overlay .silo-img{
	margin-left: 10px;
}

.login-for-vid-overlay .login-form .sign-up {    
	justify-content: space-around;
}

.login-for-vid-overlay #login{
	padding: 10px;
}

.login-for-vid-overlay input::placeholder{
	color: #9f9f9f;
}

.login-for-vid-overlay .verification{
	text-align: center;
}
/* login page  overlay end rohan 28-7-22 */

/* register page  overlay start rohan 28-7-22 */
.register-for-img-overlay{
	position: absolute;
	inset: 0 0 0 0;
}

.register-for-vid-overlay , #aside-box{
	border: solid 1px rgba(255, 255, 255, 0.05);
	background-color: #1c1c1c85;
	border: rgba(255, 255, 255, 0.05);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	/*height: 100vh;*/
}

.register-for-vid-overlay .registration-form h5, 
.register-for-vid-overlay .registration-form .head-title,
.register-for-vid-overlay .registration-form  .description {
	color: white !important;
	padding: 5px;
	padding-left: 10px;
}

.register-for-vid-overlay input::placeholder{
	color: #9f9f9f;
}

/* register page  overlay end rohan 28-7-22 */

/* create wallet page  overlay start rohan 28-7-22 */
.create-wallet-for-img-overlay{
	position: absolute;
	inset: 0 0 0 0;
}

/* create wallet overlay end rohan 28-7-22 */
/* create web3account overlay end rohan 28-7-22 */
.create-web3account-for-img-overlay{
	position: absolute;
	inset: 0 0 0 0;
}
/* create web3account overlay end rohan 28-7-22 */

/*#registration .registration-form{
	margin-left: 50px;
}*/
.form-floating.mb-3.form-group {
	margin-bottom: 10px!important;
}
#registration .registration-form .head-title h1{
	font-size:44px;
}
#registration .registration-form  .genesis-img{
	width: 158px;
	height: 158px;
	padding: 4px;
	outline: 7px solid #585858;
	/*opacity: 0.5;*/
	z-index: 1;
}
#registration .registration-form .sign-up{
	margin-top: 23px;
	display: flex;
	justify-content: center;
}
#registration .registration-form .sign-up .silo-img{
	margin:25px ;
}
#registration .registration-form .sign-up .type-input{
	margin:0 20px ;
}

#registration #user_image{
	cursor: pointer;
	display: block;
	height: 150px;
	width: 150px;
	opacity: 0 !important;
	position: absolute;
	bottom: -28px;
	z-index: 99999999;
	margin: 0 auto;
}

#registration .head-title .img-logo {
	height: 61px;
	margin-top: -17px;
}
#registration input.form-control,#login input,
#registration select,#login select,
#reset-password input,#forgot-password input,
#registration select,#forgot-password select,
#reset-password-form input{
	outline: 0;
	border-color: var(--theme-color-primary);
	color: var(--input-txt-color);
	background-color: var(--input-bg-color)!important;	
	width:100%;
	border-bottom: 1px solid #999!important;
}
#registration select{
	border: none!important;
	border-bottom: 1px solid #999!important;
}

/*#registration input,*/
#registration select,#login select,
#reset-password input,#forgot-password input,
#registration select,#forgot-password select{
	margin-top: 16px;
	padding: 0px 20px 5px;
	height: 55px;
}

#registration input.form-control,
#login input{
	height: auto;
}

/* #registration ::placeholder, */
#login ::placeholder{
	color: transparent !important;
}


#create-wallet-page .account-verification .phone_number,
#create-wallet-page .account-verification .form-select{
	display: inline;
	border: unset;
	width: 114px;
	color: var(--input-txt-color);
	background-color: var(--input-bg-color)!important;	
}

#create-wallet-page .account-verification #email_address{
	padding: 0px 20px 5px;
}

#create-wallet-page .account-verification .resent_otp_timer{
	/*padding-top: 5px;*/
	min-width: 100px;
}

#create-wallet-page .account-verification .phone-update,
#create-wallet-page .account-verification .email-update{
	display: inline;
	cursor: pointer;
}

#create-wallet-page .account-verification .phone-info,
#create-wallet-page .account-verification .email-info{
	margin-top: 1rem;
	/*display: flex;
	align-items: center;
	justify-content: space-between;*/
}

.form-control:focus{
	box-shadow: unset !important;
}

#registration option{
	color: white;
	color:  var(--text-color-primary);
	/*background-color: #050505;*/
	background-color: var(--input-bg-color);
}

#registration .form-text,
#registration .text {
	font-size: 12px;
	padding-left: 20px;
	color: var(--text-color-primary);
}

#registration #register-form .mint-silo-id,
#login #login-form .mint-silo-id,
#forgot-password #forgot-password-form .send-reset-link,
#reset-password-form .reset-password{
	text-align: center;
	padding: 25px 0;
}

.btn-launch{
	border-radius: 8px;
	border-style: none;
	/*background-color: #ff2e2e;*/
	background: var(--btn-bg-color);
	/*color: #ffff;*/
	color: var(--btn-txt-color);
	padding: 5px 25px;
	height: 40px;
	margin-bottom: 6px;
}

.reset-password-form-div #btn-reset-password{
	margin-top: 15px;
}


.btn-launch:focus-visible{
	outline: none;
}

.btn:focus{
	box-shadow: unset;
}

#avatar-camera:focus-visible ,
#avatar-camera:focus,
#avatar-picture:focus,
#avatar-picture:focus-visible {
	/*outline: unset !important;*/
	box-shadow: none;
}

#registration #register-form .btn-launch,
#login #login-form .btn-launch, 
#forgot-password #forgot-password-form .btn-launch,
#reset-password #reset-password-form .btn-launch{
	box-shadow: -6px 0px 0px -2px #5e5c5c;
}

#registration #register-form .mint-silo-id p,
#login #login-form .mint-silo-id p
#forgot-password #forgot-password-form .send-reset-link p{
	text-align: center;
	font-size: 14px;
}

#registration .middle-profilepic{
	text-align: center;
	margin-left: 10px;
	margin-top: -107px;
}

/* Auto fill text for register changes start rohan 12-3-22 */
/* Change the white to any color ;) */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
	transition: background-color 5000s ease-in-out 0s;		
	-webkit-text-fill-color: var(--input-txt-color) !important;
}

#username input:-webkit-autofill {
	background-color: #25252525 !important;

} 


/* Auto fill text for register changes ends */
/*carousel css for login page added by varsha  */

#registration  .carousel-item img{
	height: 89vh;
}
#registration .profilepic-deatils{
	position: relative;
}
.avtar_text{
	margin-left: 40px;
}
#register_page .avtar_text{
	margin-left: 0px!important;
	text-align: center;
}
.avtar_text h6{
	margin-top: 8px;
}
.avtar_text h5{
	margin-top: -8px;
	padding-left: 15px;
}
#register_page .avtar_text h5{
	padding-left: 0px!important;
}
#registration #avatar-picture,#registration #avatar-camera{
	z-index: 999;
	position: absolute;
	height: 24px;
	cursor: pointer;
	display: none;
}
#registration #avatar-camera{
	position: absolute;
	top: -125px;
	left: 50%;
	color: #fff;
	font-size: 24px;
	margin-left: -29px;
}
#registration #avatar-picture{
	margin-top: -40px;
	margin-left: 46px;
	color: #fff;
	font-size: 24px;
	
}
/*register page css added by varsha on 7 jun */
#cameraModal_user .dropdown .videoSource{
	/*color: #fff;*/
	color: var(--input-txt-color);
	/*background-color: #111;*/
	background-color: var(--secondary-bg-color);
	width: 310px;

}
#cameraModal_user .dropdown{
	position: absolute;
	left: 20%;
}
#cameraModal_user .dropdown ul.option-icon-list{
	margin-bottom: 0;
}
/*#registration #avatar-camera{
	bottom: 81px;
	position: absolute;
	margin-left: 54px;
	display: none;
}
#registration img#avatar-picture{
	margin-left: 56px;
	
	top: -56px;
	position: absolute;
}
*/
#registration .silo-img:hover #avatar-camera{
	display:block; 
}
#registration .silo-img:hover #avatar-picture {
	display:block;  
}
#registration .silo-img:hover  img{
	opacity: 0.5;
}

/* Register page css starts rohan 5-3-22 */
#password-error{
	background-color: #ff2e2d;
	padding: 11px;
	color: #fff !important;
	font-size: 12px;
	margin: 10px 0 0 45px;
	width: 80%;
}

span#phone_number-error, span#username-error{
	font-size: 12px;
	margin: 10px 0 0 45px;
}

/* Changes to button loader rohan 10-3-22 */
.btn-launch img{
	margin-top: -3px;
	width: 30px;
	margin-left: 5px;
}

.main-section .carousel .carousel-inner #background-video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#registration .hide {
	display: none;
}



#user_image_upload .page img {
	max-width: 100%;
}
#user_image_upload .page .box .options label,
#user_image_upload .page .box .options input{
	width:4em;
	padding:0.5em 1em;
}
/*removed by sourabh*/
#user_image_upload .picture{
	/*top:74px;
	left: 55px;*/
}

/* Register page css end rohan  */

/*snapshot modal button  added by varsha 10 march*/
.snapshot-button{
	align-items: center;
	gap: 6px;
}
/*user image input change css added by varsha 10 march*/
.pictureContainer .picture {
	width: 150px;
	height: 150px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	border-radius: 50%;
	overflow: hidden;
	/*position: absolute;*/
	/*top: 98%;*/
	/*left: 50%;*/
	/*-webkit-transform: translate(-50%, -50%);*/
	/*-moz-transform: translate(-50%, -50%);*/
	/*-o-transform: translate(-50%, -50%);*/
	/*transform: translate(-50%, -50%);*/
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.pictureContainer {
	position: relative;
	text-align: center;
	height: 200px;
}
.pictureContainer #userImagePreview {
	width: 150px;
	height: 150px;
	position: relative;
}
.pictureContainer .picture input[type="file"] {
	cursor: pointer;
	display: block;
	height: 150px;
	width: 150px;
	left: -4px;
	opacity: 0 !important;
	position: absolute;
	top: -4px;
	right: 0;
	margin: 0 auto;
}
/* End user image input change css added by varsha 10 march*/

.btn-toolbar li{
	list-style: none;
	margin-right: 12px;
}
input#user_image{
	color: #fff;
}

/* show and hide password rohan 13-3-22 */
.pass-input{
	position: relative;
}

#togglePassword , #toggleConfirmPassword{
	margin-left: -30px; 
	cursor: pointer;
	/*color: #fff;*/
	color: var(--icon-color);
}

/* password validation rohan starts 13-3-22 */
.pw-errors {	
	padding: 0;
	margin: 0;
	list-style-type:none;	
}


#registration-page #tooltip_info,
#create-wallet-page #tooltip_info,
#create-web3account-page .keyInfo,
#purchase-accesss .keyInfo{
	position:absolute;
	width:270px;
	padding:15px;
	background:#fefefe;
	font-size:14px;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
}


#create-web3account-page #tooltip_info,
#purchase-accesss #tooltip_info{
	width:370px;
	margin-left: -170px;
}

#registration-page .passInfo{	
	bottom:0px;
	left:30%;
	display:none;	
}

#tooltip_info .pwTitle {
	margin:0 0 10px 0;
	padding:0;
	font-size:.875em;
	color: black !important;
}

#tooltip_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}

.invalid-pw {
	background:url(../img/invalid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.valid-pw {
	background:url(../img/valid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}


/* country foucs blue rohan 13-3-22 */
#registration #country:focus {
	/* Provide a fallback style for browsers
	   that don't support :focus-visible */
	   /* background: transparent */
	   box-shadow: none;
	 }

/* password validation rohan ends 13-3-22 */

#reset-password-form .form-icon-right {
	left: auto;
	right: -1px;
}
#reset-password-form .form-icon {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	transform: translateY(-50%);
	width: calc(1rem + 24px);
	height: calc(1rem + 24px);
}


#registration .password-input,
#login .password-input,
#forgot-password .password-input,
#reset-password-form .password-input{
	position: relative;
}
#registration .password-input i,
#login .password-input i,
#forgot-password .password-input i,
#reset-password-form .password-input i{
	cursor: pointer;
	color: var(--icon-color);
	position: absolute;
	right: 6px;
	bottom: 10px;
	opacity: 0.8;
}

#reset-password-form .password-input i,
#login .password-input i,
#registration .password-input i{
	right: 10px;
	bottom: unset;
}

#cameraModal_user #camera_window_user{
	width: auto!important;
}
#cameraModal_user #camera_window_user,
#cameraModal_user #camera_window_user video{
	height: auto!important;
}
#cameraModal_user #camera_window_user video,
#cameraModal_user #snapshot_user img{
	width: -webkit-fill-available!important;
}

#create-wallet-page{    
	align-content: space-around;
}

#create-wallet-page,
#create-web3account-page,
#registration-page
{
	display: flex;
	justify-content: space-evenly;
	align-items: center;	
	min-height:calc(100vh - 58px);
}
#create-web3account-page{
	justify-content: initial;
	height: auto;
	align-items: unset!important;	
}
#login-page{
	display: flex;
	justify-content:center!important;
	align-items: center;
	height: inherit;
	gap: 16px;
}
#registration{
	padding:55px;
}

.absolute-registration{
	position:absolute ;
}

#triangle-right{
	margin: 89px;
	margin-left: -25px;
	padding: -36px;
	width: 0px;
	height: 0px;
	border-style: inset;
/*    border-width: 0 100px 173.2px 100px;
    border-width: 111px 0 111px 106.6px;*/
    border-width: 130px 0 130px 130.6px;
    border-color: transparent transparent #54545485 transparent; 
    float: left;
    transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -o-transform: rotate(315deg);
  }

  #triangle-right p{
  	text-align: left;
  	top: 40px;
  	left: -95px;
  	position: relative;
  	width: 90px;
  	height: 89px;
  	margin: 16px;
  	font-size: 16px;
  	transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  }

  #create-web3account-page #triangle-right p{
  	top: 54px;
  	left: -108px;
  	position: relative;
  	margin: 19px;
  	font-size: 14px;
  }


  #triangle-right p.create-wallet{
  	width: 10px;
  }

  #registration-page #triangle-right p{
  	width: 50px;
  }

  #aside-box{
  	padding: 20px;
  }

  #aside-box h3, #aside-box p{
  	font-weight: 300;            
  }

  #aside-box .head-title i,
  .info-text i{
  	font-size: 36px;
  	/*color: #323131eb;*/
  	color: var(--icon-color);
  	padding-right: 5px;
  }

  #aside-box .info-text i{
  	font-size: 22px;
  }

  #aside-box #carouselExampleControls .carousel-control-prev,
  #aside-box #carouselExampleControls .carousel-control-next{
  	align-items: flex-end;
  }

  .signup-slider{
  	max-width: 300px;
  }

  .view-on-blockchain .info-text{
  	margin-left: 15px;
  	font-size: 14px;
  }


  .view-on-blockchain a.blockchain-link{
  	/*color: #ff2e2e !important;*/
  	color: var(--icon-color)!important;
  	border-bottom: 1px solid #777777a3;
  }

  .view-on-blockchain .link{
  	padding: 30px;
  	text-align: center;
  }


  .view-on-blockchain .next{
  	text-align: center;
  	padding-top: 15px;
  }

/*#registration, #aside-box {
	border-top: solid 1px #404040;
	border-left: solid 1px #404040;
}*/

.registration-form .info-text {
	padding-left: 15px;
}

@media (max-width: 991px){
	@media (min-width: 992px) and (max-width: 1200px){
		#registration .registration-form {
			padding: 70px 0px 0px 50px;
		}
	}
	#triangle-right{
		display: none;
	}
	.absolute-registration{
		position: relative;
	}
	#registration-page,
	#login-page{
		display: block;
		flex-direction: column;
		gap: 10px;
		justify-content: space-evenly;
		height: auto;
	}
	#registration-page #aside-box,
	#login-page #aside-box{
		margin-bottom: 65px;
	}
	.signup-slider{
		max-width: unset;
	}

	#registration-page .three-slide{
		display: none;
	}
}

/* Mobile resolution register page css rohan starts 9-3-22 */

@media (max-width: 768px){
	#triangle-right{
		display: none;
	}
	#registration-page,
	#create-wallet-page,
	
	#login-page{
		flex-direction: column;
		gap: 10px;
	}
	#registration-page{
		justify-content: space-evenly;
		height: auto;
	}

	div#registration{
		max-height: unset;
		width: unset;
		padding: 5px;
		min-height: unset;
	}
	#registration, #aside-box {
		border-top: unset;
		border-left: unset;
	}
	#registration-page .three-slide{
		display: none;
	}
	#registration .registration-form {
		margin-left: 0px;
	}
	.absolute-registration{
		position: relative;
	}
	.registration-form .info-text {
		padding-left: unset;
	}
}


@media (max-width: 481px){

	#registration-page{
		flex-direction: column;
		gap: 10px;
	}
	#create-wallet-page .account-verification #email_address{
		padding: 0px 0px 5px;
	}
	#registration .registration-form {
		padding: 0px 5px 0px 5px;
		margin: 0 auto;
	}



	.description{
		margin-bottom: 0;
	}

	div#registration {
		position: unset;
	}
	.registration-form h5 {
		font-size: 16px;
		text-align: center;
	}
	
	#registration .info-text{
		text-align: center;
	}
	
	#registration .registration-form .head-title h1 {
		font-size: 28px;
		text-align: center;
	}
	p.description {
		font-size: 14px;
		text-align: center;
	}
	#registration .registration-form .sign-up {
		margin-top: 15px;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#registration .form-login {
		margin-top: 73px;
	}
	#registration .registration-form .genesis-img {
		width: 120px;
		height: 120px;
	}
	#registration button#btn-register{
		margin-top: 25px;
		margin: 10px auto;
		border-radius: 8px;
		border-style: none;
		background-color: #ff2e2e;
		color: #ffff;
		padding: 8px 0px;
		width: 130px;
		font-size: 14px;
		width: 51%;
		box-shadow: -6px 0px 0px -2px #5e5c5c;
	}

	.sign-up .silo-img{
		margin: 0 auto; /* changes to get image centered with specifity rohan 10-3-22 */
	}

	.middle-profilepic h6 , .middle-profilepic h2{
		font-size: 12px;
	}

	#registration .silo-img #avatar-picture, #registration .silo-img #avatar-camera {
		display:block;  
		font-size: 16px;
	}

	#registration .middle-profilepic {
		margin-left: 5px;
		margin-top: -80px;
	}
	/*added by varsha for  mobile responsive icons 11 march*/
	#registration .silo-img #avatar-camera{
		top: -115px;
		left: 55%;
	}
	.avtar_text{
		text-align: center;
		margin-left: unset;
	}
	#registration .silo-img #avatar-picture {
		margin-left: 35px;
	}
	#registration .silo-img img{
		opacity: 0.5;
	}
	.picture{
		margin-left: 75px;
	}

	/* end added by varsha for for mobile responsive icons*/

	#triangle-right{
		display: none;
	}

	.registration-form h5, .registration-form .head-title, .registration-form  .description {
		padding-left: unset;
	}

}



/* Mobile resolution register page css rohan  Ends */

/*carousel css end*/
/*cloud register CSS End*/

/* create wallet  start*/

#create-wallet-page{
	height:initial;
	padding: 16px;
}

#create-wallet-page #create-wallet img.rounded-circle.genesis-img,
#create-web3account-page #create-web3account img.rounded-circle.genesis-img {
	border: 5px solid #1e1d1e;
}

#create-wallet-page #create-wallet .square,
#create-web3account-page #create-web3account .square,
#purchase-accesss .user-image .square{
	border: 5px solid #8d8d8db3;
}
rounded-circle genesis-img
#create-wallet-page .wallet-create .head-title{
	position: relative;
}

#create-wallet-page .wallet-create .head-title h1,
#create-web3account-page #create-web3account .head-title h1{
	font-size: 56px;
	margin-bottom: unset;
}

#create-wallet-page #aside-box .wallet-create .info-slogan {
	font-size: 12px;
	font-weight: 100;
	padding-left: 11px;
	color: #efefefba!important;
}

#create-wallet-page #aside-box .create-wallet-link{
	padding: 15px 15px;
	padding-bottom: 0;
}

#create-wallet-page .btn-create-wallet,
#passwordModal .btn-create-wallet,
#create-web3account-page #aside-box .btn-otp,
.otp-form #forgot-pw-otp-verify{
	border-radius: 8px;
	border-style: none;
	/*background-color: #ff2e2ed4;*/
	background: var(--btn-bg-color);
	/*color: #efefefc4 !important;*/
	color: var(--btn-txt-color) !important;
	padding: 5px 20px;
	height: 30px;
	font-size: 12px;
}

/*#resend_forgot_pw_otp{	
	font-size: 14px;	
}*/

#login-page #aside-box .verifyOTP{
	display: flex;
	align-content: center;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	padding: 5px;
}

#create-wallet-page .user-public-key {
	padding-top: 10px;
}

#create-wallet-page .create-wallet-link p{
	/*padding-top: 10px;*/
	display: inline-block;
}

#create-wallet-page .user-public-key .copy-button,
#create-web3account-page .priKey .copy-button-pri,
#create-web3account-page .pubKey .copy-button{
	background-color: transparent;
	border: none;	
}

#create-wallet-page .user-public-key .copy-button .svg-copy,
#create-web3account-page .priKey .copy-button .svg-copy,
#create-web3account-page .pubKey .copy-button .svg-copy{
	height: 13px;
}

#create-wallet-page i{
	color: #fff;
}

#create-wallet-page .user-public-key .tooltip1,
#create-web3account .keys .priKey  .tooltip1,
#create-web3account .keys .pubKey .tooltip1,
#purchase-accesss .payment  .tooltip1 {
	position: relative;
	display: inline-block;
}

#create-wallet-page .user-public-key  .keyInfo,
#create-web3account-page .priKey  .keyInfo,
#create-web3account-page .pubKey .keyInfo,
#purchase-accesss .payment  .keyInfo{
	visibility: hidden;
	top: 35px;
	left: 50%;
	margin-left: -130px;
	z-index: 1;
	font-family: Open sans;
}

#create-wallet-page .user-public-key .h6,
#create-web3account-page .priKey .h6,
#create-web3account-page .pubKey .h6{
	color: #000!important;
}


#tooltip_info .definition{
	line-height: 1.2;
	color: #4d4d4d!important;
	margin-bottom: unset;
}


.wallet-create .keyInfo>span,
#create-web3account-page .keyInfo>span,
#purchase-accesss .payment  .keyInfo>span {
	/*color: #000;*/
	color: var(--text-color-primary);
}


#create-wallet-page .user-public-key .tooltip1:hover .keyInfo,
#purchase-accesss .head .tooltip1:hover  .keyInfo{
	visibility: visible;
}

.priKey .tooltip1:hover #tooltip_info,
.pubKey .tooltip1:hover #tooltip_info,
.paymentHead .tooltip1:hover  #tooltip_info{
	visibility: visible;	
}

#create-wallet-page .account-verification{
	position: relative;
	display: flex;
	flex-direction: column;
	/*padding: 10px;*/
}

/*#create-wallet-page .otp-code-utility{
	position: absolute;
	left: 25px;
}*/

#create-wallet-page .phone-verify,
#create-wallet-page .email-verify{
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

#create-wallet-page .phone-verification,
#create-wallet-page .email-verification{
	margin: 4px 0;
	/*background-color: var(--modal-header-bg-color);*/
	padding: 12px 8px;
}

#account-verification #otp-inputs > input,
#create-wallet-page #otp-inputs > input,
#create-web3account-page #otp-inputs > input,
#login-page #otp-inputs > input {
	outline: 0;
	border-bottom: 1px solid !important;
	border-width: 0 0 2px !important;
	/*border-color: #ff2e2e !important;*/
	border-color: var(--theme-color-primary)!important;
	/*color: white;*/
	color: var(--input-txt-color);
	/*background-color: #00000045;*/
	background-color: var(--input-bg-color);
	margin-top: 26px;
	width: 50px;
	text-align: center;
}

#account-verification #otp-inputs > input::-webkit-outer-spin-button,
#account-verification #otp-inputs > input::-webkit-inner-spin-button,
#create-wallet-page #otp-inputs > input::-webkit-outer-spin-button,
#create-wallet-page #otp-inputs > input::-webkit-inner-spin-button,
#create-web3account-page #otp-inputs > input::-webkit-outer-spin-button,
#create-web3account-page #otp-inputs > input::-webkit-inner-spin-button,
#login-page #otp-inputs > input::-webkit-outer-spin-button,
#login-page #otp-inputs > input::-webkit-inner-spin-button, 
#registration-page #phone_number::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

#account-verification input[type=number],
#create-wallet-page input[type=number],
#create-web3account-page input[type=number],
#login-page input[type=number], 
#registration-page input[type=number] {
	-moz-appearance: textfield;
	
}

#otp-verify #otp-inputs > input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#otp-verify input[type=number]{
	-moz-appearance: textfield;	
}

.invalid-input:focus{
	box-shadow: 0 0 0 .25rem rgba(255, 0, 0, 1) ;
}

@media (max-width: 768px){
	#create-wallet-page{
		text-align: center;
		height: initial;
	}

	#create-wallet-page #aside-box .wallet-create .info-slogan{
		right: 0;
		left: 0;
	}

	/*#create-wallet-page .account-verification .next{
		padding: 10px;
	}*/

	#create-wallet-page #aside-box .next .btn-create-wallet,
	#create-web3account-page #aside-box .btn-otp{
		font-size: 12px;
		height: 40px;
	}
	a.navbar-brand{
		margin-left: 10px!important;
	}
	button#ham {
		margin-right: 0px;
	}

}


/* Silo wallet create end*/

/* Create web3 account start */

#create-web3account-page .image-sets{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	gap: 30px;
}

#create-web3account .square{
	width: 165px;
	height: 165px;
}

#create-web3account .square img{
	width: 155px;
	height: 155px;
	object-fit: cover;	
}

#create-web3account-page #create-web3account .qr-code img{
	height: 180px;
}

#create-web3account-page #create-web3account .image-sets,
#create-web3account-page #create-web3account .keys{
	padding: 20px;	
}

#create-web3account-page #create-web3account .keys {
	padding: 15px;
	font-size: 20px;
	font-weight: bold;
}

#create-web3account-page #create-web3account .keys span.key{
	font-size: 16px;
	font-weight: 300;
	padding-right: 5px;
}


#create-web3account-page #create-web3account .pubKey .pub-key,
#create-web3account-page #create-web3account .priKey .pri-key{
	display: inline-block;
	font-size: 18px;
}

#create-web3account-page #create-web3account .pubKey strong{
	padding-right: 5px;
}

#create-web3account-page #aside-box .privatekey-verification .privatekey-verify{
	display: flex;
	align-items: center;
	justify-content: center;
}

#create-web3account-page #aside-box .get-privatekey-link{
	padding: 10px;
}

#create-web3account-page #aside-box .features-web3 ul{
	font-size: 15px;
	/*color: #fff;*/
	color: var(--text-color-primary);
	/*padding:5px;*/
}

#create-web3account-page #aside-box .features-web3 li {
	color: var(--text-color-primary);
	/*color:#fff;*/
	list-style:none;
	position: relative;
	padding-top: 7px;
	padding-left:30px;
	line-height: 2;
	font-size:16px;
	font-weight: 300;
}

#create-web3account-page #aside-box .features-web3 li:before {
	font-family:FontAwesome;
	content:"\f00c"; 
	position: absolute;
	left: 0;
	/*color:#fff;*/
	color: var(--text-color-primary);	
	font-size:16px;
}

#create-web3account-page #aside-box{
	position: relative;
}

#create-web3account-page #aside-box .payment-overlay .btn-launch{
	float: right;
}

#overlay-pricing-plans {
	overflow: auto;
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); 
	z-index: 2;
}


#overlay-pricing-plans .close {
	position: absolute;
	right: 20px;
	top: 80px;
	width: 32px;
	height: 32px;
	opacity: 0.6;
}

#overlay-pricing-plans .close:hover {
	opacity: 1;
}

#overlay-pricing-plans .close:before, #overlay-pricing-plans .close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
	background-color: var(--btn-txt-color);
}

#overlay-pricing-plans .close:before {
	transform: rotate(45deg);
}

#overlay-pricing-plans .close:after {
	transform: rotate(-45deg);
}

#overlay-pricing-plans a.buy_btn,#overlay-pricing-plans a.cta_try,
#overlay-pricing-plans a.buy_service_btn{
	padding: 7px 20px;
	/*background-color: #ff2e2ed4;*/
	background-color: var(--btn-bg-color);	
	border-radius: 15px;
}



#overlay-pricing-plans .price-details .see_btn{
	font-size: 12px;
	margin-top: 12px;
	display: block;
	margin-bottom: 1rem;
}

#overlay-pricing-plans .price-details .see_btn:hover{
	/*color: #ff2e2ed4!important;*/
	color: var(--btn-hover-txt-color)!important;
}

#overlay-pricing-plans .feature-ul{
	overflow: auto;
	height: 15vh;	
}

#pricing-plans .container {
	/*max-width: 1320px;*/
	max-width: 1440px;
	margin: 0 auto;
	/*padding: 0 2rem;*/
}

#pricing-plans .grid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
	gap: 4%;
	padding-top: 4%;
}

#pricing-plans .card {
	padding: 35px;
	background: rgba(255, 255, 255, 0.1);
	/*border: 2px solid rgb(75 75 75 / 44%);*/
	backdrop-filter: blur(10px);
	border-radius: 25px;
}

#pricing-plans .card .card-head {
	text-align: center;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
}

#pricing-plans .current-package{
	box-shadow: rgb(133 133 133 / 49%) 0px 5px 15px;
}

#pricing-plans .purchase-card .card-body{
	text-align: center;	
}

#pricing-plans .purchase-card .card-body p.act{
	font-size: 19px;
	margin-bottom: 0.5rem;
}

#pricing-plans .purchase-card .card-body .sub-text{
	font-size: 9px;
}

#pricing-plans .purchase-card .card-body .pricing {
	font-weight: normal;
	font-size: 36px;
}

#pricing-plans .pricing .small {
	font-size: 16px;
}

#pricing-plans .average-joe .card-body span{
	font-size: 20px;
}

#pricing-plans .features {
	list-style-position: inside;
	text-align: left;
	background-color: transparent;
}

#pricing-plans .features li {
	padding-bottom: 10px;
	color: white;
	color: var(--text-color-primary);

	font-size: 16px;
	/*background-color: transparent;*/
	background-color: var(--secondary-bg-color-op);
}

#pricing-plans a.cta_btn {
	width: 100%;
	display: inline-block;
	text-align: center;
	background: rgb(37 37 37 / 87%);
	border-radius: 29px;
	padding: 20px 0;
	/*color: white;*/
	color: var(--text-color-primary);
	text-decoration: none;
	letter-spacing: 2px;
	transition: background .3s ease;
}

#pricing-plans .buttons {
	display: flex;
	gap: 10px;
}

#pricing-plans a.cta_btn:hover {
	/*background: #323232c4;*/
	background: var(--btn-hover-bg-color);

}
#pricing-plans .link {
	position: fixed;
	background-color: #D12322;
	padding: 23px 40px;
	right: -99px;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
	transform: rotate(-90deg);
	font-size: 18px;
	font-weight: 500;
	/*color: #FFF;*/
	color: var(--text-color-primary);
	text-decoration: none;
	text-transform: capitalize;
	transition: all .1s ease-in-out;
}

#pricing-plans .link i {
	padding-left: 7px;
}

#pricing-plans .link:hover {
	text-decoration: underline;
	background-color: black;
}


#pricing-plans .text-red{
	/*font-size: 14px;*/
	color: var(--theme-color-primary) !important;
	text-align: center;
}

#pricing-plans .info .card_title{
	text-align: center;
	/*color: white;*/
	color: var(--text-color-primary);
}

#pricing-plans{
	border: solid 1px rgba(255, 255, 255, 0.05);
	background-color: #1c1c1c85;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);   
	position: absolute;
	inset: 0 0 0 0;   
/*	display: flex;
	justify-content: center;
	flex-direction: column;
*/}

	#pricing-plans .form-label{
		background-color: unset;
	}

	#pricing-plans .info{
		padding: 10px;
	}
	#pricing-plans .purchase-card{
		/*background-color: #000;*/
	} 

	@media (max-width: 1080px){ #create-web3account-page #triangle-right{display: none;} #pricing-plans .grid {	grid-template-columns: 1fr 1fr;	gap: 2%;padding:30px 0px;}}
	@media (max-width: 991px){ #create-web3account-page #create-web3account .image-sets{padding: 0px; gap: 15px} }
	@media (max-width: 768px){

		/*#create-web3account-page{
			text-align: center;
			height: unset;
		}*/

		#create-web3account-page #create-web3account .image-sets{	
			flex-direction: column;
		}

		#create-web3account-page  #aside-box .features-web3 ul{
			text-align: left;
			padding: 20px;
		}

	}
	@media (max-width: 540px){
		#pricing-plans .grid {
			grid-template-columns: 1fr!important;
			grid-template-rows: 1fr;
			gap: 2%;
			padding:60px 0px;
		}
		#create-wallet, #aside-box{
			width: 100%;
		}

		#pricing-plans{
			font-size: 16px!important;
			padding: 10px 0px;
		}
/*--sourabh--*/
	/*#pricing-plans .container {
		padding: 0 1rem;
	}*/

	#pricing-plans .card {
		padding: 30px;
	}

	#pricing-plans .features {
		margin-left: 65px;
	}


	#pricing-plans a.cta_btn {
		font-size: 11px;
	}	
}



/* Create web3 account end */


/*cloud forgot password CSS Start*/

#forgot-password #forgot-password-form{
	padding: 0px 80px;
}


/*cloud forgot password CSS End*/

/*cloud reset password CSS Start*/

#reset-password #reset-password-form{
	/*padding: 0px 60px;*/
}

#reset-password-form #newPassword-error ,#reset-password-form #confirmPassword-error {
	/* background-color: #ff2e2d; */
	padding: 9px;
	color: #fff !important;
	color: var(--text-color-primary);
	font-size: 9px;
	margin: 10px 0 0 15px;
	width: 80%;
	position: absolute;
	left: 0;
	top: 40px;
}


/*cloud reset password CSS End*/

#login #login-form{
	padding: 0px 60px;
}

#login #login-form .password-input .forgot-password{
	font-size: 11px;
	position: absolute;
	bottom: -18px;
	right: 5px;
}

#login .btn-verify-again,
#loginModal .btn-verify-again{
	background-color: transparent;
	color: var(--text-color-primary);
	text-decoration: underline;
	border: none;
}

/* cloud login responsive css starts rohan 3-6-22 */

@media (max-width: 475px){
	div#login{
		left: 0;
		padding: 10px;
	}
	#forgot-pw-otp-verify{
		font-size: 8px;
	}
	#login-page {
		margin-top: unset;
	}

}

@media (max-width: 540px){
	#create-web3account-page #create-web3account .pubKey .pub-key,
	#create-web3account-page #create-web3account .priKey .pri-key{
		display: inline-block;
		font-size: 16px!important;
	}
}
/* cloud login responsive css ends rohan 3-6-22 */

/*cloud login CSS End*/


/*cloud-home css start */
#cloud-home{
	background-image: url(../img/bg1.png);
	height: 100vh;
} 
#cloud-home .container{
	margin: 0 auto;
	text-align: center;
}
#cloud-home .logo img{
	width: auto;
	height: 80px;
} 
#cloud-home .form {
	position: relative
}

#cloud-home .form span {
	position: absolute;
	right: 17px;
	top: 5px;
	padding: 4px;
}

#cloud-home .left-pan {
	padding-left: 7px
}

#cloud-home .left-pan i {
	padding-left: 10px;
	color: #757575;
	font-size: 24px;
}

#cloud-home .form-input {
	height: 40px;
	text-indent: 12px;
	border-radius: 30px;
	border: none;
}

#cloud-home .form-input:focus {
	box-shadow: none;
	border: none
}
#cloud-home .row.height.d-flex.justify-content-center.align-items-center{
	margin-top: 25px;
}
#cloud-home .whitebg{
	background-color: #fff;
	width: 177px;
	height: 158px;
	border-radius: 11px;
	border-radius: 0px 0px 20px 20px;
	margin-top: 20px;
	margin-left: -12px;
}
#cloud-home .col-md-2 {
	position: relative;
	margin: 0px 28px;
	background-color: #cf0000;
	width: 177px;
	height: 220px;
	border-radius: 17px;
	box-shadow: 0px 0px 25px #000;;
}
#cloud-home img.la_dec {
	margin-top: 26px;
}
#cloud-home p{
	color: #fff;
	margin-top: 10px;
}
#cloud-home img.lb_dec {
	width: 173px;
	margin-top: 41px;
}
#cloud-home img.lc_dec {
	margin-top: 40px;
}
#cloud-home img.ld_dec {
	margin-top: 55px;
}
#cloud-home img.le_dec {
	margin-top: 55px;
}
#cloud-home .row.flex_service{
	margin-top: 100px;
}
#cloud-home .silo-data::after, .silo-digest::after,.wallet::after,.bank::after{
	content: "";
	background-image: url(../img/chain.svg);
	width: 85px;
	height: 25px;
	right: -69px;
	top: 85px;
	position: absolute;
	display: block;
	z-index: -1;
}
@media (max-width: 1429px){
	#cloud-home{
		height: 100%;
	}
}
@media (max-width: 1399px){
	#cloud-home .silo-data::after, .silo-digest::after,.wallet::after,.bank::after{
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 500px){
	#cloud-home .col-md-2{
		margin: 0px auto;
		margin-top: 26px;

	}
	.row.flex_service{
		flex-direction: column;
	}
}
@media (min-width: 501px) and (max-width: 767px){
	#cloud-home .col-md-2{
		margin: 0px 28px 20px;
	}
}
@media (max-width: 767px){
	.d-flex a.nav-link {
		display: flex;
		padding: 8px 10px;
	}
}
#cloud-home input.form-control{
	background-color: #fff;
	color: #757575;
}
@media (min-width: 768px) and (max-width: 1399px){
	.col-md-1{
		display: none;
	}
	#cloud-home .col-md-2 {
		margin-top: 20px;
	}
}
@media (max-width: 1399px){
	#cloud-home .row.flex_service{
		margin-top: 30px;
	}
}
.search-box{
	padding: 0px 16px;
}
/*cloud home CSS End*/

/*cloud account-verifictaion css start*/
#account-verification .btn1{
	font-family: 'Gothic A1';
	margin: 0px 9px;
	/*background-color: red;*/
	background-color: var(--btn-bg-color);
	/*color: white;*/
	color: var(--btn-txt-color);
	padding: 4px 14px;
	font-size: 20px;
	cursor: pointer;
	width:  140px;;
	/* aspect-ratio: auto 200/80; */
	height:40px;
	border-radius: 25px;
	border: none;

} 
#account-verification input {
	outline: 0;
	border-width: 0 0 2px;
	border-color: white;
	color: white;
	color: var(--input-txt-color);
	/* background-color: black; */
	background-color: transparent;
	margin-top: 26px;
	width:220px;
	text-align: center; /* Center otp input rohan 13-3-22 */
}
#account-verification P{
	font-size: 11px;
}
#account-verification .text-center img{
	margin-top: 26px;
}
#account-verification .container.text-center {
	margin-top: 40px;
}
/*cloud account-verifictaion css end*/

/*cloud otp css start*/
div#otp-verification {
	position: absolute;
	top: 10%;
	left: 20%;
}
.container-fluid{
	position: relative;
	padding: 0;
/*	height: inherit;*/
}
#otp-verification .square, 
#otp-verify .square,
#create-wallet .square,
#create-web3account .square {	
	border-radius: 50%;	
	margin: 0 auto;
}

#otp-verification .square, 
#otp-verify .square{
	border: 6px solid #ff2e2e;
}

#otp-verification .square, 
#otp-verify .square{
	width: 170px;
	height: 170px;
}


#otp-verification img.rounded-circle.genesis-img, 
#otp-verify img.rounded-circle.genesis-img, 
#create-wallet img.rounded-circle.genesis-img,
#purchase-accesss img.rounded-circle.genesis-img {
	margin: 4px;
}

#otp-verification img.rounded-circle.genesis-img, 
#otp-verify img.rounded-circle.genesis-img{
	border: 9px solid gray;
}

#otp-verification img.rounded-circle.genesis-img, 
#otp-verify img.rounded-circle.genesis-img,
#purchase-accesss img.rounded-circle.genesis-img{
	width: 135px;
	height: 135px;
	object-fit: cover;	
}

#purchase-accesss .paymentHead  img.rounded-circle.genesis-img{
	width: 70px;
	height: 70px;
}

#create-wallet img.rounded-circle.genesis-img{
	width: 200px;
	height: 200px;
	object-fit: cover;
	margin-top: 5px!important;
}

#create-wallet .square{
	width: 210px;
	height: 210px;
}


#otp-verification .container.text-center, #otp-verify .container.text-center{
	margin-left: 100px;
	margin-top: 32px;
}
#otp-verification .text, 
#otp-verify .text{
	text-align: center;
}
#otp-verification input {
	outline: 0;
	border-width: 0 0 2px;
	border-color: white;
	/*color: white;*/
	background-color: black;
	background-color: var(--input-bg-color);	
	margin-top: 26px;
	width: 220px;
}
#otp-verification button.btn1 {
	margin-top: 36px;
	border-radius: 25px;
	border-style: none;
	/*background-color: #ff2e2e;*/
	background-color: var(--btn-bg-color);
	/*color: #ffff;*/
	color: var(--btn-txt-color);
	padding: 2px 8px;
	width: 138px;
}
}
#otp-verification .col-md-6.otp-form {
	text-align: center;
}
#otp-verification .form-text {
	font-size: 7px;
	/*color: #fff;*/
	color: var(--text-color-primary);
	width: 184px;
}

#otp-verification .lock-shield {
	margin-top: 6px;
	margin-left: 26px;
}
#otp-verification .head-title h4{
	width: 170px;
}
#otp-verification .head-title p{
	font-size: 10px;
	margin-top: -10px;
	margin-left: 27px;
}
#otp-verification p{
	font-size: 13px;
	width: 177px;
}
@media (max-width: 475px){

	div#otp-verification{
		left: 25%;
	}
}

/*clous otp css end*/


/*clous otp css-verify start*/
div#otp-verify{
	position: absolute;
	top: 10%;
	left: 20%;
}

#otp-verify #otp-inputs > input{
	outline: 0;
	border-bottom: 1px solid !important;
	border-width: 0 0 2px !important;
	border-color: #ff2e2e !important;
	/*color: white;*/
	color: var(--input-txt-color);
	/*background-color: #00000045;*/
	background-color: var(--input-bg-color);
	margin-top: 26px;
	width: 50px;
	text-align: center;
}

#otp-verify .invalid-input:focus{
	box-shadow: 0 0 0 .25rem rgba(255, 0, 0, 1) ;
}

#otp-verify .square {
	border: 6px solid #ff2e2e;
	border-radius: 50%;
	width: 170px;
	height: 170px;
	margin: 0 auto;
}
#otp-verify img.rounded-circle.genesis-img {
	border: 9px solid gray;
	margin: 4px;
	width: 150px;
	height: 150px;
	margin-top: 0 auto;
}
#otp-verify .container.text-center{
	margin-left: auto;
	margin-top: 32px;
}
#otp-verify .text {
	color: #fff;
	font-style: italic;
	margin-top: 6px;
	margin-bottom: 23px;
}
#otp-verify .col-md-6.otp-verify-form {
	text-align: center;
}
#otp-verify .verificationicon img{
	width: auto;
	height: 60px;
}
#otp-verify button.btn1 {
	margin-top: 16px;
	border-radius: 20px;
	border-style: none;
	/*background-color: #ff2e2e;*/
	background-color: var(--btn-bg-color);
	/*color: #ffff;*/
	color: var(--btn-txt-color);
	padding: 6px 54px;
	text-transform: uppercase;
}
#otp-verify input {
	outline: 0;
	border-width: 0 0 2px;
	border-color: white;
	/*color: #ff2e2e;*/
	color: var(--input-txt-color);
	/*background-color: black;*/
	background-color: var(--input-bg-color);
	margin-top: 26px;
	width: 220px;
}
#otp-verify .whiteshield img{
	width: auto;
	height: 20px;
	margin-top: 12px;
}
#otp-verify p{
	margin-top: 6px;
}

#otp-verify .square img,.lock-shield img,.verificationicon img{
	margin-top: 26px;
}

/*clous otp-verify css end*/

/*clous otp-success css start*/
div#otp-success{
	position: absolute;
	top: 10%;
	left: 20%;
}
#otp-success .square {
	border: 6px solid #ff2e2e;
	border-radius: 50%;
	width: 170px;
	height: 170px;
	margin: 0 auto;
}
#otp-success img.rounded-circle.genesis-img {
	border: 9px solid gray;
	margin: 4px;
	width: 150px;
	height: 150px;
	margin-top: 0 auto;
}
#otp-success .container.text-center{
	margin-left: 100px;
	margin-top: 32px;
}
#otp-success .text {
	color: #fff;
	font-style: italic;
	margin-top: 2px;
	margin-left: 20px;
}
#otp-success .col-md-6.otp-success-form {
	text-align: center;
}
#otp-success .verificationicon img{
	width: auto;
	height: 60px;
}
#otp-success button.btn1 {
	margin-top: 4px;
	border-radius: 20px;
	border-style: none;
	/*background-color: #ff2e2e;*/
	background-color: var(--btn-bg-color);
	/*color: #ffff;*/
	color: var(--btn-txt-color);
	padding: 6px 54px;
}
#otp-success input {
	outline: 0;
	border-width: 0 0 2px;
	border-color: white;
	/*color: #ff2e2e;*/
	color: var(--input-txt-color);
	/*background-color: black;*/
	background-color: var(--input-bg-color);
	margin-top: 26px;
	width: 220px;
}
#otp-success p{
	font-size: 11px;
	margin-top: 6px;
}

#otp-success .square img,.lock-shield img,.verificationicon img{
	margin-top: 26px;
}


/*clous otp-success css end*/

/*scan-to-verify css start*/

#scan-to-verify .container-fluid{
	text-align: center;
}
#scan-to-verify .rounded-circle.genesis-img{
	width: 230px;
	height: 230px;
	padding: 7px;
	outline: 7px solid #ff2e2e;
	opacity: 0.5;
	z-index: 1;
}
#scan-to-verify img.scan-img{
	margin-left: 20px;
	margin-top: 68px;
	height: 66px;
}
#scan-to-verify p{
	margin-top: 90px;
	font-size: 12px;
}
#scan-to-verify .scan input{
	outline: 0;
	border-width: 0 0 2px;
	border-color: #7e7e7e;
	/*color: #fff;*/
	/*background-color: black;*/
	color: var(--input-txt-color);
	background-color: var(--input-bg-color);
	margin-top: 26px;
	width: 220px
}
#scan-to-verify img.qr-img{
	height: 150px;
	width: auto;
	margin-top: 48px;
	margin-left: 20px;
}
#scan-to-verify .page-text {
	font-size: 8px;
	margin-right: 21px;
}
#scan-to-verify .page {
	font-size: 9px;
	margin-right: 21px;
}
#scan-to-verify img.grayshield{
	height: 15px;
	margin-top: 22px;
}
#scan-to-verify .last-div {
	margin-top: -20px;
}
#scan-to-verify {
	margin-top: 75px;
}
.silo-logo:hover + .hover-img {
	display: block;
}
.hover-img {
	display: none;
}
#scan-to-verify #avatar-camera{
	position: absolute;
	top: -127px;
	left: 50%;
	margin-left: -29px;
	display: none;
}
#scan-to-verify #avatar-picture{
	margin: 0 auto;
	display: none;
}
#scan-to-verify .silo-logo:hover  #avatar-camera{
	display:block; 
}
#scan-to-verify .silo-logo:hover #avatar-picture {
	display:block;  
}
#scan-to-verify .middle-profilepic{
	position: absolute;
	margin-top: -135px;
	margin-left: 68px;
}
#scan-to-verify i.fa{
	font-size: 24px;
}
#scan-to-verify i.fa.fa-camera{
	margin-top: 82px;
}
@media (min-width: 320px) and (max-width: 425px){
	#scan-to-verify i.fa.fa-camera{
		margin-top: 94px;
		margin-left: 4px;
	}
	#scan-to-verify .middle-profilepic {
		margin-top: -104px;
		margin-left: 26px;
	}
	#scan-to-verify i.fa {
		font-size: 20px;
	}
	#scan-to-verify .rounded-circle.genesis-img {
		width: 140px;
		height: 140px;
	}
}
@media (max-width: 320px){
	#scan-to-verify p {
		margin-top: 64px;
		font-size: 10px;
	}
	#scan-to-verify img.scan-img {
		margin-left: 20px;
		margin-top: 48px;
		height: 50px;
	}
}
@media (min-width: 375px) and (max-width: 425px){
	#scan-to-verify p {
		margin-top: 52px;
	}
	#scan-to-verify img.scan-img {
		margin-top: 31px;
	}
}
@media (min-width: 320px) and (max-width: 375px){
	#scan-to-verify .page-text{
		font-size: 6px;
	}
	#scan-to-verify .scan input{
		width: 134px;
	}
	#scan-to-verify .page{
		font-size: 6px;
	}
	#scan-to-verify img.qr-img{
		margin-top: 40px;
	}
}
/*scan-to-verify css end*/

/*buy access css starts*/

.packageRow{
	align-items: center;
	justify-content:center;
	padding-inline: 10px;
	gap:20px;
}

.packageImage{
	.background-color: #171717;
}

.packageInfo{
	display: flex;
	justify-content: space-between;
	background-color: #171717;
	align-items: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}

#purchase-accesss .services,
#purchase-accesss .payment{
/*	margin-top: 25px;
	margin-bottom: -50px;*/
	background-color: #4c4c4c99;
	position: relative;
	/*top: -20px;*/
	/*padding: 0;*/
	background-color: #171717;
}

#purchase-accesss .btn-close:focus,
#purchase-accesss .btn-close:focus-within,
#purchase-accesss .btn-close:focus-visible{
	outline: none;
	box-shadow: none;
}

#purchase-accesss .services .head,
#purchase-accesss .payment .head{
	padding: 5px 10px 0;
}
/*removed by sourabh*/
/*#purchase-accesss{
	margin-top: 1rem;
}
*/
/* css to get package center of div */


#purchase-accesss .packageColumn {
	padding-block: 20px ;
	padding-inline:25px ;
}

#purchase-accesss .packageImage img{
	/*width: auto;*/
	width: min(100%, 35vw);
	/*max-height: 300px;*/
	height: auto;
	object-fit: cover;
}

@media (max-width: 768px) {
	#purchase-accesss .packageImage img{
		/*width: auto;*/
		width: max(100%, 30vw);
	}
}

.package .col-md-4,
.services .col-md-6{
	padding: 0;
}

.package .row{
	justify-content: space-around;
}
.package #icon{
	background-color: #ED3237;
	/*color: white;*/
	/*color: var(--text-color-primary);*/
	width: 23px;
	height: 23px;
	position: absolute;
	right: 3px;
	top: 30px;
	border-radius: 50%;
}

.package #icon i{
	font-size: 15px;
	padding-left: 4px;
	padding-bottom: 12px;
	font-family: FontAwesome!important;
	color: #fff;
	/*color: var(--icon-color);*/
}

.tooltip1 i{
	font-family: FontAwesome!important;
	/*color: #fff;*/
	color: var(--icon-color);	
}


#purchase-accesss .head{
	--bs-gutter-x: 0px;
	/*font-size: 18px;*/
	font-weight: 700;
}

.package .packageInfo {
	/*border: 1px solid #B90000;*/
	border-radius: 6px;
	box-shadow: 0 0 24px rgb(0 0 0 / 15%);
	/*background-color: #35353569;*/
	background-color: var(--secondary-bg-color);
}

.imageBlock{
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border: 1px solid transparent;
}

.imageBlock .infoButton, .package .pricing{
	padding: 10px;
}

#purchase-accesss .cancelSub{
	padding: 8px 10px;
	border: 1px solid #B90000;
	font-size: 11px;
	border-radius: 6px;
	/*background-color:#4f4e4e4d ;*/
	background-color: var(--btn-bg-color);
}

#purchase-accesss .cancelSub:hover{
	/*background-color:#B90000;*/
	background-color:var(--btn-hover-bg-color);
	/*color: #fff!important;*/
	color: var(--btn-hover-txt-color);!important;
	text-decoration: none;
}

#purchase-accesss .square{
	border-radius: 50%;
}

#purchase-accesss .pricing{
	text-align: center;
}

.package .custom-control-input:focus {
	box-shadow: none;
}

.renew .custom-control-label::before{
	background-color: transparent;
}


/*#purchase-accesss .serviceToken{
	background-color: #42424257;
	margin-top: 35px;
}*/

.gridPackageRow
{
	/*background-color: #4f4e4e4d;*/
	background-color: #4b4b4c;
	border-radius: 5px;
	align-items: center;
	margin: 0px 1px!important;
	/*min-height: 246px;*/ 
	/*commit by sourabh*/
}

.purchaseRow{
	justify-content: center;
	gap: 20px;
	padding-top: 20px;
}

.paymentRow{ 
	margin: 0px 1px!important;
	padding-bottom: 7px;
	/*background-color: #282828;*/
	background-color:#4b4b4c;
}

.gridPackage{
	background: #7e7d7d;
	border-radius: 5px;
	padding: 25px;
}

.singleService .logo-img{
	width: 30px;
	height: 30px;
	object-fit: cover;
	margin-bottom: 5px;
}

.serviceGrid{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	/*grid-template-rows: repeat(auto-fill, 100px);*/
	grid-template-rows: auto;
	grid-row-gap: 1em;
	grid-column-gap: 1em;
	padding: 25px;	
	min-height: 205px;
	font-size: 7px;
	/*border: 1px solid #4F4E4E;*/	
	/*background-color: var(--secondary-bg-color);*/
	/*box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);*/
	border-radius: 6px;
}

.serviceGrid p > i{
	padding: 6px;
}

@media (max-width: 976px){
	.serviceGrid{
		grid-template-columns: repeat(3, 1fr);
	}
	.gridPackage{
		padding: 5px;
	}
	.gridPackage h6{
		font-size: 12px;
	}
	.gridPackage .h3{
		font-size: 16px;
	}
	.gridPackage p{
		font-size: 12px;
	}	
}

@media(max-width: 768px){
	#purchase-accesss .row{
		gap: 14px;
	}
	.tokenCircleInfo  i{
		font-size: 1rem;
	}
	.paymentRow{
		gap: 20px;
	}
	.tokenCircleRow .donut-ring{
		width: 170px;
		height: 170px;
		margin: 0 auto;
	}
	#purchase-accesss .payment .rTokens{
		padding-block: 20px;
		text-align: center;
		/*font-size: 8px;*/
	}
	.rTokens #required_silo_tokens,
	.rTokens #auger_tokens{
		font-size: 12px;
		font-weight: 400;
	}
	.payment .tokenCircleRow > div:first-child{
		padding: unset;
	}
	.payment .tokenCircleRow > div:second-child{
		padding: unset;
	}
}

#purchase-accesss .btn-request-token{
	background-color: #070707;
	margin-left: 50px;
}


#purchase-accesss .payment{
	display: flex;
	flex-direction: column;
}

#purchase-accesss .payment .head{
	position: relative;
	display: inline;
}

#purchas_tokens i{
	color: var(--icon-color);
}

#purchas_tokens i:hover{
	color: var(--icon-hover-color);
}

#purchase-accesss .payment .siloTokens{
	border-radius: 6px;
	padding: 20px;
	background-color: var(--secondary-bg-color);
	/*background-color: #4f4e4e4d;*/
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
}

#available_tokens,
#wallet_balance{
	margin-bottom: 2px;
}


.paymentHead .keyInfo .h6{
	color: #000!important;
	color: var(--text-color-secondary);!important;
	font-size: 18px;	
}

#purchase-accesss .keyInfo{
	font-size: 14px;
	text-align: left;
}

#purchase-accesss .payment .tokenCircleInfo{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 2.5rem;
}
.tokenCircleRow > div:first-child{
	padding-left: 30px;
	padding-right: 0;
}
.tokenCircleRow > div:second-child{
	padding-left: 0;
}
.payment .tokenInfo .tokenamt,
.payment .payBox{
	text-align: center;
}

#purchase-accesss .payment .tokenCircleRow{
	align-items: center;
}

#purchase-accesss .payment .tokenCircleInfo p{
	font-size: 12px;
	margin-bottom: 2px;
}

.payment .rTokens{
	font-size: 12px;
/*	text-align: right;*/
	margin-inline: auto;
}

.rTokens #required_silo_tokens,
.rTokens #auger_tokens{
	font-size: 12px;
	font-weight: 500;
}

.rTokens .productpayWithSiloTokens{
	margin-top: 20px;
}

.summary-table{
	display: flex;
	justify-content: flex-start;
}

.summary-table td{
	padding: 0 10px;	
}

#purchase-accesss .services li{
	/*color: #fff;*/
	color: var(--text-color-primary);

}

#purchase-accesss .nav-tabs .nav-item.show .nav-link, #purchase-accesss .nav-tabs .nav-link.active,
#serviceSubscriptionModal .nav-tabs .nav-item.show .nav-link, #serviceSubscriptionModal .nav-tabs .nav-link.active {
	color: rgba(209,35,35,1)!important;
	background-color: unset;
	border-color: transparent;
	border-bottom: 1px solid rgba(209,35,35,1);
}

#purchase-accesss .nav-tabs .nav-link:focus, #purchase-accesss .nav-tabs .nav-link:hover {
	border-top:   transparent;
	border-right: transparent; 
	border-left: transparent
}

#purchase-accesss .custom-control-input:checked ~ .custom-control-label::before {
	/*color: #fff;*/
	color: var(--text-color-primary);
	border-color: #e14954;
	background-color: #e14954;
}

#purchase-accesss .btn-primary ,
#serviceSubscriptionModal .btn-primary{
	color: var(--btn-txt-color);
	background-color: var(--btn-bg-color);
	border-color: var(--btn-bg-color);
}

#purchase-accesss .btn-primary:hover,
#serviceSubscriptionModal .btn-primary:hover {
	color: var(--btn-hover-txt-color);
	background-color: var(--btn-hover-bg-color);
}

#purchase-accesss .btn-primary:disabled,
#serviceSubscriptionModal .btn-primary:disabled {
	/*background: #f24a4a ;*/
	background: var(--btn-disabled-bg-color) ;
}

#purchase-accesss .paymentpage{
	padding-top: 50px;
}


#purchase-accesss  .custom-control,
#serviceSubscriptionModal  .custom-control{
	display: inline-flex;
	min-height: 1.5rem;
	position: relative;
	z-index: 1;
	min-height: 1.5rem;
	padding-left: 5.5rem;
}

#purchase-accesss .custom-control-label,
#serviceSubscriptionModal .custom-control-label {
	background-color: unset;
	/*padding: unset*/
}

#serviceSubscriptionModal .modal-dialog{
	min-width: 40vw;
}

#serviceSubscriptionModal #ach-payment{
	min-width: 40vw;	
}

#purchase-accesss .custom-control-label,
#serviceSubscriptionModal .custom-control-label {
	font-size: 14px;
	line-height: 1.25rem;
	padding-top: 0.125rem;
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
	cursor: pointer;
	background-color: unset;
}


#purchase-accesss .custom-control-input,
#serviceSubscriptionModal .custom-control-input {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 1rem;
	height: 1.25rem;
	opacity: 0!important;
}

#purchase-accesss .payment-options{
	margin: 10px;
}

#purchase-accesss .form-control, 
#serviceSubscriptionModal .form-control, 
#purchase-accesss .form-control:disabled, 
#serviceSubscriptionModal .form-control:disabled, 
.form-control[readonly], 
.form-group input,
.form-group textarea,
#support-page .form-control,
#support-page .form-control:disabled,
#career-page .form-control,
#career-page .form-control:disabled{
	/*background-color: #000;*/
	background-color: var(--input-bg-color);
	opacity: 1 !important;
	border: none;
	/*color: #ffff;*/
	color: var(--input-txt-color);
	/*border-bottom: 1px solid #8c8c8c; */
	outline: none;
}

#resume_cv::file-selector-button{
	background-color: var(--input-bg-color);
	color: var(--input-txt-color);
	border-color: var(--commn-border-color);
}

#purchase-accesss .form-label,
#serviceSubscriptionModal .form-label{
	background-color: unset;
}

#serviceSubscriptionModal #username,
#loginModal #username,
#loginModal #password,
#serviceSubscriptionModal #password{
	width: 100%;
}

#serviceSubscriptionModal #username::placeholder,
#loginModal #username::placeholder,
#loginModal #password::placeholder,
#serviceSubscriptionModal #password::placeholder,
#package-auth-form #password::placeholder {
	padding: 3px;
}
#serviceSubscriptionModal #paypal-button{
	color: #fff;
}
#serviceSubscriptionModal{
	min-width: 50vw;
}
#service-auth-form .form-group{
	text-align: unset;
}
#service-auth-form .password-input{
	position: relative;
}
#service-auth-form #togglePassword{
	position: absolute;
	top: 5px;
	/*right: 5px;*/
	margin-left: -20px;
}
#purchase-accesss .purchase-card{
	/*background-color: #1c1c1c85;*/
	background-color: var(--secondary-bg-color);
}

#purchase-accesss .modal-dialog .modal-content .modal-header {
	align-items: center;
}

.persona-modal-close {
	background: transparent;
	color: var(--white) !important;
	border: none;
	cursor: pointer;
	font-size: 18px;
	padding: 0;
}

#purchase-accesss .modal .modal-dialog{
	height: auto;
}

#purchase-accesss .modal .modal-header{
	/*background-color: #3d3d3d66;*/
	background-color: var(--modal-header-bg-color);
}

#purchase-accesss .d-flex{
	display: flex;
}

#purchase-accesss .justify-content-center{
	justify-content: center;
}

#purchase-accesss .align-items-center{
	align-items: center;
}

#purchase-accesss .wizard .plans-steps {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: transparent;		
	padding-left: 15%;
}

#purchase-accesss .wizard > div.wizard-inner {
	position: relative;
	margin-bottom: 50px;
	margin-top: 15px;
	text-align: center;
}

#purchase-accesss .connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 30%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 15px;
	z-index: 1;
}

#purchase-accesss .wizard .nav-tabs > li.active > a,#purchase-accesss .wizard .nav-tabs > li.active > a:hover, #purchase-accesss .wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

#purchase-accesss span.round-tab {
	width: 32px;
	height: 32px;
	line-height: 30px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #7a7474!important;
	font-weight: 500;
	border: 1px solid #ddd;
}

#purchase-accesss span.round-tab i{
	color:#555555;
}

#purchase-accesss .wizard li.active span.round-tab {
	background: #951515;
	color: #fff!important;
	border-color: #951515;
}

#purchase-accesss .wizard li.active span.round-tab i{
	color: #5bc0de;
}

#purchase-accesss .wizard .nav-tabs > li.active > a i{
	color: #951515;
}

#purchase-accesss .wizard .nav-tabs > li {
	width: 39%;
}

#purchase-accesss .wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: red;
	transition: 0.1s ease-in-out;
}

#purchase-accesss .wizard .nav-tabs > li a {
	width: 30px;
	height: 30px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
	background-color: transparent;
	position: relative;
	top: 0;
}

#purchase-accesss .wizard .nav-tabs > li a i{
	position: absolute;
	top: -15px;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	left: 50%;
	transform: translate(-25%, -50%);
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

#purchase-accesss .wizard .nav-tabs > li a:hover {
	background: transparent;
}

#purchase-accesss .wizard .tab-pane {
	position: relative;
	padding-top: 20px;
}

#purchase-accesss .wizard h3 {
	margin-top: 0;
}

#purchase-accesss .disabled {
	pointer-events: none;
}

#purchase-accesss .planCard{
	background-color: #000;
	color: #fff!important;
}

#purchase-accesss .btn-outline-primary {
	border-color: #ff2b25;
	color: #ff2b25;
}

#purchase-accesss .btn-outline-primary:hover {
	background-color: #ff2b25;
	border-color: #ff2b25;
}

#purchase-accesss .btn-outline-primary:not(:disabled):not(.disabled):active {
	background-color: #ff2b25;
	border-color: #ff2b25;
}

#purchase-accesss .btn-outline-primary.focus, .btn-outline-primary:focus{
	box-shadow: unset!important;
}

#purchase-accesss .btn-outline-primary.focus, .btn-outline-primary:focus-visible{
	outline: unset;
}

#purchase-accesss .modal-body{
	/*margin-top: 20px;*/
}

#purchase-accesss .modal-content .custom-control-input:checked ~ .custom-control-label::before,
#serviceSubscriptionModal .modal-content .custom-control-input:checked ~ .custom-control-label::before{		
	background-color: #ff2b25 !important;
	border-color: #ff2b25 !important;
}

#purchase-accesss label{
	/*padding: 0;
	padding-top: 0.125rem;*/
	font-size: 17px;
	background-color: unset;
}

#purchase-accesss .custom-control, 
#serviceSubscriptionModal .custom-control {
	display: inline-flex;
	min-height: 1.5rem;
	padding-left: 50px;
}

#serviceSubscriptionModal .custom-control{
	padding-left: 30px;	
}

@media (min-width: 762px) and (max-width: 976px){
	#purchase-accesss .cancelSub{
		font-size: 7px;
	}
}
/*buy access css end*/

/* common background to pages with video */
#create-wallet , #aside-box, #create-web3account, #purchase-accesss{
	border: solid 1px rgba(255, 255, 255, 0.05);
	/*background-color: #1c1c1cb5;*/
	background-color: var(--main-bg-color);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 
}

#create-wallet , #aside-box, #create-web3account{          
	padding: 15px;
}
.create-wallet-main-sec .carousel-inner .one-back-img{
	height:calc(100vh - 56px);;
}
.create-wallet-main-sec .carousel-inner{
	height: auto!important;
}

/* T&C pages starts */
#page-view{
	color: #000!important;
}

#page-view h1, #page-view h2, #page-view h3, #page-view h4, #page-view h5, #page-view h6, #page-view a, #page-view p, #page-view label, #page-view span{
	color: #000!important;	
}

#page-view .container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

#page-view .bottom-section{
	background-color: #424242;
}

#page-view .top-section{
	height: 200px;
}

#page-view .top-section{
	display: flex;
	place-content:center;
}

#page-view .top-section .title{
	margin: 20px auto;  
}

#page-view .top-section .title h1{
	margin-bottom: 20px
}

#page-view .top-section .title h1,
#page-view .top-section .title span{
	color: #fff !important;
}

#page-view .top-section .title span{
	background-color: #424242;
	padding: 10px 20px;
	border-radius: 20px;

}

#page-view .page-content {
	margin:-70px auto 0;
	padding:10px;
	color: #fff!important;
}

#page-view .page-content .desc p,
#page-view .page-content .entry h4,
#page-view .page-content .entry p
{
	color: #fff!important;
}

#page-view .page-content .desc-text p{
	font-size: 16px;
	padding: 6px;
	color: #fff!important;
}

#page-view .bottom-section .page-content .entry{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;   
} 
/* T&C pages end */

@media (max-width: 428px){
	#purchase-accesss{
		top: 40px;
	}
	#purchase-accesss .custom-control{
		padding-left: unset;
	}
}



.w-100px{
	width: 100px;
}
.h-100px{
	height: 100px;
}
.register-form .info-text {
	padding-left: 56px;
}
.avtar_text h5{
	padding-left: 18px!important;
}
.slidem {
	overflow: hidden;
	text-align: center;
	min-width: 90px;
	color: rgba(255, 255, 255, 0.9);
}
.thisis {
	display: inline-block;
	vertical-align: middle;
	max-height: 300px;
	max-width: 300px;
	margin-top: 20px;
}
/*sourabh*/
/*#aside-box{
	min-height: 300px;
	min-width: 300px;
}*/

.thisis .slide{
	/*overflow: hidden;*/
}
.three-slide{
	text-align: center;
}
@media(max-width: 320px) and (max-width: 767px){
	.three-slide{
		margin-top: 60px;
	}
}
.percent{
/*	font-size: 54px;*/
	color: var(--text-color-primary)!important;
}
.reg-text{
	font-size:18px;	
}
.line{
	color: #fff;
}
/*@media (min-width: 320px) and (max-width: 767px){
	div#registration{
		max-width: 400px!important;
		max-height: 890px;
	}
}*/

/*about us page css start divya*/
#aboutus-page .tab-content,
#dao-page .tab-content {
	text-transform: uppercase;
	/*color: #ffffffe6;*/
	color: var(--text-color-primary);
	font-size: 14px;
}
#aboutus-page .tab-content p,
#dao-page .tab-content p{
	font-size: 18px;
}
#aboutus-page .mission p,
#dao-page .mission p{
	font-size: 25px;
	font-weight: 600;
}
#aboutus-page .title_caption,
#dao-page .title_caption{
	margin-top: 64px;
	margin-bottom: 40px;
}
@media (min-width: 320px) and (max-width: 767px){
	#aboutus-page .title_caption,
	#dao-page .title_caption {
		/* margin-left: 50px; */
	}
}
#aboutus-page .jumbotron,
#dao-page .jumbotron{
	border: 1px solid #818181;
	/* width: 425px;*/
	height: inherit !important;
	line-height: 22px ;
	box-shadow: 0px 10px #00000040;
	border-radius: 11px;
	margin: 0 auto;
	max-width: 900px;
}
#aboutus-page .para,
#dao-page .para{
	margin-top: 7px;
}
#aboutus-page .para p,
#dao-page .para p  {
	font-size: 16px;
	margin-left: 30px;
}
@media (min-width: 320px) and (max-width: 500px){
	#aboutus-page .jumbotron{
		height: 760px;
	}
}
@media (min-width: 501px) and (max-width: 767px){
	#aboutus-page .jumbotron{
		height: 600px!important;
	}
}
@media (min-width: 768px) and (max-width: 993px){
	#aboutus-page .jumbotron{
		height: 470px!important;
	}
}
/*about us page css end*/
/*dao page css start added by varsha*/
#dao-page .title_caption{
	margin-top: 40px;
	text-align: center;
}
#dao-page .jumbotron{
	height: 523px!important;

}
#dao-page img.dao_dfd{
	height: 448px!important;
}
#dao-page #carouselExampleControls .control-next,
#dao-page #carouselExampleControls .control-prev{
	position: absolute;
	bottom: 0;
}
#dao-page #carouselExampleControls .carousel-control-next,
#dao-page #carouselExampleControls .carousel-control-prev{
	position: absolute;
	left: 43%;
	height: 503px;
}
#dao-page #carouselExampleControls .fa {
	font-size: 40px;
}
/*dao us page css end*/

/*Support page css start divya*/
#support-page .form-support{
	display: flex;
}
#support-page .tab-content {
	text-transform: uppercase;
	color: #ffffffe6;
	font-size: 14px;
}
#support-page .tab-content p{
	font-size: 18px;
}
#support-page .mission p {
	font-size: 25px;
	font-weight: 600;
}
#support-page .title_caption {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px){
	#support-page .title_caption {
		/* margin-left: 50px; */
	}
}
#support-page .form-support{
	border: 1px solid #434343;
	/*height: 460px;*/
	box-shadow: 10px 10px 10px 10px #00000040;
	border-radius: 11px;
	margin: 0 auto;
	/*max-width: 900px;*/
}
#support-page .feel p {
	font-size: 18px;
	font-weight: 500;
	/*margin: 20px 30px;*/
	margin-top: 20px;
}
#support-page .name-form input, .email-form input, .contact-form input, .tell-form input{
	background: transparent;
	border: none;
	border-bottom: 2px solid #404040;
	margin: 20px 30px;
	/*color: #fff;*/
	color: var(--input-txt-color);
	font-size: 18px;
}
#support-page .name-form input, .email-form input, .contact-form input, .tell-form input{
	outline: unset!important;
	width: 70%;
}
#feedback_form{
	text-align: center;
}
.feel{
	text-align: center;
}
#support-page .send-gray .btn {
	/*padding: 8px 140px;
	background: #404040;
	background: var(--btn-bg-color);
	border: none;
	font-size: 20px;
	margin: 20px 30px;*/
}
#support-page .address span {
	font-size: 18px;
	/*color: #666666!important;*/
	color: var(--text-color-secondary)!important;
}
#support-page .address{
	margin: 20px 30px;
}
#support-page .address p{
	font-size: 18px;
}
#support-page .email-support span {
	font-size: 18px;
	color: var(--text-color-secondary)!important;
}
#support-page .email-support{
	margin: 20px 30px;
}
#support-page .email-support p{
	font-size: 18px;
}
@media (min-width: 320px) and (max-width: 767px){
	#support-page .form-support{
		display: block;
	}
	#support-page .form-support{
		height: 780px;
	}
	#support-page .send-gray .btn {
		padding: 8px 95div#registrationpx;
	}
	#support-page .vl {
		border-right: none;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#support-page .form-support{
		height: 495px;
	}
	#support-page .send-gray .btn{
		margin: 20px 12px;
	}
}
#support-page .vl {
	border-right: 1px solid #404040;
}
#support-page .btn-primary:active:focus{
	box-shadow: none;
}
/*Support page css end*/

/*career page css start divya*/
#career-page .creative-txt {
	text-transform: uppercase;
	color: #ffffffe6;
	font-size: 14px;
}
#career-page .creative-txt p{
	font-size: 18px;
}
.description-title {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px){
	#career-page .description-title {
		/* margin-left: 50px; */
	}
}
#career-page .curiosity{
	border: 1px solid #434343;
	/*height: 300px;*/
	box-shadow: 10px 10px 10px 10px #00000040;
	border-radius: 11px;
	margin: 0 auto;
	/*max-width: 900px;*/
}
#career-page .curiosity{
	display: flex;
	align-items: center;
}
#career-page .devotion p {
	font-size: 16px;
	margin: 20px 30px;
}
#career-page .vl {
	border-right: 1px solid #404040;
}
#career-page .silo-address, .career-support{
	margin: 20px 30px;
}
#career-page .joining{
	font-size: 20px;
	margin: 20px 30px;
}
#career-page .cv{
	font-size: 16px;
	margin: 20px 30px;
}
#career-page .email_silo{
	font-size: 17px;
	margin: 20px 90px;
	font-weight: 700;
}
@media (min-width: 320px) and (max-width: 767px){
	#career-page .curiosity{
		display: block;
	}
	#career-page .curiosity{
		height: 600px;
	}
	#career-page .email_silo{
		margin: 20px 30px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#career-page .curiosity{
		height: 420px;
	}
	/*#career-page .send-gray .btn{
		margin: 20px 12px;
	}*/
}
.apply-button{
	text-align: center;
	padding: 30px;
}
.btn-primary:active:focus{
	box-shadow: none;
}
#career-page .name-form input, .email-form input, .contact-form input, .apply-file input{
	background: transparent;
	border: none;
	border-bottom: 2px solid #404040;
	margin: 20px 30px;
	/*color: #fff;*/
	color: var(--input-txt-color);
	font-size: 18px;
}
#career-page .name-form input, .email-form input, .contact-form input:focus-visible{
	outline: unset!important;
}
#career-page .CV {
	margin: 0px 12px;
	background: transparent;
	color: #676767!important;
}
#career-page input#formFileSm {
	color: #545454;
	background: transparent!important;
}
/*career page css end*/

/*register loader css rohan 14-5-22*/
/*loader css*/
.Siloloader {
	position: absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	background: none!important;
}

.Siloloader .Siloloader-message{
	min-width: 400px;
	position: absolute;
	top: 30px;
	left: -185px;
	background: none;
}

.Siloloader .dot {
	-webkit-animation-name: movement;
	animation-name: movement;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	height: 10px;
	position: absolute;
	top: -10px;
	transform: translate3d(0, -25px, 0) scale(1);
	width: 10px;
}
.Siloloader .dot:nth-of-type(1) {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
	left: 150px;
}
.Siloloader .dot:nth-of-type(1)::before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
.Siloloader .dot:nth-of-type(2) {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
	left: 150px;
}
.Siloloader .dot:nth-of-type(2)::before {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}
.Siloloader .dot:nth-of-type(3) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
	left: 125px;
}
.Siloloader .dot:nth-of-type(3)::before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.Siloloader .dot:nth-of-type(4) {
	-webkit-animation-delay: -1.4s;
	animation-delay: -1.4s;
	left: 125px;
}
.Siloloader .dot:nth-of-type(4)::before {
	-webkit-animation-delay: -1.4s;
	animation-delay: -1.4s;
}
.Siloloader .dot:nth-of-type(5) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	left: 100px;
}
.Siloloader .dot:nth-of-type(5)::before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.Siloloader .dot:nth-of-type(6) {
	-webkit-animation-delay: -1.6s;
	animation-delay: -1.6s;
	left: 100px;
}
.Siloloader .dot:nth-of-type(6)::before {
	-webkit-animation-delay: -1.6s;
	animation-delay: -1.6s;
}
.Siloloader .dot:nth-of-type(7) {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
	left: 75px;
}
.Siloloader .dot:nth-of-type(7)::before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.Siloloader .dot:nth-of-type(8) {
	-webkit-animation-delay: -1.8s;
	animation-delay: -1.8s;
	left: 75px;
}
.Siloloader .dot:nth-of-type(8)::before {
	-webkit-animation-delay: -1.8s;
	animation-delay: -1.8s;
}
.Siloloader .dot:nth-of-type(9) {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	left: 50px;
}
.Siloloader .dot:nth-of-type(9)::before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.Siloloader .dot:nth-of-type(10) {
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	left: 50px;
}
.Siloloader .dot:nth-of-type(10)::before {
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
.Siloloader .dot:nth-of-type(11) {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
	left: 25px;
}
.Siloloader .dot:nth-of-type(11)::before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.Siloloader .dot:nth-of-type(12) {
	-webkit-animation-delay: -2.2s;
	animation-delay: -2.2s;
	left: 25px;
}
.Siloloader .dot:nth-of-type(12)::before {
	-webkit-animation-delay: -2.2s;
	animation-delay: -2.2s;
}
.Siloloader .dot:nth-of-type(13) {
	-webkit-animation-delay: -1.3s;
	animation-delay: -1.3s;
	left: 0px;
}
.Siloloader .dot:nth-of-type(13)::before {
	-webkit-animation-delay: -1.3s;
	animation-delay: -1.3s;
}
.Siloloader .dot:nth-of-type(14) {
	-webkit-animation-delay: -2.4s;
	animation-delay: -2.4s;
	left: 0px;
}
.Siloloader .dot:nth-of-type(14)::before {
	-webkit-animation-delay: -2.4s;
	animation-delay: -2.4s;
}
.Siloloader .dot:nth-of-type(15) {
	-webkit-animation-delay: -1.5s;
	animation-delay: -1.5s;
	left: -25px;
}
.Siloloader .dot:nth-of-type(15)::before {
	-webkit-animation-delay: -1.5s;
	animation-delay: -1.5s;
}
.Siloloader .dot:nth-of-type(16) {
	-webkit-animation-delay: -2.6s;
	animation-delay: -2.6s;
	left: -25px;
}
.Siloloader .dot:nth-of-type(16)::before {
	-webkit-animation-delay: -2.6s;
	animation-delay: -2.6s;
}
.Siloloader .dot:nth-of-type(17) {
	-webkit-animation-delay: -1.7s;
	animation-delay: -1.7s;
	left: -50px;
}
.Siloloader .dot:nth-of-type(17)::before {
	-webkit-animation-delay: -1.7s;
	animation-delay: -1.7s;
}
.Siloloader .dot:nth-of-type(18) {
	-webkit-animation-delay: -2.8s;
	animation-delay: -2.8s;
	left: -50px;
}
.Siloloader .dot:nth-of-type(18)::before {
	-webkit-animation-delay: -2.8s;
	animation-delay: -2.8s;
}
.Siloloader .dot:nth-of-type(19) {
	-webkit-animation-delay: -1.9s;
	animation-delay: -1.9s;
	left: -75px;
}
.Siloloader .dot:nth-of-type(19)::before {
	-webkit-animation-delay: -1.9s;
	animation-delay: -1.9s;
}
.Siloloader .dot:nth-of-type(20) {
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
	left: -75px;
}
.Siloloader .dot:nth-of-type(20)::before {
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
}
.Siloloader .dot:nth-of-type(21) {
	-webkit-animation-delay: -2.1s;
	animation-delay: -2.1s;
	left: -100px;
}
.Siloloader .dot:nth-of-type(21)::before {
	-webkit-animation-delay: -2.1s;
	animation-delay: -2.1s;
}
.Siloloader .dot:nth-of-type(22) {
	-webkit-animation-delay: -3.2s;
	animation-delay: -3.2s;
	left: -100px;
}
.Siloloader .dot:nth-of-type(22)::before {
	-webkit-animation-delay: -3.2s;
	animation-delay: -3.2s;
}
.Siloloader .dot:nth-of-type(23) {
	-webkit-animation-delay: -2.3s;
	animation-delay: -2.3s;
	left: -125px;
}
.Siloloader .dot:nth-of-type(23)::before {
	-webkit-animation-delay: -2.3s;
	animation-delay: -2.3s;
}
.Siloloader .dot:nth-of-type(24) {
	-webkit-animation-delay: -3.4s;
	animation-delay: -3.4s;
	left: -125px;
}
.Siloloader .dot:nth-of-type(24)::before {
	-webkit-animation-delay: -3.4s;
	animation-delay: -3.4s;
}
.Siloloader .dot:nth-of-type(25) {
	-webkit-animation-delay: -2.5s;
	animation-delay: -2.5s;
	left: -150px;
}
.Siloloader .dot:nth-of-type(25)::before {
	-webkit-animation-delay: -2.5s;
	animation-delay: -2.5s;
}
.Siloloader .dot:nth-of-type(26) {
	-webkit-animation-delay: -3.6s;
	animation-delay: -3.6s;
	left: -150px;
}
.Siloloader .dot:nth-of-type(26)::before {
	-webkit-animation-delay: -3.6s;
	animation-delay: -3.6s;
}
.Siloloader .dot::before {
	-webkit-animation-name: size-opacity;
	animation-name: size-opacity;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	background: white;
	border-radius: 50%;
	content: "";
	display: block;
	height: 100%;
	width: 100%;
}
.Siloloader .dot:nth-of-type(even)::before {
	background-color: #ed3237;
	box-shadow: inset 0 0 4px #ed3237;
}
@keyframes movement {
	0% {
		transform: translate3d(0, -25px, 0);
		z-index: 0;
	}
	50% {
		transform: translate3d(0, 25px, 0);
		z-index: 10;
	}
	100% {
		transform: translate3d(0, -25px, 0);
		z-index: -5;
	}
}
@keyframes size-opacity {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	25% {
		transform: scale(1.5);
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 0.35;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
/*end loader css*/

/*register css end*/

/*Auth css starts rohan 15-6-22*/

#passwordModal .modal-content{
	width: 85%;
	border: none;
}

#passwordModal .modal-footer{
	justify-content: center;
}

#passwordModal .modal-title span{
	font-size: 14px;
	color: #ffffffa6 !important;
}

#passwordModal .auth-form #password{
	/*width: 350px;*/
	width: 100%;
}

#passwordModal .auth-form #password:focus-visible{
	outline: none;
}

#password::placeholder {
	/*padding-left: 5px !important;*/
}

/*Auth css ends rohan 15-6-22*/

/* Back button css on purchase access page rohan 17-6-22 */
.infoText{
	position: relative;
}
div.backBtn {
	/*width: 75px;*/
	/*left: 10px;*/
	/*top: 55px;*/
	/*background-color: #f4f4f4;*/
	transition: all 0.4s ease;
	/*position: fixed;*/
	position: absolute;
	cursor: pointer;
}
.backBtn a{
	background-color: #545454!important;
	color: #fff;
	border-radius: 10px;
	padding: 4px 8px;
	border: none;
	text-decoration: none
}

span.line {
	bottom: auto;
	right: auto;
	top: auto;
	left: auto;
	background-color: #333;
	border-radius: 10px;
	width: 100%;
	left: 0px;
	height: 2px;
	display: block;
	position: absolute;
	transition: width 0.2s ease 0.1s, left 0.2s ease, transform 0.2s ease 0.3s, background-color 0.2s ease;
}

span.tLine {
	top: 0px;
}

span.mLine {
	top: 13px;
	opacity: 0;
}

span.bLine {
	top: 26px;
}

.label {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 100%;
	text-align: center;
	transition: all 0.4s ease;
	font-size: 1em;
}

div.backBtn:hover span.label {
	left: 25px
}

div.backBtn:hover span.line {
	left: -10px;
	height: 5px;
	background-color: var(--icon-color);
}

div.backBtn:hover span.tLine {
	width: 25px;
	transform: rotate(-45deg);
	left: -15px;
	top: 6px;
}

div.backBtn:hover span.mLine {
	opacity: 1;
	width: 30px;
}

div.backBtn:hover span.bLine {
	width: 25px;
	transform: rotate(45deg);
	left: -15px;
	top: 20px;
}
/* Back button css on purchase access page rohan 17-6-22 */

/**********************donut ring*/
.donut-ring {
	position: relative;
	width: 150px;
	height: 150px;
}

.ring {
	position: absolute;
	width: 50%;
	height: 50%;
}

.ring.red {
	top: 0;
	left: 0;
	background-color: red;
	border-radius: 100% 0 0 0;
}

.ring.blue {
	top: 0;
	right: 0;
	background-color: blue;
	border-radius: 0 100% 0 0;
}

.ring.orange {
	bottom: 0;
	left: 0;
	background-color: orange;
	border-radius: 0 0 0 100%;
}

.ring.green {
	bottom: 0;
	right: 0;
	background-color: green;
	border-radius: 0 0 100% 0;
}

.cutout {
	width: 90%;
	height: 90%;
	background-color: #171717;
	position: absolute;
	top: 5%;
	left: 5%;
	border-radius: 50%;
	pointer-events: none;
}

/*privacy police css add divya 24-6-2022*/
#page-view .card {
	background: #000;
}
/*privacy police css end*/

/* toggle between services and packages rohan 25-6-22 */

.service-lable{
	padding: 7px 17px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4a4a4a;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: var(--btn-bg-color);;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}


/*Register button*/
@keyframes redPulse {
	0% { 
		/*border: 1px solid red;*/
		border-color: transparent;
		-webkit-box-shadow: 0 0 0 red;
	}
	20% {
		/*border: 2px solid darkred;*/
		border-color: red;		
		-webkit-box-shadow: 0 0 24px darkred;
	}
	40% {
		/*border: 2px solid darkred;*/
		border-color: darkred;
		-webkit-box-shadow: 0 0 36px darkred;
	}	
	80% {
		/*border: 2px solid darkred;*/
		border-color: red;				
		-webkit-box-shadow: 0 0 24px darkred;
	}
	100%{
		/*border: 2px solid darkred;*/
		border-color: transparent;		
		-webkit-box-shadow: 0 0 darkred;
	}
}

#next-button {
	-webkit-animation-name: redPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	background-color: var(--btn-bg-color);
	box-shadow: var(--main-bg-color);
}

/*Alerts Css rohan 21-7-22*/
.alert {
	position: relative;
}

#alertMessage{
	width: auto;
	height: 20%;
}

.alert .close {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 1em;
}

.alert .fa {
	margin-right:.3em;
}

/*sourabhpatil*/
@media (max-width: 640px){
	#cameraModal_user .dropdown{
		position: absolute;
		left: 0%;
		top: 10%;
	}
	#create-web3account-page #aside-box .privatekey-verification .privatekey-verify,.phone-verify-mobileview,#create-wallet-page .email-verify{
		display: block!important;
		align-items: center;
		justify-content: center;
	}
	#create-web3account-page #aside-box .privatekey-verification .privatekey-verify button{
		margin-top: 14px;
	}
	h2{
		font-size: 24px!important;
	}
	.box-2{
		margin: 0 auto!important;
	}

}

/*for pricing purchase*/
#create-web .plan-inner {
	background: var(--main-bg-color);
}
/*#create-web .plan-inner h5, #create-web .plan-inner h6, #create-web .plan-inner p, #create-web .plan-inner span{
      color: #000!important;
    }*/
    .entry-title {
    	background: #53CFE9;
    	position: relative;
    	text-align: center;
    	color: #fff;
    	margin-bottom: 30px;
    }
    .entry-title .price {
    	position: absolute;
    	bottom: -50px;
    	background: var(--secondary-bg-color);
    	height: 120px;
    	width: 120px;
    	margin: 0 auto;
    	left: 0;
    	right: 0;
    	overflow: hidden;
    	border-radius: 50%;
    	border: 5px solid var(--main-bg-color);
    }
    .entry-title .price h4{
    	padding-top: 40px;
    }
    .entry-content{
    	color: #000!important;
    	text-align: center;
    	margin-top:40px;
    	padding: 8px;
    }
    .entry-content img{
    	width: 30px;
    	height: 30px;
    	/*filter: brightness(0);*/
    	margin: 0px 4px;
    }
    /*sourabh*/
    /*.btn {
    	padding: 3em 0;
    	text-align: center;
    }*/

    .btn a {
    	background: #323232;
    	padding: 10px 30px;
    	color: #fff;
    	text-transform: uppercase;
    	font-weight: 700;
    	text-decoration: none
    }
    .web-overlay{
    	position: absolute;
    	background-color: var(--secondary-bg-color);
    	opacity: 1;
    	top: 0px;
    	left: 0px;
    	width: 92%;
    	color: #fff;
    	border-radius: 10px;
    	padding: 10px 4px;
    	z-index: 9;
    	height: 160px;
    	overflow-y: scroll;
    }
    .web-overlay tr{
    	padding: 5px 0px;
    }
    .web-overlay td{
    	margin: 10px 0px;
    }
     #create-wallet img.rounded-circle.genesis-img{
     	margin: 0px!important;
     }
    @media (max-width: 840px){
    	#purchase-accesss img.rounded-circle.genesis-img{
    		width: 100px;
    		height: 100px;
    	}
    	#create-wallet img.rounded-circle.genesis-img{
    		width: 170px;
    		height: 170px;
    	}
    	#create-wallet .square{
    		width: 180px;
    		height: 180px;
    	}
    }

    .dark-mode .modal-content,  .modal-content{
    	/*background-color: rgb(22 21 30 / 62%) !important;*/
    	background-color: var(--modal-body-bg-color) !important;
    }
    .dark-mode .modal-content, .modal-content, .dark-mode .modal-header, .modal-header{
    	border-radius: 12px 12px 0px 0px!important;
    }


    ul#iti-0__country-listbox {
        background: var(--bg-color-1);
        border: 0;
    }

	.iti__flag {background-image: url("../img/flags.png");}

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.iti__flag {background-image: url("../img/flags@2x.png");}
	}

	#registration .custom-control-input{
		outline: 0;
		border-color: var(--theme-color-primary);
		color: var(--input-txt-color);
		background-color: var(--input-bg-color)!important;	
		height:1em;
		width:1em;
	}

	#registration .custom-control-input:checked{
		outline: 0;
		border-color: var(--theme-color-primary);	
		background-color: var(--theme-color-primary)!important;
	}

	#registration .custom-control-input:focus {
		outline: 0;
	}

	#registration .tnc-form>label{
		padding:unset;
	}

	/*theme changes*/
	.modal-body a,.modal-body h6{
/*		color: var(--modal-input-txt-color)!important;*/
		color: var(--text-color-primary)!important;
	}
	/*#register-form .form-group label, #login-form .form-group label,#try-auth-form .form-group label,#feedback_form .form-group label,#feedback_form .form-group label{*/
	.form-group label{
		color: var(--label-color)!important;
	}

	/*.static-login-page{
		position: absolute;
		top: 50%;
		left: 0rem;
		transform: translateY(-45%);
		width: 100%;
	}*/
	@media (min-width: 1024px){
		#create-wallet-page #otp-inputs > input{
			width: 40px!important;
		}
		#create-wallet-page #aside-box,#create-web3account-page #create-web3account{
			min-height: 520px;
		}
		#aside-box{
			/*display: flex;*/
			vertical-align: middle;
			align-items: center;
		}
		
		#create-web3account-page{
			align-content: space-around;
		}
	}
	@media (min-width: 640px){
		#create-wallet-page{
			display: flex;
			align-items: center;
			vertical-align: middle;
			flex-direction: row;
			grid-gap: 16px;
			height: calc(100vh - 56px);
			padding: 0px;
		}
		/*#new-landing-page{
			height: 58px;
		}*/
		.summary-table{
			display: flex;
			justify-content: flex-end;
		}
		/*.static-login-page{
			transform: translateY(-50%);
		}*/
	}
	.tawk-custom-color{
		background-color: var(--theme-color-primary)!important;
	}
	.text-new-theme{
		color: var(--theme-color-primary)!important;
		font-weight: bold;
	}
	/*.new-red-theme .btn-primary:hover{
		color: #F40404!important;
		background: rgb(47 47 48)!important;
		border-color: rgb(32 33 34)!important;
	}*/
	.login-text{
		font-size: 20px!important;
		font-weight: 600!important;

	}
	#password::-webkit-input-placeholder{
		font-size: 12px!important;
	}