@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
html,body{font-family:'Nunito Sans', sans-serif !important; color:#292929; font-size:16px; margin:0; padding:0; font-weight:400; line-height:1.4; background:var(--OuterBg);}

:root {
    --BorderRadius:30px;
    --BorderRadiusHalf:15px;
    --PrimaryClr:#292929;
	--SecondaryClr:#000;
    --ActiveLink:#4c94db;
    --ActiveLinkHvr:#315f8b;
	--ButtonGreen:#78ca99;
	--GreenText:#78ca99;
	--ButtonBlue:#315f8b;    
    --PrimaryFont: 'Nunito Sans', sans-serif;
	--SecondaryFont: 'Montserrat', sans-serif;
    --mtop:60px;
    --mbottom:70px;
    --TableBorder:#e0e0e0;
    --BoxShadow:0px 4px 25px rgba(0, 0, 0, 0.1);
    --InnerBg:#f6f3ef;
    --OuterBg:#f8f8f8;
	--WhiteBg:#ffffff;    
    --BlackTextClr:#000000;
    --WhiteTextClr:#ffffff;}


/*Common*/
img {max-width:100%;}
.text-center{text-align: center;}
.vcenter{align-items: center !important;}
.mauto{margin:0 auto 50px!important;}
a, .alink{color: var(--ActiveLink);}
a:focus,a:visited,a:hover{ outline:none; text-decoration:none;transition: all linear .3s;-o-transition: all linear .3s;    -ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;color: var(--ActiveLinkHvr);}
p, .para{margin-bottom:25px;line-height:1.6;}

p:empty{display:none;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
h1{font-size: 40px;line-height: 1.1;margin-bottom: 15px;font-weight: 800;font-family: var(--PrimaryFont);text-transform: uppercase;}
h2{font-size: 30px;font-weight: 700; margin-bottom:20px;line-height:1.2;font-family: var(--PrimaryFont);color: var(--PrimaryClr);}
h3{font-size: 30px;font-weight: 700; margin-bottom:20px;line-height:1.2;font-family: var(--PrimaryFont);color: var(--PrimaryClr);}
h4{font-size: 24px;font-weight: 700; margin-bottom:20px;line-height:1.2;}
.mb6{margin-bottom: 60px;}
.mt6{margin-top: 60px;}
.mb2{margin-bottom: 20px !important;}
.mt2{margin-top: 20px !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.justify-center{justify-content: center !important;}	

/* Scrollbar width */
::-webkit-scrollbar {width:8px;}
/* Track */
::-webkit-scrollbar-track {background:#eee;} 
/* Handle */
::-webkit-scrollbar-thumb {background:#ddd; border-radius:10px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#c8def4;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#aaa; font-size:14px; font-weight:500;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#aaa; font-size:14px; font-weight:500;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#aaa; font-size:14px; font-weight:500;
}
:-moz-placeholder { /* Firefox 18- */
  color:#aaa; font-size:14px; font-weight:500;
}


.main-page {background:var(--OuterBg); margin:0; padding:0; width:100%;}
.main-page .container {margin:0 auto; padding:0; max-width:1024px !important;}
.login-page {background:var(--InnerBg); margin: 50px auto;
    padding: 0;
    max-width: 1024px;
    border-radius: 15px;
    position: relative;
    border: 10px solid #fff;
    box-shadow: var(--BoxShadow);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%; max-height:650px;}
.login-left {
    margin:0;
    padding:0;
    max-width:50%;
    border-radius:15px;
    position:relative;
    display:block;
	max-height:630px; overflow:hidden;}	
.login-left .login-banner {
    display:block;
    max-width:100%;
    margin:0;
    padding:0;}	
.login-right {
    margin:0;
    padding:10px 15px;
    max-width:50%;
    position:relative;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:flex-start;}
.login-right .top-link {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align:right; 
	font-size:14px;
    font-weight:600;}		
.login-right .top-link a {color:var(--ActiveLink); text-decoration:none; display:inline-block;}
.login-right .top-link a:hover {color:var(--ActiveLinkHvr); text-decoration:underline;}
.login-right .logo {margin:40px auto 0px;
    padding: 0;
    text-align: center;
    max-width: 100%;
    width: 100%;}	
.login-right .logo img {
    max-width:150px;
    margin:0 auto;
    text-align:center;}	
.login-right .welcome-text {
    margin: 20px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    position: relative;}	
.welcome-text h3 {font-family:var(--PrimaryFont); font-size:22px; line-height:32px; display:block; text-align:center; color:var(--PrimaryClr); padding:0; margin:0;}	
.welcome-text .google-link {display:block; text-align:center; margin:0 auto; padding:15px 0;}
.welcome-text .plan-text {font-family:var(--PrimaryFont); font-size:14px; line-height:1; display:block; text-align:center; color:var(--PrimaryClr); padding:0; margin:0 auto; font-weight:600;}	
.sign-form {
    margin:0 auto;
    padding:0;
    text-align:center;
    width:100%;
    position:relative;}
.form-group {display:block; padding:0; margin:0 0 15px;}
.form-group .input-field {border:1px solid var(--TableBorder);
    border-radius: 25px;
    padding: 10px 20px;
    margin: 0;
    text-align: left;
    background: #fff;
    max-width: 300px;
    width: 300px;
    height: 48px;
    line-height: 1;
    font-size: 14px;
    font-family: var(--PrimaryFont);
    font-weight: 500;
    color: #000;}
.form-group .input-textarea	{border:1px solid var(--TableBorder);
    border-radius: 8px;
    padding: 10px 10px;
    margin: 0;
    text-align: left;
    background: #fff;
    max-width: 300px;
    width: 300px;
    height: 150px;
    line-height:1.3;
    font-size: 14px;
    font-family: var(--PrimaryFont);
    font-weight: 500;
    color: #000;}
.form-action .submit-button {border:1px solid var(--ButtonGreen);
    border-radius:25px;
    padding:10px 20px;
    margin:10px auto 0;
    text-align:center;
    background:var(--ButtonGreen);
    max-width: 300px;
    width: 300px;
    height: 48px;
    line-height: 1;
    font-size:16px;
    font-family:var(--PrimaryFont);
    font-weight: 500;
    color:var(--WhiteTextClr); cursor:pointer;}
.form-action .submit-button:hover {border:2px solid var(--ButtonGreen); color:var(--GreenText); background:var(--WhiteBg); font-weight:600;}

.rest-pass {color:var(--ActiveLink);
    font-weight: 600;
    max-width: 300px;
    text-align: right;
    margin: 0 auto;
    font-size: 13px;
    line-height: 24px;
    padding-right: 15px;}
.rest-pass a {color:var(--ActiveLink); font-weight:600; font-size:13px; text-decoration:none;}	
.rest-pass a:hover {color:var(--ActiveLinkHvr); text-decoration:underline;}

.reset-text {
    margin:20px auto 40px;
    padding: 0;
    text-align: center;
    width: 100%;
    position: relative;}	
.reset-text h3 {font-family:var(--PrimaryFont); font-size:22px; line-height:42px; display:block; text-align:center; color:var(--PrimaryClr); padding:0; margin:0;}	
.reset-text .plan-text {font-family:var(--PrimaryFont); font-size:15px; line-height:22px; display:block; text-align:center; color:var(--PrimaryClr); padding:0; margin:0 auto; font-weight:600;}

.reset-page .login-right .logo {margin:100px auto 0px;
    padding: 0;
    text-align: center;
    max-width: 100%;
    width: 100%;}

.inner-wrapper {background: var(--WhiteBg);
    margin: 50px auto;
    padding: 0;
    max-width: 1024px;
    border-radius: 15px;
    position: relative;
    box-shadow: var(--BoxShadow);
    display:block;
    width: 100%; height:auto;
    max-height:inherit; 
	min-height:530px;} 	
.top-header {width: 100%;
    display: block;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    border-bottom:2px solid #f7f7f7;
    max-width: 100%;}
.inner-logo {margin:0 auto; text-align:center; padding:0;}
.inner-logo img {margin:0 auto; text-align:center; padding:0; max-width:150px;}

.content-area {width:100%;
    display:block;
    padding:20px;
    margin:0 auto;
    text-align:center;
    max-width:100%;}
.heading-text {padding:30px 0 20px; display:block; width:100%; margin:0 auto;}
.heading-text h2 {font-size:32px; line-height:42px; color:var(--PrimaryClr); display:block; margin:0 auto; padding:0;}
.heading-text p {font-size:18px; line-height:22px; color:var(--PrimaryClr); display:block; margin:10px 0; padding:0;}

.content-form {
    padding:0;
    display: block;
    width: 100%;
    margin: 0 auto;}
.selection-field {padding: 0;
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
.select-action {padding: 0;
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    text-align: center;}	
.select-action .blue-btn {width:415px; background:var(--WhiteBg); border:2px solid var(--ButtonBlue); color:#315f8b; border-radius: 30px;
    padding: 0 25px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block; text-align:left;} 	
.select-action .blue-btn:hover {background:var(--ButtonBlue); border:2px solid var(--ButtonBlue); color:#fff;} 	

.action-bar {padding:30px 0 20px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width:50%;
    align-items: center;
    justify-content: space-between;}
.action-bar .back {color:var(--GreenText);
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
	background: none;
    border: none;
    font-family: 'Nunito Sans', sans-serif; cursor:pointer;}	
.action-bar .back:hover {text-decoration:underline;}	
.action-bar .green-action {min-width:150px; background:var(--GreenText); border:2px solid var(--GreenText); color:#fff; border-radius:30px;
    padding: 0 15px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;	   
    font-family: 'Nunito Sans', sans-serif; cursor:pointer;}
.action-bar .green-action:hover {background:var(--WhiteBg); border:2px solid var(--GreenText); color:var(--GreenText);}	

.info-ico {
    display:inline-block;
    line-height:34px;
    vertical-align:middle;
    height:22px;
    margin-left:5px;}

.form-container {padding: 0;
    display: block;
    width: 100%;
    margin:0 auto;
    text-align: center;}
.form-container .form-group {
    width: 100%;
    max-width: 480px;
    margin:0 auto 20px;
    text-align:left; position:relative;}	
.form-container .form-group .input-field {
    width: 100%;
    max-width: 100%; 
    position: relative;}
.form-container .form-group select {
    width: 100%;
    max-width: 100%; 
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    position: relative;}	
.form-container .form-group select:before {content: '\f67b';
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    z-index: 999;
    font-weight: 900;}	
.form-container .form-group p {text-align:left;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    display: block;}
.form-text {padding:30px 0;
    display:block;
    width:100%; max-width:400px;
    margin:0 auto;}
.form-text p {font-size:15px; font-weight:400;
    line-height:22px;
    color: var(--PrimaryClr);
    display: block;
    margin:0;
    padding:0; text-transform:uppercase;}	
.form-text h3 {font-size:18px;
    line-height:24px;
    color: var(--PrimaryClr);
    display: block;
    margin:5px auto 10px;
    padding:0;}		
.check-email {text-align: left;
    display: flex;
    margin: 8px 0 0 20px;
    position: relative;
    justify-content: center;
    align-items: flex-start;}
.check-email input {margin-top:2px;}		
.check-email span {font-size:14px; 
	font-weight:400;
    line-height:18px;
    color: var(--PrimaryClr);
    display:inline-block;
    margin:0 0 0 8px;
    padding:0; 
	text-transform:none;}
	
.divider {display:block; max-width:500px; height:1px; background:#ddd; margin:20px auto; padding:0; text-align:center;}

.selectInput {padding:0;
    display: block;
    width: 100%; max-width: 50%;
	position: relative;
    margin: 0 auto 15px;
    text-align:left;
	display: flex;
    -webkit-box-align: center;
    align-items: center;}
.selectInput .single-select	{position: absolute;
    appearance: none;
    margin: 0px;}	
.selectInput .blue-btn {margin: 0 auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    cursor: pointer;
    max-width:100%;
    background: var(--WhiteBg);
    border:1px solid var(--ButtonBlue);
    color: #315f8b;
    border-radius: 30px;
    padding: 0 25px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display:inline-block; text-align:left;}
.selectInput .blue-btn:hover {background:var(--ButtonBlue); border:1px solid var(--ButtonBlue); color:#fff;}
.selectInput.active .blue-btn {
    background: var(--ButtonBlue);
    border: 1px solid var(--ButtonBlue);
    color: #fff;}

.thanks-icon {
    display:block;
    margin:20px auto 30px;
    padding:0;}

/****************** progress bar ******************/
.progress-section {
    width:100%;
    display:block;
    padding:20px;
    margin:30px auto 0;
    text-align:center;
    max-width:100%;}	

/*progressbar*/
#progressbar {
	margin-bottom:0;
    overflow:hidden;
    counter-reset:step;
    display:flex;
    justify-content:center;
    align-items:center;
	position:relative;
    z-index:9;
    padding:30px 0;
    border-radius:12px;
    background:#f9f9f9;}
#progressbar li {
	list-style-type:none;
    color:#000;
    text-transform:none;
    font-size:14px;
    width:25%;
    float:left;
    position:relative;
    font-weight:600;}

.two-option li {
    width:50%!important;
}

#progressbar li.completed {
    color:#27AE60;
    font-weight:bold;}
#progressbar li.active {
    color:#6ba9e6;
    font-weight:bold;}			
#progressbar li:before {
content: counter(step);
    counter-increment: step;
    width: 30px;
    line-height: 30px;
    display: block;
    font-size: 13px;
    color: #333;
    background: #e1e1e1;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    height: 30px;
    font-weight: bold;}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background:#e1e1e1;
	position: absolute;
	left: -50%;
	top: 15px;
	z-index: -1;}
#progressbar li:first-child:after {content:none;}
#progressbar li.active:before {
	background:#6ba9e6;
	color:white;}
#progressbar li.active:after {background:#27AE60;}	
#progressbar li.completed:before,  #progressbar li.completed:after{
	background:#27AE60;
	color:white;}	

.action.next {min-width:150px; background:var(--GreenText); border:2px solid var(--GreenText); color:#fff; border-radius:30px;
    padding: 0 15px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;	   
    font-family: 'Nunito Sans', sans-serif; cursor:pointer;}
.action.next:hover {background:var(--WhiteBg); border:2px solid var(--GreenText); color:var(--GreenText);}		
.action.back {color:var(--GreenText);
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
	background: none;
    border: none;
    font-family: 'Nunito Sans', sans-serif; cursor:pointer;}	
.action.back .back:hover {text-decoration:underline;}	

.action.submit {min-width:150px; background:var(--GreenText); border:2px solid var(--GreenText); color:#fff; border-radius:30px;
    padding: 0 15px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;	   
    font-family: 'Nunito Sans', sans-serif; cursor:pointer;}
.action.submit:hover {background:var(--WhiteBg); border:2px solid var(--GreenText); color:var(--GreenText);}

.middle-wrapper {padding:20px 0;
    display:block;
    width:100%;
    max-width:50%;
    margin:0 auto;}
.middle-wrapper .form-text {
    margin-top:0;
    padding-top:20px; text-align:left;     
	max-width:100%;}	
.middle-wrapper .selectInput .blue-btn {max-width:100%;}	
.middle-wrapper .action-bar {
    padding-top:20px; max-width: 100%;}	
.middle-wrapper .content-area {
    padding:20px 0;}
.middle-wrapper .progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 1rem;
    background-color: #e9ecef;
    border-radius: 1.5rem;}	
.middle-wrapper .progress-bar {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size:12px; font-weight: 600;
    background-color:#78ca99;
    border-radius: 1.5rem;}	
.middle-wrapper .progress-bar-striped {background-image:none;}	

.middle-wrapper .form-text h3 {
    font-size: 17px;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;}
.middle-wrapper .form-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0;
    padding: 0;
    text-transform:uppercase;}	
.small-text {font-size: 13px;
    font-weight: 600;     
	line-height: 16px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0;
    padding: 0;
    text-transform: none;}	

.form-check.multiCheck {
background: #eee;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    position: relative;
    margin: 0 auto 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    min-height: 70px;
    width: 100%;}	
.form-check.multiCheck .form-check-input {
    margin-left: 0;
    display: inline-block;
    margin-right: 5px;
    margin-top: 0; cursor:pointer;}	
.form-check.multiCheck label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    padding: 0; 
	cursor:pointer;}	
.middle-wrapper .selectInput {max-width:100%;}		
.middle-wrapper .form-container .form-group {max-width:100%;}
.middle-wrapper .content-form {margin-bottom:30px;}
.middle-wrapper .form-floating>.form-control {padding:1rem; border-radius:30px; max-width:100%; width:100%;} 
.middle-wrapper .form-floating>label {width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #315f8b; padding:1rem;}


/******************** Input Multi checkbox style small round ********************/
.inputMulti {
    background-color: #fff;
    display: flex;
    margin:0 0 20px;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 2px solid #315f8b;
    border-radius: 12px;
    max-width: 180px;
    height: 120px;}
	
.inputMulti label {
  padding: 10px;
    width: 100%;
    display: flex;
    text-align: left;
    color: #3C454C;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
	line-height: 1.2;
    font-size: 15px;
    font-weight: 600;}
.inputMulti label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color:#315f8b;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputMulti label:after {
  width:24px;
  height:24px;
  content: "";
  border:2px solid #315f8b;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border-radius: 50%;
  z-index:2;
  position:absolute;
  right:8px;
  top:20%;
  transform:translateY(-50%);
  cursor: pointer;
  transition:all 200ms ease-in;}
.inputMulti input:checked ~ label {
  color: #fff;}
.inputMulti input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity:1;}
.inputMulti input:checked ~ label:after {
  background-color:#78ca99;
  border-color:#78ca99;}
.inputMulti input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 20%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;}
  


/******************** Input Multi checkbox style large round ********************/

.inputCheck {
	background-color: #fff;
    display: flex;
    margin: 0 0 20px;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 1px solid #315f8b;
    border-radius: 30px;
    max-width: 100%;
    height: auto;
    line-height: 48px;
    padding: 0;
    -webkit-box-flex: 1;}
	
.inputCheck label {
	padding: 0 25px;
    width: 100%;
    display: flex;
    text-align: left;
    color:#315f8b;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    height: auto;
    border-radius: 30px;
    justify-content: left;
    align-items: center;
    line-height: 48px;
    font-size: 15px;
    font-weight: 600;}
.inputCheck label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color:#315f8b;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputCheck label:after {
  width:24px;
  height:24px;
  content: "";
  border:2px solid transparent;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border-radius: 50%;
  z-index:2;
  position:absolute;
  right:15px;
  top:23px;
  transform:translateY(-50%);
  cursor: pointer;
  transition:all 200ms ease-in;}
.inputCheck input:checked ~ label {
  color: #fff;}
.inputCheck input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity:1;}
.inputCheck input:checked ~ label:after {
  background-color: transparent;
    border-color: transparent;}
.inputCheck input {
	width: 24px;
    height: 24px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 23px;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;}  
  
.addBtn {padding:0;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    text-align: left;}
.addBtn .action {min-width: 150px;
    background: var(--ButtonBlue);
    border: 1px solid var(--ButtonBlue);
    color: #fff;
    border-radius: 30px;
    padding: 0 15px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block !important;
    font-family: 'Nunito Sans', sans-serif;
    cursor: pointer;}
.addBtn .action:hover {background: var(--WhiteBg);
    border:1px solid var(--ButtonBlue);
    color:var(--ButtonBlue);}
.addBtn .action .fa-solid {font-size:18px;}

.form-group .show-hide {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    justify-content: center;}
.form-group .show-hide .input-field {
    border-radius: 25px !important;
    padding-right: 40px;}	
.form-group .show-hide .input-group-addon {
    position: absolute;
    right: 20px; 
	z-index:9;
    display: inline-block;
    padding: 0;
    margin: 0;}	
.form-group .form-select {border:1px solid #315f8b;
    border-radius: 25px;
    padding: 10px 20px;
    margin: 0;
    text-align: left;
    background-color: #fff;
    max-width:100%;
    width:100%;
    height: 48px;
    line-height: 1;
    font-size: 15px;
    font-family: var(--PrimaryFont);
    font-weight: 600;
    color: #315f8b;}
.form-text h2 {font-size: 18px;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;}		
.middle-wrapper .form-textsm {
    margin-top: 0;
    padding-top: 10px;
    text-align: left;
    max-width: 100%;
    padding-bottom:12px;}	
.form-text h4 {font-size:15px;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;}	
.sm-gray {font-size: 14px;
    line-height: 1;
    color: #aaa;
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 400;}
.sm-dgray {font-size: 14px;
    line-height: 1;
    color:#777;
    display: inline;
    margin: 0;
    padding: 0;
    font-weight:500;}
.sm-blue {font-size:14px;
    line-height: 1;
    color:#6ba9e6;
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 400;}			
.middle-wrapper	.heading-text {width:100%; padding: 20px 0;
    display: block;
    width: 100%;
    margin: 0 auto;}
.middle-wrapper	.heading-text h4 {font-size: 24px;
    font-weight: 700;
    margin-bottom:15px;
    line-height: 1.2;     
	display: block;}	
.middle-wrapper	.form-group .input-field {max-width:100%; width:100%;}	
#show-medication .content-area {padding-top:0;}
.middle-wrapper	.inputCheck label {line-height: 20px; height: 48px;}
.middle-wrapper .content-area .scrolling {
    max-height: 475px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;}
.ch-modal {position:relative;}
.ch-modal .btn-popover {padding: 5px 0;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    display: block;
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: underline;
    color: var(--ButtonBlue);}
.ch-modal .btn-popover:hover, .ch-modal .btn-popover:focus {    border: none;
    outline: none;
    box-shadow: none;}	
.ch-modal .modal.show .modal-dialog {position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin:0 auto;
    padding:0;}	
.ch-modal .modal-title {color:var(--ButtonBlue); font-weight:700; font-size:17px; display:block;}
.ch-modal .modal-header .btn-close {box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #fff;
    background: #315f8b;
    border: 0;
    border-radius: 50%;
    opacity: 1;
    position:relative;}
.ch-modal .modal-header .btn-close:hover {background:#000;}	
	
.ch-modal .modal-footer button {color:#fff;
    background-color:#315f8b;
    border-color:#315f8b;
    font-size: 14px;}
.ch-modal .modal-footer button:hover {background-color:#000; border-color:#000;}	

.login-right .form-group {
    display: block;
    padding: 0;
    margin: 0 auto 22px;
    position: relative;
    max-width: 300px;}
.login-right .form-group .text-danger {
    font-size: 12px;
    position: absolute;
    bottom: -16px;
    left: 15px;
    text-align: left;
    font-weight: 400;
    color: red;}
.text-danger {
    font-size: 12px;   
    text-align: left;
    font-weight: 400;
    color: red;}	
.field-err-msg {
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    color: red;
    padding-left: 15px;}

.top-header .sign-out {
    text-align: right;
    display: block;
    position: absolute;
    right: 0;
    padding: 15px;
    top: 0;
    color:#315f8b;
    font-size: 15px;}
.top-header .sign-out a {
    color: #315f8b;
    font-weight: 600;
	text-decoration: none;}	
.top-header .sign-out a:hover {color:#4c94db;}	
.login-page.reset-page .login-right .form-group {margin-bottom:10px;}
.thanks-form .action-bar {padding:30px 0 20px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 50%;
    align-items: center;
    justify-content: center;}
.middle-wrapper #div-health-feet {
    width: 66%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;}	
.middle-wrapper #div-health-feet .form-group {width:48%;} 	
.middle-wrapper #div-health-weight-lb {width:66%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;}
.middle-wrapper #div-health-weight-lb .form-group {width:48%;} 		

#div-mobility-equipment-other {margin-top:10px;}
#div-mobility-equipment-other label {
    font-size:16px;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0 auto;
    padding: 0 10px 5px;
    font-weight: 700;
    text-align:left;}
#div-mobility-equipment-other .form-control {
    border-radius:30px;
    height:48px;
    line-height:20px;}
	
.show-condition-view {width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;}	
.show-condition-view .cv-box {display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -10px;
    padding: 10px;
    flex-wrap: wrap;
    width: 100%;}
.show-condition-view-npm {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
.show-condition-view-npm .cv-box {display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -10px;
    padding: 10px;
    flex-wrap: wrap;
    width: 100%;}    
.cv-box .cv-inner {border-radius: 30px;
    border: 1px solid #ddd;
    padding: 20px 15px;
    box-sizing: border-box;
    margin: 0 10px 20px;
    text-align: left;
    width: 46%;
    max-width: 100%;}	
.cv-box .cv-inner .form-text p {font-size: 13px;
    font-weight: 500;
    line-height: 20px; color: var(--PrimaryClr);
    display: block;
    margin: 0;
    padding: 0;
    text-transform: uppercase;}	
.cv-box .cv-inner .form-text h3 {
    font-size: 16px;
    line-height: 24px;
    color: var(--PrimaryClr);
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;}	
.cv-box.single-box .cv-inner {
        border-radius: 30px;
    border: 1px solid #ddd;
    padding: 20px 15px;
    box-sizing: border-box;
    margin: 0 10px 20px;
    text-align: left;
    width: 100%;
    max-width: 100%;}	
.middle-wrapper .cv-inner .form-text {
    margin-top: 0;
    padding-top:0;
    text-align: left;
    max-width: 100%;}	
.cv-inner .sub-title {
    display: block;
    padding: 0 0 20px;
    margin: 0;}	
.cv-inner .sub-title h5 {
    margin: 0;
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #999;
    line-height: 16px;}
.cv-inner .sub-title p {
    margin: 0;
    padding: 0;
    display: block;
    text-transform:none;
    font-weight: 600;
    font-size: 15px;
    color: #444;}		
.cv-inner .action-bar {
	padding:0;
    justify-content: right;
    display: flex;
    align-items:center;}	
.cv-inner .action-bar .edit-action	{color:var(--ActiveLink);
    line-height:28px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    background:none;
    border:none;
    font-family:'Nunito Sans', sans-serif;
    cursor:pointer;}
.cv-inner .action-bar .edit-action:hover {text-decoration:none; color:#000;}	
.cv-inner .action-bar .remove-action {color:#ff0000;
    line-height:28px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    background:none;
    border:none;
    font-family:'Nunito Sans', sans-serif;
    cursor:pointer;}	
.cv-inner .action-bar .remove-action {margin-right:20px;}
.cv-inner .action-bar .remove-action:hover {text-decoration:none; color:#000;}
.cv-inner .action-bar i.fa-trash-can {padding-right:5px;}
.cv-inner .action-bar i {padding-right:2px;}

/*added by vishal*/
.txt-other-field{
    border-radius: 30px!important;
    height: 48px;
    line-height: 20px!important;}
.txt-ohter-lbl{
     font-size: 16px;
   line-height: 24px;
   color: var(--PrimaryClr);
   display: block;
   margin: 0 auto;
   padding: 0 10px 5px;
   font-weight: 700;
   text-align: left;}
  
.title-bar + .form-text {padding-top:15px; margin-top:0;}   
.title-bar {
	padding:15px 0 0;
    display:block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    color: #315f8b;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize; 
	position:relative;}
.title-bar i {
    font-size: 30px;
    position: relative;
    top: 1px;
    margin-right:3px;}

.cb-availability{
    text-align: left;
    font-size: 14px;
    color: #777;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    position: relative;}
.cb-availability input {
    position:relative;
    top:2px;
    display:inline-block;
    margin-right:5px;}

.he-icon {
    display: flex;
    margin: 20px auto 30px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    max-width: 380px;
    background: #f6f3ef;
    border-radius: 30px;}	
.middle-wrapper .home-environment h4 {
    font-size:36px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.2;
    color:#305f8b;
    text-transform:none;}	
.middle-wrapper .home-environment .heading-text p {
    font-size: 20px;
    line-height: 28px;
    color: var(--PrimaryClr);
    display: block;
    margin: 10px 0;
    padding: 0;
    font-weight:500;}	
.home-environment .action-bar .green-action {min-width:110px; line-height:44px;}	

	
.dropdown-myaccount .menu-btn {
	background-color:transparent;
    color:#222;
    padding:0;
    font-size:12px;
    font-weight:bold;
    font-family: 'Lato', sans-serif;
    border: none;
    display: flex;
    align-items:center;
    justify-content:center;}	
.dropdown-myaccount .menu-btn .user-icon {width:28px;
    height:28px;
    background:#78ca99;
    border-radius:50%;
    border: 1px solid #78ca99;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size:10px;
    color: #fff;
    font-weight:600;
    margin-right:5px;}	
.dropdown-myaccount {
    position:absolute;
    display:inline-block;
    top:0;
    right:0;
    padding:15px;}   
.dropdown-myaccount .menu-content {
    display:none;
	position: absolute;
    right: 15px;
    background-color:#e5f3ea;
    min-width:150px;
    z-index: 1;
    margin-top: 3px;
    border-radius: 2px;}	
.dropdown-myaccount .links {
	color:#000;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 600;
    border-bottom:1px solid #bdeacd;
    text-align: left;}	
.dropdown-myaccount .links:hover {background-color:#bdeacd;}   
.dropdown-myaccount:hover .menu-btn {background-color:transparent; text-decoration:none;}   
.dropdown-myaccount .menu-btn:focus {outline:none;}	
.menu-btn .user-icon img {max-width:18px;}

.middle-wrapper.dashboard-wrapper {max-width:720px;}
.middle-wrapper.dashboard-wrapper .content-area {margin-bottom:30px;}
.dashboard-wrapper .dash-banner {width:100%; margin:0; padding:0; display:block;}
.dashboard-wrapper .dash-banner img {max-width:100%; border-radius:15px;}
.dashboard-wrapper .title-bar {
    max-width: 100%;
    text-align: left;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #315f8b;}
.dashboard-wrapper .dash-content {margin:0;
    padding:20px;
    display:block;
    text-align:left;
    border-radius:12px;
    background-color:#e5f3ea;
    border-bottom:3px solid #78ca99;}	
.dashboard-wrapper .cp-list {
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;}	
.dash-content .cp-list a {
    color:var(--ActiveLink);
    text-decoration: none;}	
.dash-content .cp-list a:hover {text-decoration:underline;}	
.cp-list .cp-percent {
    color: #50c37e;
    font-size: 14px;
    font-weight: 500;}	
.cp-list .arrow-rt {float:right; font-size:14px; font-weight:400;}
.cp-list .check-icon {color:#50c37e; font-size:17px; line-height:1;} 
.cp-list.process .check-icon i.fa-solid {visibility:hidden;}
.cp-list.process .check-icon {
    color: #d1d1d1;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #50c37e;}
.dash-content .divider {
    display: block;
    max-width: 100%;
    height: 1px;
    background: #bdeacd;
    margin: 20px auto;
    padding: 0;
    text-align: center;}	
.dropdown-myaccount .links i.fa-solid {margin-right:3px;}
.tab-clickable {cursor:pointer;}

.or-seprator {
    margin:0 auto;
    text-align:center;
    padding:0 0 10px;
    font-weight:700;
    text-transform:uppercase;
    display:block;
	color:#315f8b;}
.form-group .input-field.input-choosen {
    border-radius:5px;
    padding:10px;
    display:block;
    margin:0 auto;
    line-height:21px;}
#respect-doc-file {
    text-align:left;
    margin:0;
    padding:0;
    display:block;}	
#respect-doc-file .document-icon {
    display:inline-block;
    margin-right:5px;}
.document-icon i.fa-file {color:#315f8b;}	
#respect-doc-file a {
    text-decoration:none;
    font-size:14px;
    color:#6ba9e6;
    font-weight:600;}
#respect-doc-file a:hover {text-decoration:underline; color:#315f8b;}	
#respect-doc-file a i.fa-download {color:#6ba9e6; margin-left:4px;}

.form-group .select2-container{width:100%!important;}
.form-group .select2-container .select2-selection--single 
{
    border: 1px solid var(--TableBorder);
    border-radius: 25px;
    padding: 10px 20px;
    margin: 0;
    text-align: left;
    background: #fff;
    max-width: 100% !important;
    width: 100% !important;
    height: 48px;
    line-height: 1;
    font-size: 14px;
    font-family: var(--PrimaryFont);
    font-weight: 500;
    color: #000;
}