.hero-content-container{position:absolute;top:0;width:100%;height:100%;aspect-ratio:2.73}
.sub-hero-content-container{position:absolute;top:0;width:100%;height:100%}
.desktop-image-width{width:100%}
.bgimg-pos{position:relative}
.hideComponent{display:none}
.left-content{margin:auto 0}
.left-content-sub{width:66.6%}
.content-wrapper{padding-left:30px}
.hero-content-inner{height:100%}
.banner-heading-landing{padding-bottom:.9rem;padding-top:0;margin-bottom:0}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.banner-heading-landing{padding-top:100px}
}
.banner-heading-sub{padding-bottom:.9rem;padding-top:0;margin-bottom:0}
.banner-sub-heading-landing{width:85%;padding-top:.8rem;margin-bottom:0}
.banner-sub-heading-sub{padding-top:.8rem;width:85%;margin-bottom:0}
@media(max-width:320px){.left-content{width:100%;max-width:100%;flex:0 0 100%}
.hero-content-container{aspect-ratio:.9}
}
@media(min-width:312px) and (max-width:759px){.banner-heading{padding-top:0 !important}
.banner-sub-heading{font-size:20px;padding:0;padding-inline-end:0}
.banner-heading-landing{padding-bottom:10px}
.banner-sub-heading-landing{width:100%;font-size:20px;padding-top:10px;margin-bottom:0}
.banner-sub-heading-right{font-size:20px}
.sub-hero-content-container .hmk-brand-buttons{margin-left:15px}
.hero-content-container{aspect-ratio:.9}
}
@media(min-width:768px) and (max-width:1024px){.banner-heading{margin-top:5px !important}
.banner-sub-heading{font-size:18px}
.banner-sub-heading-landing{font-size:20px}
.hmk-brand-buttons{margin-left:0}
.hero-content-container{aspect-ratio:1.67}
}
@media(min-width:1024px){.content-wrapper{padding-left:150px;width:80%}
}
@media(min-width:1500px){.hero-sec{max-width:1500px;margin:0 auto}
}
@media(min-width:1024px) and (max-width:1080px){.content-wrapper{padding-left:150px}
.banner-sub-heading{margin-top:-15px}
}
@media(max-width:990px){.sub-hero-content-container{position:relative}
.sub-hero-content-container .content-wrapper{padding-left:0}
.left-content-sub{width:100%;padding:20px;padding-bottom:35px}
.banner-sub-heading-sub{padding:15px;width:100%;font-size:20px}
.banner-heading-sub{padding:15px;margin-top:1rem}
.button-center{text-align:center}
.sub-hero-content-container .hmk-brand-buttons{margin-left:15px}
}