@font-face {
  font-family: Poppins-Regular;
  src: url(../font/Poppins-Regular.ttf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(../font/Poppins-Bold.ttf);
}
@font-face {
  font-family: Poppins-Medium;
  src: url(../font/Poppins-Medium.ttf);
}
.wrap-login100 {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 76px 130px 33px 95px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.login100-pic {
  width: 42%;
}
.login100-pic img {
  max-width: 100%;
}
img {
  vertical-align: middle;
  border-style: none;
}
.login100-form {
  width: 50%;
}
.login100-form-title {
  font-family: Poppins-Bold;
  font-size: 24px;
  color: #333;
  line-height: 1.2;

  width: 100%;
  display: block;
  padding-bottom: 12px;
}
.pstyle {
  color: #737373;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
}
.form-control {
  display: block;
  width: 100%;
  height: calc(2rem + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #616463;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2d2d2;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 2px;
}
.ns {
  margin-top: 26px;
}
.veh {
  color: #737373;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
}
.btns {
  color: white;
  border-radius: 5px;
  background: #00cbfe;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  margin-top: 16px;
  font-weight: 500;
}
img {
  padding-right: 4px;
}
.s-btns {
  color: white;
  border-radius: 5px;
  border: 1px solid #8c8c8c;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  background-color: white;
  margin-top: 16px;
  color: #161616;
  font-weight: 500;
}
.vehs {
  color: #161616;

  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px; /* 100% */
}
.ta {
  text-align: end;
}

@media screen and (max-width: 927px) {
  .login100-pic {
    width: 100%;
    margin-bottom: 20px;
  }
  .wrap-login100 {
    padding: 50px;
  }
  .login100-form {
    width: 100%;
  }
}
.ms {
  padding-top: 145px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

*::-moz-selection {
  background: #1c1c1c;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #1c1c1c;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #1c1c1c;
  color: #ffffff;
  text-shadow: none;
}

/* Section Spacing */
.mb-42 {
  margin-bottom: 42px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-84 {
  margin-bottom: 84px;
}

.mb-n60 {
  margin-bottom: -60px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-n50 {
  margin-bottom: -50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-n40 {
  margin-bottom: -40px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-n30 {
  margin-bottom: -30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-n25 {
  margin-bottom: -25px;
}

/* =============================
      2.1 - Header Style
  ================================ */
.header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;

  transition: 0.3s;
}
.mt-90 {
  margin-top: 90px;
}

.mt-50 {
  margin-top: 50px;
}
.mt-32 {
  margin-top: 32px;
}

.header-right_call {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.header-right_call .call-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}

.header-right_call .call-meta_text {
  color: #1c1c1c;
  font-weight: 500;
  font-size: 16px;
  margin-right: 12px;
  margin-left: 12px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.header-right_call .call-meta_texts {
  color: rgb(0, 0, 0);
  font-weight: 500;
  font-size: 16px;
  margin-right: 18px;
  margin-left: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.bg-clr {
  background-color: white;
}
.content-title {
  text-align: center;
  color: #161616;
  font-size: 32px;

  font-weight: 500;
  margin-bottom: 12px;
  word-wrap: break-word;
}
.content-sub {
  text-align: center;
  color: #696871;
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
}
.img-box {
  text-align: center;
  padding: 24px 37px 24px 37px;
}
.box {
  width: 50%;
}
.dot-box {
  width: 100%;
  background: rgba(229, 250, 255, 0.3);
  border-radius: 8px;
  border: 1px #00cffe dotted;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
}
.bbtn {
  position: relative;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
  margin: 42px 0px 42px 0px;
}
.text-btn {
  text-align: center;
  color: white;
  font-size: 15px;
  font-weight: 700;
  border-radius: 8px;
  background: #00cffe;
}
.fa {
  margin-right: 10px;
}
.formbold-mb-5 {
  border-radius: 10px;
}
.formbold-file-input input {
  opacity: 0;
  /* position: absolute; */
  /* width: 100%; */
  height: 100%;
}
.hm-gradient {
  background-image: linear-gradient(
    to top,
    #f3e7e9 0%,
    #e3eeff 99%,
    #e3eeff 100%
  );
}
.navbar .dropdown-menu a:hover {
  color: #616161 !important;
}
.darken-grey-text {
  color: #2e2e2e;
}
.navbar-light .navbar-nav .nav-link {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 50px;
  cursor: pointer;
  font-weight: 500;
  color: #1c1c1c;
  position: relative;
  transition: 0.3s;
  text-decoration: none;
}
.navbar-nav {
  margin-left: 72px;
}
.m1 {
  margin: 13%;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-36 {
  margin-bottom: 36px;
}
/*-------- Homepage CSS-------------*/

.col-one {
  border-radius: 8px;
  background: rgba(0, 207, 254, 0.1);

  padding-top: 40px;
  width: 200px;
  margin-right: 20px;
}
.step-one {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;

  color: #161616;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 163.636% */
}
.p-speed {
  margin-bottom: 0px !important;
  color: #161616;
  text-align: left;
  margin-left: 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-top: 12px;
}
.btn-secondarys {
  border-radius: 6.7px;
  background: #d6f8ef;
  font-size: 12px;
  flex-shrink: 0;
  color: #2e7865;
  text-align: center;
  padding: 12px 24px;
  font-weight: 400;
}
.right-button {
  text-align: center;
  margin-bottom: 20px;
}
.btn-secondary {
  border-radius: 6.7px;
  border: 1px solid #ccd4de;
  background: #f9f9f9;
  color: #161616;
  font-size: 12px;
  margin-left: 2px;
}
.right-buton {
  display: flex;
  flex-direction: column;
}
.col-two {
  border-radius: 8px;
  border: 2px solid rgba(1, 205, 254, 0.5);
  padding: 0 20px 20px 20px;
}

.all-done-1 {
  display: flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 20px;
}
#Ready .span {
  border-radius: 6.7px;
  background: #d6f8ef;
  color: #d6f8ef;
}
.All-done .btn-secondary {
  border-radius: 6.7px;
  border: 1px solid #ccd4de;
  background: #f9f9f9;
  width: 98px;
  height: 38px;
}
/*-----------------------------------------------------------------------------------------------*/

.card {
  border-radius: 6.7px;
  border: 1px solid #ccd4de;
  background: #f9f9f9;
  padding: 8px;
  margin-top: 10px;
  /* margin-bottom: 10px; */
  height: 20vh;
}
.img-title {
  color: #161616;
  text-align: start;

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  padding-left: 36px;
}
.ma {
  margin-top: 10px;
  margin-left: 12px;
  color: #017afd;
}
.progress {
  height: 14px;
  width: 20%;
  background: linear-gradient(
    270deg,
    #41af4a 0%,
    #41af4a 8.85%,
    #117fc3 18.23%
  );
  box-shadow: 5px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.progress-border {
  margin-top: 12px;
  margin-bottom: 24px;
  background: linear-gradient(
    270deg,
    #ebebeb 59.38%,
    #41af4a 69.53%,
    #41af50 76.56%,
    #117fc3 100%
  );
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 8px;
}
:root {
  --dark-grey: #9fabae;
  --light-grey: #dfe3e4;
  --green: #2ecc71;
}

.coner {
  margin-top: 80px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  width: 50%;
  height: 1vh;
}

.ux {
  list-style: none;
  display: flex;
  width: 650px;
  padding: 0;
}

.ux li {
  position: relative;

  width: 25%;

  color: #303030;
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.ux li:before {
  /* alinhar tudo ao centro */
  display: flex;
  align-items: center;
  justify-content: center;

  /*  pega o numero do step do html  */
  content: attr(data-step);

  /* circulo */
  width: 40px;
  height: 40px;
  border-radius: 50%;

  /*  cores  */
  background: var(--light-grey);
  color: #9fabae;

  /*  posicionamento  */
  position: absolute;
  top: -50px;
  left: calc(50% - 20px);
  z-index: 99;
}

.ux li:after {
  /*  Desenha o traço  */
  content: "";
  width: 100%;
  height: 5px;
  background: var(--light-grey);

  /*  posiciona  */
  position: absolute;
  top: -35px;
  left: -50%;
}

.ux li:first-child:after {
  width: 0;
}

.ux li.active:before {
  background: #107ec3;
  color: #fff;
}

.ux li.active:after {
  background: #107ec3;
}

.ux li.active {
  color: #107ec3;
}
@media screen and (max-width: 725px) {
  .ux {
    width: 325px;
  }
}