.hero-section{display:flex;max-height:272px;height:100%;position:relative;@media screen and (min-width:375px) and (max-width:767.98px){max-height:217px}
.inventory-hero-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
&::before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;max-width:514px;background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0));z-index:1;pointer-events:none}
@media screen and (min-width:375px) and (max-width:767.98px){overflow:hidden;img{object-position:center 56%;transform:scale(1.4);position:absolute;left:4px;top:5px}
&::before{top:0;left:0;height:146px;width:100%;max-width:none;background:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0))}
}
@media screen and (min-width:768px) and (max-width:1199.98px){&::before{top:0;left:0;width:100%;height:100%;max-width:none;background:linear-gradient(to left,rgba(217,217,217,0) 0,rgba(79,79,79,0.7) 70%)}
}
}
.hero-left-content{color:#FFFFFF;display:flex;flex-direction:column;gap:15px;margin:80px 0 74px 74px;@media screen and (min-width:375px) and (max-width:767.98px){gap:12px;margin:44px 0 71px 19px}
.hero-title{font-size:68px;line-height:68px;font-weight:400;font-family:'MBCorpoATitleCond';z-index:2;@media screen and (min-width:375px) and (max-width:767.98px){font-size:52px;line-height:52px}
}
.hero-desc{font-size:16px;line-height:24px;font-family:'mbCorpoSText';min-height:38px;z-index:2;@media screen and (min-width:375px) and (max-width:767.98px){max-width:440px;width:100%}
}
}
}