#sec-contnr-lokelma-sign-up {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/landing-pages-vector-image-desktop.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 86.5%;
}

#sec-contnr-signup-lokelma-form {
    background-color: #FFFFFF;
    border-top: 16px solid #02927C;
    border-radius: 16px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 51px 8.594% 80px 8.594%;
    position: relative;
    z-index: 1;
}

.signup-for-lok-sup h1 {
    padding: 80px 0 8px 0;
}

.signup-for-lok-sup h2 {
    padding: 0 0 50px 0;
}


.signup-footnote p{
    margin-bottom: 30px;
    font-size: 10px;
    color: #000000;
}


#sec-contnr-signup-lokelma-form .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group {
    margin-bottom: 0;
}

#sec-contnr-signup-lokelma-form .cmp-dynamicform-v2 .cmp-dynamicform__generated-form {
    padding: 0;
}

.radio label, .checkbox label {
    cursor: pointer;
}

#field-group-664f253250d38700027f52a6 .cmp-dynamicform__form-label-container::before {
    content: "* Required Field";
    display: block;
    float: right;
    color: #FD1A1A;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 43px;
    position: relative;
    right: 4px;
}

#field-group-664f253250d38700027f52a6 label {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    color: #003B45;
    margin-top: 0;
    margin-bottom: 32px;
    display: block;
}

#field-664f253250d38700027f52a6 h5.best-desc-heading {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 26px;
    color: #003B45;
    letter-spacing: 0.264px;
    max-width: 222px;
    margin: 0 auto 20px auto;
}



#sec-contnr-signup-lokelma-form .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-control-container {
    display: block;
    width: 100%;
}

#field-664f253250d38700027f52a6.cmp-dynamicform__form-control-container .radio {
    display: flex;
    justify-content: center;
    column-gap: 35px;
    width: 100%;
}

#field-664f253250d38700027f52a6.cmp-dynamicform__form-control-container .radio .cmp-dynamicform__vcenter {
    width: 100%;
    max-width: 330px;
}

#field-664f253250d38700027f52a6 .radio label {
    width: 100%;
    padding-left: 0;
    margin: 0;
}

#field-664f253250d38700027f52a6 input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    margin: auto;
}

#field-664f253250d38700027f52a6 .outer-border-orange {
    border: 11px solid #EBEBEB;
    border-radius: 20px;
    text-align: center;
    /* min-height: 305px; */
    height: 305px;
    padding: 0 16px;
    position: relative;
}

#field-664f253250d38700027f52a6 input:checked~span .outer-border-orange {
    border: 11px solid #FDB515;
    border-radius: 20px;
}

#field-664f253250d38700027f52a6 input:checked~span .outer-border-orange:before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    z-index: 1;
}

#field-664f253250d38700027f52a6 input:checked~span .outer-border-orange:after {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FDB515;
}

#field-664f253250d38700027f52a6 img.inner-box-svg-icon {
    width: 115px;
    height: 115px;
    margin: 35px 0 17px 0;
}

#field-664f253250d38700027f52a6 h5.best-desc-heading {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 26px;
    color: #003B45;
    letter-spacing: 0.26px;
    max-width: 222px;
    margin: 0 auto 20px auto;
}

.cmp-dynamicform-v2 .cmp-dynamicform__generated-form #field-group-6654c7aae2877c000284d567 h2 {
    display: block;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    color: #003B45;
    margin-top: 56px;
    margin-bottom: 0;
}

#field-group-6644962d3b5b4100028e1881 label.cmp-dynamicform__control-label,
#field-group-6644976e3b5b4100028e33ff label.cmp-dynamicform__control-label,
#field-group-6644976e3b5b4100028e3400 label.cmp-dynamicform__control-label,
#field-group-6644976e3b5b4100028e3401 label.cmp-dynamicform__control-label,
#field-group-6654a62b1e25200002065b6e label.cmp-dynamicform__control-label,
#field-group-6654a62b1e25200002065b6f label.cmp-dynamicform__control-label,
#field-group-6654a62b1e25200002065b70 label.cmp-dynamicform__control-label,
#field-group-6644a1fa3b5b4100028e7717 label.cmp-dynamicform__control-label,
#field-group-6644a1fa3b5b4100028e7718 label.cmp-dynamicform__control-label,
#field-group-6644a1fa3b5b4100028e7719 label.cmp-dynamicform__control-label,
#field-group-6644a1fa3b5b4100028e771a label.cmp-dynamicform__control-label,
#field-group-6644a1fa3b5b4100028e771b label.cmp-dynamicform__control-label {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 32px 0 8px 4px;
    display: inline-block;
}
#field-group-6654a62b1e25200002065b6e label.cmp-dynamicform__control-label {
    margin: 32px 0 14px 0;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea) {
    border: 2px solid #C4C4C4;
    border-radius: 8px;
    height: 64px;
    padding: 10px 10px 10px 22px;
    width: 100%;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control:not(textarea) {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
    padding: 10px 10px 10px 19px;
    width: 100%;
    background-color: #FFFFFF;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group input.form-control {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    width: 100%;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group input.form-control:focus,
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group input.form-control:focus-visible {
    border: 3px solid #02927C;
    box-shadow: none;
    outline: unset;
}
::-webkit-input-placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
}
:-moz-placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
}
::-moz-placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
}
:-ms-input-placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
}
::placeholder {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
    color: #8D8D8D;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/content/dam/intelligentcontent/brands/lokelma/us/en/images/icon/triangle-down.svg') !important;
    background-repeat: no-repeat;
    background-size: 17.65px 12px;
    background-position-x: 90%;
    background-position-y: 25px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 21px !important;
    color: #000000 !important;
}
select:focus,
select:focus-visible {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/content/dam/intelligentcontent/brands/lokelma/us/en/images/icon/triangle-up.svg') !important;
    background-repeat: no-repeat;
    background-size: 17.65px 12px;
    background-position-x: 90%;
    background-position-y: 25px;
    border: 3px solid #02927C !important;
    outline: unset !important;
    box-shadow: unset !important;
}
input:focus-visible ~ span .outer-border-orange {
    outline: 2px solid #02927C;
    border-radius: 20px;
}
#field-66449ac03b5b4100028e47ed input:focus-visible ~ span .outer-border-orange-box,
#field-6644a1fa3b5b4100028e7715 input:focus-visible ~ span .outer-border-orange-box {
    outline: 2px solid #02927C;
    border-radius: 20px;
}
#field-6654a62b1e25200002065b6e label input:focus-visible ~ span:before,
#field-6644a1fa3b5b4100028e771c label input:focus-visible ~ span:before {
    outline: 2px solid #FDB515;
    border-radius: 4px;
}

#field-group-664498393b5b4100028e3e09 h3 {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    color: #003B45;
    padding-top: 14px;
    margin: 0 0 32px 0;
}
#field-group-6644a1fa3b5b4100028e7716 h3 {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    color: #003B45;
    padding-top: 58px;
    margin: 0;
}

#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__clear-btn {
    display: none;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {
    display: flex;
    column-gap: 42px;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
    background-color: #00927C;
    text-decoration: none;
    width: 100%;
    max-width: max-content;
    padding: 3px 3px 3px 59px;
    border: 3px solid #00927C;
    border-radius: 32px;
    text-align: center;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn:hover {
    color: #00927C;
    background-color: #FFFFFF;
    text-decoration: none;
    border: 3px solid #00927C;
    outline: unset;
}
#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn::after {
    content: "";
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/icon/global-btn-chevron-right.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 52px;
    height: 52px;
}

#signUp-runPhaseTwo .captch-holder {
    transform: scale(1.333);
}
#signUp-runPhaseTwo .captch-holder {
    display: none;
}
#signUp-runPhaseTwo .captch-holder.show-captcha {
    display: flex;
    justify-content: center;
}
#signUp-runPhaseTwo .cmp-dynamicform__form-group.button-group {
    display: none;
}
#signUp-runPhaseTwo .cmp-dynamicform__form-group.button-group.show-submit {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
#field-group-6644a1fa3b5b4100028e771c .cmp-dynamicform__form-label-container {
    display: none;
}
#field-group-6644a1fa3b5b4100028e771c #field-6644a1fa3b5b4100028e771c label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding-left: 40px;
    padding-top: 0;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
#field-6644a1fa3b5b4100028e771c label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
#field-6644a1fa3b5b4100028e771c span:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
#field-6644a1fa3b5b4100028e771c label input:checked ~ span:after {
    display: block;
}

/* Style the checkmark/indicator */
#field-6644a1fa3b5b4100028e771c label span:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 13px;
    border: 3px solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#field-6644a1fa3b5b4100028e771c label span:before{
    position: absolute;
    content: "";
    background-color: transparent;
    border: 2px solid #C4C4C4;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    left: 0;
    top: -1px;
}
#field-6644a1fa3b5b4100028e771c label span.text-danger:before{
    display: none;
}
#field-6644a1fa3b5b4100028e771c label input:checked ~ span:before {
    background-color: #02927C;
    border-radius: 4px;
    border: none;
}

#field-group-6654a62b1e25200002065b6e #field-6654a62b1e25200002065b6e label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding-left: 40px;
    padding-top: 0;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 755px;
}

/* Hide the browser's default checkbox */
#field-6654a62b1e25200002065b6e label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
#field-6654a62b1e25200002065b6e span:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
#field-6654a62b1e25200002065b6e label input:checked ~ span:after {
    display: block;
}

/* Style the checkmark/indicator */
#field-6654a62b1e25200002065b6e label span:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 13px;
    border: 3px solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#field-6654a62b1e25200002065b6e label span:before{
    position: absolute;
    content: "";
    background-color: transparent;
    border: 2px solid #C4C4C4;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    left: 0;
    top: 0;
}
#field-6654a62b1e25200002065b6e label input:checked ~ span:before {
    background-color: #02927C;
    border-radius: 4px;
    border: none;
}


#signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger {
    color: #FD1A1A;
}
#signUp-runPhaseTwo #field-6644976e3b5b4100028e3401 .iti__flag-container {
    display: none;
}


#field-66449ac03b5b4100028e47ed .checkbox .cmp-dynamicform__vcenter,
#field-6644a1fa3b5b4100028e7715 .checkbox .cmp-dynamicform__vcenter {
    width: 100%;
    max-width: 512px;
}
#field-66449ac03b5b4100028e47ed label,
#field-6644a1fa3b5b4100028e7715 label {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



#field-66449ac03b5b4100028e47ed .outer-border-orange-box,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box {
    border: 11px solid #EBEBEB;
    border-radius: 20px;
    text-align: center;
    min-height: 405px;
    padding: 0 20px;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box img.inner-box-image {
    width: auto;
    height: 122px;
    margin: 22px 0 18px 0;
}
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box img.inner-box-image {
    width: auto;
    height: 122px;
    margin: 22px 0 18px 0;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box h5.enroll-heading-h5,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box h5.enroll-heading-h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 26px;
    color: #003B45;
    letter-spacing: 0.264px;
    max-width: 368px;
    margin: 0 auto 16px auto;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box p.box-para-enroll,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box p.box-para-enroll {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #003B45;
    max-width: 368px;
    margin: 0 auto 50px auto;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box p a.box-learn-link,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box p a.box-learn-link {
    color: #008672 !important;
    text-decoration: underline !important;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box p a.box-learn-link:hover,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box p a.box-learn-link:hover {
    text-decoration: none !important;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box span.yes-pls-check,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box span.yes-pls-check {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    color: #003B45;
    margin: 0 auto 0 auto;
    padding-left: 66px;
    position: relative;
}
#field-66449ac03b5b4100028e47ed .outer-border-orange-box span.yes-pls-check:hover,
#field-6644a1fa3b5b4100028e7715 .outer-border-orange-box span.yes-pls-check:hover {
    opacity: 0.6;
}
#field-66449ac03b5b4100028e47ed input:checked ~ span .outer-border-orange-box,
#field-6644a1fa3b5b4100028e7715 input:checked ~ span .outer-border-orange-box {
    border: 11px solid #FDB515;
    border-radius: 20px;
}


/* Hide the browser's default checkbox */
#field-66449ac03b5b4100028e47ed label input,
#field-6644a1fa3b5b4100028e7715 label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
#field-66449ac03b5b4100028e47ed span .outer-border-orange-box span:after,
#field-6644a1fa3b5b4100028e7715 span .outer-border-orange-box span:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
#field-66449ac03b5b4100028e47ed label input:checked ~ span .outer-border-orange-box span:after,
#field-6644a1fa3b5b4100028e7715 label input:checked ~ span .outer-border-orange-box span:after {
    display: block;
}
  
/* Style the checkmark/indicator */
#field-66449ac03b5b4100028e47ed label span .outer-border-orange-box span:after,
#field-6644a1fa3b5b4100028e7715 label span .outer-border-orange-box span:after {
    left: 19px;
    top: -2px;
    width: 15px;
    height: 25px;
    border: 3px solid #003B45;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#field-66449ac03b5b4100028e47ed label span .outer-border-orange-box span:before,
#field-6644a1fa3b5b4100028e7715 label span .outer-border-orange-box span:before {
    position: absolute;
    content: "";
    background-color: transparent;
    border: 2px solid #013B44;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    left: 0;
    top: -12px;
}
#field-66449ac03b5b4100028e47ed label input:checked ~ span .outer-border-orange-box span:before,
#field-6644a1fa3b5b4100028e7715 label input:checked ~ span .outer-border-orange-box span:before {
    background-color: #FDB515;
    border: none;
}

#mercalis-savings {
    display: none;
}
#sec-contnr-signup-lokelma-form .cmp-formv2__success > p {
    display: none;
}
#sec-contnr-signup-lokelma-form .cmp-formv2container {
    padding: 0;
}

#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 label.cmp-dynamicform__control-label {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 28px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 32px;
    padding-top: 28px;
    display: block;
}
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 .radio label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 25px;
    color: #003B45;
    margin: 0 0 20px;
    display: block;
}


/* Hide the native radio input */
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Create a custom radio button */
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 input[type="radio"] + span {
  position: relative;
  padding: 7px 0 7px 53px; /* space for the custom circle */
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  user-select: none;
}

/* The outer circle */
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 input[type="radio"] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;  /* size of circle */
  height: 34px;
  border: 2px solid #999;
  border-radius: 50%;
  background: white;
  box-sizing: border-box;
}

/* The inner dot when selected */
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 input[type="radio"]:checked + span::after {
  content: "";
  position: absolute;
  left: 10px;  /* center dot inside the circle */
  top: 50%;
  transform: translateY(-50%);
  width: 14px;  /* size of the dot */
  height: 14px;
  background-color: #02927C; /* your selected color */
  border-radius: 50%;
}

/* Optional: change border color on hover */
#bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 #field-68e5133569d5cd0002d705a9 input[type="radio"] + span:hover::before {
  border-color: #02927C;
}

/**** SORRY NOT ELIGIBLE CSS STARTS ****/
#signUp-runPhaseTwo #signup-not-eligible-parent {
    display: none;
}
#signUp-runPhaseTwo #signup-not-eligible-parent.learnmore {
    display: block;
}
#signUp-runPhaseTwo .sorry-not-eligible {
    padding: 56px 0 17px 0;
}
#signUp-runPhaseTwo .sorry-not-eligible h4 {
    margin-bottom: 24px;
}
#signUp-runPhaseTwo .sorry-not-eligible p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #003B45;
    margin-bottom: 15px;
}

#signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base {
    gap: 0 33px;
}
#signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par1,
#signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par2,
#signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par3 {
    padding: 40px 9.66% 48px 9.66%;
}
#signUp-runPhaseTwo #savSup-threeBoxCol-grid .savSup-threeCardBox h4 {
    width: 100%;
}

#signUp-runPhaseTwo .explore-signup-btn {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}
/**** SORRY NOT ELIGIBLE CSS ENDS ****/


/**** CONFIRMATION PAGE CSS STARTS ****/
#confirmationPage-runPhaseTwo #confirmPg-outrBg-mainContr {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/landing-pages-vector-image-desktop.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 86.5%;
}
#confirmationPage-runPhaseTwo .confirmPg-runPhs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 0 0;
}
#confirmationPage-runPhaseTwo .confirmPg-runPhs-wrapper h2 {
    margin: 8px 0 58px 0;
}
#confirmationPage-runPhaseTwo .signup-thank-greet {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 800px;
    margin: auto;
}
#confirmationPage-runPhaseTwo .signup-thank-greet h4 {
    margin-bottom: 13px;
}
#confirmationPage-runPhaseTwo .signup-thank-greet p {
    margin-bottom: 13px;
    color: #000000;
}
#confirmationPage-runPhaseTwo .signup-thank-greet a.tealBgBr-whtTxtBtn {
    margin-top: 27px;
}
#confirmationPage-runPhaseTwo .signup-thank-greet .download-savings a.tealBgBr-whtTxtBtn {
    margin-top: 40px;
    margin-bottom: 10px;
}
#confirmationPage-runPhaseTwo #savingsCard-dwnldBtn-main {
    display: flex;
    justify-content: center;
}
#confirmationPage-runPhaseTwo #savingsCard-dwnldBtn-main .cmp-formv2container {
    padding: 0;
    margin-top: 40px;
}
/**** CONFIRMATION PAGE CSS ENDS ****/


@media only screen and (max-width: 991px) {

    .signup-footnote p{
        margin-bottom: 20px;
    }

    .signup-for-lok-sup h1 {
        padding: 40px 0 3px 0;
    }
    .signup-for-lok-sup h2 {
        width: 85%;
        padding: 0 0 40px 0;
    }
    #sec-contnr-lokelma-sign-up {
        background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/landing-pages-vector-image-mobile.svg");
        background-repeat: no-repeat;
        background-position: 0 -68px;
        background-size: 100%;
    }

    #sec-contnr-signup-lokelma-form {
        padding: 58px 4.64% 40px 4.64%;
    }
    #signUp-runPhaseTwo .captch-holder {
        transform: scale(0.934);
    }

    #field-664f253250d38700027f52a6.cmp-dynamicform__form-control-container .radio {
        display: block;
    }
    #sec-contnr-signup-lokelma-form .cmp-dynamicform-v2 .cmp-dynamicform__generated-form #field-664f253250d38700027f52a6 {
        max-width: 330px;
        margin: auto;
    }
    #field-group-664f253250d38700027f52a6 label {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 24px 8px;
    }
    #field-group-664f253250d38700027f52a6 .cmp-dynamicform__form-label-container {
        position: relative;
    }
    #field-group-664f253250d38700027f52a6 .cmp-dynamicform__form-label-container::before {
        position: absolute;
        top: -30px;
        left: 8px;
        margin-bottom: 16px;
        float: left;
        font-size: 14px;
        line-height: 18px;
    }

    #field-664f253250d38700027f52a6 .outer-border-orange {
        border: 6px solid #EBEBEB;
        text-align: center;
        min-height: unset;
        height: unset;
        margin-top: 16px;
        padding: 0;
    }
    #field-664f253250d38700027f52a6 img.inner-box-svg-icon {
        width: 86px;
        height: 86px;
        margin: 18px 0 18px 0;
    }
    #field-664f253250d38700027f52a6 h5.best-desc-heading {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.216px;
        max-width: 91.1%;
        margin: 0 auto 26px auto;
    }
    #field-664f253250d38700027f52a6 input:checked ~ span .outer-border-orange {
        border: 6px solid #FDB515;
        border-radius: 20px;
    }
    #field-664f253250d38700027f52a6 input:checked ~ span .outer-border-orange:before {
        bottom: -9px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
    }
    #field-664f253250d38700027f52a6 input:checked ~ span .outer-border-orange:after {
        bottom: -16px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FDB515;
    }

    .cmp-dynamicform-v2 .cmp-dynamicform__generated-form #field-group-6654c7aae2877c000284d567 h2 {
        font-size: 22px;
        line-height: 28px;
        margin-top: 40px;
        margin-bottom: 8px;
    }
    #field-group-6644962d3b5b4100028e1881 label.cmp-dynamicform__control-label, #field-group-6644976e3b5b4100028e33ff label.cmp-dynamicform__control-label, #field-group-6644976e3b5b4100028e3400 label.cmp-dynamicform__control-label, #field-group-6644976e3b5b4100028e3401 label.cmp-dynamicform__control-label, #field-group-6654a62b1e25200002065b6e label.cmp-dynamicform__control-label, #field-group-6654a62b1e25200002065b6f label.cmp-dynamicform__control-label, #field-group-6654a62b1e25200002065b70 label.cmp-dynamicform__control-label, #field-group-6644a1fa3b5b4100028e7717 label.cmp-dynamicform__control-label, #field-group-6644a1fa3b5b4100028e7718 label.cmp-dynamicform__control-label, #field-group-6644a1fa3b5b4100028e7719 label.cmp-dynamicform__control-label, #field-group-6644a1fa3b5b4100028e771a label.cmp-dynamicform__control-label, #field-group-6644a1fa3b5b4100028e771b label.cmp-dynamicform__control-label {
        font-size: 16px;
        line-height: 20px;
        margin: 16px 0 8px 4px;
    }
    #field-group-6654c7aae2877c000284d567.cmp-dynamicform__form-group,
    #field-group-6644962d3b5b4100028e1881.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e33ff.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e3400.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e3401.cmp-dynamicform__form-group,
    #field-group-664498393b5b4100028e3e09.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7716.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b6e.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b6f.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b70.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7717.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7718.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7719.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e771a.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e771c.cmp-dynamicform__form-group {
        margin-left: 8px;
    }
    #field-group-6654c7aae2877c000284d567.cmp-dynamicform__form-group,
    #field-group-6644962d3b5b4100028e1881.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e33ff.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e3400.cmp-dynamicform__form-group,
    #field-group-6644976e3b5b4100028e3401.cmp-dynamicform__form-group,
    #field-group-664498393b5b4100028e3e09.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7716.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b6e.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b6f.cmp-dynamicform__form-group,
    #field-group-6654a62b1e25200002065b70.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7717.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7718.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e7719.cmp-dynamicform__form-group,
    #field-group-6644a1fa3b5b4100028e771b.cmp-dynamicform__form-group {
        margin-right: 8px;
    }
    #field-group-664498393b5b4100028e3e09 h3 {
        font-size: 22px;
        line-height: 28px;
        padding-top: 37px;
        margin: 0 0 20px 0;
    }

    #field-66449ac03b5b4100028e47ed .outer-border-orange-box,
    #field-6644a1fa3b5b4100028e7715 .outer-border-orange-box {
        border: 6px solid #EBEBEB;
        min-height: 305px;
        padding: 0 0 38px 0;
    }
    #field-66449ac03b5b4100028e47ed .outer-border-orange-box img.inner-box-image {
        width: 19.525%;
        height: auto;
        max-width: 81px;
        margin: 18px 0 16px 0;
    }
    #field-6644a1fa3b5b4100028e7715 .outer-border-orange-box img.inner-box-image {
        width: 30.56%;
        height: auto;
        max-width: 128px;
        margin: 18px 0 16px 0;
    }
    #field-66449ac03b5b4100028e47ed .outer-border-orange-box h5.enroll-heading-h5,
    #field-6644a1fa3b5b4100028e7715 .outer-border-orange-box h5.enroll-heading-h5 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.216px;
        max-width: 368px;
        margin: 0 auto 16px auto;
    }
    #field-66449ac03b5b4100028e47ed .outer-border-orange-box p.box-para-enroll,
    #field-6644a1fa3b5b4100028e7715 .outer-border-orange-box p.box-para-enroll {
        font-size: 14px;
        line-height: 18px;
        max-width: 75%;
        margin: 0 auto 29px auto;
    }
    #field-66449ac03b5b4100028e47ed .checkbox,
    #field-6644a1fa3b5b4100028e7715 .checkbox {
        display: flex;
        justify-content: center;
    }
    #field-66449ac03b5b4100028e47ed .checkbox .cmp-dynamicform__vcenter:nth-child(2),
    #field-6644a1fa3b5b4100028e7715 .checkbox .cmp-dynamicform__vcenter:nth-child(2) {
        display: none;
    }
    #field-66449ac03b5b4100028e47ed .outer-border-orange-box span.yes-pls-check,
    #field-6644a1fa3b5b4100028e7715 .outer-border-orange-box span.yes-pls-check {
        font-size: 18px;
        line-height: 22px;
        margin: 0 auto 0 auto;
        padding-left: 56px;
    }
    #field-66449ac03b5b4100028e47ed input:checked ~ span .outer-border-orange-box,
    #field-6644a1fa3b5b4100028e7715 input:checked ~ span .outer-border-orange-box {
        border: 6px solid #FDB515;
    }
    #field-group-66449ac03b5b4100028e47ed #field-66449ac03b5b4100028e47ed label,
    #field-group-6644a1fa3b5b4100028e7715 #field-6644a1fa3b5b4100028e7715 label {
        margin-bottom: 20px;
    }
    #field-66449ac03b5b4100028e47ed label span .outer-border-orange-box span:before,
    #field-6644a1fa3b5b4100028e7715 label span .outer-border-orange-box span:before {
        width: 40px;
        height: 40px;
        left: 0;
        top: -8px;
    }
    #field-66449ac03b5b4100028e47ed label span .outer-border-orange-box span:after,
    #field-6644a1fa3b5b4100028e7715 label span .outer-border-orange-box span:after {
        left: 15px;
        top: -1px;
        width: 12px;
        height: 21px;
        border: 3px solid #003B45;
        border-width: 0 3px 3px 0;
    }
    #field-group-6644a1fa3b5b4100028e7716 h3 {
        font-size: 22px;
        line-height: 28px;
        padding-top: 20px;
        padding-bottom: 8px;
    }
    #signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea) {
        padding: 10px 10px 10px 14px;
    }

    #field-group-6644a1fa3b5b4100028e771a {
        width: 41%;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
    }
    #field-group-6644a1fa3b5b4100028e771b {
        width: 50%;
        float: right;
        margin-left: 0;
        margin-bottom: 0;
    }
    #field-group-6644a1fa3b5b4100028e771c {
        clear: both;
        width: 100%;
        padding-top: 32px;
        padding-bottom: 15px;
        margin: 0 auto 0 auto;
    }
    #field-group-6644a1fa3b5b4100028e771c #field-6644a1fa3b5b4100028e771c label {
        font-size: 14px;
        line-height: 18px;
        padding-left: 40px;
        padding-top: 0;
        width: 94%;
    }
    #signUp-runPhaseTwo .cmp-dynamicform__form-group.button-group.show-submit {
        margin-top: 32px;
    }
    #signUp-runPhaseTwo .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {
        font-size: 18px;
        line-height: 22px;
        column-gap: 16px;
        padding: 3px 3px 3px 94px;
        max-width: 297px;
        justify-content: space-between;
    }
    #bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 label.cmp-dynamicform__control-label {
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 25px;
        padding-top: 40px;
    }


    /**** SORRY NOT ELIGIBLE CSS STARTS ****/
    #signUp-runPhaseTwo .sorry-not-eligible {
        padding: 40px 8px 10px 8px;
    }
    #signUp-runPhaseTwo .sorry-not-eligible h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    #signUp-runPhaseTwo .sorry-not-eligible p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        margin-bottom: 14px;
    }
    
    #signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base {
        gap: 24px 0;
    }
    #signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par1,
    #signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par2,
    #signUp-runPhaseTwo #savSup-threeBoxCol-grid.azcl-columns__base .azcl-column-par3 {
        padding: 32px 7.67% 48px 7.67%;
    }
    #signUp-runPhaseTwo #savSup-threeBoxCol-grid .savSup-threeCardBox h4 {
        font-size: 22px;
        line-height: 28px;
    }
    
    #signUp-runPhaseTwo .explore-signup-btn {
        margin-top: 40px;
    }
    /**** SORRY NOT ELIGIBLE CSS ENDS ****/

    /**** CONFIRMATION PAGE CSS STARTS ****/
    #confirmationPage-runPhaseTwo #confirmPg-outrBg-mainContr {
        background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/landing-pages-vector-image-mobile.svg");
        background-repeat: no-repeat;
        background-position: 0 -68px;
        background-size: 100%;
    }
    #confirmationPage-runPhaseTwo .confirmPg-runPhs-wrapper {
        padding: 40px 0 0;
    }
    #confirmationPage-runPhaseTwo .confirmPg-runPhs-wrapper h2 {
        margin: 3px 0 24px 0;
    }
    #confirmationPage-runPhaseTwo .signup-thank-greet {
        width: 100%;
    }
    #confirmationPage-runPhaseTwo .signup-thank-greet h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    #confirmationPage-runPhaseTwo .signup-thank-greet p {
        color: #003B45;
        letter-spacing: 0;
        width: 86%;
        margin: 0 auto 16px;
    }
    #confirmationPage-runPhaseTwo .signup-thank-greet a.tealBgBr-whtTxtBtn {
        margin-top: 16px;
    }
    #confirmationPage-runPhaseTwo .signup-thank-greet .download-savings a.tealBgBr-whtTxtBtn {
        margin-top: 32px;
        margin-bottom: 30px;
    }
    #confirmationPage-runPhaseTwo #savingsCard-dwnldBtn-main .cmp-formv2container {
        margin-top: 32px;
        margin-bottom: 40px;
    }
    /**** CONFIRMATION PAGE CSS ENDS ****/
}

@media only screen and (max-width: 350px) and (min-width: 330px) {
    #field-group-664f253250d38700027f52a6 label.control-label {
        white-space: nowrap;
    }
}

@media only screen and (min-width: 992px) {
    #field-group-6644962d3b5b4100028e1881 {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0;
        float: left;
    }
    #field-group-6644976e3b5b4100028e33ff {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 0;
        float: right;
    }
    #field-group-6644976e3b5b4100028e3400 {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0;
        float: left;
        clear: both;
    }
    #field-group-6644976e3b5b4100028e3401 {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 0;
        float: right;
    }
    #field-group-664498393b5b4100028e3e09 {
        clear: both;
    }
    #field-group-66449ac03b5b4100028e47ed {
        width: 49%;
        float: left;
        margin-bottom: 0;
    }
    #field-group-6644a1fa3b5b4100028e7715 {
        width: 49%;
        float: right;
        position: relative;
        z-index: 1;
        margin-bottom: 0;
    }
    #field-group-6644a1fa3b5b4100028e7716 {
        clear: both;
        margin: 0;
    }
    #field-group-6654a62b1e25200002065b6f {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0;
        float: left;
    }
    #field-group-6654a62b1e25200002065b70 {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 0;
        float: right;
    }
    #field-group-6644a1fa3b5b4100028e7717 {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0;
        float: left;
        clear: both;
    }
    #field-group-6644a1fa3b5b4100028e7718 {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 0;
        float: right;
    }
    #field-group-6644a1fa3b5b4100028e7719 {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0;
        float: left;
        clear: both;
    }
    #field-group-6644a1fa3b5b4100028e771a {
        width: 17.5%;
        float: left;
        margin-left: 2%;
        margin-bottom: 0;
    }
    #field-group-6644a1fa3b5b4100028e771b {
        width: 27%;
        float: right;
        margin-left: 2%;
        margin-bottom: 0;
    }
    #sec-contnr-signup-lokelma-form #field-group-6644a1fa3b5b4100028e771c {
        clear: both;
        max-width: 655px;
        padding-top: 50px;
        margin: 0 auto 5px auto;
    }
    #bodyID-signUp-runPhaseTwo #field-group-68e5133569d5cd0002d705a9 {
        clear: both;
    }
    
}




.disable-not-found {
  pointer-events: none;    
  opacity: 0.6;                
}

.disable-not-found .fa-spinner {
  display:block;
}