.elementor-4149 .elementor-element.elementor-element-7bc43d2{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-4149 .elementor-element.elementor-element-7bc43d2:not(.elementor-motion-effects-element-type-background), .elementor-4149 .elementor-element.elementor-element-7bc43d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5b3c69 );}.elementor-4149 .elementor-element.elementor-element-faa4cbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4149 .elementor-element.elementor-element-b80104c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4149 .elementor-element.elementor-element-3606f82 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-4149 .elementor-element.elementor-element-0f30dd1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-4149 .elementor-element.elementor-element-b64285e .elementor-button{font-weight:500;background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:9px 9px 9px 9px;}.elementor-4149 .elementor-element.elementor-element-b64285e .elementor-button:hover, .elementor-4149 .elementor-element.elementor-element-b64285e .elementor-button:focus{background-color:var( --e-global-color-f5414ff );border-color:var( --e-global-color-f5414ff );}@media(max-width:1024px){.elementor-4149 .elementor-element.elementor-element-7bc43d2{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-4149 .elementor-element.elementor-element-7bc43d2{--content-width:854px;}}@media(max-width:767px){.elementor-4149 .elementor-element.elementor-element-7bc43d2{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-4149 .elementor-element.elementor-element-faa4cbf{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-4149 .elementor-element.elementor-element-3606f82.elementor-element{--align-self:stretch;}}/* Start custom CSS for shortcode, class: .elementor-element-3606f82 */.af2_desktop_list .af2_answer.desktop {
    width: 100% !important;
}
#af2_form_0 .af2_answer.desktop {
    width: 100% !important;
}
#af2_form_0 .af2_question_heading_wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 600px !important;
}
.af2_answer:hover .af2_answer_card{
    
    transform: scale(1)!important;
}
#af2_form_0 .af2_form {
    background-color: transparent !important;
}
.af2_carousel_item {
    background: none!important
}
.af2_carousel_content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    border-radius: 5px;
    background: #fff;
}
#af2_form_0 .af2_form_carousel {
    margin: 0 auto 30px auto;
    height: auto !important;
    overflow: visible;
}

#af2_form_0 .af2_form_bottombar {
    max-width: 624px;
    margin-left: auto;
    margin-right: auto;
}
#af2_form_0 .af2_form_button.af2_disabled {
    background-color: rgb(166 162 162)!important;
}
#af2_form_0 .af2_question {
    width: 100% !important;
}
@media (max-width: 768px) {
    #af2_form_0 .af2_form_carousel {
    overflow:hidden;
}
}

@media (max-width: 768px) {
    #af2_form_0 .af2_form_carousel {
        height: 650px !important;
			background-color: #fff!important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-faa4cbf */div#section-form-app .e-con-inner {
    width: 100%;
    max-width: 96%;
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   Hochberg Application Form - FINAL CSS
   Required Elementor classes:
   hi-app-page      = top section
   hi-app-layout    = wrapper around form + back button
   hi-app-form      = shortcode widget/container
   hi-back-wrap     = back button container
   hi-back-button   = actual Elementor button widget
===================================================== */

html,
body {
  margin: 0 !important;
  overflow: hidden !important;
}

/* PAGE */
.hi-app-page {
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(210, 229, 255, 0.18) 0%, rgba(210, 229, 255, 0) 34%),
    radial-gradient(circle at 86% 84%, rgba(94, 139, 202, 0.20) 0%, rgba(94, 139, 202, 0) 38%),
    #1C3D67 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  font-family: "League Spartan", Sans-serif !important;
}

/* PAGE LAYOUT */
.hi-app-layout {
  width: 100% !important;
  height: 100% !important;
  max-width: 900px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* WHITE CARD */
.hi-app-form {
  width: 72vw !important;
  max-width: 790px !important;
  min-width: 640px !important;
  height: calc(100dvh - 76px) !important;
  max-height: 560px !important;
  min-height: 460px !important;
  margin: 0 auto !important;
  padding: 24px 46px 20px 46px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(210, 229, 255, 0.58) 0%, rgba(210, 229, 255, 0) 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.88) !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 95px rgba(5, 30, 52, 0.38) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* RESET */
.hi-app-page *,
.hi-app-form * {
  box-sizing: border-box !important;
  font-family: "League Spartan", Sans-serif !important;
}

/* ELEMENTOR WRAPPERS */
.hi-app-form.form-wrapper,
.hi-app-form.elementor-widget-shortcode,
.hi-app-form .form-wrapper,
.hi-app-form .elementor-widget-shortcode,
.hi-app-form .elementor-widget-container,
.hi-app-form .elementor-shortcode {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* FUNNELFORMS ROOT */
.hi-app-form #af2_form_0,
.hi-app-form .af2_form_wrapper,
.hi-app-form .af2_form {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
}

/* FORM GRID */
.hi-app-form .af2_form {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 42px !important;
  row-gap: 8px !important;
}

/* REMOVE EMPTY FORM HEADING */
.hi-app-form .af2_form_heading_wrapper,
.hi-app-form .af2_form_heading {
  display: none !important;
}

/* SUCCESS SCREEN */
.hi-app-form .af2_success_message_screen {
  background: transparent !important;
}

/* CAROUSEL */
.hi-app-form .af2_form_carousel {
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
}

/* SLIDES */
.hi-app-form .af2_carousel_item {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* SLIDE CONTENT */
.hi-app-form .af2_carousel_content {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* DESKTOP / MOBILE VISIBILITY */
.hi-app-form .af2_mobile {
  display: none !important;
}

.hi-app-form .desktop {
  display: block !important;
}

/* QUESTION HEADING */
.hi-app-form .af2_question_heading_wrapper.desktop {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.hi-app-form .af2_question_heading.desktop {
  color: #333333 !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ANSWER AREA */
.hi-app-form .af2_answer_container {
  width: 74% !important;
  max-width: 560px !important;
  min-width: 440px !important;
  flex: 1 1 auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

/* ANSWER CARD */
.hi-app-form .af2_answer.desktop {
  width: 100% !important;
  max-width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 13px !important;
  box-shadow: 0 15px 35px rgba(5, 30, 52, 0.11) !important;
  color: #333333 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

/* PREVENT DOUBLE CARD */
.hi-app-form .af2_answer_card.desktop {
  width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ANSWER TEXT */
.hi-app-form .af2_answer_text.desktop {
  color: #333333 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* ANSWER HOVER */
.hi-app-form .af2_answer.desktop:hover {
  transform: translateY(-2px) !important;
  border-color: #D2E5FF !important;
  box-shadow: 0 20px 45px rgba(5, 30, 52, 0.17) !important;
}

/* SELECTED ANSWER */
.hi-app-form .af2_answer.af2_selected,
.hi-app-form .af2_answer.selected,
.hi-app-form .af2_answer.active,
.hi-app-form .af2_answer.is-selected {
  background: #D2E5FF !important;
  border-color: #1C3D67 !important;
}

.hi-app-form .af2_answer.af2_selected .af2_answer_text,
.hi-app-form .af2_answer.selected .af2_answer_text,
.hi-app-form .af2_answer.active .af2_answer_text,
.hi-app-form .af2_answer.is-selected .af2_answer_text {
  color: #1C3D67 !important;
}

/* CONTACT FORM CONTAINER */
.hi-app-form form,
.hi-app-form .af2_contact_form,
.hi-app-form .af2_input_container,
.hi-app-form [class*="contact"],
.hi-app-form [class*="fields"] {
  width: 100% !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* CONTACT STEP */
.hi-app-form .af2_carousel_content:has(input[type="email"]),
.hi-app-form .af2_carousel_content:has(input[type="tel"]) {
  position: relative !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 0 0 36px 0 !important;
}

/* CONTACT STEP HEADING */
.hi-app-form .af2_carousel_content:has(input[type="email"]) .af2_question_heading_wrapper.desktop,
.hi-app-form .af2_carousel_content:has(input[type="tel"]) .af2_question_heading_wrapper.desktop {
  margin: 0 auto 10px auto !important;
}

.hi-app-form .af2_carousel_content:has(input[type="email"]) .af2_question_heading.desktop,
.hi-app-form .af2_carousel_content:has(input[type="tel"]) .af2_question_heading.desktop {
  font-size: 23px !important;
  line-height: 1 !important;
}

/* LABELS */
.hi-app-form label,
.hi-app-form .af2_field_label,
.hi-app-form [class*="label"] {
  color: #333333 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
}

/* INPUTS */
.hi-app-form input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
.hi-app-form textarea,
.hi-app-form select {
  width: 100% !important;
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  padding: 4px 9px !important;
  margin-bottom: 4px !important;
  background: #ffffff !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 7px !important;
  color: #333333 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  outline: none !important;
  box-shadow: none !important;
}

.hi-app-form textarea {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
}

.hi-app-form input:focus,
.hi-app-form textarea:focus,
.hi-app-form select:focus {
  border-color: #1C3D67 !important;
  box-shadow: 0 0 0 3px rgba(28, 61, 103, 0.14) !important;
}

/* FIELD WRAPPERS */
.hi-app-form [class*="field"],
.hi-app-form [class*="input"],
.hi-app-form [class*="form-group"],
.hi-app-form [class*="row"],
.hi-app-form [class*="column"] {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* CHECKBOX */
.hi-app-form input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin: 0 6px 0 0 !important;
}

.hi-app-form input[type="checkbox"] + label {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

/* SUBMIT BUTTON */
.hi-app-form button[type="submit"],
.hi-app-form input[type="submit"],
.hi-app-form button.af2_submit_button,
.hi-app-form button.af2_form_submit_button,
.hi-app-form .af2_submit_button button,
.hi-app-form .af2_form_submit_button button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 50 !important;
  width: auto !important;
  min-width: 220px !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  margin: 0 !important;
  padding: 7px 26px !important;
  background-color: #1C3D67 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1em !important;
  font-weight: 500 !important;
  border: 1px solid #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(5, 30, 52, 0.20) !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.hi-app-form button[type="submit"]:hover,
.hi-app-form input[type="submit"]:hover,
.hi-app-form button.af2_submit_button:hover,
.hi-app-form button.af2_form_submit_button:hover,
.hi-app-form .af2_submit_button button:hover,
.hi-app-form .af2_form_submit_button button:hover {
  background-color: #051E34 !important;
}

/* BOTTOM NAVIGATION */
.hi-app-form .af2_form_bottombar {
  grid-row: 2 !important;
  width: 74% !important;
  max-width: 560px !important;
  min-width: 440px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 99 !important;
}

/* BOTTOM NAV POSITIONING */
.hi-app-form .af2_form_back_button.desktop {
  grid-column: 1 !important;
  justify-self: start !important;
}

.hi-app-form .af2_form_progress_bar {
  grid-column: 2 !important;
  justify-self: stretch !important;
}

.hi-app-form .af2_form_foward_button.desktop {
  grid-column: 3 !important;
  justify-self: end !important;
}

/* PROGRESS */
.hi-app-form .af2_form_progress_bar {
  width: 100% !important;
  height: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #D9DDE2 !important;
  border: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.hi-app-form .af2_form_progress {
  height: 100% !important;
  background: #1C3D67 !important;
  border-radius: 999px !important;
}

/* ARROWS */
.hi-app-form .af2_form_button.desktop,
.hi-app-form .af2_form_back_button.desktop,
.hi-app-form .af2_form_foward_button.desktop {
  position: static !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ffffff !important;
  border-radius: 8px !important;
  background-color: #1C3D67 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(5, 30, 52, 0.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1em !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transition: all 0.3s ease !important;
}

/* DISABLED ARROWS */
.hi-app-form .af2_form_button.desktop.af2_disabled,
.hi-app-form .af2_form_back_button.desktop.af2_disabled,
.hi-app-form .af2_form_foward_button.desktop.af2_disabled {
  background-color: #A8A8A8 !important;
  border-color: #A8A8A8 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* ACTIVE ARROW HOVER */
.hi-app-form .af2_form_button.desktop:not(.af2_disabled):hover,
.hi-app-form .af2_form_back_button.desktop:not(.af2_disabled):hover,
.hi-app-form .af2_form_foward_button.desktop:not(.af2_disabled):hover {
  background-color: #051E34 !important;
  border-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* ARROW ICON */
.hi-app-form .af2_form_button svg {
  width: 18px !important;
  height: 18px !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.hi-app-form .af2_form_button svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* BACK BUTTON WRAPPER */
.hi-back-wrap {
  position: static !important;
  width: 100% !important;
  max-width: 790px !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* BACK BUTTON */
.hi-back-button .elementor-button,
.hi-back-button a,
.elementor-widget-button.hi-back-button .elementor-button {
  background-color: #1C3D67 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1em !important;
  font-weight: 500 !important;
  padding: 9px 28px !important;
  border: 1px solid #ffffff !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.hi-back-button .elementor-button:hover,
.hi-back-button a:hover,
.elementor-widget-button.hi-back-button .elementor-button:hover {
  background-color: #051E34 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* SMALL HEIGHT DESKTOP */
@media (max-height: 760px) and (min-width: 768px) {
  .hi-app-page {
    padding: 10px 20px !important;
  }

  .hi-app-layout {
    gap: 8px !important;
  }

  .hi-app-form {
    height: calc(100dvh - 66px) !important;
    min-height: 440px !important;
    padding: 18px 42px 16px 42px !important;
  }

  .hi-app-form .af2_question_heading.desktop {
    font-size: 23px !important;
  }

  .hi-app-form .af2_question_heading_wrapper.desktop {
    margin-bottom: 10px !important;
  }

  .hi-app-form .af2_answer_container {
    gap: 12px !important;
  }

  .hi-app-form .af2_answer.desktop,
  .hi-app-form .af2_answer_card.desktop {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .hi-app-form input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
  .hi-app-form textarea,
  .hi-app-form select {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 4px 9px !important;
    margin-bottom: 3px !important;
    font-size: 11px !important;
  }

  .hi-app-form textarea {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  .hi-app-form button[type="submit"],
  .hi-app-form input[type="submit"],
  .hi-app-form button.af2_submit_button,
  .hi-app-form button.af2_form_submit_button,
  .hi-app-form .af2_submit_button button,
  .hi-app-form .af2_form_submit_button button {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .hi-app-form {
    width: 84vw !important;
    min-width: 0 !important;
    max-width: 760px !important;
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  .hi-app-form .af2_answer_container,
  .hi-app-form .af2_form_bottombar {
    width: 82% !important;
    min-width: 0 !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .hi-app-page {
    padding: 10px !important;
  }

  .hi-app-layout {
    gap: 8px !important;
  }

  .hi-app-form {
    width: 100% !important;
    min-width: 0 !important;
    height: calc(100dvh - 66px) !important;
    max-height: calc(100dvh - 66px) !important;
    min-height: 0 !important;
    padding: 16px 12px 14px 12px !important;
    border-radius: 22px !important;
  }

  .hi-app-form .af2_form {
    grid-template-rows: minmax(0, 1fr) 40px !important;
    row-gap: 8px !important;
  }

  .hi-app-form .desktop {
    display: none !important;
  }

  .hi-app-form .af2_mobile {
    display: block !important;
  }

  .hi-app-form .af2_question_heading_wrapper.af2_mobile {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 12px auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .hi-app-form .af2_question_heading.af2_mobile {
    color: #333333 !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hi-app-form .af2_answer_container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
  }

  .hi-app-form .af2_answer.af2_mobile {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(5, 30, 52, 0.11) !important;
    overflow: hidden !important;
  }

  .hi-app-form .af2_answer_card.af2_mobile {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hi-app-form .af2_answer_text.af2_mobile {
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #333333 !important;
    text-align: center !important;
  }

  .hi-app-form .af2_form_bottombar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 10px !important;
  }

  .hi-app-form .af2_form_button.af2_mobile {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #ffffff !important;
    border-radius: 8px !important;
    background-color: #1C3D67 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(5, 30, 52, 0.22) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hi-app-form .af2_form_button.af2_mobile.af2_disabled {
    background-color: #A8A8A8 !important;
    border-color: #A8A8A8 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  .hi-app-form input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
  .hi-app-form textarea,
  .hi-app-form select {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 5px 9px !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
  }

  .hi-app-form textarea {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .hi-back-button .elementor-button,
  .hi-back-button a,
  .elementor-widget-button.hi-back-button .elementor-button {
    padding: 9px 24px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}/* End custom CSS */