:root {
  --main-font: 'Arial',sans-serif;
  --heading-font: 'Arial',sans-serif;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F1F1F2;
  --brand: #FFB700;
  --brand-hover: #E6A300;
  --brand-border: #4CD8D7;
  --text-primary: #000000;
  --input-background: #FFFFFF;
  --input-text: #000000;
  --input-text-dropdown: #FFFFFF;
  --button-text: #FFFFFF;
  --corner: #00DA43;
  --modal-bg: rgba(0, 0, 0, 0.5);
  --error: #E74747;
  --error-bg: #FFE0E0
}
.btn-link {
  background-image: none!important;
  -webkit-background-clip: initial!important;
  background-clip: initial!important;
  -webkit-text-fill-color: initial!important;
  color: var(--brand)!important;
  border: 1px solid var(--brand)
}
.btn-link:hover {
  background-color: var(--brand-hover);
  color: var(--button-text)!important
}
.heading,
.sub-heading {
  background-image: none!important;
  -webkit-background-clip: initial!important;
  background-clip: initial!important;
  -webkit-text-fill-color: initial!important;
  color: var(--text-primary)!important
}
main {
  border: none;
  background: 0 0;
  border-radius: 0
}
.btn.btn-brand {
  border-radius: 0
}
@media screen and (max-width:480px) {
  .btn.btn-brand,
  .btn.btn-link {
    border-radius: 5px!important
  }
}
@media screen and (max-width:390px) {
  .btn.btn-brand,
  .btn.btn-link {
    border-radius: 5px!important
  }
}
@media screen and (max-width:376px) {
  .btn.btn-brand,
  .btn.btn-link {
    border-radius: 5px!important
  }
}
.btn.btn-brand:hover {
  background: var(--brand-hover)!important
}
.cdrop-option:hover,
.cdrop-option[aria-selected=true] {
  background: var(--brand);
  color: var(--input-text-dropdown);
  font-weight: 600
}
#section-error-notification-page .middle-content {
  margin: 12px 0
}
.message li::marker {
  color: inherit
}