.mktoHtmlText {
    margin-top: 24px;

}
.mktoForm input:focus {
    outline: none !important
}

.mktoForm input:focus-visible {
    outline: none !important
}
.mktoForm .mktoRequiredField label.mktoLabel {
    color: #171321;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: capitalize !important
}

.mktoForm.mktoLayoutAbove .mktoField {
    border: 1px solid #171321;
    border-radius: 4px;
    color: #666;
    display: block;
    font-size: 14px;
    margin-top: .4rem;
    outline: 0;
    padding-left: 1em;
    width: 100%
}

.mktoForm .mktoLabel {
    font-size:14px!important;
}

.mktoForm.mktoLayoutAbove .mktoField:focus {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .25)
}

.mktoForm button.mktoButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 16px;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    background-color: #fff;
    color: #171321;
    border: 1px solid #171321;
    transition: all .3s ease-in-out
}

.mktoForm button.mktoButton:hover {
    background-color: #171321;
    color: #fff
}

.mktoButtonWrap .mktoNative button {
    margin-left: -110px !important
}
.mktoForm .mktoRequiredField .mktoAsterix {
    display: none !important
}

.mktoForm .mktoAsterix {
    display: none !important
}

.mktoForm .mktoRequiredField label.mktoLabel {
    text-transform: lowercase !important
}

.mktoForm  label.mktoLabel {
    text-transform: lowercase !important
}

.mktoForm label.mktoLabel:first-letter {
    text-transform: uppercase
}

.mktoForm .mktoRequiredField label.mktoLabel:first-letter {
    text-transform: uppercase
}

div.mktoErrorArrowWrap {
    display: none
}

.mktoForm.mktoLayoutAbove input.mktoField:focus,
.mktoForm.mktoLayoutAbove select.mktoField:focus {
    box-shadow: none;
    outline: none !important
}

.mktoForm.mktoLayoutAbove input.mktoField:focus-visible {
    outline:none !important
}
.mktoForm .mktoError div.mktoErrorMsg {
    background: 0 0;
    color: #333;
    border: none;
    box-shadow: none;
    display: inline;
    text-shadow: none;
    font-size: 12px;
    line-height: 20px
}

.mktoForm .mktoError div.mktoErrorMsg span.mktoErrorDetail {
    display: inline
}

.mktoForm .mktoError {
    position: unset !important
}

.mktoForm {
    width: 100% !important
}

.mktoForm .mktoField:not([type=radio]) {
    min-height: 48px
}

.mktoForm .mktoFieldDescriptor .mktoFieldWrap input.mktoInvalid {
    border: 1px solid #f24f63
}

.mktoForm .mktoFormRow,
.mktoForm .mktoFormRow input:not([type=radio]) {
    width: 100%
}

.mktoForm .mktoHasWidth {
    width: 100% !important;
    margin-bottom: 16px
}

.mktoForm #commentCapture,
.mktoForm .mktoFieldWrap,
.mktoForm .mktoFormCol {
    width: 100%;
    margin-bottom: 0;
    outline: none !important
}

.mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
    display: flex
}
.mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input {
    width:14px !important
}
.mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth input[type=checkbox] {
    width: 14px !important
}

.mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth label {
    margin-left: .5rem;
    display: flex;
    align-items: center
}

.mktoForm .mktoFormRow .mktoCheckboxList>label, .mktoForm .mktoFormRow .mktoRadioList>label {
font-size: 14px;

}

.mktoForm .mktoFieldWrap input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.mktoForm .mktoFieldWrap select {
    width: 100% !important;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 5px
}

.mktoForm .mktoFieldWrap select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    background-color: #fff;
}


.mktoForm .mktoFieldWrap label {
    float: left;
    margin-bottom: 4px;
    outline: none !important
}

.mktoForm .mktoButtonRow {
    width: 100% !important
}

.mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
    width: 100% !important
}

.mktoForm .mktoButtonRow .mktoButtonWrap button {
    width: 100% !important;
    background-color: #171321 !important;
    color: #fff !important;
    border: 1px solid #171321 !important;
    background-image: none !important;
    display: inline-block;
    padding: 4px 30px;
    line-height: 40px;
    min-width: 140px;
    min-height: 52px;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.mktoForm .mktoButtonRow .mktoButtonWrap button:hover {
    background-color: #fff !important;
    color: #171321 !important;
    border: 1px solid #171321 !important
}

.mktoForm a:not(.btn):not(.slp-btn),
.mktoForm a:not(.btn):not(.slp-btn):active,
.mktoForm a:not(.btn):not(.slp-btn):focus,
.mktoForm a:not(.btn):not(.slp-btn):hover {
    color: #7d2bd9
}


.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 100% !important;
    background-color: #171321 !important;
    color: #fff !important;
    border: 1px solid #171321 !important;
    background-image: none !important;
    display: inline-block;
    padding: 4px 30px;
    font-size: 16px;
    line-height: 40px;
    min-width: 140px;
    min-height: 52px;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out

}

.mktoForm.mktoLayoutAbove .mktoGutter {
    display:none !important
}

.mktoGutter.mktoHasWidth {
    display:none !important
}


.mktoForm.mktoLayoutLeft .mktoField {
    border: 1px solid #171321;
    border-radius: 4px;
    color: #666;
    display: block;
    font-size: 14px;
    margin-top: .4rem;
    outline: 0;
    padding-left: 1em;
    width: 100%
}

.mktoForm.mktoLayoutLeft .mktoField:focus {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .25)
}

.mktoForm.mktoLayoutLeft input.mktoField:focus,
.mktoForm.mktoLayoutLeft select.mktoField:focus {
    box-shadow: none;
    outline: none !important
}

.mktoForm.mktoLayoutLeft input.mktoField:focus-visible {
    outline:none !important
}

.mktoForm.mktoLayoutLeft .mktoGutter {
    display:none !important
}

.mktoForm .mktoOffset {
    display: none !important
}

label[for=optIn] {
    display:none
}