.mod-page-wrap {
    padding: 0 0 3em 0;
}
.light__CTA{
        background: #fff;
    color: #0b3756;
    border: 2px solid #5698c4;
}
hr {
    width: 100%;
    margin: .5em 0;
    border-color: #ddeaf3;
}
.light__CTA:hover, .light__CTA:focus{
    background:#5698c4;
    color:#fff;
}

a[href^=tel], a[href^=sms], p a[href^=tel], p a[href^=sms]{
    color:#fff !important;
}
p a{
    text-decoration:none;
}
.h2Style{
    font-size:38px;
    margin:0 auto;
    margin-top:3em;
    margin-bottom:1em;
    font-family: "Open Sans", serif;
}
p a:hover, p a:focus{
    text-decoration:underline;
}
.mod-safe-area {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.h1style {
    display: none;
}
.featureImgArea {
    background:#ddeaf3;
}
.headingTxt {
    width: 700px;
    /*margin: 10em 0 0 6em;*/
        margin: 0 auto;
    margin-top: 7.3em;
    padding: 1em;
}
.headingTxt p {
    font-size: 20px;
}
.featureImg img {
    max-width: 800px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.personalH2 {
    font-size: 38px;
    color: #004a7d;
    font-weight: bold;
    margin: 1.75em 1em;
    line-height: 1.2em;
}
.iconflex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px 120px;
    margin: 3em 1em;
}
.iconCard {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.iconCard img {
    width: 100px;
    margin: 0 auto;
    max-width: 100px;
}
.iconTxt {
    text-align: center;
    font-family: "Open Sans", serif;
    color: #5698c4;
    font-size: 24px;
}
.visitFlex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
    margin: 0 0 4em 0;
    flex-wrap: wrap;
}
.yellowBtn {
    background: #fae446;
    color: #0b3756;
    text-decoration: none;
    padding: 1em 5em;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
    font-family: "Open Sans", serif;
    display: none;
    text-align: center;
}
.yellow__invert{
    background:#fff;
    border:2px solid #fae446;
}
.yellow__invert:hover, .yellow__invert:focus{
    background:#fae446 !important;
}

.yellowBtn:hover, .yellowBtn:focus {
    color: #0b3756;
    background: #ffcd00;

}
.preferTxt {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 3em 0;
}

#cardArea, #cardArea1 {
    background: #ddeaf3;
}
.svcColo {
    color: #004a7d;
    Font-size: 38px;
    font-weight: bold;
    max-width: 33em;
    margin: 1.75em auto 1em auto;
    padding: 0 1.8em;
}
.carousel-wrapper {
    max-width: 960px;
    margin: auto;
    position: relative;
}
.carousel-container {
    overflow: hidden;
    position: relative;
}
.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}
.quoteCard {
    background: #9ac1db;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25em;
    border-radius: 20px;
    box-sizing: border-box;
    flex: 0 0 calc((100% - 60px) / 3);
}
.imgQuote img {
    width: 50px !important;
}
.quoteTxt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: 0;
    padding: 0 .5em;
    flex-grow: 1;
}
.quoteName {
    text-align: left;
    margin: 0;
}
.controls {
    justify-content: center;
    display: flex;
    gap: 1em;
    margin: 2em 1em 4em 1em;
}
.controls button {
    color: #fff;
    background: #0b3756;
    padding: 8px;
}

#blueBackground, #blueBackground1 {
    background: #004a7d;
    padding: 0;
    height: 650px;
}
.boostSavings {
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 11em;
}
.boostImg1 {
    height: 650px;
}
.boostTxt {
    margin: auto 1em;
    width: 28em;
}
.boostHeading {
    text-align: left;
    font-size: 53px;
    font-weight: 600;
    width: 10em;
    line-height: 1.2em;
    font-family: "Open Sans", serif;
}
.boostUL {
    margin-left: 0;
}
ul {
    list-style-type: none;
    margin-left: 20px;
    padding-left: 0;
}
.boostUL li {
    max-width: 26.1em;
}
.defaultCTA{
    display:none;
}
ul li {
    width: 100%;
    font-size: 20px;
    padding: .5em 1em .25em 2.25em;
}
.boostUL li::before, .boostUL li:before {
    background: #9ac1db;
    width: 1.3em;
    height: 1.3em;
    top: .75em;
    left: 0;
}
.applyNowBtn {
    background: #fae446;
    color: #0b3756;
    text-decoration: none;
    padding: 1em 5em;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
    font-family: "Open Sans", serif;
    width: 27em;
    display: none;
    text-align: center;
}
.applyNowBtn:hover, .applyNowBtn:focus {
    color: #0b3756;
    background: #ffcd00;
}

#blueBackground1 .iconTxt{
    color:#fff;
}
#blueBackground1{
    height:550px;
}
.download__Heading{
    color:#fff;
    font-size:38px;
    margin-top:3em;
    letter-spacing: 2px;
}
#padding, #padding1, #align, #align1, #align2 {
    margin: 0 0 0 11em;
}
#padding {
    padding: 4em 2em 0 0;
}
.mod-expanding-trigger::before, .mod-expanding-trigger:before {
    display: none;
}

.numbered__list{
    margin:auto;
    width:44em;
}
.border__box{
    border: 2px solid #fff;
    padding: 1em;
    margin-bottom:1em;
    border-radius:20px;
}
.border__box:nth-child(odd){
    background:#fff;
}
.display__btn{
    display:inline-block;
}
@media screen and (max-width: 1837px) {
    .boostSavings {
        gap: 7em;
    }
}

@media screen and (max-width:1750px){
    .boostImg1{
        height:500px;
    }
    #blueBackground{
        height:500px;
    }
}

@media screen and (max-width:1510px){
    .boostTxt{
        width:27em;
    }
}
@media screen and (max-width: 1487px) {
    .boostSavings {
        gap: 10px;
    }
}

@media screen and (max-width:1357px){
    .boostImg1{
        height:450px;
    }
    #blueBackground{
        height:450px;
    }
}
@media screen and (max-width:1650px){
    .headingTxt{
        margin:10em 0 0 5em;
        width:500px;
    }
}
@media screen and (max-width:1440px){
    .featureImg img{
        width:600px;
    }
    .headingTxt{
        margin:5em 0 0 4em;
    }
}
@media screen and (max-width: 1357px) {
    #blueBackground {
        height: 450px;
    }
}
@media screen and (max-width: 1357px) {
    .boostImg1 {
        height: 450px;
    }
}
@media screen and (max-width: 1264px) {
    .boostHeading {
        text-align: center;
    }
}
@media screen and (max-width: 1264px) {
    #blueBackground {
        height: auto;
        min-height: 45em;
    }
        .boostSavings {
        justify-content: center;
        gap: 40px;
    }
}
@media screen and (max-width: 1264px) {
    .boostImg1 {
        padding: 0 1em;
    }
}
@media screen and (max-width:1239px){
    .featureImgArea{
        justify-content:center;
    }
    .headingTxt{
        margin:5em 0 0 0em;
    }
}
@media screen and (max-width:1236px){
    #blueBackground1 {
    height: auto;
}
}
@media screen and (max-width:1099px){
    .headingTxt{
        margin:.5em 0 .5em 0;;
        text-align:center;
    }
}
@media screen and (max-width:900px){
    .numbered__list{
        width:auto;
    }
}
@media screen and (max-width: 800px) {
    .applyNowBtn {
        width: 22em;
        padding: 1em;
    }
}
@media screen and (max-width:790px){
    featureImg img{
        width:100%;
        height:100%
    }
    .featureImg{
        width:600px;
    }
}
@media screen and (max-width: 768px) {
    .quoteCard {
        flex: 0 0 calc((100% - 30px) / 2);
    }
}
@media screen and (max-width:745px){
    #padding, #padding1, #align, #align1, #align2{
        margin:0 0 0 4em;
    }
}
@media screen and (max-width: 720px) {
    .boostImg1 {
        height: auto;
    }
}
@media screen and (max-width: 650px) {
    #padding, #padding1, #align, #align1, #align2 {
        margin: 0 0 0 2em;
    }
}
@media screen and (max-width: 650px) {
    .boostTxt .applyNowBtn {
        width: 22em;
    }
}
@media screen and (max-width: 650px) {
    #blueBackground {
        min-height: 32em;
    }
}
@media screen and (max-width:600px){
          .mblAppContainer .h2Style{
            text-align:center;
          }
          .mblAppContainer p{
            text-align:center;
          }
          .img1 img{
            width:200px !important;
          }
          .img2 img{
            width:225px !important;
          }
          .mod-expanding-trigger {
        width: 18em;
    }
        .mod-expanding-wrap {
        width: 20em;
    }
    .yellowBtn{
        padding:1em 2em;
    }
    .featureImg img{
        height:100%;
        width:100%;
    }
    #padding{
        margin:auto;
    }
    #align, #align1, #align2, #padding1 {
        margin: auto 1.5em;
    }
    .buttonFlex{
        justify-content:left;
        margin:2em 1.5em 0 1.5em;
    }
    .btnAlign1{
        justify-content:left;
    }
    .pStyle{
        text-align:left;
        font-size:30px;
    }
    #padding{
        padding:1.5em 0 0 0;
    }
    .headingTxt{
        margin:.5em;
    }
        h1, .h1style {
        font-size: 35px;
    }
    .enrollCard .h2Style{
        font-size:30px;
    }
    .bottomMargin {
    margin: 1em;
}
}
@media screen and (max-width: 600px) {
    .boostHeading {
        font-size: 35px;
        width: auto;
        text-align: left;
    }
}
@media screen and (max-width:530px){
        .headingTxt p{
            margin: 0 1em 1em 1em;
        }
}
@media screen and (max-width: 500px) {
    .mod-expanding-trigger {
        width: 13em;
    }
}
@media screen and (max-width: 480px) {
    .carousel-track {
        gap: 0;
    }
    .quoteCard {
        flex: 0 0 100%;
    }
}
@media screen and (max-width:475px){
    .mod-expanding-wrap{
        width:auto;
        padding:0 .5em 0 .5em;
    }
    .buttonFlex, .btnAlign1{
        gap:10px;
    } 
       #align, #align1, #align2, #padding1 {
        margin: auto 1.5em;
    }
    .mod-expanding-wrap {
    padding: .65em 0 0 0;
}
}
@media screen and (max-width: 475px) {
    .boostTxt .applyNowBtn {
        width: 19em;
    }
}
@media screen and (max-width:450px){
    .headingTxt p{
        font-size:16px;
    }
    .mod-expanding-wrap {
        width: auto;
    }
}
@media screen and (max-width:430px){
    .enrollBtn a{
        width:auto;
    }
    .accountStyle{
        width:auto;
        padding: .5em 1.25em;
    }
    .enrollCard{
        width:16em;
    }
    .mblAppContainer {
    margin: auto 0;
    width: 100%;
    max-width: 21em;
    padding: 0 1em;
}
}
@media screen and (max-width:420px){
    #padding, #padding1{
        text-align:left;
    }
    .mod-expanding-trigger {
        margin: auto;
    }

}
@media screen and (max-width: 410px) {
    .mblAppBtn{
        padding:.3em;
        font-size:18px;
    }
    .mblAppBtnContainer{
        flex-wrap:wrap;
        justify-content:center;
    }
}
@media screen and (max-width: 400px) {
    .boostHeading {
        font-size: 32px;
    }
}
@media screen and (max-width: 390px) {
    .boostTxt .applyNowBtn {
        width: 17em;
        padding: 1em;
    }
}
@media screen and (max-width: 380px) {
    .mod-expanding-trigger {
        font-size: 20px;
    }
    .expanded .mod-expanding-trigger, .no-js .mod-expanding-trigger{
        font-size:20px;
    }
    .obaBtn{
        width:12em;
    }
}
@media screen and (max-width:370px){
    .mblAppBtnContainer{
        padding:.5em 0 0 0 !important;
        gap:5px;
    }
}
@media screen and (max-width: 364px) {
    .boostTxt .applyNowBtn {
        width: 13em;
    }
}
@media screen and (max-width:360px){
    .mblAppContainer .h2Style{
        text-align:center;
    }
    .mblAppContainer p{
        text-align:center;
    }
}
@media screen and (max-width:350px){
        .mblAppContainer .h2Style{
            font-size:30px;
        }
        .enrollCard {
        width: 14em;
    }
        .enrollBtn a {
        width: 9em;
        }
            .accountStyle {
        width: 9em;
    }
    .mblAppBtnContainer{
        padding:1.5em 0 1em 0 !important;
    }
    .enrollContainer {
        height: 51em;
    }
        .mod-expanding-trigger {
        width: 13em;
    }
    .mod-expanding-information-wrap{
        margin:auto 1em;
    }
}
@media screen and (min-width:768px){
    .desktop__view{
        display:inline-block;
    }
}
@media screen and (max-width:768px){
    .mobile__view{
        display:inline-block;
    }
}