body {
  /* Smartphones (portrait and landscape) ----------- */
  /* iPads (portrait and landscape) ----------- */
}
body header {
  line-height: 5rem !important;
}
body header #header-contact-container {
  display: flex;
  float: right;
}
body header #header-contact-container .header-phone {
  flex: 1;
  float: right;
  display: flex;
  gap: 1rem;
}
body header #header-contact-container .header-phone #call-icon {
  display: none;
}
body header #header-contact-container .header-phone #call-icon a {
  color: #02438e;
}
body header #header-contact-container .header-phone #call-icon svg {
  color: #02438e;
}
body header #header-contact-container #Apply-Now:not(.hidden) {
  flex: 1;
}
body main input[type=tel] {
  width: 125px;
}
body main input[type=email] {
  width: 350px;
}
body main input.size-xlg {
  width: 350px;
}
body main input.size-lg {
  width: 300px;
}
body main input.size-m {
  width: 150px;
}
body main input.size-s {
  width: 100px;
}
body main #Fee {
  display: inline;
  padding-left: 4rem;
}
body main div.amount-lbl {
  display: inline-block;
  width: 200px;
}
body main div.content-container {
  width: 700px;
  margin: auto;
}
@media (max-width: 600px) {
  body header div.container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: normal;
  }
  body header #header-contact-container .header-phone #call-icon {
    display: block;
  }
  body header #header-contact-container .header-phone #call-number {
    display: none;
  }
  body main {
    padding-top: 8rem;
  }
  body main div.ui-controlgroup {
    padding-bottom: 2rem;
  }
  body main #FirstName, body main #BeneFirstName {
    margin-right: 5px !important;
  }
  body main div.content-container {
    width: auto;
    margin: auto;
  }
  body main div.site-content {
    margin-top: auto !important;
  }
  body main div.site-content #GetNewAssignment {
    text-wrap: auto;
  }
  body main div.amount-lbl {
    width: auto !important;
  }
  body main div.wlbl {
    width: auto;
  }
  body main .name-inputs, body main .media-p-sr {
    display: flex;
  }
  body main .currency-inputs {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  body main .CurrencyBox {
    flex-grow: 1;
    margin-right: 0px !important;
  }
  body main .media-p-fw {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body header div.container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: normal;
  }
  body header #header-contact-container .header-phone #call-icon {
    display: block;
  }
  body header #header-contact-container .header-phone #call-number {
    display: none;
  }
  body main {
    padding-top: 8rem;
  }
  body main div.ui-controlgroup {
    padding-bottom: 2rem;
  }
  body main #FirstName, body main #BeneFirstName {
    margin-right: 5px !important;
  }
  body main div.content-container {
    width: auto;
    margin: auto;
  }
  body main div.site-content {
    margin-top: auto !important;
  }
  body main div.site-content #GetNewAssignment {
    text-wrap: auto;
  }
  body main div.amount-lbl {
    width: auto !important;
  }
  body main div.wlbl {
    width: auto;
  }
  body main .name-inputs, body main .media-p-sr {
    display: flex;
  }
  body main .currency-inputs {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  body main .CurrencyBox {
    flex-grow: 1;
    margin-right: 0px !important;
  }
  body main .media-p-fw {
    width: 100% !important;
  }
}
body .hidden {
  display: none;
}