/*ZELLE EDITS/ADITION*/
.zelle_logoWrap img{
    width:300px;
}
.heading-h1 {
    font-size: 2.5rem !important;
}
.zelle_text img{
    width:140px;
    vertical-align:text-bottom;
}



.disclaimMargin {
    margin: 2em 1em;
}
.pStyle{
    line-height:1.2em;
}
#align1{
    padding:.65em 0 3em 0;
}
.personalH2{
    font-size: 38px;
    color: #004a7d;
    font-weight: bold;
    margin: 3em 1em;
    line-height: 1.2em;
}
.iconflex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px 120px;
    margin: 5em 1em;
}
.iconCard a{
    text-decoration:none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.iconCard a:hover, .iconCard a:focus{
    text-decoration:underline;
    color:#5698c4;
}
.iconCard {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.iconCard img {
    width: 100px;
    margin: auto;
    max-width: 100px;
}
.iconTxt {
    text-align: center;
    width: 180px;
    font-family: "Open Sans", serif;
    color: #5698c4;
    font-weight: bold;
    font-size: 24px;
}

.mod-page-wrap{
    padding:0;
}

.mod-page-moduleWrap:nth-child(5),
.mod-page-moduleWrap:nth-child(6),
.mod-page-moduleWrap:nth-child(7),
.mod-page-moduleWrap:nth-child(8){
    background: #ddeaf3;
}

a{
    color:#1b384b;
}
#blueBackground{
    background:#004a7d;
    padding:0;
    height:660px;
}
.mod-expanding-trigger::before, .mod-expanding-trigger:before {
    display: none;
}
.boostUL li::before, .boostUL li:before{
    background:#9ac1db;
    width:1.3em;
    height:1.3em;
    top:.75em;
    left:0;
}
.boostUL li{
    max-width:26.1em;
}
.boostImg1{
    height:660px;
}
.boostSavings{
    color:#fff;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:11em;
}
.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;
}
.h1style{
    margin:2em 0 0 0;
    text-align:center;
}
.pageSubheading{
    text-align:center;
    width:56em;
    margin:auto;
}
.pageSubheading p{
    margin:0 1em 2em 1em;
    text-align:center;
}
ul li{
    width:100%;
    font-size:20px;
    padding:.5em 1em .25em 2.25em;
}
.mod-safe-area {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.subheadingP{
    font-style:italic;
}
.txtLink{
    font-style:italic;
    text-decoration:none;
}
.txtLink:hover, .txtLink:focus{
    text-decoration:underline;
}
.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: 30em;
    display: inline-block;
}
.boostTxt .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: inline-block;
    text-align: center;
}
.applyNowBtn:hover, .applyNowBtn:focus{
    color: #0b3756;
    background: #ffcd00;
}
.cstmCard{
        background: #ddeaf3;
    height: 22em;
    width: 18em;
    border-radius: 20px;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); /* Safari */
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    padding: 1.5em;
    margin: auto 0;
        display: flex;
    flex-direction: column;
    gap: 10px;
}
.cardContainer{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding:0 0 3em 0;
    gap:50px;
    width:100%;
    margin:auto;
}
#padding{
    padding:4em 2em 0 0;

}
#padding, #padding1, #align, #align1, #align2{
    margin:0 0 0 8em;
}
@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:1320px){
    .cardContainer{
        width:100%;
    }
}
@media screen and (max-width:1264px){
    #blueBackground{
        height:auto;
    }
    .boostSavings{
        justify-content:center;
        gap:40px;
    }
    .boostImg1{
        padding:0 1em;
    }
    .boostHeading{
        text-align:center;
    }
    .boostTxt {
    margin: 0 1em 2em 1em;
    }
}
@media screen and (max-width:1125px){
    .pageSubheading{
        width:40em;
    }
}
@media screen and (max-width:840px){
    .pageSubheading{
        width:100%;
    }
}
@media screen and (max-width:800px){
    .applyNowBtn{
        width:22em;
    }
}
@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;
    }
        .boostTxt .applyNowBtn {
        width: 22em;
        padding:1em;
    }
    
}
@media screen and (max-width:600px){
    #padding{
        padding:1.5em 0 0 0;
    }
    .boostTxt{
        width:auto;
    }
    .boostHeading{
        width:auto;
        font-size:35px;
        text-align:left;
    }
        .mod-expanding-trigger {
        width: 18em;
    }
        .mod-expanding-wrap {
        width: 20em;
    }
    .h1style{
        font-size:35px;
    }
    .heading2{
        font-size:30px;
    }
    .pStyle{
        font-size:30px;
        margin:auto 1em;
    }
    .boostTxt p{
        text-align:left;
    }
    .personalH2{
        font-size:30px;
        margin: 3em 1em 0 1em;
    }
    .iconflex {
        margin: 3em 1em 5em 1em;
    }
}
@media screen and (max-width: 500px) {
    .mod-expanding-trigger {
        width: 15em;
    }
}
@media screen and (max-width:475px){
        .applyNowBtn {
        width: 17em;
        padding:1em;
    }
    .boostTxt .applyNowBtn{
        width:19em;
    }
}
@media screen and (max-width: 450px) {
    .mod-expanding-wrap {
        width: auto;
    }
    .pageSubheading p {
        font-size: 16px;
    }
}
@media screen and (max-width:420px){
    #padding, #padding1{
        text-align:center;
    }
        #padding, #padding1, #align, #align1, #align2 {
        margin: auto .5em;
    }
    .mod-expanding-trigger {
        margin: auto;
    }

}
@media screen and (max-width:400px){
    .applyNowBtn{
        width:13em;
    }
    .boostHeading{
        font-size:32px;
    }

}
@media screen and (max-width: 390px) {
    .boostTxt .applyNowBtn {
        width: 17em;
        padding:1em;
    }
}
@media screen and (max-width: 364px) {
    .boostTxt .applyNowBtn {
        width: 13em;
    }
}
@media screen and (max-width: 380px) {
    .mod-expanding-trigger {
        font-size: 20px;
    }
}
@media screen and (max-width:345px){
    .cstmCard{
        height:30em;
    }
}
@media screen and (max-width: 315px) {
    .mod-expanding-trigger {
        width: 14em;
    }
}