.hero-background{background-position:center;background-repeat:no-repeat;background-size:cover}.hero-background .hero-gradient{background-image:linear-gradient(to right,#000000e6,#0003)}.hero-background .hero-gradient .hero-wrapper{display:flex;flex-direction:column;justify-content:space-between;max-width:1366px;height:100vh;min-height:fit-content;margin:auto;padding:7rem 3rem}@media screen and (max-width: 1024px){.hero-background .hero-gradient .hero-wrapper{padding:7rem 1rem}}.hero-background .hero-gradient .hero-wrapper .hero-crumble{display:flex;align-items:center;gap:.5rem}.hero-background .hero-gradient .hero-wrapper .hero-logo{width:40%}@media screen and (max-width: 1024px){.hero-background .hero-gradient .hero-wrapper .hero-logo{width:50%}}@media screen and (max-width: 768px){.hero-background .hero-gradient .hero-wrapper .hero-logo{width:70%}}.hero-background .hero-gradient .hero-wrapper .hero-text-container{z-index:2;display:flex;flex-direction:column;gap:1rem;width:70%}@media screen and (max-width: 1024px){.hero-background .hero-gradient .hero-wrapper .hero-text-container{width:100%}}.hero-background .hero-gradient .hero-wrapper .hero-text-container .hero-desc{text-align:justify}.hero-background .hero-gradient .hero-wrapper .hero-text-container .errorButton{display:flex;flex-wrap:wrap;gap:1rem}
