#HeroSection .BannerGradient{background:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 42.5%);height:80%;position:absolute;width:100%;z-index:0}.BannerBackground{background-position:50%;background-size:cover;height:80vh;width:100%}.BannerContainer{display:flex;flex-direction:column;font-family:var(--fontPrimary);gap:32px;left:0;margin:auto;position:absolute;right:0;top:30vh}.BannerIcon{align-items:center;border-radius:99px;color:var(--white);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;max-width:290px;padding:8px 16px}.BannerText{width:70%}.BannerContainerBTn{width:fit-content}#HeroMobile{display:flex;flex-direction:column;font-family:var(--fontPrimary);gap:32px;margin:-160px 0 70px}.BannerTextMobile{position:relative;z-index:1}#HeroSection .icons-wrap{display:inline-flex;gap:8px}#HeroSection .not-started{background-color:var(--complementary);border-radius:30px;color:var(--white);font-size:13px;font-weight:700;padding:9px 18px}@media (max-width:1100px){.BannerText{width:75%}}@media (max-width:761px){#HeroSection .BannerGradient{background:linear-gradient(0deg,#fff,transparent 70%);height:100%}.BannerText{width:100%}#HeroMobile .icons-wrap{display:flex;flex-direction:column;gap:8px;position:relative}.BannerContainerBTn{width:100%}.BannerIcon{z-index:1}#HeroSection,.BannerIcon{position:relative}.BannerBackground.mobile-only{background-position:top;background-repeat:no-repeat;background-size:cover;height:50vh;width:100%}#HeroMobile .not-started{background-color:var(--complementary);border-radius:30px;color:var(--white);font-size:14px;font-weight:700;padding:8px 16px;width:fit-content}}@media (max-width:1024px){.program-body .BannerContainerBTnMobile{display:none!important}}