body {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

#referral {
  background-image: url("https://sme-funding-i-public.s3.ap-southeast-1.amazonaws.com/images/referral-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100dvh;
  padding-top: 10vh; }
  #referral #form {
    width: 100%;
    max-width: 700px;
    margin: auto; }
    #referral #form label {
      padding-bottom: 5px;
      font-size: 16px;
      font-weight: 600;
      color: #7A7A7A; }
    #referral #form input, #referral #form select, #referral #form textarea {
      background-color: #F7F7F7;
      border-width: 0px 0px 0px 0px;
      border-radius: 12px 12px 12px 12px;
      font-size: 16px;
      font-weight: 400; }
    #referral #form .btn.btn-primary {
      background-color: #002B57;
      color: #ffffff;
      min-height: 40px;
      font-weight: 500;
      border-radius: 3px;
      padding: 12px 24px;
      text-align: center;
      transition: all .3s; }

#jumbotron {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 20vh;
  height: 55vh; }
  #jumbotron.contact-us {
    background-image: url("https://sme-funding-i-public.s3.ap-southeast-1.amazonaws.com/images/contact_jumbotron.webp"); }
  #jumbotron.thank-you {
    background-image: url("https://sme-funding-i-public.s3.ap-southeast-1.amazonaws.com/images/contact_jumbotron.webp");
    height: 70vh; }
  #jumbotron h1 {
    font-weight: 800;
    font-size: 3.5em; }