
<!-- Form CSS Inline -->
<style>
.inputWrapper {
  width: 100% !important;
}

input {
  width: 100% !important;
  border-radius: 4px !important;
  min-height: 50px;
  font-size: 18px;
  padding: 8px !important;
}

input.footer_form_input-text {
  width: auto !important;
  font-size: 16px !important;
  height: 1.5em; /* This will make the height 1.5 times the font size */
  padding: 8px 12px 8px 16px !important;
  border-radius: 20px !important;
}

input.footer_form_submit-button {
  width: auto !important;
  padding: 12px 20px !important;
  size: 18px !important;
  border-radius: 50px !important;
}

input#tfa_saveForLater {
  width: auto !important;
}

input#submit_button {
  background: #e4d3f3 !important;
  color: #4a2549;
  border-radius: 100px !important;
}

a {
  color: #4a2549 !important;
}

.footer-column-links a {
  color: #ffffff !important;
}

.footer-column-links a:hover {
  color: #ff9e75 !important;
}
.wFormHeader {
  display: none;
}
select {
  width: 100% !important;
  min-height: 50px;
  font-size: 18px !important;
  border-radius: 4px !important;
  padding: 8px !important;
}
h1 {
  margin: 0px !important;
}




.oneField.field-container-D {
  margin: 0px !important;
  padding:0px !important;
}




/***************************** Form Style from Gado************************/


form[id="10"] .inputWrapper {
    width: 100% !important;
  }


  form[id="10"]{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
row-gap: 24px !important;
column-gap: 12px !important;
  }

  form[id="10"] .oneField .field-container-D .inputWrapper input {
    font-weight: 400 !important;
  }
  

  form[id="10"] .wFormContainer .wForm .inputWrapper input[type="text"],
form[id="10"] #tfa_3,
form[id="10"] #tfa_5,
form[id="10"] #tfa_1 {
  font-weight: 400 !important;
}



  #tfa_2-D.oneField.field-container-D,
  #tfa_10-D.oneField.field-container-D,
  #tfa_15-D.oneField.field-container-D,
  form[id="10"] #tfa_18
      {
      grid-column: span 2 !important;
      }

      form[id="10"] div[id="10-A"] {

        grid-column: span 2 !important;
        margin:0 !important;
        padding:0 !important;
      }

      form[id="10"] div[id="10-A"] input[type="submit"]{

      
        margin:0 !important;
        padding:0 !important;
      }

      form[id="10"] #tfa_18 {

        margin:0 !important;
        padding:0 !important;
      }
     #FA__QP__BODYWRAPPERDIV .wFormContainer .wFormFooter ,
     #FA__QP__BODYWRAPPERDIV .wFormContainer .supportInfo{

        display:none !important;
      }


      form[id="10"] .oneField label#tfa_15-L {
        text-transform: none !important;
      }
  /*********** Media Query *************/
  @media (max-width: 991px) {
    #tfa_2-D.oneField.field-container-D,
    #tfa_10-D.oneField.field-container-D,
    #tfa_15-D.oneField.field-container-D,
    form[id="10"] #tfa_18,
   form[id="10"] .oneField.field-container-D
  
        {
        grid-column: span 2 !important;
        }
  
  
  }






  #form #FA__QP__BODYWRAPPERDIV .wFormContainer {
    max-width: none !important;
  }
  
  .wFormContainer .wForm form {
    padding: 0px  !important;
  }
  
  .oneField .label {
    font-family: "GT Walsheim Pro", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #222 !important;
    text-transform: capitalize !important;
  }
  
  form .saveAndResume {
    grid-column: span 2 !important;
  
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 48px !important;
  }
  
  form .saveAndResume .oneField {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  
  

  @media (max-width: 991px) {
    #tfa_85-D.oneField.field-container-D {
      width: 100% !important;
    }
  
    #tfa_85-D.oneField.field-container-D {
      padding: 24px !important;
    }
  }
  
 
  /* Tooltip styling */
  .tooltip-text {
    display: none;
    visibility: hidden;
    opacity: 1;
    position: absolute;
    background-color: #101828;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-radius: 8px;
    padding: 8px 12px;
    width: 300px;
    transition: opacity 0.3s;
    white-space: normal;
    z-index: 10;
    margin-bottom: 5px; /* Adjust margin to show above */
    transform: translateY(-100%); /* Position above the icon */
    font-family: Roboto !important;
    left: 0;
    top: -12px;
  }
  
  /* Tooltip icon styling */
  .tooltip-icon::after {
    content: "?";
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
    color: black;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    background-color: lightgray;
    position: relative;
  }
  
  /* Show tooltip on icon hover */
  .tooltip-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  
  /* End Gado Style*/
  label {
    width: 100% !important;
    text-align: left;
    margin-bottom: 0 !important;
  }
  
 
  
  
  </style>
  
  
  <!-- End Form CSS Inline -->
  
  
  
  
  