.hb{padding:0 0 100px;background:#fff}.hb-container{margin:0 auto}.hb-banner{position:relative;min-height:var(--hb-min-height, 400px);border-radius:var(--hb-radius, 24px);overflow:hidden;background-color:var(--hb-bg-color, #4c7a5e);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.hb-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hb-overlay-color, #000000);opacity:var(--hb-overlay-opacity, .1);z-index:1}.hb-content{position:relative;z-index:2;max-width:var(--hb-content-width, 640px);display:flex;flex-direction:column;align-items:center}.hb-heading{margin:0 0 18px;font-weight:400;font-size:54.4px;line-height:56.7px;color:var(--hb-heading-color, #ffffff)}.hb-subheading{margin:0 0 30px;font-size:16.5px;line-height:27.4px;color:var(--hb-subheading-color, #f0f0f0)}.hb-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.hb-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .15s ease,background .15s ease}.hb-btn--filled{background:var(--hb-btn-filled-bg, #ffffff);color:var(--hb-btn-filled-text, #111111);border:1.5px solid transparent}.hb-btn--filled:hover{opacity:.9}.hb-btn--outline{background:transparent;color:var(--hb-btn-outline-text, #ffffff);border:1.5px solid var(--hb-btn-outline-border, #ffffff)}.hb-btn--outline:hover{background:#ffffff1a}@media(max-width:767px){.hb{padding:0 0 50px}.hb-banner{min-height:calc(var(--hb-min-height, 400px) * .75);padding:32px 20px}.hb-subheading{font-size:14px}.hb-container{padding-left:16px}.hb-heading{font-size:40px;line-height:42px}}@media(max-width:480px){.hb-banner{min-height:calc(var(--hb-min-height, 400px) * .65);border-radius:calc(var(--hb-radius, 24px) * .7)}.hb-buttons{flex-direction:column;width:100%}.hb-btn{width:100%;justify-content:center}}@media(max-width:400px){.hb-heading{font-size:32px;line-height:36px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/about-bottom-banner.css.map */