fieldset#form-two {
  display: none;
}
/*fieldset#form-three{
    display: none;
}*/
p#otp_rec_email {
  margin-bottom: 0px;
}

.h3-heading.text-uppercase.mb-1.mb-lg-5.forgot p {
  margin-bottom: 0px;
}
fieldset#success_field_set {
  display: none;
}
fieldset#form-four {
  display: none;
}
fieldset#form-five {
  display: none;
}
label.form-check-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.login-body {
  background-image: url(../images/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

@font-face {
  src: url("css/Moula-Black.ttf");
  font-family: moula;
}
@font-face {
  src: url("css/Moula-Black.ttf");
  font-family: moula;
}
@font-face {
  font-family: myFirstFont;
  src: url(../font/Meutas-Bold.otf);
}
@font-face {
  font-family: Meutas-Black;
  src: url(../font/Meutas-Black.otf);
}
@font-face {
  font-family: Meutas-Regular;
  src: url(../font/Meutas-Regular.otf);
}
@font-face {
  font-family: headline-outline;
  src: url(../font/headline-outline.ttf);
}
@font-face {
  font-family: Headline;
  src: url(../font/Headline.ttf);
}
@font-face {
  font-family: Meutas-Light;
  src: url(../font/Meutas-Light.otf);
}
@font-face {
  font-family: Meutas-Thin;
  src: url(../font/Meutas-Thin.otf);
}
@font-face {
  font-family: Meutas-Medium;
  src: url(../font/Meutas-Medium.otf);
}
@font-face {
  font-family: Meutas-SemiBold;
  src: url(../font/Meutas-SemiBold.otf);
}
@font-face {
  font-family: Meutas-UltraLight;
  src: url(../font/Meutas-UltraLight.otf);
}
body {
  font-family: "Roboto", sans-serif;
}
.in-1 {
  display: flex;
/*  padding: 40px;*/
  padding: 10px 0px 10px 100px;
}
/*section.sign-up-sec {
    padding-top: 130px;
}*/
section.sign-up-sec {
  width: 1400px;
}
.main-div {
}
#resendOTP {
  cursor: pointer;
  color: #197fb1;
  font-weight: 500;
}
#resendOTP_timer {
  color: #197fb1;
  font-weight: 500;
}
/* error code */
/*p.validation_error,p#otp_error {
    margin-bottom: 0px;
    font-size: 12px;
    color: red;
}*/
/* error code */
p.validation_error,
p#otp_error,
p#passwor_reset_error,
p#password_error,
p#repassword_error {
  font-size: 13px;
  color: red;
  font-weight: 400;
  font-family: roboto;
  margin: 0px;
}
.form-main.row.mt-lg-0.mt-3 {
  padding-top: 0px;
}
/*section.sign-up-sec {
    background: url(../images/background_img.jpg);
    background-position: top;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background: #0949b3;
}*/
.content {
  color: #f4f8ff;
  padding: 0px 0px 0px 30px;
}
.main-logo {
  padding-bottom: 48px;
  padding-top: 20px;
  padding-left: 40px;
}
.info-sec {
  padding-bottom: 95px;
  /*    background: #fdfbfc;*/
}
.col-md-6.contact-sec {
  background: #fff;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5 h1 {
  color: #002942;
  font-size: 36px;
  font-weight: 800;
  text-transform: capitalize;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5 p {
  font-size: 13px;
  text-transform: initial;
  color: #577486;
  font-weight: 500;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(2.5em + 0.9rem + 3px);
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #e7e7e7;
  border-radius: 0px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Roboto";
}
.form-list {
  padding: 15px 0px;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5 {
  padding-top: 32px;
}
form.contactus-form.msform {
  padding: 40px;
}
.col-md-6.f-1 {
  padding: 0px;
  background: #fdfbfc;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5.forgot p br {
  display: none;
}
input.consultation-btn.next.action-button {
  padding: 15px;
  width: 100%;
  background: #ec1c24;
  outline: none;
  border: none;
  border-radius: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
}
input.consultation-btn.next.action-button.xda-off-topic {
  width: auto;
  padding: 0px;
  background: none;
  color: #547be5;
  font-size: 16px;
  text-align: left;
  text-decoration: underline;
}

/*form styles*/
#msform {
  position: relative;
}
#msform fieldset {
  /*  background: white;
            border: 0 none;
            border-radius: 3px;
            box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
            padding: 20px 30px;
            
            box-sizing: border-box;
            width: 80%;
            margin: 0 10%;*/

  position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
/*  #msform input, #msform textarea {
            padding: 15px;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-bottom: 10px;
            width: 100%;
            box-sizing: border-box;
            font-family: montserrat;
            color: #2C3E50;
            font-size: 13px;
        }*/
/*buttons*/
/*        #msform .action-button {
            width: 100px;
            background: #27AE60;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 1px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }*/
/* #msform .action-button:hover, #msform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
        }*/
/*headings*/
/*.fs-title {
            font-size: 15px;
            text-transform: uppercase;
            color: #2C3E50;
            margin-bottom: 10px;
        }*/
/*  .fs-subtitle {
            font-weight: normal;
            font-size: 13px;
            color: #666;
            margin-bottom: 20px;
        }*/
/*progressbar*/
#progressbar {
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #27ae60;
  color: white;
}
.col-md-6.contact-sec {
  padding: 30px 55px;
}
.mb-lg-5,
.my-lg-5 {
  margin-bottom: 2rem !important;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
}
.content h5 {
  line-height: 32px;
  font-size: 16px;
  color: #111111;
  font-weight: 700;
  margin-bottom: 0px;
}
.content p {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  color: #575757;
  letter-spacing: 0.5px;
}
.col-md-5.f-1 {
  padding: 0px;
}
input.consultation-btn.next.action-button.for.forgot {
  padding: inherit;
  width: auto;
  background: inherit;
  outline: none;
  border: none;
  border-radius: 5px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
input.consultation-btn.next.action-button.for.forgot {
  float: right;
}
input.consultation-btn.next.action-button.for.forgot {
  float: right;
  font-size: 15px;
  font-weight: 500;
  color: #547be5;
  padding: 5px 0px;
  text-decoration: underline;
}
input.consultation-btn.next.action-button.for.forgot {
  margin: 0px 0px 30px 0px;
}
label.center-aligned-div {
  margin-left: 33%;
  margin-top: 55px;
}
.col-md-6.f-1 {
  max-width: 43%;
}
.col-md-6.contact-sec {
  max-width: 46%;
}
button:focus {
  display: none;
}
.line {
  position: relative;
}
.line img {
  position: absolute;
  top: -20px;
  left: -118px;
}
.circle-one {
  position: relative;
}
.circle-one img {
  position: absolute;
  top: 115px;
  left: -53px;
}
.dot-one {
  position: relative;
}
.dot-one img {
  position: absolute;
  top: 45px;
  left: -40px;
}
::ng-deep {
  background-color: white;
}
.dot-two {
  position: relative;
}

.dot-two img {
  position: absolute;
  right: -86px;
  top: -58px;
}
.dot-three {
  position: relative;
}
.dot-three img {
  position: absolute;
  bottom: -642px;
  right: -86px;
}
.half-img {
  position: relative;
}

.half-img img {
  position: absolute;
  left: -99px;
  top: -100px;
}
.bottom-circle {
  position: relative;
}

.bottom-circle img {
  position: absolute;
  width: 50px;
  left: -187px;
  bottom: -90px;
}
.point-img {
  position: relative;
}

.point-img img {
  position: absolute;
  top: -122px;
  left: 31%;
}
.up-circle {
  position: relative;
}

.up-circle img {
  position: absolute;
  width: 35px;
  right: 488px;
  top: -69px;
}
.bottom-circle-one {
  position: relative;
}

.bottom-circle-one img {
  position: absolute;
  transform: rotate(90deg);
  top: 70px;
  left: 50%;
}

.bottom-circle-cornor {
  position: relative;
}

.bottom-circle-cornor img {
  position: absolute;
  right: -229px;
  top: 70px;
  transform: rotate(184deg);
}
.bottom-circle-middle {
  position: relative;
}

.bottom-circle-middle img {
  position: absolute;
  right: -175px;
  top: -406px;
  width: 40px;
}
.bottom-circle-up {
  position: relative;
}

.bottom-circle-up img {
  position: absolute;
  right: -168px;
  bottom: 587px;
}
.bottom-circle-down {
  position: relative;
}

.bottom-circle-down img {
  position: absolute;
  left: 247px;
  top: 70px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 2.25rem;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5.forgot {
  text-align: center;
}
.forgot-img {
  text-align: center;
  padding: 0px 0px 0px;
}
input.previous.action-button-xda {
  background: none;
  border: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 125px 0px 0px;
  /* position: absolute; */
}
input.previous.action-button-xda.extra-bottom {
  background: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 46px;
  position: initial;
  padding-left: 30px !important;
  padding: 39px 0px 0px;
}
input.consultation-btn.next.action-button.for-p-f {
  margin: 20px 0px;
}
input.previous.action-button-xda {
  background: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 132px;
  position: initial;
  padding-left: 30px !important;
  color: #004ede;
  font-weight: 500;
}
label.form-check-label p {
  font-size: 15px;
}
.reset-img {
  text-align: center;
  padding: 150px 0px 0px;
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
}
input.consultation-btn.next.action-button.f-b {
  margin: 20px 0px;
}
.row.center {
  justify-content: center;
}
.in-1 img {
  align-self: center;
}
.form-list.one input#form1email {
  padding-left: 60px !important;
}
.form-list.one p {
  position: absolute;
  left: 30px;
  top: 26px;
  font-size: 18px;
  font-weight: 600;
  color: #577486;
}
span.separater {
  border-left: solid 2px #dfdbdb;
  position: absolute;
  height: 50%;
  width: 1px;
  top: 21px;
  left: 58px;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5.forgot p {
  padding: 7px 0px;
}
label.center-aligned-div-singn {
  margin-left: 33%;
  margin-top: 230px;
}
.col-lg-6.col-md-6.pd {
  /* padding: 0px; */
  padding-right: 8px;
  padding-left: 15px;
}
.h3-heading.text-uppercase.mb-1.mb-lg-5.forgot h1 {
  color: #002942;
  font-size: 32px;
  font-weight: 800;
  text-transform: capitalize;
}
.half-circle {
  position: relative;
}

.half-circle img {
  position: absolute;
  right: 0px;
}
.form-control:focus {
  border: 2px solid #89afef;
  box-shadow: none;
}

button {
  padding: 15px;
  width: 100%;
  background: #0cc758;
  outline: none;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.a-center {
  text-align: center;
  margin-top: 36px;
}

a#back-two {
  text-decoration: none;
  font-weight: 500;
  color: #004ede;
  text-align: end;
  display: block;
}
.a-center.extre {
  margin-top: 40px;
}
.txt-rem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.txt-rem p {
  margin-bottom: 0px;
  font-weight: 700;
}
.txt-rem a {
  color: #a8a8a8;
  text-decoration: none;
  background-color: transparent;
}
button.btn.custom-btn {
  padding: 10px 62px;
  border: 1px solid #197fb1;
  font-size: 17px;
  color: #197fb1;
  border-radius: 0px;
  font-weight: 500;
}
.apply-now-section {
  margin-top: 70px;
  text-align: center;
  display: inline-block;
}
.apply-now-section p {
  font-size: 15px;
  color: #151515;
  margin-top: 12px;
  letter-spacing: 0px;
  font-family: "Roboto";
  opacity: 0.8;
  font-weight: 500;
}
.apply-box {
  width: 100%;
  text-align: center;
}
.footer-logo-lft {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.footer-logo {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.footer-logo-rgt p {
  color: #fdfbfc;
  font-size: 13px;
  opacity: 0.6;
}
.container-fluid.footer-cust {
  width: 90%;
  margin-top: 60px;
}
.logo1 img {
  padding-right: 50px;
}
.logo2 img {
  padding-right: 50px;
}
.forgot {
  margin-bottom: 0px !important;
}
.a-center.extre {
  margin-top: 0px;
}
.forgot-img img {
  width: 70px;
  height: 70px;
}
.txt-rem a:hover {
  color: #197fb1;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -25px;
}
.txt-rem {
  position: relative;
  padding: 0px 30px;
  padding-right: 0px;
}
label.form-check-label p {
  font-size: 15px;
  line-height: 32px;
}
.txt-rem {
  position: relative;
}
.txt-rem input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  top: 0;
  left: 25px;
  height: 18px;
  width: 18px;
  box-sizing: border-box;

  border-radius: 0px !important;
  margin-top: 7px;
}
.txt-rem input:focus {
}
span.fa.fa-fw.fa-eye.field-icon.toggle-password {
  float: right;
  margin-right: 10px;
  margin-top: -34px;
  position: relative;
  z-index: 2;
}
span.fa.fa-fw.field-icon.toggle-password.fa-eye-slash {
  float: right;
  margin-right: 10px;
  margin-top: -33px;
  position: relative;
  z-index: 2;
  opacity: 0.8;
}
span.fa.fa-fw.field-icon.toggle-password.fa-eye {
  float: right;
  margin-right: 10px;
  margin-top: -33px;
  position: relative;
  z-index: 2;
  opacity: 0.8;
}
.main-logo.mobile {
  display: none;
}
.main-logo.desktop {
  display: block;
}
input[type="checkbox"] {
  accent-color: red;
}
.dot-three img {
  display: none;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fdfbfc inset;
}
input[type="text"]:focus {
  border: 2px solid rgb(168, 168, 168);
}
input[type="password"]:focus {
  border: 2px solid rgb(168, 168, 168);
}
.form-control:valid {
  background-color: #fdfbfc !important;
  border: 2px solid rgb(168, 168, 168) !important;
}
input:focus::placeholder {
  opacity: 0.7;
}
.txt-rem a {
  font-weight: 500;
}

p.dark {
  margin: 0px;
  font-family: Poppins;
  font-weight: 600;
}
.customer {
  display: flex;
  align-items: center;
}

p.branch {
  margin: 0px;
  font-family: "Poppins";
  font-size: 14px;
}
span.span-text {
  color: #f04950;
}
.main-content-box {
  padding-right: 10px;
}
section.get-started-section {
  padding: 42px 0px 1px;
  background: #fdfbfc;
}
.container-fluid.dsadsd {
  width: 95%;
}
.container-fluid.dsadsd {
  width: 95%;
  text-align: center;
  border: 1px SOLID #cccccc75;
  height: 100%;
  padding: 137.5px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.main-content-box.two {
  display: none;
}
/* login background styling */
.header {
  display: flex;
  justify-content: space-between;
  padding: 15px 40px;
  align-items: center;
  box-shadow: 0px 3px 11px 0px rgba(15, 15, 15, 0.1);
  margin-bottom: 10px;
}
.content-div h1 {
  font-family: Meutas-SemiBold;
  font-size: 26px;
  color: #2d2b42;
  padding: 25px 0px 5px;
}
.content-div p {
  opacity: 0.75;
}
.rempaul-m a {
  background: #197fb1;
  padding: 15px 51px;
  color: #fff;
  font-family: "Roboto";
  font-weight: bold;
  text-decoration: none;
}
.rempaul-m {
  padding-top: 30px;
  padding-bottom: 40px;
}
.tmt p {
  text-align: center;
  font-size: 14px;
  font-family: "Roboto";
  opacity: 0.5;
}
.tmt {
  padding-top: 20px;
}
.content-div {
  padding-top: 40px;
}

/*  progress bar css start  */

#checkout-progress {
  width: 100%;
  margin: 0px auto;
  font-size: 2.5em;
  font-weight: 900;
  position: relative;
}
@media (max-width: 767px) {
  #checkout-progress {
    font-size: 1.5em;
  }
}
#checkout-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 20px;
  width: 100%;
  background-color: #ccc;
  -webkit-transform: translateY(-50%) perspective(1000px);
  transform: translateY(-50%) perspective(1000px);
  display: none;
}
#checkout-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 20px;
  width: 100%;
  background-color: #2c3e50;
  -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
/*#checkout-progress.step-2:after {
  -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
          transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-3:after {
  -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
          transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-4:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
          transform: scaleX(1) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-5:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
          transform: scaleX(1) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-6:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
          transform: scaleX(1) translateY(-50%) perspective(1000px);
}*/
#checkout-progress .progress-bar {
  width: 100%;
  display: flex;
  height: 100px;
  justify-content: flex-start;
  padding: 30px;
  align-items: center;
  background: #151515;
}
#checkout-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}
.step-label {
  font-size: 20px;
}
.step {
  width: 25%;
}
#checkout-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  -webkit-transform: translateX(-50%) perspective(1000px);
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 0.4em;
  font-weight: 600;
  color: #ccc;
  transition: 0.3s ease;
}
@media (max-width: 767px) {
  #checkout-progress .progress-bar .step .step-label {
    top: calc(100% + 15px);
  }
}
#checkout-progress .progress-bar .step span {
  color: #ccc;
  transition: 0.3s ease;
  display: block;
  -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step .fa-check {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#checkout-progress .progress-bar .step.active span,
#checkout-progress .progress-bar .step.active .step-label {
  color: #2c3e50;
}
#checkout-progress .progress-bar .step.valid .fa-check {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid span {
  color: #2c3e50;
  -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid .step-label {
  color: #2c3e50 !important;
}
#checkout-progress .progress-bar .step:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) perspective(1000px);
  transform: translate(-50%, -50%) perspective(1000px);
  width: 75px;
  height: 75px;
  background-color: #fff;
  border-radius: 50%;
  border: 5px solid #ccc;
  transition: 0.3s ease;
}
@media (max-width: 767px) {
  #checkout-progress .progress-bar .step:after {
    width: 40px;
    height: 40px;
  }
}
#checkout-progress .progress-bar .step.active:after {
  border: 5px solid #2c3e50;
}
#checkout-progress .progress-bar .step.valid:after {
  background-color: #2c3e50;
  border: 5px solid #2c3e50;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  margin: 100px auto 0px;
}
.button-container .btn {
  display: inline-block;
  background-color: #2c3e50;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 900;
  border: 3px solid #2c3e50;
  transition: 0.3s ease;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 767px) {
  .button-container .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}
.button-container .btn:hover {
  background-color: transparent;
  color: #2c3e50;
  -webkit-transform: scale(1.02) perspective(1000px);
  transform: scale(1.02) perspective(1000px);
}
.progress-bar {
  flex-direction: inherit;
}
.container-fluid.onbord {
  width: 95%;
}
.page_content {
  padding-top: 100px;
}
fieldset#form-threesdfsd {
  display: none;
}
input#ffdsf {
  text-align: center !important;
}
.forgot-img.gdg img {
  width: auto !important;
  height: auto !important;
}
.bottom_info {
  padding-top: 20px;
  text-align: center;
}
input.otp {
  display: inline-block;
  width: 50px;
  height: 50px;
}
fieldset#form-six {
  display: none;
}
button.tell {
  padding: 15px;
  width: 100%;
  background: #ec1c24;
  outline: none;
  border: none;
  border-radius: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
}

fieldset#form-threesdfsd {
  display: none;
}
input#ffdsf {
  text-align: center !important;
}
.bottom_info {
  padding-top: 20px;
  text-align: center;
}
input.otp {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 10px;
  text-align: center;
}
form.list-all {
  margin: auto;
  text-align: center;
}
input.otp:focus {
  outline: none;
}
.forgot-img.gdg img {
  width: auto !important;
  height: auto !important;
}
p.sasda {
  font-weight: 400 !important;
}
a.SADS {
  color: #197fb1;
  font-weight: 500;
}
input#otp-first\ otp {
  display: inline-block;
  width: 72px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 10px 0px 0px;
  text-align: center;
}
input#otp-second\ otp {
  display: inline-block;
  width: 72px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 10px;
  text-align: center;
}
input#otp-third\ otp {
  display: inline-block;
  width: 72px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 10px;
  text-align: center;
}
input#otp-fourth\ otp {
  display: inline-block;
  width: 72px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 10px;
  text-align: center;
}
input#otp-six\ otp {
  display: inline-block;
  width: 72px;
  height: 60px;
  border: 2px solid #e7e7e7;
  margin: 0px 0px;
  text-align: center;
}
.form-list.weq {
  text-align: center;
}
input#otp-first\ otp:focus {
  outline: none;
}
input#otp-second\ otp:focus {
  outline: none;
}
input#otp-third\ otp:focus {
  outline: none;
}
input#otp-fourth\ otp:focus {
  outline: none;
}
fieldset#form-threesdfsd {
  padding-top: 45px;
}
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}

.inone {
  display: inline-block;
  width: 55px;
  height: 50px;
  border: 2px solid #e7e7e7;
  margin: 0px 5px;
  text-align: center;
}
form.digit-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.inone:focus {
  outline: none;
}

@media (max-width: 1400px) {
  .inone {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #e7e7e7;
    margin: 0px 7px;
    text-align: center;
  }
}
@media (max-width: 1055px) {
  .inone {
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 2px solid #e7e7e7;
    margin: 0px 7px;
    text-align: center;
  }
}
@media (max-width: 1000px) {
  form.digit-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .inone {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #e7e7e7;
    margin: 0px 7px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .inone {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 2px solid #e7e7e7;
    margin: 0px 4px;
    text-align: center;
  }
  .sign-up-sec .col-md-6.contact-sec.forgot_pass {
    padding-top: 30px;
  }
}
.form-check.txt-rem {
  justify-content: end;
}
p#block_text {
  width: 85%;
}
/*starts loader_css*/
.overlay {
  display: none;
}
.overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #22222273;
}
.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.container-fluid.footer-cust {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sign-up-sec #success_field_set .reset-img {
  padding: 0;
}
/*ends loader_css*/

/* ADDED */
.login-body .sign-up-sec .contact-sec {
  align-items: center;
  display: flex;
}
.sign-up-sec .form-control {
  border: 2px solid #e7e7e7 !important;
}
.sign-up-sec .form-control:focus {
  border: 2px solid rgb(168, 168, 168) !important;
}
.sign-up-sec .form-control.bordered,
.login-body .contact-sec .bordered {
  border: 2px solid rgb(168, 168, 168) !important;
}
p.v-hidden {
  visibility: hidden;
  line-height: 0;
}
.login-body .sign-up-sec .forgot-img.gdg {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1280px) {
  .login-body .sign-up-sec .form-list {
    padding: 10px 0px;
  }
  .login-body .contact-sec form#form_otp .consultation-btn {
    margin-bottom: 0;
  }
  .login-body .contact-sec form#form_otp .bottom_info {
    padding-top: 0;
  }
}
@media screen and (min-width: 1000px) {
  .sign-up-sec #success_field_set .reset-img,
  .sign-up-sec #form-six .reset-img {
    padding-top: 0em;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1000px) {
  .main-logo.desktop {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 1000px) {
  .login-body .sign-up-sec .row.center {
    margin: 3em 0;
  }
  .login-body .sign-up-sec .form-main {
    margin-top: 0 !important;
  }
  .sign-up-sec #success_field_set .reset-img,
  .sign-up-sec #form-six .reset-img {
    padding-top: 2em;
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 768px) and (min-width: 480px) {
  .login-body .sign-up-sec .row.center {
    margin: 2em 0;
  }
}
@media screen and (max-width: 480px) {
  .login-body .sign-up-sec .row.center {
    margin: 1em 0;
  }
  .login-body .sign-up-sec .info-sec {
    padding: 2em 0;
  }
  .login-body section.sign-up-sec {
    padding: 0px 0px !important;
  }
  .login-body .sign-up-sec .row.center {
    padding: 0 0.5em;
  }
  .login-body .sign-up-sec .content p {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) and (min-width: 480px) {
  .login-body .info-sec .in-1:nth-child(5) {
    padding: 15px 30px;
  }
}
@media screen and (min-width: 1400px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 380px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1055px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 370px;
  }
}
@media screen and (max-width: 1055px) and (min-width: 1000px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 340px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 850px) {
  .login-body .contact-sec form#form_otp .inone {
    width: 60px;
    height: 54px;
  }
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 431px;
  }
}
@media screen and (max-width: 850px) and (min-width: 515px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 370px;
    font-size: 16px;
  }
}
@media screen and (max-width: 515px) and (min-width: 480px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 326px;
    font-size: 15px;
  }
  .login-body .contact-sec form#form_otp .inone {
    width: 46px;
    height: 46px;
    margin: 0px 5px;
  }
}
@media screen and (max-width: 480px) {
  .login-body .contact-sec form#form_otp .consultation-btn {
    width: 250px;
    font-size: 14px;
  }
}
.forget_back span {
  font-size: 16px;
  color: #6c757d;
  font-weight: 500;
  display: inline-block;
  text-decoration: none !important;
  opacity: 0.5;
  line-height: normal;
}
.forget_back a img {
  padding-right: 7px;
}
.back_btn.forget_back {
  display: flex;
  align-items: center;
  z-index: 1;
}
.back_btn.forget_back {
  position: absolute;
  top: 30px;
}
.sign-up-sec .col-md-6.contact-sec {
  position: relative;
}
@media screen and (max-width: 992px) {
  .back_btn.forget_back {
    top: 20px;
  }
}