body {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px; color: #000;}
.fontNew {font-family: 'Bodoni Moda', serif;}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}

.noWrapTxt {white-space: nowrap;}

b,strong {font-weight: 600;}

a:hover {text-decoration: none;}

.container {max-width: 980px;}

.col-md-12 {padding: 0 15px;}

.topBar {background: #046264; margin-top: 80px; color: #fff; text-transform: uppercase; font-size: 16px; padding: 3px 10px; font-weight: 500; text-align: center;}

.bannerWrap img {width: 100%;}
.bannerWrap img.mobileBanner {display: none;}

.footerWrap {display: flex; align-items: stretch; justify-content: space-between; border-top: 1px solid #000; padding: 40px 0 30px; margin-top: 40px;}
.footerWrap .indicationWrap {border-right: 1px solid #000; min-width: 320px; max-width: 320px; margin-right: 20px; padding-right: 20px;}
.footerWrap h4 {text-transform: uppercase; font-size: 16px;}
.footerWrap a {color: #df1683; text-decoration: underline;}
.footerWrap .indicationWrap h4 {margin-bottom: 0;}
.footerWrap > * p:last-of-type {margin-bottom: 0;}

.copyrightWrap {display: flex; align-items: flex-start; justify-content: space-between; font-size: 10.5px; margin-bottom: 40px;}
.copyrightWrap img {height: 40px; margin-right: 60px;}
.copyrightWrap p {margin-bottom: 0;}
.copyrightWrap ul {margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: flex-start;}
.copyrightWrap ul li:not(:last-of-type)::after {content: '•'; color: #df1683; padding: 0 15px;}

.isiFixedWrap {border-top: 5px solid #999; height: 85px; overflow-y: hidden; width: 100%; position: fixed; background: #fff; z-index: 10; bottom: 0; left: 0;}
.isiFixedWrap .footerWrap {margin-top: 0; padding-top: 15px; border-top: none;}
.isiFixedWrap .footerWrap h4 {margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center;}
.isiFixedWrap .footerWrap h4 img {width: 15px; cursor: pointer;}

.midSections {max-width: 840px; margin: 0 auto;}

.divider {width: 100%; height: 1px; background: #000; margin: 45px 0 0;}

.introTxtWrap {text-align: center; padding-top: 45px;}
.introTxtWrap h1 {font-size: 26px; font-family: 'Bodoni Moda', serif; margin-bottom: 30px;}
.introTxtWrap h2 {font-size: 24px; font-weight: bold; color: #046264; margin-bottom: 15px;}
.introTxtWrap p {text-align: left;}
.introTxtWrap p a {color: #000; border-bottom: 1px solid currentColor; display: inline-block; line-height: 110%;}
.introTxtWrap p:nth-child(4) a {color: #df1683}
.introTxtWrap p:first-of-type {text-align: center; font-size: 11px; margin-bottom: 20px;}
.introTxtWrap p:last-of-type {font-size: 11px; margin-top: 20px;}
.introTxtWrap p.disclaimerTxt {color: #df1683; font-weight: bold; text-transform: uppercase;}

.startNowWrap {background: #edeeee; padding: 65px 20px; text-align: center; margin-top: 30px;}
.startNowWrap h3 {font-family: 'Bodoni Moda', serif; font-size: 20px; margin-bottom: 0; position: relative;}
.startNowWrap h3::before,.startNowWrap h3::after {content: ''; position: absolute; top: 0; left: 50%; width: 120px; height: 1px; background: #000; transform: translate(-50%, -30px);}
.startNowWrap h3::after {transform: translate(-50%, 30px); bottom: 0; top: initial;}
.startNowWrap h3 span {font-family: 'Poppins', sans-serif; font-weight: normal;}
.startNowWrap h3 span strong {color: #df1683;}

.formWrap {text-align: left;}
.formWrap p, .formWrap label {width: 220px; text-align: left !important; font-size: 13px !important;}
.formWrap p {width: 100%;}
.formWrap .fieldWrap {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 30px;}
.formWrap .fieldWrap .form-control {width: 100%; max-width: 400px; border-radius: 0px; border-color: #046264; height: 32px; line-height: 32px;}
.formWrap .fieldWrap .form-control.zipCodeField {max-width: 160px;}
.formWrap .fieldWrap .errorMsg {color: red; font-weight: bold; width: 100%; padding-left: 220px; visibility: hidden;}
.formWrap .fieldWrap.error .errorMsg {visibility: visible;}

.formWrap .fieldWrap.radioWrap label {width: calc(100% - 28px); margin-bottom: 0;}
.formWrap .fieldWrap.radioWrap input {margin-right: 10px; margin-top: 5px;}
.formWrap .fieldWrap.radioWrap a {color: #000; display: inline-block; border-bottom: 1px solid currentColor; line-height: 90%;}
.formWrap .fieldWrap.radioWrap .errorMsg {padding-left: 23px;}

.eligibilityQues.fieldWrap > * {width: 50%;}
.eligibilityQues.fieldWrap label {margin-bottom: 0;}
.eligibilityQues.fieldWrap .errorMsg {padding: 0;}
.eligibilityQues.fieldWrap .radioBtnsWrap {display: flex; justify-content: center; align-items: center;}
.eligibilityQues.fieldWrap .radioBtnsWrap .optionWrap {display: flex; justify-content: center; align-items: center; max-width: 40px;}
.eligibilityQues.fieldWrap .radioBtnsWrap .optionWrap:not(:last-of-type) {margin-right: 60px;}
.eligibilityQues.fieldWrap .radioBtnsWrap .optionWrap label {margin-left: 10px;}

.submitWrap {display: flex; justify-content: center; flex-direction: column; align-items: center;}
.submitWrap button {border: none; background: #000; text-transform: uppercase; color: #fff; min-width: 260px; text-align: center; height: 40px; line-height: 40px; font-size: 13px; margin-top: 10px; font-weight: 600;}

#tnc .modal-content {border-radius: 0; padding: 10px; background-image: linear-gradient(to right, #ea088c, #f79621);}
#tnc .modal-body {font-family: Arial, Helvetica, sans-serif; background: #fff; padding: 30px; font-size: 13px; max-height: 80vh; overflow-y: auto;}
#tnc .modal-body .modalHead {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px;}
#tnc .modal-body .modalHead h3 {font-size: 13px; font-weight: bold; margin-bottom: 0;}
#tnc .modal-body .modalHead .close {font-size: 28px; opacity: 1; color: #ea0d8a; font-weight: 500; font-family: 'Montserrat', sans-serif; cursor: pointer;}
#tnc .modal-body p:last-of-type {margin-bottom: 0;}
.crx-gray-out {
    overflow-y: hidden;
    z-index: 9999;
}

.crx-loader {
    z-index: 9999;
}
 
.crx-loader {z-index: 20;}

input[type="radio"], input[type="checkbox"] {min-width: 16px; width: 16px; max-width: 16px; min-height: 16px; height: 16px; max-height: 16px;}

@media only screen and (max-width: 991px) {
    .col-md-12 {padding: 0 15px;}

    .topBar {margin-top: 40px;}

    .bannerWrap img {display: none;}
    .bannerWrap img.mobileBanner {display: block;}

    .isiFixed.footerWrap .indicationWrap {display: none;}

    .footerWrap {flex-direction: column-reverse; padding: 30px; margin: 40px auto 0; max-width: calc(100% - 30px);}
    .footerWrap .indicationWrap {padding-right: 0; margin-right: 0; margin-top: 30px; border-right: none;}

    .copyrightWrap {border-top: 1px solid #000; margin: 0 auto 30px; max-width: calc(100% - 30px); text-align: center; padding-top: 30px; flex-direction: column; align-items: center;}
    .copyrightWrap img {margin-bottom: 20px; margin-right: 0;}
    .copyrightWrap ul {flex-wrap: wrap; justify-content: center;}
    .copyrightWrap ul li:nth-child(2)::after {display: none;}
    .copyrightWrap ul li:last-of-type {width: 100%;}

    .formWrap .fieldWrap {flex-direction: column;}
    .formWrap .fieldWrap.certificationConsent {flex-direction: row !important;}
    .formWrap .fieldWrap .errorMsg {padding-left: 0;}
    .formWrap .fieldWrap .form-control {max-width: 90%; background: #edeeee; border-color: #edeeee;}
    .eligibilityQues.fieldWrap > * {width: 100%;}
    .eligibilityQues.fieldWrap .radioBtnsWrap {justify-content: flex-start;}

    #tnc .modal-body .modalHead {align-items: flex-start;}
    #tnc .modal-body .modalHead h3 {margin-right: 0; padding: 0 50px;}
}
