@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body {
  font-size: 16px;
  background-color: #E5E5E5;
  font-weight: 400;
  line-height: 24px;
}
.twobx-clm {
  max-width: 830px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.fullwidth-clm {
  padding: 50px 0px;
}
.twobx-clm .twobx-lft {
  float: left;
  width: 45%;
  background-color: #0F56B3;
  border-radius: 4px;
}
.twobx-clm .twobx-lft-inner {
  padding: 40px 30px 5px 30px;
}
body a {
  color: #1672EC;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.twobx-clm .twobx-rght {
  float: right;
  width: 55%;
}
.twobx-clm .twobx-rght-inner {
  padding: 30px 40px 0px 40px;
}
.step-desc {
  padding-top: 8px;
}
.twobx-lft h2, .twobx-lft p {
  color: #FFFFFF;
}
.twobx-lft h2 {
  font-size: 30px !important;
  line-height: 38px;
}
.step-clm .imgsec {
  width: 76px;
}
.step-clm img {
  float: left;
  margin-right: 20px;
}
.step-clm {
  /* margin-bottom: 38px; */
}
.step-clm {
  margin-bottom: 50px;
}
.step-clm:last-child {
  margin-bottom: 0px !important;
}
.step-nums {
  font-size: 14px;
  color: #C5DCFA;
}
.step-clm p {
  font-weight: 700;
}
.icon-sec {
	margin-bottom: 20px;
}
.icon-sec input {
	padding: 8px 10%;
	width: 80%;
	display: block;
	margin-bottom: 0px;
	border-radius: 4px;
	border: 1px solid #A1A1A1;
	color: #818181;
	font-size: 17px;
}
.sbmt-btn {
  background-color: #1672EC;
  padding: 10px 30px;
  width: 100%;
  border: unset;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  font-weight: 600;
}
.step-desc .verticle-img {
  position: absolute;
  margin-top: -37px;
  margin-left: 33px;
  width: 3px;
}
.login-frm p{
  font-weight: 600;
  color: #414141;
}
.twobx-rght h3 {
  font-size: 24px;
   text-align: center;
}
.twobx-rght p {
  text-align: center;
  margin: 29px 0px 25px;
}
.twobx-rght label .fname {
  width: 36px !important;
  float: left;
  height: 24px;
  margin: 37px 0px 45px !important;
}

.login-desc {
  text-align: center;
}
.login-desc a {
	border: 1px solid #a1a1a1;
	padding-top: 10px;
	border-radius: 8px;
	width: 100%;
	display: block;
	text-decoration: unset;
	font-weight: 600;
	letter-spacing: 1px;
	color: #1672EC;
	padding-bottom: 10px;
}
::placeholder {
  opacity: 1;
}
.center{
	text-align:center;
}
.logo.mobile {
	max-width: 183px;
	height: auto;
	display: none;
}
.login-frm {
  padding-top: 20px;
}
.fname {
	background: url("../images/user.svg") no-repeat;
	background-size: 22px;
	background-position: 8px 10px;
}
.email {
	background: url("../images/mail.svg") no-repeat;
	background-size: 20px;
	background-position: 9px 11px;
}
.signin-clm .email {
	background: url("../images/mail.svg") no-repeat !important;
	background-size: 20px !important;
	background-position: 9px 11px !important;
}
.tel {
	background: url("../images/country.jpg") no-repeat;
	background-size: 17px;
	background-position: 9px 14px;
	padding-left: 25% !important;
	width: 65% !important;
}
.psw {
  background: url("../images/lock.svg") no-repeat;
	background-size: 17px;
	background-position: 9px 9px;
}

#cntry {
	position: absolute;
	font-size: 16px;
	padding: 10px 0px 10px 10px;
	background-color: unset;
	border: unset;
	margin-top: 1px;
	color: #818181;
	z-index: 999999999;
	margin-left: 18px;
}
.iagreesec {
	margin-bottom: 10px;
}

.clear {
  clear: both;
}

.resetpwd {
  max-width: 530px !important;
}
.pwd-desc {  
  height: 660px;
  padding: 60px 40px;
  text-align: center;
}
.pwd.icon-sec::before {
  background: url("../images/lock.jpg") no-repeat;
   width: 31px !important;
  height: 42px !important;
}
.pwd-desc h3 {
  font-size: 24px;
  color: #414141;
  padding-top: 67px;
}
.lft-img {
  background-color: #E0E0E0;
  width: 97px;
  display: block;
  height: 1px;
  position: relative;
  top: 13px;
}
.rght-img {
  background-color: #E0E0E0;
  width: 97px;
  display: block;
  height: 1px;
  position: relative;
  top: 13px;
}

.smtxt span {
	border-top: 1px solid #000;
	display: inline-block;
	width: 60px;
	padding-top: 5px;
}

.smtxt a {
	color: #222;
	text-decoration: none;
}

@media (max-width: 660.5px){
.twobx-clm .twobx-lft {
  float: none !important;
  width: 100% !important;
}
.twobx-clm .twobx-rght {
  float: none !important;
  width: 100% !important;
  padding-bottom: 40px;
}
.login-frm {
	padding-top: 10px;
	padding-bottom: 20px;
}
.sbmt-btn {
	width: 96%;
}
.step-desc .verticle-img {
   margin-left: 38px !important;
}
.tel1 {
	width: 70% !important;
}
.smtxt span {
	width: 6px;
}
.logo.mobile {
	display: inline-block;
}
.twobx-rght h3 {
   margin-top: 0;
}
}
@media only screen and (min-width: 661px) and (max-width: 848px){
.tel {
	padding-left: 30% !important;
	width: 60% !important;
}	
}
@media (max-width: 440.5px){
.sbmt-btn {
  width: 100% !important;
}
.pwd-desc {  
  padding: 60px 10px !important;
}
.tel {
	padding-left: 30% !important;
	width: 60% !important;
}
.icon-sec input {
	padding: 8px 15%;
	width: 75%;
}
}

.token-desc {  
  padding: 60px 40px;
  height: 42px !important;
}
.token-desc {  
  padding: 60px 10px !important;
}