.heroBackground{position:relative}@media (max-width:299px){.heroBackground{top:-450px!important}.HeroSection{padding:45px 4px}.HeroSection .hero-buttons{padding:0 4px}}@media (min-width:299px) and (max-width:366px){.heroBackground{top:-440px}.HeroSection{padding:45px 4px!important}.HeroSection .hero-buttons{padding:0 10px!important}}@media (min-width:366px) and (max-width:499px){.heroBackground{top:-440px}.HeroSection{padding-top:45px}.HeroSection .hero-buttons{padding:0 13px!important}}@media (min-width:500px) and (max-width:639px){.heroBackground{top:-440px}.HeroSection{padding-top:30px}.HeroSection .hero-buttons{padding:0 20px!important}}@media (min-width:640px) and (max-width:767px){.heroBackground{top:-150px}.HeroSection{padding-top:45px}}@media (min-width:767px) and (max-width:900px){.HeroSection{gap:1rem!important}}@media (min-width:768px) and (max-width:900px){.heroBackground{top:-150px}.HeroSection{padding-top:45px}}@media (min-width:901px) and (max-width:1024px){.heroBackground{top:-150px}.HeroSection{padding-top:45px}}@media (min-width:1025px) and (max-width:1200px){.heroBackground{top:-72px}}@media (min-width:1201px) and (max-width:1280px){.heroBackground{top:-70px}}@media (min-width:1281px) and (max-width:1536px){.heroBackground{top:-10px}}@media (min-width:1537px){.heroBackground{top:-10px}}