p.help-text {
    font-style: normal;
    font-weight: 400 !important;
    font-family: inherit;
}

.form-errors li {
    color: #cf2334;
}

.captchaError {
    font-weight: 400;
    color: #cf2334;
    font-size: 16px;
}

.text-red {
    color: #cf2334;
}

.was-validated .hear-about-program .abc-radio:invalid {
    outline: 3px red solid;
}

.was-validated .hear-about-program .radio-button-group--item .abc-radio:invalid~label strong {
    color: #cf2334;
}

.was-validated .hear-about-program .radio-button-group--item .abc-radio:invalid~.invalid-feedback {
    display: block;
}

.design-system-style {
    h1 {
        font-size: 63px;
        font-weight: 500;
        line-height: 1.2;
    }
}

label span {
    font-weight: 400;
}

sup {
    font-size: 12px;
}

.hear-about-program {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.radio-button-group--item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.radio-button-group--item label {
    margin-bottom: 0;
    cursor: pointer;
}

.radio-button-group--item strong {
    display: inline-block;
}

/* design system radio button group */
.abc-radio-group-list {
    display: flex;
    gap: 1.3333333rem;
    margin-bottom: 1.3333333rem;
    margin-top: 1.3333333rem
}

.abc-radio-group-list--vertical {
    flex-direction: column
}

.abc-radio-group-list--horizontal {
    flex-flow: wrap;
    gap: 1.7777778rem
}

.abc-radio-group-list .abc-radio {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: .4444444rem;
    position: relative
}

.abc-radio-group-list .abc-radio label {
    font-size: 18px;
    font-family: Roboto,sans-serif;
    line-height: 1.5;
    font-weight: 700;
    color: #002638;
    cursor: pointer
}

.abc-radio-group-list .abc-radio input[type=radio] {
    transition: all .2s ease-in-out;
    margin: 2px 0 0;
    width: 1.3333333rem;
    height: 1.3333333rem;
    min-width: 1.3333333rem;
    position: relative;
    border: 1px solid #002638;
    border-radius: 128px;
    outline: none;
    background-image: none!important;
    cursor: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

@supports (-ms-ime-align: auto) {
    .abc-radio-group-list .abc-radio input[type=radio] {
        -webkit-appearance: checkbox
    }
}

.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-default:checked,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-focus:checked,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-checked {
    background-color: #0075ab;
    border-color: #0075ab
}

.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-default:checked:after,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-focus:checked:after,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-checked:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    top: 5px;
    left: 5px;
    background-color: #fff;
    border-radius: 128px
}

.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-default:checked:hover,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-focus:checked:hover,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-checked:hover {
    border-color: #0075ab !important;
    background-color: #0075ab !important;
}

/* Add :invalid selector for invalid field or the styles not work */
/* Error border */
.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error,
.was-validated .abc-radio-group-list:has(input[type=radio]:invalid) .abc-radio input[type=radio] {
    border: 2px solid #af272f;
}

/* Error label color */
.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error + label,
.was-validated .abc-radio-group-list:has(input[type=radio]:invalid) .abc-radio input[type=radio] + label strong {
    color: #af272f;
}

/* Checked state with error */
.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:checked,
.was-validated .abc-radio-group-list .abc-radio input[type=radio]:invalid:checked {
    background-color: #0075ab;
}

/* Inner dot when checked */
.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:checked:after,
.was-validated .abc-radio-group-list .abc-radio input[type=radio]:invalid:checked:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    top: 4px;
    left: 4px;
    background-color: #fff;
    border-radius: 128px;
}

/* Hover while checked */
.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:checked:hover,
.was-validated .abc-radio-group-list .abc-radio input[type=radio]:invalid:checked:hover {
    background-color: #0075ab;
}

.was-validated .abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:active {
    border: 2px solid #af272f
}

.was-validated .abc-radio-group-list .abc-radio input[type=radio]:focus-visible,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-focus {
    outline: 2px solid #c85207;
    outline-offset: 4px;
    border-radius: 128px
}



.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-default:hover,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:hover,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-hover {
    cursor: pointer;
    background-color: #4cc6f4
}

.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-default:not(:checked):active,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-error:not(:checked):active,.abc-radio-group-list .abc-radio input[type=radio].abc-radio-input--state-active {
    cursor: pointer;
    background-color: #4cc6f4;
    border: 2px solid #002638;
    box-shadow: 4px 4px 4px #00000040 inset
}

/* design system checkbox */
.abc-checkbox-group-list {
    display: flex;
    flex-direction: column;
    gap: 1.3333333rem;
    margin-bottom: .8888889rem;
    margin-top: 1.3333333rem
}

.abc-checkbox {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: .4444444rem;
    position: relative
}

.abc-checkbox label {
    font-size: 18px;
    font-family: Roboto,sans-serif;
    line-height: 1.5;
    font-weight: 700;
    color: #002638;
    cursor: pointer;
    flex: 1
}

.abc-checkbox input[type=checkbox] {
    transition: all .2s ease-in-out;
    margin: 2px 0 0;
    width: 1.3333333rem;
    height: 1.3333333rem;
    min-width: 1.3333333rem;
    position: relative;
    border: 1px solid #002638;
    border-radius: 4px;
    outline: none;
    background-image: none!important;
    cursor: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

@supports (-ms-ime-align: auto) {
    .abc-checkbox input[type=checkbox] {
        -webkit-appearance: checkbox
    }
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-default:checked,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-focus:checked,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-checked {
    background-color: #0075ab;
    border-color: #0075ab
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-default:checked:after,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-focus:checked:after,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-checked:after {
    content: "\f00c";
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff;
    font-size: .8888889rem
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-default:checked:hover,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-focus:checked:hover,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-checked:hover {
    cursor: pointer;
    border-color: #0075ab!important;
    background-color: #0075ab!important
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-default:not(:checked):active,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:not(:checked):active,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-active {
    cursor: pointer;
    background-color: #4cc6f4;
    border: 2px solid #002638;
    box-shadow: 4px 4px 4px #00000040 inset
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:not(:checked):active {
    border: 2px solid #af272f
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error {
    border: 2px solid #af272f;
    background-color: #fcf6f7
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error+label {
    color: #af272f
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:checked {
    background-color: #0075ab
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff;
    font-size: .8888889rem
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:checked:hover {
    border-color: #af272f!important;
    background-color: #0075ab!important
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:hover {
    cursor: pointer
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-default:hover,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-error:hover,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-hover {
    cursor: pointer;
    background-color: #4cc6f4
}

.abc-checkbox input[type=checkbox].abc-checkbox-input--state-focus:hover {
    cursor: pointer
}

.abc-checkbox input[type=checkbox]:focus-visible,.abc-checkbox input[type=checkbox].abc-checkbox-input--state-focus {
    outline: 2px solid #c85207;
    outline-offset: 4px;
    border-radius: 2px
}