.heroCtn{width:100%;height:100vh;position:relative;overflow:hidden}.heroDiv{width:100%;height:100%;padding:var(--xxlp);position:relative}.heroInner{z-index:11;color:#fff;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.heroTitle{margin:0}@media screen and (max-width:1200px){.heroDiv{padding:var(--xlp)}}@media screen and (max-width:1024px){.heroDiv{padding:var(--xlp)var(--p)}}