.hero-banner{background-position:100% 100%;background-repeat:no-repeat;background-size:cover;padding:150px 0;position:relative}.hero-banner .bg-cover{background:transparent;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0) 75%);height:100%;left:0;position:absolute;top:0;width:100%}.hero-banner .content{max-width:35%;position:relative}@media (max-width:1024px) and (min-width:768px){.hero-banner .content{max-width:60%}.hero-banner .bg-cover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0) 95%)}}@media (min-width:768px){.hero-banner .mob-image{display:none}}@media (max-width:767px){.hero-banner{background:#fff;background-image:none!important;padding:0}.hero-banner .content{max-width:none;padding:25px 0}}