.hero-banner{display:inline-block;padding:100px 0;position:relative;width:100%;z-index:1}.hero-banner .hero-inner{align-items:center;display:flex;gap:60px;justify-content:space-between;width:100%}.hero-banner .hero-inner .left,.hero-banner .hero-inner .right{display:inline-block;width:50%}.hero-banner:after{background-color:rgba(30,30,30,.9);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.hero-banner .title{display:inline-block;padding:0 0 32px;width:100%}.hero-banner .title h1{display:inline-block;margin:0;width:100%}.hero-banner .title h1 span{background:linear-gradient(180deg,#2742ff,#e200f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner .text,.hero-banner .text p{display:inline-block;width:100%}.hero-banner .text p strong{font-size:20px;font-weight:600;line-height:30px;text-align:left}.hero-banner .hero-inner .right img{display:inline-block;object-fit:contain;object-position:center;width:100%}.hero-banner *{color:#fff}@media(max-width:1439px){.hero-banner .hero-inner{gap:30px}}@media(max-width:1199px){.hero-banner{padding:60px 0}.hero-banner .text p strong{font-size:16px;line-height:26px}.hero-banner .text p{margin:0 0 16px}.hero-banner .text p:last-child{margin-bottom:0}}@media(max-width:991px){.hero-banner .hero-inner{flex-wrap:wrap}.hero-banner .hero-inner .left,.hero-banner .hero-inner .right{width:100%}}@media(max-width:767px){.hero-banner{padding:50px 0}.hero-banner .title{padding:0 0 20px}}