.hero_banner{display:flex;flex-direction:column;&.full{height:100vh}&.dark{& p.subheader,h1,& p#breadcrumbs,& p#breadcrumbs a,& p#breadcrumbs span,& .text_area p{color:var(--primary) !important}}&.light{& p.subheader,h1,& p#breadcrumbs,& p#breadcrumbs a,& p#breadcrumbs span,& .text_area p{color:var(--white) !important}}&>.container{width:100%;height:100%;display:flex;flex-direction:row;z-index:2;flex-wrap:wrap;&.left{align-items:flex-start;text-align:left;& .call_to_action_buttons{justify-content:flex-start}}&.center{align-items:center;justify-content:center;text-align:center;& .hero_banner_inner{align-items:center}& .call_to_action_buttons{justify-content:center}}&.right{align-items:flex-end;text-align:right;& .call_to_action_buttons{justify-content:flex-end}}& .hero_banner_inner{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;@media (max-width:991px){width:100%}p#breadcrumbs{font-weight:400;text-transform:uppercase;line-height:1;>span{width:100%}a,span{display:inline-block;text-decoration:none;font-weight:400}}& h1{@media (max-width:991px){text-align:center}}& .text_area{margin:3rem 0 0;& h1,& h2,& h3{font-size:9rem;font-weight:400;margin:0;@media (max-width:991px){font-size:4rem;text-align:center}& span{font-size:inherit;font-weight:inherit;color:var(--white)}}& p{font-size:2rem;margin:0;@media (max-width:991px){font-size:1.8rem;text-align:center}}}& .call_to_action_buttons{@media (min-width:992px){flex-direction:row;margin:4rem 0 0}@media (max-width:991px){flex-direction:column;align-items:center;margin:3rem 0 0}& a{margin-bottom:0;@media (max-width:991px){width:27rem;max-width:100%;padding:1.4rem;&:not(:last-of-type){margin-bottom:2rem}}}}& .trust_badges{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:4rem;@media (max-width:991px){justify-content:center}& .trust_badge{display:inline-flex;align-items:center;gap:0.6rem;font-size:1.4rem;font-weight:600;color:var(--white);background:rgba(255,255,255,0.12);border:1px solid rgba(168,201,107,0.5);border-radius:3rem;padding:0.6rem 1.4rem;backdrop-filter:blur(4px);&:before{content:'✓';color:var(--primary);font-size:1.2rem;font-weight:700}}}}}& .image_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:.55;z-index:1}& img{width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center;position:absolute;z-index:0}& img.hero_banner_image_desktop{@media (max-width:767px){display:none}}& img.hero_banner_image_mobile{@media (min-width:768px){display:none}}}