.hero-banner{width: 100%; margin-top: 116px; overflow: hidden;}
.hero-banner-box{width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.hero-banner-right img{margin-left: 40px; height: fit-content;}
.hero-banner-left{width: 569px; height: 100%;}
/* .hero-banner-left .creative-span{background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202601/202601053/html/images/hero-span-bg.png'); color: #fff;background-size: cover; } */
.hero-banner-left .creative-span{position: relative; color: #fff;background-size: cover; z-index: 2; }
.hero-banner-left .creative-span::after{/* bg */
 position: absolute; top: 0px; left: 0; width: 100%; height: 100%; content: ''; background: #FE5E00; border-radius: 40px 20px 42px 25px; transform: rotate(5deg); z-index: -1;}
.hero-banner-left-des{font-family: var(--secondary_font) !important; color: var(--grey); font-weight: var(--regular) !important; margin-top: 27px;}
.hero-banner-left{width: 50%;} 
.hero-banner-right{max-width: 100%;} 
.hero-banner-right img{max-width: 100%; height: 100%;}
@media (max-width:1440px){
 .hero-banner-right img{margin-left: 0px;}
 .hero-banner-left h1 img{width: 50px;}
}
@media(max-width:991px){
 .hero-banner-left-des {margin-top: 20px;}
 .hero-banner{margin-top: 90px;}
 .hero-banner-left{width: 50%;}
 .hero-banner-right{width: 50%;}
 .hero-banner-right img{margin: 0 auto;}
 .creative-span::after{margin-top: 1px;}
}
@media (max-width:767px){
 .hero-banner-left{width: 100% !important; text-align: center;}
 .hero-banner-right{width: 100% !important;}
 .hero-banner-box{
  flex-direction:column-reverse;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 50px;
 }
 .hero-banner-right img{display: block; max-height: 500px; max-width: 100%;}
 .hero-banner-right{margin: 0 auto;}
}    

@media (width >= 1700px){
 .hero-banner{height: calc(978.5px - 116px);}
}