#gr-form-join-1 .gr-form__input--text,
#gr-form-join-2 .gr-form__input--text {
  margin-bottom: 0;
}

.form-control.is-valid.gr-form__input--select,
.was-validated .form-control.gr-form__input--select:valid {
  background-image: url(../images/icons/select.svg), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 18px);
  background-position: right 18px center, right 40px center;
  padding-right: 35px;
}

.form-control.is-invalid.gr-form__input--select,
.was-validated .form-control.gr-form__input--select:invalid {
  background-image: url(../images/icons/select.svg), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 18px);
  background-position: right 18px center, right 40px center;
  padding-right: 35px;
}

#gr-form-join-2 .radio-buttons--inline,
#gr-form-join-2 .checkbox--inline,
#gr-form-join-3 .radio-buttons--inline,
#gr-form-join-3 .checkbox--inline {
  line-height: normal !important;
}
#gr-form-join-2 .gr-form__input--radio:after,
#gr-form-join-2 .gr-form__input--checkbox:after,
#gr-form-join-3 .gr-form__input--radio:after,
#gr-form-join-3 .gr-form__input--checkbox:after {
  top: 0;
}
#gr-form-join-2 .small-p--margin-form,
#gr-form-join-3 .small-p--margin-form {
  margin-bottom: 10px;
}
#gr-form-join-2 .radio-buttons__label,
#gr-form-join-2 .checkbox__label,
#gr-form-join-3 .radio-buttons__label,
#gr-form-join-3 .checkbox__label {
  vertical-align: top;
}

#gr-form-join-3 button.gr-btn.gr-btn--red.gr-btn--solid.gr-btn--form.mt-3.mb-3 {
  margin-top: 0 !important;
}
#gr-form-join-3 .gr-square-photos_photo {
  margin-bottom: 10px;
  margin-top: 10px;
}
#gr-form-join-3 .checkbox--inline {
  line-height: normal !important;
}
#gr-form-join-3 .gr-form__input--radio:after,
#gr-form-join-3 .gr-form__input--checkbox:after {
  top: 0;
}
#gr-form-join-3 .small-p--margin-form {
  margin-bottom: 10px;
}
#gr-form-join-3 .radio-buttons__label,
#gr-form-join-3 .checkbox__label {
  vertical-align: top;
}

.gr-section.gr-section--how-it-works.gr-section--steps {
  min-height: calc(100vh - 215px);
}
.gr-section.gr-section--how-it-works.gr-section--steps .gr-square-box--bg-img {
  background-position-y: center;
}

.groomitModalV5.modalThin .modal-dialog {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.groomitModalV5 .modal-content {
  border-radius: 20px;
  border-color: #fff;
  padding: 10px;
}

.groomitModalV5 .modal-header {
  padding: 15px;
  border: none;
}

.groomitModalV5 .modal-header .close {
  width: 11px;
  height: 11px;
  outline: none !important;
  font-size: 20px;
  box-shadow: none !important;
  padding: 0;
  margin-right: -5px;
  margin-top: -5px;
}

.groomitModalV5 .modal-header .close span {
  line-height: 11px;
  display: block;
}

.groomitModalV5 p {
  font-size: 12px;
  font-family: "Inter", sans-serif;
}

.gr-form__input--code {
  width: 40px;
  margin: 5px 3px;
  border: 2px solid #000;
  border-radius: 5px;
  padding: 0;
  display: inline-block;
  text-align: center;
}

.gr-form__input--code.error {
  border: 2px solid #D02B20;
}

#codeModal.groomitModalV5 p.errorMsg,
.errorMsg {
  color: #D02B20;
  font-size: 12px;
}

#codeModal.groomitModalV5.modalThin .modal-dialog {
  width: 400px;
  max-width: 100%;
}

#codeModal.groomitModalV5 p {
  font-size: 15px;
  font-family: "Filson Soft Regular";
}

#codeModal .gr-btn {
  height: 40px;
  line-height: 38px;
}

.gr-square-box.gr-square-box--join-1 {
  background-image: none;
}

.gr-form--new-square-b .gr-form__input {
  border-radius: 10px;
  height: 52px;
  border: 1px solid #BEC3C5;
}
.gr-form--new-square-b .gr-form__label {
  padding-left: 0;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.32px;
}
.gr-form--new-square-b .invalid-feedback {
  margin-left: 0;
  margin-bottom: 8px;
}

.gr-btn--198 {
  width: 198px;
}

.gr-btn:disabled {
  background: #DADADA;
  border-color: #DADADA;
}

.mb-10-px {
  margin-bottom: 10px !important;
}

.mb-15-px {
  margin-bottom: 15px !important;
}

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

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

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

.groomitModalV5--patch .errorMsg {
  text-align: start;
  text-align: left;
  margin-bottom: 8px;
}
.groomitModalV5--patch .modal-dialog {
  width: 430px !important;
  max-width: 100% !important;
}
.groomitModalV5--patch .modal-content {
  padding: 0 !important;
}
.groomitModalV5--patch .modal-body {
  padding-top: 0;
}
.groomitModalV5--patch h2 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700;
  font-size: 20px;
}
.groomitModalV5--patch p {
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-size: 16px !important;
}
.groomitModalV5--patch p strong {
  font-weight: 700 !important;
}
.groomitModalV5--patch a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #3064A3;
}
.groomitModalV5--patch .gr-form__input--code {
  width: 80px;
  margin: 0 auto;
  border: 1px solid #7C868A;
  border-radius: 5px;
  font-size: 22px;
  color: #7C868A;
}
.groomitModalV5--patch .gr-form__input--code.error {
  border: 1px solid #EA2529;
}

#codeEmailModal.groomitModalV5 p.errorMsg,
.errorMsg {
  color: #D02B20;
  font-size: 12px;
}

#codeEmailModal.groomitModalV5.modalThin .modal-dialog {
  width: 400px;
  max-width: 100%;
}

#codeEmailModal.groomitModalV5 p {
  font-size: 15px;
  font-family: "Filson Soft Regular";
}

#codeEmailModal .gr-btn {
  height: 40px;
  line-height: 38px;
}

.gr-square-box.gr-square-box--join-2 {
  background-image: none;
}

.gr-form--new-square-b .gr-form__input {
  border-radius: 10px;
  height: 52px;
  border: 1px solid #BEC3C5;
}
.gr-form--new-square-b .gr-form__label,
.gr-form--new-square-b .gr-form__radio-buttons,
.gr-form--new-square-b .gr-form__checkbox {
  padding-left: 0;
}
.gr-form--new-square-b .small-p--margin-form {
  margin-left: 0;
}
.gr-form--new-square-b .line-divider.line-divider--grey.line-divider--input {
  display: none !important;
}

.gr-btn--198 {
  width: 198px;
}

.gr-btn:disabled {
  background: #DADADA;
  border-color: #DADADA;
}

.gr-square-box.gr-square-box--join-3 {
  background-image: none;
}

.gr-form--new-square-b .gr-form__input {
  border-radius: 10px;
  height: 52px;
  border: 1px solid #BEC3C5;
}
.gr-form--new-square-b .gr-form__label,
.gr-form--new-square-b .gr-form__radio-buttons,
.gr-form--new-square-b .gr-form__checkbox {
  padding-left: 0;
}
.gr-form--new-square-b .small-p--margin-form {
  margin-left: 0;
}
.gr-form--new-square-b .line-divider.line-divider--grey.line-divider--input {
  display: none !important;
}
.gr-form--new-square-b .gr-form__input--textarea {
  height: 130px;
}

.gr-btn--198 {
  width: 198px;
}

.gr-btn:disabled {
  background: #DADADA;
  border-color: #DADADA;
}

.gr-form__group--upload-custom-left {
  width: calc(100% - 55px);
}

.gr-form__group--upload-custom-right {
  width: 40px;
  align-items: center;
}

.gr-form__group--upload-custom {
  border-radius: 10px;
  background: #F1F1F1;
  padding: 15px;
}

.gr-btn--form-add {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.gr-square-box.gr-square-box--join-4 {
  background-image: url("/groomer-landing-wa-html/images/succes-bg.webp") !important;
  min-height: 450px !important;
}

.gr-section.gr-section--how-it-works.gr-section--steps {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 180px) !important;
}

.gr-steps-links {
  margin-bottom: 40px;
}

h1.main-step-title {
  font-family: "Filson Soft Regular";
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.nav-steps-w-title__title-cont {
  width: calc(100% - 350px);
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.nav-steps-w-title .navbar-brand {
  width: 160px;
  margin-right: 16px;
}

.footer-bottom-help--blue {
  display: none !important;
}

.gr-square-box.gr-square-box--join-4 {
  background-image: url("/groomer-landing-wa-html/images/succes-bg.webp") !important;
  min-height: 450px !important;
}

.gr-square-box.gr-square-box--join-4.gr-square-box--join-4-congrats {
  min-height: calc(100vh - 334px) !important;
  background-image: url("/groomer-landing-wa-html/images/bg-join-congratulations.png") !important;
}

.gr-square-box.gr-square-box--join-4.gr-square-box--join-4-congrats p {
  font-size: 16px;
}

.gr-section.gr-section--how-it-works.gr-section--steps {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 334px) !important;
}

.gr-cont-390 {
  width: 390px;
  max-width: 100%;
  margin: auto;
}

.gr-button-schedule-interview {
  width: 255px;
  height: 35px;
  border-radius: 10px;
  font-size: 16px;
  line-height: normal;
}

@media screen and (max-width: 991px) {
  .gr-square-box.gr-square-box--join-4 {
    background-image: none !important;
  }
  .gr-square-box.gr-square-box--join-4.gr-square-box--join-4-congrats {
    background-image: none !important;
  }
  .gr-square-box.gr-square-box--join-4.gr-square-box--join-4-congrats p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-social ul.list-inline {
    display: flex;
    flex-direction: column;
  }
  .footer-social .footer-divider {
    display: none !important;
  }
  h1.main-step-title {
    font-size: 22px;
  }
  .gr-section.gr-section--how-it-works.gr-section--steps {
    padding-left: 15px;
    padding-right: 15px;
  }
  .groomitModalV5--patch .gr-form__input--code {
    max-width: calc(25% - 5px);
  }
  br.hide-767 {
    display: none !important;
  }
}
.wappCont {
  right: 20px;
  bottom: 75px;
}/*# sourceMappingURL=application-steps.css.map */