@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.ttf") format("opentype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "CabinetGrotesk";
  src: url("../fonts/CabinetGrotesk-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "CabinetGrotesk";
  src: url("../fonts/CabinetGrotesk-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
}
.registro html, .registro body {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: var(--black);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.registro .mobile-item {
  display: none;
}
@media (max-width: 500px) and (min-width: 0px) {
  .registro .desktop-item {
    display: none;
  }
  .registro .mobile-item {
    display: block;
  }
}
.registro .btn-cta {
  padding: 15px 40px;
  display: inline-block;
  border-radius: 11px;
  text-decoration: none;
  border: none;
  background-color: #63affd;
  color: #fff;
}
.registro .grotesk {
  font-family: "CabinetGrotesk", sans-serif;
}
.registro .fw-bold {
  font-weight: 700 !important;
}
.registro .fs-15 {
  font-size: 15px;
}
.registro .izqCol {
  padding: 50px 4%;
  overflow-y: hidden !important;
  background-image: url("../img/registro/conversia-registro-header.jpg");
}
.registro .izqCol .logo {
  margin-bottom: 18%;
  width: 65%;
}
.registro .izqCol h1 {
  font-weight: 400 !important;
  font-size: 35px;
}
.registro .izqCol .num {
  width: 40px;
}
@media only screen and (min-width: 1920px) {
  .registro .izqCol {
    padding: 9% 4%;
  }
}
@media (max-width: 500px) and (min-width: 0px) {
  .registro .izqCol .p-10 {
    padding: 20px 5px !important;
  }
  .registro .izqCol .logo {
    margin-bottom: 0;
    width: 100%;
  }
  .registro .izqCol .desk {
    display: none !important;
  }
  .registro .izqCol .minfo {
    color: #fff;
    margin-top: 20%;
    font-size: 15px;
  }
  .registro .izqCol .minfo span {
    color: #63affd;
  }
}
.registro .minfo {
  color: #fff;
  margin-top: 50%;
  font-size: 15px;
}
.registro .minfo span {
  color: #63affd;
}
.registro .regresar {
  margin-top: 3%;
}
.registro .regresar a {
  font-size: 18px;
  text-decoration: underline;
}
@media (max-width: 500px) and (min-width: 0px) {
  .registro .regresar {
    margin-top: 0;
    text-align: right;
  }
  .registro .regresar a {
    font-size: 16px !important;
  }
}
.registro .stepper.stepper-pills.stepper-column .stepper-line {
  border: none;
}
.registro .stepper.stepper-pills .stepper-item .stepper-icon {
  border: none !important;
}
.registro .stepper.stepper-pills .stepper-item.completed .stepper-icon, .registro .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
  border: none !important;
  background-color: transparent !important;
}
.registro .stepper.stepper-pills .stepper-item.current .stepper-icon {
  background-color: transparent;
}
.registro .span {
  display: none;
}
@media (max-width: 500px) and (min-width: 0px) {
  .registro .stepper-nav {
    margin-top: 6%;
  }
  .registro .stepper.stepper-pills .stepper-item {
    display: none;
  }
  .registro .stepper.stepper-pills .stepper-item h2 {
    font-size: 22px !important;
  }
  .registro .stepper.stepper-pills .stepper-item.current {
    display: block;
  }
  .registro .stepper.stepper-pills .stepper-item.current .span {
    display: none;
  }
  .registro .stepper.stepper-pills .stepper-item.completed {
    width: 100%;
    display: block;
  }
  .registro .stepper.stepper-pills .stepper-item.completed p {
    display: none;
  }
  .registro .stepper.stepper-pills .stepper-item.completed h2 {
    margin-bottom: 0 !important;
    font-size: 16px !important;
    text-align: center !important;
  }
  .registro .stepper.stepper-pills .stepper-item.completed .num {
    width: 18px;
  }
  .registro .stepper.stepper-pills .stepper-item.completed .stepper-label {
    width: 100%;
  }
  .registro .stepper.stepper-pills .stepper-item.completed .stepper-wrapper {
    width: 100% !important;
    margin: 0px;
  }
  .registro .stepper.stepper-pills .stepper-item.completed .stepper-icon {
    display: none;
  }
  .registro .stepper.stepper-pills .stepper-item.completed .span {
    display: inline-block;
    margin-right: 10px;
  }
  .registro .h-40px {
    height: 10px !important;
  }
}
.registro .derCol {
  padding: 40px 4%;
}
.registro .derCol .form {
  width: 100%;
  padding: 0 16%;
}
.registro .derCol .form .form-control {
  background-color: #f4f4f4;
  color: #161616;
  border-radius: 7px;
  padding: 16px 25px;
}
.registro .derCol .form .form-control::-webkit-input-placeholder {
  color: #161616;
}
.registro .derCol .form .form-control::-moz-placeholder {
  color: #161616;
}
.registro .derCol .form .form-control:-ms-input-placeholder {
  color: #161616;
}
.registro .derCol .form .form-control::-ms-input-placeholder {
  color: #161616;
}
.registro .derCol .form .form-control::placeholder {
  color: #161616;
}
.registro .derCol .image-input-wrapper {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.registro .derCol .image-input-placeholder {
  background-image: url("../img/registro/icono-adjuntar-imagen.png");
}
.registro .derCol .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
  padding: 4px 16px;
}
.registro .derCol .image-input [data-kt-image-input-action=change] {
  left: 88%;
  top: 11%;
}
.registro .derCol .icono3 {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  margin-left: -5px;
}
.registro .derCol .completar {
  border: 3px dashed #63affd;
  padding: 6%;
  border-radius: 12px;
  margin-bottom: 20%;
}
.registro .derCol .completar1 {
  border: 3px dashed #f4f4f4;
  width: 100%;
  padding: 4%;
  border-radius: 12px;
  margin-bottom: 5%;
}
@media only screen and (min-width: 1920px) {
  .registro .derCol {
    padding: 13% 4%;
  }
}
@media (max-width: 500px) and (min-width: 0px) {
  .registro .derCol .form {
    padding: 0px 2%;
    text-align: center;
  }
  .registro .derCol .form .text-gray-900 {
    display: inline-block !important;
  }
  .registro .derCol .form .row {
    text-align: left !important;
  }
  .registro .derCol .form .form-text {
    margin-left: 10px;
  }
  .registro .derCol .completar {
    text-align: left !important;
  }
  .registro .derCol .completar1 {
    text-align: left !important;
  }
}