/** Changing the icons to white to override action ACSS color **/
.header__social-icons li a {
  color: white;
}
.header__social-icons li a:hover {
  color: var(--action-hover);
}
/** span sytling **/
.text-underline {
  position: relative;
  white-space: nowrap;
}
.text-underline:after {
  content: "";
  height: 0.15em;
  width: 100%;
  background-color: var(--action);
  position: absolute;
  bottom: 0.05em;
  left: 0;
  z-index: -1;
}
.hero__heading--color-text {
  color: var(--action);
}
.wsf-grid {
  margin-left: 0px !important;
}
.wsf-form .wsf-section {
  margin-bottom: 0px;
  background-color: var(--base-dark);
  padding: calc(var(--space-xs)* .30);
  border-radius: var(--radius-xxl);
}
.wsf-form .wsf-section .wsf-field {
  background: var(--base-dark);
  border: none;
  color: #fff;
  margin-left: 0px;
}
.wsf-form .wsf-section .wsf-field-wrapper {
  margin-bottom: 0;
}
.btn__ws-form {
  border-radius: var(--radius-xxl) !important;
  background-color: var(--action) !important;
  border: none !important;
}