.hero-como-funciona {
  background: rgb(235, 247, 255);
  margin: 0;
}
.hero-como-funciona .container {
  padding-top: 270px;
}
@media (max-width: 480px) {
  .hero-como-funciona .container-custom {
    max-width: 100%;
  }
}
.hero-como-funciona .row-custom {
  background-color: #d2e7fe;
}
@media (max-width: 767.98px) {
  .hero-como-funciona {
    padding: 32px 0;
    background-image: url("/junior/wp-content/uploads/sites/3/2023/11/Group-43020-3.png");
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero-como-funciona {
    background-image: url("/junior/wp-content/uploads/sites/3/2023/11/Group-43020-2.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1024px) {
  .hero-como-funciona {
    background-image: url("/junior/wp-content/uploads/sites/3/2023/11/Group-43020.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 750px;
    margin-bottom: 120px;
  }
}
@media (min-width: 1320px) {
  .hero-como-funciona {
    margin-bottom: 60px;
  }
}
.hero-como-funciona__title {
  color: #FF0;
  text-align: center;
  font-family: "Baloo 2";
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 44px */
  letter-spacing: -0.22px;
}
.hero-como-funciona__title span {
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero-como-funciona__title {
    margin-top: -120px;
  }
}
.hero-como-funciona__copy {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 24px */
  margin-top: 24px;
}
@media (max-width: 767.98px) {
  .hero-como-funciona__image-wrapper {
    padding-top: 15px;
    z-index: 1000;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .hero-como-funciona__image-wrapper {
    margin-left: -180px;
    margin-top: 90px;
    position: absolute;
  }
}
@media (min-width: 1130px) {
  .hero-como-funciona__image-wrapper {
    position: absolute;
  }
}
@media (min-width: 1320px) {
  .hero-como-funciona__image-wrapper {
    margin-left: -100px;
    margin-top: 0px;
  }
}
.hero-como-funciona__image {
  margin: 0 auto;
  display: block;
}
@media (max-width: 479.98px) {
  .hero-como-funciona__image {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .hero-como-funciona__image {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .hero-como-funciona__content-wrapper {
    margin-top: -150px;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero-como-funciona__content-wrapper {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .hero-como-funciona__content-wrapper {
    margin-top: 85px;
    margin-left: -135px;
  }
}
@media (min-width: 1320px) {
  .hero-como-funciona__content-wrapper {
    margin-top: 80px;
    width: 495px;
    margin-left: -80px;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero-como-funciona__arrow-wrapper {
    text-align: right;
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .hero-como-funciona__arrow-wrapper {
    text-align: right;
    padding-top: 20px;
    width: 350px;
  }
}
@media (min-width: 1320px) {
  .hero-como-funciona__arrow-wrapper {
    width: 430px;
  }
}
.hero-como-funciona__arrow {
  display: none;
}
@media (min-width: 768px) {
  .hero-como-funciona__arrow {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    width: 126px;
    height: 54px;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero-como-funciona__arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='126' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.851 50.218C30.341 49.26-3.13 38.834.574 14.203c.548-3.648 1.863-7.378 4.4-10.127.397-.429 5.459-4.53 5.958-3.22.002.006-.285.371-.714.915-1.173 1.487-3.399 4.31-3.62 4.752A21.162 21.162 0 0 0 4.37 15.13c-.193 4.971 1.694 9.44 4.685 13.348 7.507 9.81 19.65 14.46 31.503 16.24 11.386 1.71 23.13.929 34.354-1.385 5.383-1.11 10.673-2.657 15.769-4.708 2.58-1.038 5.152-2.195 7.562-3.585.667-.385.906-.927 1.132-1.439.252-.571.488-1.106 1.284-1.345.559-.169 3.035.516 3.366.84 2.727 2.684-2.14 5.404-3.85 6.352-5.326 2.953-11.079 5.11-16.939 6.756-11.117 3.124-22.82 4.612-34.384 4.014Z' fill='%23FF2846'/%3E%3Cpath d='M115.818 26.214c-8.524 3.317-17.401 5.008-26.554 4.13-2.159-.208.447-.863 1.91-1.23.666-.167 1.095-.275.73-.254 3.375-.194 6.711-.865 9.97-1.738 5.593-1.499 11.088-3.51 16.227-6.187.12-.063.342-.205.636-.394 1.95-1.254 7.11-4.573 7.263-.369.049 1.35-1.86 3.322-3.472 4.988-.816.843-1.556 1.607-1.929 2.173-1.346 2.045-2.466 4.227-3.572 6.407-.449.883-.89 1.778-1.333 2.676-1.99 4.038-4.015 8.144-6.883 11.6-1.247 1.501-8.197 7.86-10.364 4.787-.42-.595 2.557-3.794 5.044-6.467 1.413-1.52 2.669-2.87 3.053-3.474 1.826-2.88 3.408-5.887 4.989-8.893 1.375-2.612 2.749-5.225 4.285-7.755Z' fill='%23FF2846'/%3E%3C/svg%3E");
  }
}
@media (min-width: 1024px) {
  .hero-como-funciona__arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='126' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.851 49.619C30.341 48.66-3.13 38.235.574 13.604c.548-3.649 1.863-7.378 4.4-10.127.397-.43 5.459-4.53 5.958-3.22.002.005-.285.37-.714.914-1.173 1.487-3.399 4.31-3.62 4.752a21.163 21.163 0 0 0-2.229 8.608c-.193 4.97 1.694 9.44 4.685 13.347 7.507 9.812 19.65 14.46 31.503 16.24 11.386 1.71 23.13.93 34.354-1.385 5.383-1.11 10.673-2.657 15.769-4.707 2.58-1.039 5.152-2.195 7.562-3.586.667-.384.906-.926 1.132-1.438.252-.572.488-1.107 1.284-1.346.559-.168 3.035.517 3.366.841 2.727 2.683-2.14 5.403-3.85 6.351-5.326 2.953-11.079 5.11-16.939 6.757-11.117 3.123-22.82 4.612-34.384 4.014Z' fill='url(%23a)'/%3E%3Cpath d='M115.818 25.614c-8.524 3.317-17.401 5.009-26.554 4.13-2.159-.208.447-.862 1.91-1.23.666-.166 1.095-.274.73-.253 3.375-.195 6.711-.865 9.97-1.738 5.593-1.499 11.088-3.511 16.227-6.187.12-.063.342-.205.636-.394 1.95-1.255 7.11-4.573 7.263-.37.049 1.35-1.86 3.322-3.472 4.988-.816.843-1.556 1.608-1.929 2.174-1.346 2.045-2.466 4.227-3.572 6.406-.449.884-.89 1.778-1.333 2.676-1.99 4.038-4.015 8.144-6.883 11.6-1.247 1.502-8.197 7.861-10.364 4.788-.42-.595 2.557-3.795 5.044-6.468 1.413-1.52 2.669-2.87 3.053-3.474 1.826-2.88 3.408-5.886 4.989-8.892 1.375-2.613 2.749-5.226 4.285-7.755Z' fill='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.29' y1='-9.047' x2='.29' y2='61.455' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F80'/%3E%3Cstop offset='1' stop-color='%23F60'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='.29' y1='-9.047' x2='.29' y2='61.455' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F80'/%3E%3Cstop offset='1' stop-color='%23F60'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}
.hero-como-funciona__form-wrapper {
  margin-top: -55px;
}
@media (min-width: 1024px) {
  .hero-como-funciona__form-wrapper {
    margin-left: -30px;
    margin-top: 70px;
    width: 340px;
  }
}
@media (min-width: 1320px) {
  .hero-como-funciona__form-wrapper {
    left: 80px;
    position: relative;
  }
}

@media (max-width: 1023px) {
  form#leadForm {
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
  }
}