.block-productbenefits {
    background-image:url(/wp-content/uploads/2024/09/Group-275.svg);
    position:relative;
    max-width:none!important;
}
.benefitunderline {
    border-bottom: 7px solid var(--orange);
    margin-bottom:4rem!important;
}
.bname {
    font-family: 'Barlow Condensed', sans-serif;
}
.bsubh {
    line-height: 1.2;
    margin: 15px 0px;
}
.bpagingInfo {
    position: absolute;
    right: 15px;
    top: 430px;
}
.bcurpage { color:var(--blue); }
.inpad { padding-right:30px; }
.inpad.iright { padding-left:30px; padding-right:0px; }
#stickyboxholder { position:absolute; z-index:9; }
#stickyboxholder.stick {
    position:fixed;
    top:0;
    margin:80px 0 0;
    z-index:9;
}
#stickyboxholder.ended {
    position:fixed;
    z-index:9;
}
.dropshadow { padding-left:0px;padding-right:0px; }
.stickybox { background-color:var(--white); padding:30px;}
.stickybox a:focus { text-decoration:underline!important; }
.stickybox a.tdnone:focus { text-decoration:none!important; }
.stickhigh { max-height:119px; }
.bluebox {
    padding:50px 40px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    background: transparent linear-gradient(138deg, var(--menublue) 0%, var(--blue) 100%) 0% 0% no-repeat padding-box;
}
.bluebox .lgbbholder { width:60%; min-width:280px; margin-right:40px; }
.bbluesm { border-left:7px solid var(--blue); padding-left:52px;margin-left:8px; }
.modpad { padding:40px;}
.modlog img { max-width:300px; margin-bottom:30px;}
.botorange { position:absolute; bottom:40px; }
.whysection { background-color:var(--menublue); position:relative; margin-left:-11px; width:calc(100% + 22px); margin-top:140px;margin-bottom:140px;max-width:none;}
.bluecorner {
    transform: rotate(45deg);
    background-color:var(--menublue);
    width:140px;
    height:140px;
    position:absolute;
    right: -70px;
    top: -70px;
}
.whitecorner {
    transform: rotate(45deg);
    background-color:var(--white);
    width:140px;
    height:140px;
    position:absolute;
    left: -70px;
    top: -70px;
}
.bluecornerbot {
    transform: rotate(45deg);
    background-color:var(--menublue);
    width:140px;
    height:140px;
    position:absolute;
    left: -70px;
    bottom: -70px;
}
.whitecornerbot {
    transform: rotate(45deg);
    background-color:var(--white);
    width:140px;
    height:140px;
    position:absolute;
    right: -70px;
    bottom: -70px;
}
.whyiconimg img { max-width:100px; }
.keyfeatureimg img { max-width: 66px; }
.vkfbg {
    background-color:var(--menublue);
    display: inline-block;
    padding-right:30px;
    margin-bottom:30px;
}
.orangedivide {
    height:2px;
    background-color:var(--orange);
    position:absolute;
    width: calc(100% - 40px);
    top: 18px;
    z-index: -1;
}
.keyfeaturespad { background-color:var(--white); padding:20px; border-radius:20px; height:100%; }
.colorblock { 
    border-radius:20px; 
    padding: 50px 15px 50px;
    height: calc(100% - 110px);
    margin-bottom:30px;
}
.feats {
    margin-bottom:1.25rem;
}
.yearpickbox {
    display:flex;
}
.timebtn {
    border-radius:13px;
    padding:20px;
    margin-right:20px;
    background-color:var(--white);
    border:1px solid var(--menublue);
    color:var(--menublue);
    cursor:pointer;
}
.timebtn.chosen {
    background-color:var(--blue);
    border:1px solid var(--blue);
    color:var(--white);
}
.bigbpad { margin-bottom: 200px; }
.yearly { display:none; }
.monthly, .yearly { line-height: .6; }
.showit { display:block; }
.hideit { display:none; }
@media(max-width:1399.96px){
    .bigbpad { margin-bottom: 150px; }
    .modpad { padding:30px;}
    .bluecorner {
        width:100px;
        height:100px;
        right: -50px;
        top: -50px;
    }
    .whitecorner {
        width:100px;
        height:100px;
        left: -50px;
        top: -50px;
    }
    .bluecornerbot {
        width:100px;
        height:100px;
        left: -50px;
        bottom: -50px;
    }
    .whitecornerbot {
        width:100px;
        height:100px;
        right: -50px;
        bottom: -50px;
    }
    .whysection { margin-top:100px;margin-bottom:100px; }
}
@media(max-width:1199.96px){
    .botorange { position:relative; bottom:unset; margin-top:20px; text-align: center; }
    .modlog { text-align:center; }
}
@media(max-width:991.96px){
    .yearpickbox {
        justify-content: center;
    }
    .bigbpad { margin-bottom: 100px; }
    .modlog img { max-width:300px; margin-bottom:20px;}
    .modpad { padding:20px;}
    .overbgmob { z-index:3; position:relative; }
    #stickyboxholder { 
        position:relative; 
        z-index:9;
        margin:-40px 0px 60px; }
    #stickyboxholder.stick {
        position:relative;
        top:0;
        margin:-40px 0px 60px;
        z-index:9;
    }
    #stickyboxholder.ended {
        position:relative;
        margin:-40px 0px 60px;
        z-index:9;
    }
    .orangedivide { top:14px; }
    .reasonpad { padding-left:20px; padding-right:20px; margin-bottom:-20px; }
    .stickhigh { max-height:none; }
    .benefitsslider .slick-dots { display:block!important;bottom:-55px;padding-left:0px;}
    .benefitsslider .slick-dots li button:before { font-size:14px; }
    .inpad { padding-right:0px;padding-left:0px;padding-bottom:30px; }
    .bname { padding-top:15px; }
    .binslide{margin:0;padding:0px 10px;}
    .bluebox { flex-direction: column; padding:35px 25px; }
    .bluebox .lgbbholder { width:80%; min-width:280px; margin: 0px auto 30px; }
    .whysection { margin-top:60px; margin-bottom:60px; }
    .bluecorner {
        width:60px;
        height:60px;
        right: -30px;
        top: -30px;
    }
    .whitecorner {
        width:60px;
        height:60px;
        left: -30px;
        top: -30px;
    }
    .bluecornerbot {
        width:60px;
        height:60px;
        left: -30px;
        bottom: -30px;
    }
    .whitecornerbot {
        width:60px;
        height:60px;
        right: -30px;
        bottom: -30px;
    }
}
@media(max-width:767.96px){
    .colorblock { 
        border-radius:30px; 
        padding: 30px 15px 50px;
        height: calc(100% - 110px);
        margin-bottom:30px;
        min-height:380px;
    }
    .reasonpad { padding-left:20px; padding-right:20px; margin-bottom:-40px; }
    .keyfeaturespad { margin: 0px 10px; }
    .vkfbg { padding-left:10px; margin-right:10px; }
}