display-flex,
.signup-content,
.actions ul,
.actions ul li a {
  display: flex;
  display: -webkit-flex;
}
list-type-ulli,
.actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/poppins/poppins-v5-latin-300.eot);
  src: local("Poppins Light"), local("Poppins-Light"),
    url(../fonts/poppins/poppins-v5-latin-300d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-300.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-300.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-300.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-300.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/poppins/poppins-v5-latin-300italic.eot);
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"),
    url(../fonts/poppins/poppins-v5-latin-300italicd41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-300italic.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-300italic.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-300italic.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/poppins/poppins-v5-latin-regular.eot);
  src: local("Poppins Regular"), local("Poppins-Regular"),
    url(../fonts/poppins/poppins-v5-latin-regulard41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-regular.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-regular.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-regular.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-regular.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/poppins/poppins-v5-latin-italic.eot);
  src: local("Poppins Italic"), local("Poppins-Italic"),
    url(../fonts/poppins/poppins-v5-latin-italicd41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-italic.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-italic.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-italic.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-italic.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/poppins/poppins-v5-latin-500.eot);
  src: local("Poppins Medium"), local("Poppins-Medium"),
    url(../fonts/poppins/poppins-v5-latin-500d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-500.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-500.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-500.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-500.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 500;
  src: url(../fonts/poppins/poppins-v5-latin-500italic.eot);
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"),
    url(../fonts/poppins/poppins-v5-latin-500italicd41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-500italic.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-500italic.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-500italic.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/poppins/poppins-v5-latin-600.eot);
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"),
    url(../fonts/poppins/poppins-v5-latin-600d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-600.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-600.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-600.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-600.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/poppins/poppins-v5-latin-700.eot);
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url(../fonts/poppins/poppins-v5-latin-700d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-700.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-700.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-700.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-700.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/poppins/poppins-v5-latin-700italic.eot);
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"),
    url(../fonts/poppins/poppins-v5-latin-700italicd41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-700italic.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-700italic.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-700italic.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/poppins/poppins-v5-latin-800.eot);
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"),
    url(../fonts/poppins/poppins-v5-latin-800d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-800.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-800.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-800.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-800.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 800;
  src: url(../fonts/poppins/poppins-v5-latin-800italic.eot);
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"),
    url(../fonts/poppins/poppins-v5-latin-800italicd41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-800italic.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-800italic.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-800italic.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins) format("svg");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/poppins/poppins-v5-latin-900.eot);
  src: local("Poppins Black"), local("Poppins-Black"),
    url(../fonts/poppins/poppins-v5-latin-900d41d.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/poppins/poppins-v5-latin-900.woff2) format("woff2"),
    url(../fonts/poppins/poppins-v5-latin-900.woff) format("woff"),
    url(../fonts/poppins/poppins-v5-latin-900.ttf) format("truetype"),
    url(../fonts/poppins/poppins-v5-latin-900.svg#Poppins) format("svg");
}
@font-face {
  font-family: muli;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/muli/Muli-Regular.ttf);
}
@font-face {
  font-family: muli;
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/muli/Muli-ExtraBold.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/montserrat/Montserrat-Light.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/montserrat/Montserrat-Italic.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/montserrat/Montserrat-Medium.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/montserrat/Montserrat-Bold.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/montserrat/Montserrat-BoldItalic.ttf);
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 900;
  src: url(../fonts/montserrat/montserrat-v12-latin-900.ttf),
    url(../fonts/montserrat/montserrat-v12-latin-900.eot)
      format("embedded-opentype"),
    url(../fonts/montserrat/montserrat-v12-latin-900.svg) format("woff2"),
    url(../fonts/montserrat/montserrat-v12-latin-900.woff) format("woff"),
    url(../fonts/montserrat/montserrat-v12-latin-900.woff2) format("truetype");
}
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
}
input,
select,
textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
}
input[type="checkbox"] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
}
input[type="radio"] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 30px transparent inset;
  -moz-box-shadow: 0 0 0 30px transparent inset;
  -webkit-box-shadow: 0 0 0 30px transparent inset;
  -o-box-shadow: 0 0 0 30px transparent inset;
  -ms-box-shadow: 0 0 0 30px transparent inset;
  background-color: transparent !important;
}
.clear {
  clear: both;
}
h2 {
  font-size: 27px;
  color: #222;
  font-weight: 800;
  font-family: muli;
  margin: 0;
  padding-bottom: 65px;
}
h2 span {
  color: #7c7cdd;
}
body {
  font-size: 13px;
  line-height: 1.6;
  color: #888;
  font-weight: 400;
  font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  background-image: linear-gradient(#016401, #ffa401);
}
.main {
    padding: 60px 60px 40px 80px;
}
label.tc {
    margin-top: 435px;
}
input#checkbox {
    margin: 0px 0px 0px -232px;
}
.form-bg {
     background: #fff;
    border-radius: 30px;
    box-shadow: darkblue;
    box-shadow: 3px 4px 28px #00000029;
}
p {
  margin: 0;
}
p.desc {
  padding-bottom: 100px;
  color: #999;
  line-height: 1.92;
  text-align: center;
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #006400;
}
p.title {
    font-weight: 700;
    padding-bottom: 7px;
    color: #016401;
    font-size: 20px;
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
}
.signup-img {
  height: 291px;
    margin-top: -29px;
    margin-left: 81px;
    width: 85%;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.signup-desc {
  background: #fff;
  width: 100%;
  border-radius: 30px 0px 0px 30px;
  margin-left: -20px;
  border-right: 1px solid #000;
}
  
.signup-desc-content {
  padding: 0px 55px;
  text-align: center;
}
.signup-form-conent {
  width: 100%;
}
.signup-form {
  padding: 0px 110px;
}
input {
  display: block;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 20px;
  transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
/*  padding-top: 25px;*/
/*  padding-bottom: 20px;*/
  -webkit-appearance: none;
  background:#f4f4f4;
  padding-left: 17px !important;
  color: #01357a;
      width: 430px;
    height: 52px;
}
input + label {
  position: absolute;
  transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  left: 0;
    top: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #888;
    padding: 0px 10px;
    border-radius: 10px;
}
input:focus + label {
  top: -21px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
}
input:valid + label {
         color: #ea9600;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-top: -8px;
    background-color: #f4f4f4;
}
.form-group {
  position: relative;
  padding-bottom:5px;
}
}
.field-icon {
    font-size: 24px;
    position: relative;
    z-index: 2;
    float: right;
    margin-top: -45px;
    margin-right: 56px;
    color: #bfbfbf;
}
.content {
 /* padding: 64px 0 100px;*/
  position: relative;
}
.content h3 {
  display: none;
}
.step-current {
     position: absolute;
    right: 0;
    top: -30px;
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-weight: 800;
    color: #013479;
}
.actions ul {
  width: 100%;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-justify-content: flex-end;
}
.actions ul .disabled {
  display: none;
}
.actions ul li {
  margin-left: 20px;
}
.actions ul li:first-child a {
  background: #ff9f0d;
    color: #013468;
}

button#otpButton {
    margin-top: -60px;
    margin-left: 442px;
}
.actions ul li a {
  width: 140px;
  height: 50px;
  color: #013479;
  font-family: "Quicksand", Georgia, "Times New Roman", Times, serif !important;
  font-size: 15px;
  font-weight: 700;
  background: #ff9f0d;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  text-decoration: none;
  border-radius: 33px;
  border: 1px solid #000;
}
.steps {
  display: none;
}
@media screen and (max-width: 992px) {
  .container {
    width: calc(100% - 40px);
    max-width: 100%;
  }
  .signup-form {
    padding: 55px 30px;
  }
  .signup-desc {
    width: 465px;
  }
  .signup-img {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .steps ul,
  .signup-content {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
  }
  .steps ul li,
  .signup-desc,
  .signup-form-conent {
    width: 100%;
  }
  .signup-desc{
    border-radius: 30px 30px 0px 30px !important;
  }
}
@media screen and (max-width: 480px) {
  .actions ul li a {
    width: 100px;
  }
}