.auth-wrap 
{
	width: 100%;
    padding: 24px;
    height: 100%;
	min-height: 100vh;
	background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.auth-cover 
{
    width: 480px;
    margin: 48px auto 0;
}

.auth-cover .auth-head 
{
    font-size: 28px;
    font-weight: 700;
    color: var(--black);
    text-align: center;
}

.auth-sign-wrap 
{
    margin-top: 48px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px;
}

.auth-glogin 
{
    background-color: #fff;
    width: 100%;
    display: flex;
    padding: 14px 0;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 16px;
}

.auth-glogin span
{
    font-size: 20px;
    font-weight: 500;
    color: var(--black);	
}

.auth-sso-login 
{
    background-color: #fff;
    width: 100%;
    display: flex;
    padding: 14px 0;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 16px;
}

.auth-sso-login span
{
    font-size: 20px;
    font-weight: 500;
    color: var(--black);	
}

.auth-sign-wrap a 
{
    text-decoration: none;
}

.or-divide {
    display: flex;
    justify-content: center;
	position:relative;
}

.or-divide span {
    color: #475467;
    font-size: 16px;
    font-weight: 400;
}

.or-divide::before 
{
    content: '';
    position: absolute;
    width: 30%;
    background-color: #CCCCCC;
    height: 2px;
    left: 0;
    top: 50%;
}

.or-divide::after 
{
    content: '';
    position: absolute;
    width: 30%;
    background-color: #CCCCCC;
    height: 2px;
    right: 0;
    top: 50%;
}

.auth-box 
{
    padding: 32px;
    background-color: #fff;
	margin-bottom: 24px;
	margin-top: 34px;
    border-radius: 6px;
}

.auth-box .form-group {
    display: flex;
    flex-direction: column;
	margin-bottom: 24px;
}

.auth-box .form-group label {
    color: #101828;
    font-size: 16px;
    font-weight: 500;
}

.auth-box .input-cover 
{
	display: flex;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
    padding: 12px;
}

.auth-box input 
{
	width: 100%;
    border: none;
}

.auth-box input:focus
{
	outline:none;
}

.auth-consent p {
    color: #969DAB;
    font-size: 12px;
    font-weight: 400;
	margin-top: 8px;
}

.check-text {
	display: flex;
    grid-column-gap: 12px;
    margin-bottom: 48px;
}

.check-text input {
    height: 24px;
    width: 24px;
}

.check-text span {
    font-size: 16px;
    font-weight: 400;
    color: #969DAB;
}

.check-text span a {
    font-size: 16px;
    font-weight: 400;
    color: #475467;
}
.auth-consent button:hover {
    border: 1px solid #10a37f;
    color: #10a37f;
    background: none;
    transition: .5s all ease;
}

.auth-consent button {
    transition: .5s all ease;
}
.auth-consent button {
    width: 100%;
    color: #fff;
    padding: 16px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
    background-color: #10A37F;
    border: 1px solid #10A37F;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.already-auth 
{
    display: flex;
    justify-content: center;
}

.already-auth span {
    font-size: 18px;
    font-weight: 400;
}

.already-auth span a {
    font-size: 18px;
    font-weight: 500;
    color: #475467 !important;
}

.copyright-wrap
{
	text-align:right;
	margin-bottom: 64px;
	padding:0 74px;
}

.forgot-pwd 
{
    display: flex;
    justify-content: flex-end;
	margin-top: 12px;
    margin-bottom: 48px;
}

.forgot-pwd a {
    color: #475467;
    font-size: 14px;
    font-weight: 500;
}

.mb0
{
	margin-bottom:0 !important;
}

.head-inside-box
{
	color: #101828;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 12px;
}

.subhead-inside-box
{
    font-size: 18px;
    font-weight: 400;
    color: #475467;	
	margin-bottom: 0;
	margin-bottom: 48px;
}

.backtolog {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.backtolog a {
    font-size: 18px;
    font-weight: 400;
    color: #475467;
}

.sep-eq-pad 
{
    margin-bottom: 48px !important;
}

a
{
	cursor:pointer;
}

.form-group:last-child
{
	margin-bottom:0;
}

.didnot-email 
{
    padding-top: 44px;
	border-top: 1px solid #DBDBDB;
}

.didnot-email p 
{
    font-size: 16px;
    font-weight: 400;
    color: #475467;
}

.try-again {
    font-size: 16px;
    font-weight: 500;
    color: #101828;
    text-decoration: underline;
    margin-top: 15px;
    display: block;
    font-weight: 600;
}

.wizard 
{
	background: url("../images/form-content-bg.png") repeat;
	padding: 62px 60px 58px 62px;
	display: flex; 
}

.wizard .steps 
{
	width: 26.05%;
	margin-right: 68px; 
}

.wizard .content 
{
	width: 73.95%; 
}

.steps ul 
{
	border-left: 3px solid rgba(242, 242, 242, 0.4); 
}

.steps li 
{
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	height: 31px;
	position: relative; 
}
.steps li a 
{
	color: #fff;
	font-family: "Poppins-Medium";
	font-size: 15px;
	padding-left: 18px; 
}
.steps li a:before 
{
	content: "";
	width: 3px;
	height: 31px;
	position: absolute;
	left: -3px;
	top: 0; 
}

.steps li.current a 
{
	color: #edc948; 
}
.steps li.current a:before 
{
background: #edc948; 
}

.account-setup-wrap 
{
    width: 100%;
    background-color: #F5F5F5;
}
.dark-theme .account-setup-wrap { 
    background-color: #161816;
}

.account-setup-wrap {
    width: 100%;
    background-color: #F5F5F5;
}


.account-setup-cover {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    align-items: center;
}


/* range slider start */

.range-slider {
    position: relative;
    width: 30vmin;
    height: 25px;
}

.range-slider_input {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
	-webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  opacity: 0;
	margin: 0;
}

.range-slider_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 100px;
  height: 100px;
  cursor: pointer;
	border-radius: 50%;
	opacity: 0;
}

.range-slider_input::-moz-range-thumb {
  width: 14vmin;
  height: 14vmin;
  cursor: pointer;
	border-radius: 50%;
	opacity: 0;
}

.range-slider_thumb {
	    width: 20px;
    height: 20px;
    border: 3px solid #10A37F;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 0;
    color: #303030;
    z-index: 2;
}

.range-slider_line {
	height: 0.5vmin;
	width: 100%;
	background-color: #e1e1e1;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	position: absolute;
	z-index: 1;
}

.range-slider_line-fill {
	position: absolute;
	height: 0.5vmin;
	width: 0;
	border-radius: 50px;
	background-color: #10A37F;
}

.range-slider input
{
	width:100% !important;
}



/* range slider end */

.auth-box input,
.invite-wrapper input 
{
    background-color: unset;
}

.auth-box input:focus,
.invite-wrapper input:focus 
{
   outline:none;
}


/* Wizard steps start */

.w-90-center
{
	width:90%;
	margin:0 auto;
}

.w-93-center
{
	width:93%;
	margin:0 auto;
}

.w-95-center
{
	width:95%;
	margin:0 auto;	
}

.wizard-wrap
{
    border-radius: 10px;
    background-color: #fff;
    padding: 48px 64px 68px 56px;
}
.dark-theme .wizard-wrap { 
    background: var(--lightGray);
}
.wizard-wrap h1 
{
    font-size: 28px;
    font-weight: 700;
    color: #101828;
    margin-bottom: 48px;
}

.account-setup-wrap #wizard 
{   
	padding: 0;
}

.wizard-content-left 
{
	background-blend-mode: darken;
	background-color: rgba(0, 0, 0, 0.45);
	background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg");
	background-position: center center;
	background-size: cover;
	height: 100vh;
	padding: 30px;
}

.wizard-content-left h1 
{
	color: #ffffff;
	font-size: 38px;
	font-weight: 600;
	padding: 12px 20px;
	text-align: center;
}

.form-wizard 
{
	color: #888888;
	padding: 30px;
}

.form-wizard .wizard-form-radio 
{
	display: inline-block;
	margin-left: 5px;
	position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] 
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #dddddd;
	height: 25px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus 
{
	outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked 
{
	background-color: #fb1647;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before 
{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 50%;
	left: 1px;
	right: 0;
	margin: 0 auto;
	top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after 
{
	content: "";
	display: inline-block;
	webkit-animation: click-radio-wave 0.65s;
	-moz-animation: click-radio-wave 0.65s;
	animation: click-radio-wave 0.65s;
	background: #000000;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
	border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"] ~ label 
{
	padding-left: 10px;
	cursor: pointer;
}

.form-wizard .form-wizard-header 
{
	text-align: center;
}

.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit 
{
	background-color: #d65470;
	color: #ffffff;
	display: inline-block;
	min-width: 100px;
	min-width: 120px;
	padding: 10px;
	text-align: center;
}

.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
	color: #ffffff;
	text-decoration: none;
}

.form-wizard .wizard-fieldset 
{
	display: none;
}

.form-wizard .wizard-fieldset.show 
{
	display: block;
}

.form-wizard .wizard-form-error 
{
	display: none;
	background-color: #d70b0b;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
}

.form-wizard .form-wizard-previous-btn 
{
	background-color: #fb1647;
}

.form-wizard .form-control 
{
	font-weight: 300;
    height: auto !important;
    padding: 7px 12px;
    color: #101828;
    background-color: #ffff;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
}

.form-wizard .form-group 
{
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.form-wizard .form-wizard-steps
{
    display: flex;
    flex-direction: column;
    grid-row-gap: 50px;
}

.form-wizard .form-wizard-steps li 
{
	width: 100%;
	position: relative;
}

.form-wizard .form-wizard-steps li::after 
{
	background-color: #f3f3f3;
    content: "";
    height: 100%;
    left: 15px;
    position: absolute;
    top: 85%;
    width: 2px;
}


.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after 
{
    background-color: #DBDBDB;
    left: 15px;
    top: 85%;
    width: 2px;
    height: 100%;
}

.form-wizard .form-wizard-steps li.activated::after 
{
	width: 2px;
    border-color: #DBDBDB;
}

.form-wizard .form-wizard-steps li:last-child::after 
{
	left: 0;
}

.form-wizard .form-wizard-steps li:last-child::after
{
	content:unset;
}

.form-wizard .wizard-password-eye 
{
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

@keyframes click-radio-wave {
	0%{
		width: 25px;
		height: 25px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		width: 60px;
		height: 60px;
		margin-left: -15px;
		margin-top: -15px;
		opacity: 0.0;
	}
}

.steps-content-wrap 
{
    display: flex;
    grid-column-gap: 16px;
}

.step-text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.form-wizard form 
{
	display: grid;
    grid-template-columns: 25% 60%;
    grid-column-gap: 15%;
    width: 100%;
}

.step-wizard 
{
    width: 100%;
}

.steps-img-wrap {
    width: 32px;
    height: 32px;
    border: 1px solid #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}


.form-wizard-steps li .steps-img-wrap img:first-child
{
	display:none;
}

.form-wizard-steps li.activated .steps-img-wrap img:first-child,
.form-wizard-steps li.active .steps-img-wrap img:first-child
{
	display:block;
}

.form-wizard-steps li.activated .steps-img-wrap img:last-child,
.form-wizard-steps li.active .steps-img-wrap img:last-child
{
	display:none;
}

.steps-content-wrap .step-text-wrap span:first-child
{
	color:#969DAB;
	font-size:16px;
	font-weight:500;
}

.steps-content-wrap .step-text-wrap span:last-child
{
	color:#969DAB;
	font-size:14px;
	font-weight:400;	
}

fieldset.wizard-fieldset h5 
{
    color: #101828;
    font-size: 26px;
    font-weight: 700;
	margin-bottom: 48px;
}

.form-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 22px;
}

label.wizard-form-text-label {
    font-size: 16px;
    font-weight: 500;
    color: #101828;
    margin-bottom: 8px;
}

.form-wizard .form-control::placeholder
{
	color:#CCCCCC;
}
.form-wizard .form-control {
    color: #ccc;
}
.form-next-wrap a 
{
    font-size: 20px;
    font-weight: 600;
    height: 44px;
    width: 94px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background-color: #10A37F !important;
}

.form-next-wrap 
{
    display: flex;
    justify-content: flex-end;
    margin-top: 48px;
    grid-column-gap: 12px;
}

.tags-wrap 
{
	display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 70%;
}

.tags-wrap a
{
    height: 40px;
	color: #98A2B3;
    border: 1px solid #98A2B3;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 10px 24px;
	font-size: 16px;
    font-weight: 500;
}

.tags-wrap .tag-color 
{
	color: #10A37F;
	border: 1px solid #10A37F;	
}

.form-head-subtitle {
    width: 54%;
    margin-bottom: 48px;
}

.form-head-subtitle h5 {
    margin-bottom: 16px !important;
    font-size: 26px;
    font-weight: 700;
    color: #101828;
}

.form-head-subtitle p {
    font-size: 16px;
    font-weight: 400;
    color: #98A2B3;
}

a.form-wizard-next-btn.skip-btn 
{
    font-size: 20px;
    font-weight: 500;
    color: #969DAB;
    background-color: unset !important;
}

a.form-wizard-next-btn.skip-btn:hover 
{
    color: #969DAB;
}

.invite-wrapper {
    display: flex;
    border: none;
    margin-bottom: 40px;
    padding: 0px 0px;
    border-bottom: 1px solid #98A2B3;
    align-items: center;
}

.invite-wrapper input 
{
    width: 90%;
    border: none;
}

.invite-wrapper button 
{
    all: unset;
    color: #10a37f;
    font-size: 16px;
    font-weight: 600;
    background-color: unset;
    border: unset;
    display: flex;
}

.upload-wrap 
{
    position: relative;
    width: fit-content;
    overflow: hidden;
    display: flex;
    grid-column-gap: 8px;
}

.upload-wrap input 
{
    position: absolute;
    opacity: 0;
    left: 0;
}

.upload-wrap span 
{
    font-size: 16px;
    font-weight: 600;
}

.sel-pos-rel
{
	position:relative;
}

.sel-pos-rel img {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.sel-pos-rel select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.form-wizard .form-wizard-steps li.active {}

.form-wizard .form-wizard-steps li.active .step-text-wrap span:first-child {
    color: #000;
    font-weight: 600;
}

.form-wizard .form-wizard-steps li.active .step-text-wrap span:last-child {
    color: #000;
    font-weight: 500;
}

.form-next-wrap a {
    border: 1px solid #10a37f;
    transition: .5s all ease;
}

.form-next-wrap a:hover {
    background: none !important;
    color: #10a37f !important;
    transition: .5s all ease;
}
 

.account-setup-wrap .copyright-wrap {
    margin-top: 20px;
    position: relative;
    left: -40px;
}

.wolf-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}
a.form-wizard-next-btn.skip-btn {
    border: none;
}
.tags-wrap .tag-color:hover {
    text-decoration: none;
}
.multiCheckBox {
 
}

.multiCheckBox span {
    height: 40px;
    color: #98A2B3;
    border: 1px solid #98A2B3;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 500;
}

.multiCheckBox input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.multiCheckBox {
    position: relative;
}

.multiCheckBox input:checked ~ span {
    color: #10A37F;
    border: 1px solid #10A37F;
}
.account-setup-wrap nav {
    margin-bottom: 0 !important;
    border: none;
}



.dark-theme .wizard-wrap h1 {
    color: #fff;
}

.dark-theme .form-wizard .form-wizard-steps li.active .step-text-wrap span:first-child {
    color: #fff;
}

.dark-theme .form-wizard .form-wizard-steps li.active .step-text-wrap span:last-child {
    color: #9ba1a0;
}

.dark-theme  .form-wizard-steps li 
 .steps-img-wrap img:last-child {
    display: block !important;
}

.dark-theme .form-wizard-steps li  .steps-img-wrap img:first-child {
    display: none !important;
}

.dark-theme fieldset.wizard-fieldset h5 {
    color: #fff;
}
 
.dark-theme .form-wizard .form-control {
    background: #272a28;
    border: 1px solid #707070;
}

.dark-theme label.wizard-form-text-label {
    color: #fff;
}
.dark-theme .black-logo img {
    filter: brightness(1) invert(1);
}
.dark-theme .multiCheckBox input:checked ~ span {
    color: #ffffff;
    border: 1px solid #ffffff;
}
.dark-theme  .invite-wrapper input { 
    color: #fff;
}
 
.dark-theme   .account-setup-wrap nav {
    margin-bottom: 0 !important;
    border: none;
    background: none;
}
.dark-theme   .wolf-fixed img {
    filter: brightness(16) invert(1);
    opacity: .8;
}

/* Wizard steps start */





































@media (max-width: 991px) 
{
	.wizard 
	{
		padding: 50px; 
	} 
}
	
@media (max-width: 767px) 
{
	.wizard 
	{
		padding: 50px 20px;
		flex-direction: column; 
	}
	
	.wizard .steps 
	{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px; 
	}
	
	.wizard .content 
	{
		width: 100%; 
	}
}













@media (max-width: 767px) {

.auth-cover {
    width: 100%;
    margin: 0;
}
.copyright-wrap {
    text-align: center; 	
}
.auth-wrap { 
    gap: 50px;
}
.auth-cover .auth-head {
    font-size: 22px; 
}
.auth-glogin span {
    font-size: 18px; 
}
a.auth-glogin img {
    width: 25px;
}
.or-divide::before { 
    width: 70px; 
}
.or-divide::after {
   width: 70px; 
}
 

.account-setup-wrap .container-fluid.w-90-center {
    width: 100%;
}

.wizard-wrap {
    padding: 15px 15px 15px 15px;
}

.form-wizard form {
    grid-template-columns: 100%;
}

.wolf-fixed img {
    width: 50%;
}
.form-wizard {
    padding: 0px;
}
 .account-setup-wrap .form-wrapper {
    grid-template-columns: repeat(1,1fr);
}

fieldset.wizard-fieldset h5 {
    margin-bottom: 18px;
}

.wizard-wrap h1 {
    margin-bottom: 18px;
}

.account-setup-wrap .copyright-wrap {
    text-align: center;
    left: 0;
}
 .form-head-subtitle {
    width: 100%;
}

.tags-wrap {
    width: 100%;
    gap: 10px;
}

.multiCheckBox span {
    padding: 10px 15px;
    font-size: 14px;
}
.invite-wrapper button { 
    white-space: nowrap;
}

}





@media only screen and (min-width: 1400px) and (max-width: 1500px)
{ 
 
.wolf-fixed img {
    width: 80%;
}
.form-head-subtitle {
    width: 90%; 
}
.tags-wrap { 
    gap: 15px;
    width: 100%;
}
.invite-wrapper button { 
    white-space: nowrap;
}




}

@media only screen and (min-width: 1300px) and (max-width: 1400px)
{ 
 
.wolf-fixed img {
    width: 80%;
}
.form-head-subtitle {
    width: 90%; 
}
.tags-wrap { 
    gap: 15px;
    width: 100%;
}
.invite-wrapper button { 
    white-space: nowrap;
}




}