.rhHeroBannerContainer{position:relative;width:100%;height:100%;overflow:hidden;min-height:500px}
.rhHeroBannerContent{position:relative;top:0;left:0;width:100%;height:100%}
.hero-banner-image-container{position:relative}
.rhHeroBannerDetails{position:absolute;top:0;width:100%;margin-top:84px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-banner-image-container .hero-banner-image{display:block}
.hero-banner-image-container .hero-banner-image-mob{display:none}
.rhHeroBannerTitle{font-family:Archivo;font-weight:500;font-size:48px;line-height:110%;text-align:center;color:#fff;margin-bottom:14px}
.rhHeroBannerSubTitle{font-family:Archivo;font-weight:400;font-size:18px;line-height:136%;text-align:center;color:#fff;margin-bottom:29px}
.rhHeroBannerAnchor{font-family:Archivo;font-weight:500;font-size:16px;line-height:150%;text-align:center;color:#fff;background:linear-gradient(270deg,#712ccb 0,#a77fdc 100%);border-radius:60px;border:1px solid #f6edff;padding:14px 38.5px;display:inline-block}
@media screen and (max-width:768px){.hero-banner-image-container .hero-banner-image{display:none}
.hero-banner-image-container .hero-banner-image-mob{display:block}
.rhHeroBannerDetails{margin-top:55px}
.rhHeroBannerTitle{font-weight:500;font-size:28px;line-height:110.00000000000001%;text-align:center}
.rhHeroBannerSubTitle{font-weight:400;font-size:14px;line-height:136%;text-align:center;margin-bottom:19px}
.rhHeroBannerAnchor{padding:10px 23.5px}
}