.multistep-forms {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 950px;
  width: 100%;
  margin: auto;
  padding: 50px 50px;
  border-radius: 3px;
  position: relative;
  justify-content: space-between;
  align-items: initial;
}

.width25{
  display:inline-block;
  width:24%;
}

.width50{
  display:inline-block;
  width:49%;
}
.width30{
  display:inline-block;
  width:32.9%; 
}

.multistep-forms__form{
  display: none;
}

.multistep-forms__form form{
  background: transparent;
}

.multistep-forms__path,
.multistep-forms__cta-container,
.multistep-forms__step:not(.multistep-forms__step--active),
.multistep-forms__thank-you-message{
  opacity: 0;
  position: absolute;
  visibility: hidden;
  transition: opacity ease-in-out 0.3s;
  top: 116px;
  display: none;
}

.multistep-forms__cta-container{
  display: flex;
  justify-content: space-between;
}

.multistep-forms__next-button{
  width: 100%;
  max-width: 300px;
}

.multistep-forms__path--active,
.multistep-forms__cta-container--active,
.multistep-forms__step--active,
.multistep-forms__thank-you-message--active{
  opacity: 1;
  position: relative;
  visibility: visible;
}
.multistep-forms__thank-you-message--active {
  position: initial;
  display: block;
}
.multistep-forms__step {
  width: 100%;
}

.multistep-forms__step .slide-step .multistep-forms__step--active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  align-self: center;
  align-items: center;
  width: 100%;
}

.multistep-forms__next-button--active{
  display: table;
}


.multistep-forms__input{
  margin-bottom: 40px;
}
.multistep-forms__input div {
  text-transform: capitalize;
}
.multistep-forms__step:not(.multistep-forms__step--active) .multistep-forms__input {
  padding: 0px 50px;
}
.multistep-forms__select{
  display: table;
  position: relative;
  width: 100%;
  max-width: 300px;
}

.multistep-forms__select:after{
  content: "";
  position: absolute;
  top: 15px;
  right: 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 0.1em solid #BDBDBD;
  border-top: 0.1em solid #BDBDBD;
  transform: rotate(136deg);
  margin-right: 0.5em;
  margin-left: 1em;
  z-index: 1;
}

.multistep-forms__select select{
  -webkit-appearance: none;
}

.multistep-forms__select select:focus{
  outline: 0;
}

.multistep-forms__input textarea{
  min-height: 100px;
}

.multistep-forms__input input::placeholder {
  color: #BDBDBD;
}

.multistep-forms__cta{
  margin: 10px; 
}

.multistep-forms__button,
.multistep-forms__next-button{
  margin-top: 25px;
  transition: all .2s cubic-bezier(.39,.575,.565,1);
}

.multistep-forms__nav-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-self: end;
  flex-wrap: wrap;
}

.multistep-forms__prev-button, .multistep-forms__next-button {
  width: auto;
  min-width:100px;
  text-align: center;
  display: flex;
  justify-content: center;
}


@media screen and (max-width: 768px){
  .multistep-forms__cta-container{
    flex-direction: column;
  }
  .width50,
  .width25,
  .width30{
    display:block;
    width:100%;
  }
  .multistep-forms__nav-buttons {
    width: 100%;

  }

}

/** Animations **/
.multistep-forms__paragraph,
.multistep-forms__animation {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;   
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

}

.step_line{
  width: 40px;
  border: none;
}

.step_line hr{
  border:none;
  height:1px;
  background:#B5B5B5;
}

.step_name{
  top: 32px;
  left: -7px;
  position: absolute;
  width: fit-content;
  text-align: center;
  font-size:12px;
  line-height:12px;
  color:#CCD8E4;
}

.step.active .step_name,
.step.first .step_name{ 
  color:#F39801;
}

.step.active.check .step_name{
  color:#003A79;
}


.multistep-forms__progress-bar {
  background: #B5B5B5;
  height: 2px;
  position: relative;
  width: 50%;
  margin:50px auto;
  min-width:300px;
  background:transparent;
}

.multistep-forms__progress-bar-inner {
  background: #253551;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
  transition: ease-out .5s;
}

.multistep-forms__progress-bar-steps {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.multistep-forms__progress-bar-steps span {
  transition: ease-out .5s;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: white;
  border: 2px solid #CCD8E4;
  position:relative;
}

/*

.multistep-forms__progress-bar-steps span.step_divider:before,
.multistep-forms__progress-bar-steps span.step_divider:after{
background: white;
content: "";
height: 50px;
position: absolute;
top: 0;

width: 50px;
}

.multistep-forms__progress-bar-steps span.step_divider:before{
right: -48px;
}

.multistep-forms__progress-bar-steps span.step_divider:after{
left: -52px;
}
*/
.multistep-forms__progress-bar-steps span.active {
  border:2px solid #F39801;
}

.multistep-forms__progress-bar-steps span.check {
  border:2px solid #003A79;
}

span.step_divider{
  background:transparent;
  border:none;
  position:absolute;
}

.multistep-forms__progress-bar-steps span .fa-solid{
  font-size:22px;
}
.fa-check.icon_hidden,
.fa-circle.icon_hidden{
  display:none;
}
.multistep-forms__progress-bar-steps span.active .fa-circle,
.multistep-forms__progress-bar-steps span.check.active .fa-check{
  display: block;
  position: absolute;

}
.multistep-forms__progress-bar-steps span.active .fa-circle{
  top: 3px;
  left: 3px;
}



.multistep-forms__progress-bar-steps span.check.active .fa-check{
  top: 10%;
  left: 10%;
}
.multistep-forms__progress-bar-steps span.check.active .fa-circle,
.multistep-forms__progress-bar-steps span.active .fa-check{
  display:none;
}

.multistep-forms__progress-bar-steps span.active .fa-circle:before{
  color:#F39801;
}

.multistep-forms__progress-bar-steps span.active .fa-check:before{
  color:#003A79;
}

.multistep-forms__text--before {
  margin-bottom: 10px;
}
.multistep-forms__checkbox, .multistep-forms__radio {
  margin-top: 15px;
  display: flex;
  gap: 10px;

}

.multistep-forms__checkbox{
  flex-direction: column;
}

.multistep-forms .hs-required::after {
  content: "*";
  position: absolute;
  top: 0;
  right: -12px;
}
.multistep-forms .hs-input.hs-required::after {
  content: "";
}
.multistep-forms label {
  text-transform: capitalize;
  display: inline-block;
  position: relative;
  width: fit-content;
}
.hs-error {
  border-color: red;
}
/*.messageError{
display:none;
}*/
.multistep-forms__input input.inputError + .messageError,
.multistep-forms__input select.inputError+ .messageError,
.multistep-forms__input textarea.inputError+ .messageError{
  display:block;
  color: red;
}
.multistep-forms__button.hide {
  display: none !important;
}

button.hidden{
  opacity:0!important;
  pointer-events:none!important;
}
.multistep-forms__button--hidden {
  opacity: 0;
  z-index: -1;
}
.multistep-forms__button--active {
  opacity: 0;
  z-index: -1;
}






@media (max-width: 767px){

  .multistep-forms__nav-buttons {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .multistep-forms__checkbox, .multistep-forms__radio {
    gap: 10px;
    flex-wrap: wrap;
  }
  .multistep-forms__progress-bar-steps span.step_divider:after,
  .multistep-forms__progress-bar-steps span.step_divider:before{
    width:30px;
  }
  .multistep-forms__progress-bar-steps span.step_divider:after{
    left: -32px;
  }
  .multistep-forms__progress-bar-steps span.step_divider:before{
    right: -28px;
  }
  .step_line{
    display:none;
  }
  .recommend_crate {
    grid-template-columns: 1fr;
  }
}
.multistep-forms__radio-group,
.multistep-forms__checkbox-group {
  display: flex;
  align-items: center;
  gap: 5px;
}
.body-wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  min-height: 100vh;
}
.multistep-forms__load {
  display: none;
}
.multistep-forms__load--active {
  display: block;
}
.multistep-forms__load .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 0;
  background: #9d9ca1;
  animation: wave .8s linear infinite,fade .8s linear infinite;
}
.multistep-forms__load .dot:nth-child(2) {
  animation-delay: -.7s;
  opacity: .7;
}
.multistep-forms__load .dot:nth-child(3) {
  animation-delay: -.5s;
  opacity: .5;
}
@keyframes wave {
  0%,100%,60% {
    transform: initial
  }

  30% {
    transform: translateY(-4px)
  }
}

.score-message h3 {
  font-weight: 700;
  text-align-last: center;
}

/*
@media(min-width:1200px){
.multistep-forms__nav-buttons{
margin-top: -126px;
}
}
*/

/**popup*/

body.active-popup{
  overflow: hidden;
}


.popup__content--container {
  overflow-x: hidden;
}

.popup-modal__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.popup-modal {    
  z-index: 999; 
}  

.popup-modal form {
  padding: 0;
}

.popup-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  transition: opacity ease-in-out 0.3s;
  padding: 0;
}

.popup-modal.active {
  opacity: 1;
  visibility: visible;
}
.popup-modal .btn-close {
  position: absolute;
  top: 13px;
  right: 24px;
  width: 35px;
  cursor: pointer;
  z-index: 20;
}
.popup-open{
  overflow: hidden;
}
.popup-modal{
  overflow: hidden auto;
  z-index: 999; 
}
.popup-modal__content {
  transform: scale(0);
  transition: all ease-in-out 0.4s;
  position: absoltute;
  top: 10%;
  max-width: 730px;
  left: 0;
  right: 0;
  margin: 20px auto;
}

.active .popup-modal__content {
  transform: scale(1);
  opacity: 1;
}

{# --- start large screen breakpoint--- #}
@media screen and (min-width: 992px){

}
{# --- Small screen breakpoint  --- #}
@media screen and (max-width: 1200px) {
  .popup-modal__content{
    max-width: calc(95% - 40px); 
  }

}



{# --- Mobile Breakpoint --- #}
@media screen and (max-width: 768px) {

  .popup-modal__content {
    grid-template-columns: 1fr !important;
    grid-row-gap: 50px;
  }

  .popup-modal__content {
    display: grid;
    grid-template-columns: 1fr;
  }
  .popup-modal .btn-close {

    width: 28px;
  }
  .popup-modal .popup-modal__content{
    display: grid;
    grid-template-columns: 1fr;
  }
}


.popup-modal {
  background-color: rgba(0,0,0,0.5); 
}
.popup-modal__content {
  border-radius:16px;
  background-color: white; 
}



.loader {
  position: relative;
  width: 75px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#DDD 50px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0);
  background-size: 8px 100%;
  background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  animation: pillerPushUp 4s linear infinite;
  margin: auto;
}
.loader:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #de3500;
  border-radius: 50%;
  animation: ballStepUp 4s linear infinite;

}

@keyframes pillerPushUp {
  0% , 40% , 100%{background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px}
  50% ,  90% {background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px}
}

@keyframes ballStepUp {
  0% {transform: translate(0, 0)}
  5% {transform: translate(8px, -14px);background:#4B4BFF;}
  10% {transform: translate(15px, -10px)}
  17% {transform: translate(23px, -24px)}
  20% {transform: translate(30px, -20px);background:#17CF77;}
  27% {transform: translate(38px, -34px)}
  30% {transform: translate(45px, -30px)}
  37% {transform: translate(53px, -44px);background:#EBA2B0;}
  40% {transform: translate(60px, -40px)}
  50% {transform: translate(60px, 0);}
  57% {transform: translate(53px, -14px);background:#A050C8;}
  60% {transform: translate(45px, -10px)}
  67% {transform: translate(37px, -24px)}
  70% {transform: translate(30px, -20px);}
  77% {transform: translate(22px, -34px);background:#E9D453;}
  80% {transform: translate(15px, -30px)}
  87% {transform: translate(7px, -44px)}
  90% {transform: translate(0, -40px)}
  100% {transform: translate(0, 0);background:#EBA2B0;}
}

/*
[name="0-136/required_amount"],
[name="0-136/real_state_value"],
[name="0-136/monthly_income"],
[name="0-136/annual_sales"] {
position: relative;
padding-right: 40px; 
}


[name="0-136/required_amount"]::before,
[name="0-136/real_state_value"]::before,
[name="0-136/monthly_income"]::before,
[name="0-136/annual_sales"]::before {
content: "MXN";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: #000;
font-weight: bold;
pointer-events: none; 
}
*/

.input-wrapper {
  position: relative;
}

.input-wrapper input {
  padding-right: 40px; /* espacio para el MXN */
}

.input-wrapper::after {
  content: "MXN";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #000;
  pointer-events: none;
}












.multistep-forms__radio {
  display: flex;
  gap: 20px;
  justify-content: space-around;
  flex-wrap:wrap;

}

.multistep-forms__radio-group {
  position: relative;
}


.multistep-forms__radio-group input[type="radio"] {
  display: none;
}


.multistep-forms__checkbox--label {
  font-size: 1.5rem; 
  font-weight: bold;
  text-transform: uppercase;
  color: #B3B8B9!important; 
  cursor: pointer;
  position: relative;
  padding-bottom:10px; 
}


.multistep-forms__radio-group input[type="radio"]:checked + .multistep-forms__checkbox--label {
  color: #4B4BFF!important; 
}


.multistep-forms__radio-group input[type="radio"]:checked + .multistep-forms__checkbox--label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background-color: #4B4BFF; 
  border-radius: 2px;
}


input:focus, .hs-input:focus,  select:focus,  textarea:focus,
input:hover, .hs-input:hover,  select:hover,  textarea:hover{
  border-color: #17CF77!important;
}


.result_container {
  display: grid
    ;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  text-align:center;
}

@media(max-width:767px){
  .result_container {
    grid-template-columns: 1fr;
  }

}

.awarded_amount_container{
  color:#4B4BFF;
}


.button.button--simple.pdf{
  width: fit-content;
  color: #1F1FFF;
  border: none;
  text-decoration: none;
  text-align: center;
  margin: 20px auto;
}

.button.button--simple.pdf:after{
  background-color: transparent;
  bottom: -2px;
  content: '';
  height: 0px;
}

div#data_result {
  display: flex
    ;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}