.container{width:100%;margin:0 auto;padding:0 20px}h1{font-size:2em;margin-block:.67em}.hero{background:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5));height:70vh;width:100%;display:flex;align-items:center;color:#fff;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero h1{font-size:3rem;margin-bottom:1rem}.services{padding:4rem 0;background-color:var(--light-color)}.services .container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.service-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:2rem;text-align:center;flex:1 1 300px;max-width:350px;transition:transform 0.3s ease}.service-card:hover{transform:translateY(-10px)}.service-card i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}