body {
    padding: 60px 20px;
    font-family: 'Titillium Web', sans-serif;
}

/* Form
================================= */
@media screen and (min-width: 40em) {
  .c-form--card {
    margin: 0 auto;
    padding: 70px;
    max-width: 1200px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
  }
}

.c-form__group {
  position: relative;
  margin-bottom: 20px;
}

.c-form__group.is-active  >  .c-form__label {
  color: #0B46EC;
}

.c-form__label {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.c-form__label  +  p {
  margin: 0;
}

.c-form__label.is-required:after {
  content: '*';
  color: red;
}

.c-form__help-text {
  color: #6D707E;
}

.c-form__text,
.c-form__select,
.c-form__dropdown {
  margin-top: 10px;
  padding-left: 15px;
  height: 57px;
  width: 100%;
  background-color: #F7F8FD;
  border: 1px solid #CACACA;
  text-align: left;
}

.c-form__dropdown {
  padding-right: 1.5rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' width=\'32\' height=\'24\' viewBox=\'0 0 32 24\'><polygon points=\'0,0 32,0 16,24\' style=\'fill: rgb%28138, 138, 138%29\'></polygon></svg>');
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  cursor: pointer;
}

.c-form__dropdown__title {
  margin: 0;
  padding-top: 15px;
  padding-left: 10px;
  font-weight: bold;
}

.c-form__dropdown.hover {
  outline: 3px solid #FFBF47;
}

.c-dropdown__input {
  margin-bottom: 0;
}

.c-dropdown__label {
  margin: 1px 0;
  padding: 18px 10px;
  font-size: 18px;
  line-height: 1.2;
  cursor: pointer;
}

.c-dropdown__label.is-selected {
  background: #0B46EC;
  color: white;
}


.c-form__text:focus,
.c-form__select:focus,
.c-form__dropdown:focus,
.c-button:focus {
  outline: 3px solid #FFBF47 !important;
}

.c-form__select:focus,
.c-form__dropdown:focus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' width=\'32\' height=\'24\' viewBox=\'0 0 32 24\'><polygon points=\'0,0 32,0 16,24\' style=\'fill: rgb(11, 70, 236);\'></polygon></svg>');
}

.c-form-error__icon {
  margin-top: 1px;
  padding-right: 8px;
  font-size: 22px;
  vertical-align: top;
}


/* Button
================================= */
.c-button {
  padding: 16px 32px;
  background-color: #0B46EC;
  border: 3px solid #0B46EC;
  box-shadow: -4px 0 10px 3px rgba(0, 0, 0, 0.11);
  color: #FFF;
  font-size: 18px;
  cursor: pointer;
  transition: 0.25s ease;
}

.c-button:hover {
  background-color: #FFBF47;
  border-color: #FFBF47;
  color: #000;
}

/* Foundation overides
================================= */
.form-error {
  margin-top: -2px;
  font-size: 16px;
  font-weight: normal;
}

.dropdown-pane {
  padding: 0;
  width: 100%;
}