@media(min-width:768px){
body.in-index .banners-row{display:flex;align-items:stretch;gap:18px}
body.in-index .banners-row>.col-sm-8{float:none;width:calc(66.666% - 12px)}
body.in-index .banners-row>.col-sm-4{float:none;width:calc(33.333% - 6px);display:flex}
}
body.in-index .banners-row{margin-left:0!important;margin-right:0!important;padding:0 16px;box-sizing:border-box}
body.in-index .banners-row>.col-sm-8,body.in-index .banners-row>.col-sm-4{padding:0!important}
body.in-index .next-to-carousel-banners{display:grid!important;grid-template-rows:repeat(4,1fr);gap:10px;width:100%;height:100%}
body.in-index .next-to-carousel-banners .banner-wrapper{margin:0!important;min-width:0}
body.in-index .next-to-carousel-banners a.hd-card{display:grid!important;grid-template-columns:42% 1fr;align-items:center;gap:16px;width:100%;height:100%;padding:16px;box-sizing:border-box;background:#fff;border:1px solid #e3e3e0;border-radius:0!important;color:#18232a;text-decoration:none!important;transition:border-color .2s,background .2s}
body.in-index .next-to-carousel-banners a.hd-card:hover{border-color:#9ca8aa;background:#e8f1ef}
body.in-index .next-to-carousel-banners a.hd-card:focus-visible{outline:2px solid #064851;outline-offset:2px}
body.in-index .next-to-carousel-banners a.hd-card img{display:block!important;width:100%!important;height:auto!important;max-height:75px;object-fit:contain;border-radius:0!important}
body.in-index .next-to-carousel-banners a.hd-card .extended-banner-texts{position:static!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;background:none!important;color:inherit!important;text-align:left}
body.in-index .next-to-carousel-banners .hd-name{display:block;font-size:clamp(17px,1.4vw,23px);font-weight:700;line-height:1.15}
body.in-index .next-to-carousel-banners .hd-desc{display:block;margin-top:5px;color:#626a6d;font-size:clamp(11px,.85vw,14px);line-height:1.3}
@media(max-width:767px){
body.in-index .banners-row{padding:0 12px}
body.in-index .next-to-carousel-banners{grid-template-columns:1fr;grid-template-rows:none;gap:8px;margin-top:12px}
body.in-index .next-to-carousel-banners a.hd-card{min-height:90px;padding:12px;gap:12px}
body.in-index .next-to-carousel-banners a.hd-card img{max-height:58px}
body.in-index .next-to-carousel-banners .hd-name{font-size:17px}
body.in-index .next-to-carousel-banners .hd-desc{font-size:12px}
}



body.in-index .benefitBanner.position--benefitHomepage{display:grid!important;grid-template-columns:2.4fr repeat(3,.8fr);gap:10px;margin:18px 16px 0!important;padding:0!important}
body.in-index .benefitBanner.position--benefitHomepage>.benefitBanner__item{display:block!important;width:auto!important;margin:0!important}
body.in-index .benefitBanner.position--benefitHomepage .benefitBanner__link{display:flex!important;align-items:center;width:100%;height:100%;padding:0!important;border:0!important}
body.in-index .benefitBanner.position--benefitHomepage .benefitBanner__picture{display:flex;align-items:center;width:100%;height:140px;overflow:hidden}
body.in-index .benefitBanner.position--benefitHomepage .benefitBanner__img{display:block;flex:none;width:160%!important;max-width:none!important;height:auto!important;max-height:none!important;transform:translateX(-17%)}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;width:min(100%,165px);aspect-ratio:1;padding:14px;box-sizing:border-box;border:0!important;border-radius:50%!important;color:#063f48;text-align:center;text-decoration:none!important;background:#e7f0ed}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card:nth-of-type(2){background:#f3ecdf}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card:nth-of-type(3){background:#e8eff2}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card strong{font-size:clamp(15px,1.05vw,19px);line-height:1.1}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card span{margin-top:5px;font-size:clamp(12px,.8vw,15px);line-height:1.18}
body.in-index .benefitBanner.position--benefitHomepage .hd-about-card:last-child strong{font-size:clamp(25px,1.8vw,32px)}
@media(max-width:1050px){body.in-index .benefitBanner.position--benefitHomepage{grid-template-columns:repeat(3,1fr)}body.in-index .benefitBanner.position--benefitHomepage>.benefitBanner__item{grid-column:1/-1}}
@media(max-width:767px){body.in-index .benefitBanner.position--benefitHomepage{margin:12px 12px 0!important}body.in-index .benefitBanner.position--benefitHomepage .benefitBanner__picture{height:95px}body.in-index .benefitBanner.position--benefitHomepage .hd-about-card{width:min(100%,98px);min-height:0!important;padding:7px}body.in-index .benefitBanner.position--benefitHomepage .hd-about-card strong{font-size:11px}body.in-index .benefitBanner.position--benefitHomepage .hd-about-card span{font-size:10px;margin-top:3px}body.in-index .benefitBanner.position--benefitHomepage .hd-about-card:last-child strong{font-size:20px}}

body.in-index .hd-feature-title{box-sizing:border-box;margin:44px 16px 0!important;padding:27px 32px 0!important;background:#f3f8f7;text-align:left!important}
body.in-index .hd-feature-intro{box-sizing:border-box;margin:0 16px!important;padding:8px 32px 0;background:#f3f8f7;color:#53686b;font-size:16px;line-height:1.5}
body.in-index .hd-feature-products{box-sizing:border-box;width:calc(100% - 32px);min-width:0;overflow:hidden;margin:0 16px!important;padding:12px 16px 0;background:#f3f8f7}
body.in-index .hd-feature-footer{box-sizing:border-box;display:flex;justify-content:flex-end;margin:0 16px 36px;padding:5px 32px 28px;background:#f3f8f7}
body.in-index .hd-feature-footer a{display:inline-block;border-bottom:2px solid #07515b;color:#07515b;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none!important}
body.in-index .hd-feature-footer a:hover{color:#033a42;border-color:#033a42}
body.in-index .hd-feature-footer a:focus-visible{outline:2px solid #07515b;outline-offset:5px}
@media(max-width:767px){
body.in-index .hd-feature-title{margin:30px 12px 0!important;padding:22px 16px 0!important}
body.in-index .hd-feature-intro{margin:0 12px!important;padding:8px 16px 0;font-size:14px}
body.in-index .hd-feature-products{margin:0 12px!important;padding:12px 4px 0}
body.in-index .hd-feature-footer{margin:0 12px 26px;padding:10px 16px 22px}
}

/* Product imagery stays white; keep the slider and its background in one column. */
body.in-index .hd-feature-products .product .p>a.image{background:#fff!important}
body.in-index .hd-feature-products .product .p>a.image img{background:#fff}
body.in-index .hd-feature-footer+.banners-content.body-banners{box-sizing:border-box;width:calc(100% - 32px);margin:0 16px 36px!important}
body.in-index .hd-feature-footer+.banners-content.body-banners>.col-sm-12{padding:0!important}
body.in-index .hd-feature-footer+.banners-content.body-banners .banner-wrapper{margin:0!important}
body.in-index .hd-feature-footer+.banners-content.body-banners .banner-wrapper>a,body.in-index .hd-feature-footer+.banners-content.body-banners .banner-wrapper>a>img{display:block;width:100%!important;max-width:none;height:auto}
@media(max-width:767px){
body.in-index .hd-feature-products,body.in-index .hd-feature-footer+.banners-content.body-banners{width:calc(100% - 24px)}
body.in-index .hd-feature-footer+.banners-content.body-banners{margin:0 12px 26px!important}
}