.hero-section{background-color:--background;transform:translateY(-100px);width:100%;margin:0 auto;height:100vh;max-height:1100px;min-height:700px;background:var(--hero-background);background-repeat:no-repeat;background-size:cover;background-position:50%}.hero-section .hero-section-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section .hero-section-container h1{font-size:70px;letter-spacing:1px;font-weight:600;font-family:var(--orbitron);color:var(--text-color);text-align:center}.hero-section .hero-section-container h1 span{color:#ff6b35}.light .hero-section .hero-section-container h1 span{color:#34948e}.hero-section .hero-section-container p{font-size:22px;text-align:center;line-height:32px;font-weight:400;margin-top:-20px;font-family:var(--poppins);color:var(--text-color)}.light .hero-section .hero-section-container p{color:#3a3a3a}.hero-section .hero-section-container p{color:#d1d5db}.hero-section .hero-section-container .hero-btns{margin-top:30px;display:flex;gap:40px}.light .hero-section .hero-section-container .hero-btns button{box-shadow:0 0 10px 0 rgba(0,0,0,.1)}@media(max-width:700px){.hero-section{height:calc(100vh + 100px)!important}.hero-section .hero-section-container h1{font-size:50px!important}.hero-section .hero-section-container p{font-size:20px!important}.hero-section .hero-section-container .hero-btns{flex-direction:column;gap:20px}}@media(max-width:480px){.hero-section-container .hero-btns button{width:280px!important;height:80px!important;font-size:18px!important}}