.contact{background-color:var(--color-contact-orange);height:370px}
.footer{background-color:var(--color-footer-purple);height:50px}
.header{justify-content:center;align-items:center;width:100vw;height:7rem;display:flex}.header-content{gap:.5rem;display:flex}.logo-container{cursor:pointer;align-items:center;gap:1rem;display:flex}@media (min-width:768px){.header{justify-content:start;padding-left:2rem}}@media (min-width:1280px){.header{padding-left:10rem}}
.hero{background-image:url(/hero-top-illustration.svg),url(/hero-bottom-illustration.svg);background-position:1rem 1rem,right 1rem bottom 1rem;background-repeat:no-repeat,no-repeat;background-size:auto,auto;justify-content:center;height:80vh;padding:20vh 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background-color:rgba(8,12,32,.9);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:2;font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold);font-size:var(--font-size-hero);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-hero);text-align:center;background:0 0;max-width:450px;position:relative}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.title,.subtitle{background:0 0}.subtitle{color:#c6c6c6;padding-top:3rem;font-size:15px;font-weight:400;line-height:20px}@media (min-width:768px){.hero{background-position:4rem 2rem,right 4rem bottom 2rem}.hero-content{max-width:550px}.subtitle{font-size:25px;line-height:40px}}@media (min-width:1024px){.hero{background-position:3rem 3rem,right 3rem bottom 3rem}}
.professionals{background-color:var(--color-professionals-pink);height:1219px}
.services{background-color:var(--color-services-green);height:1230px}