.hero-section{position:relative;height:100vh;background-image:url(https://www.offerra.sk/wp-content/themes/offerra/css/../images/city-skyline.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--light-text-color);text-align:center;overflow:hidden}.hero-section .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:1}.hero-section .hero-container{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:250px;box-sizing:border-box;max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3rem;margin-bottom:20px;color:var(--light-text-color);text-shadow:0 2px 4px rgb(0 0 0 / .3)}.hero-content p{font-size:1.2rem;margin-bottom:30px;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.hero-buttons{display:flex;justify-content:center;gap:15px}.features-section.features-on-hero{position:absolute;bottom:0;left:0;width:100%;background-color:rgb(255 255 255 / .95);color:#333;padding:30px 0;z-index:3;border-top:1px solid #eee}.features-section.features-on-hero h2,.features-section.features-on-hero h3,.features-section.features-on-hero p{color:#333}@media (max-width:768px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .button{width:80%;margin-bottom:10px}.hero-section .hero-container{padding-bottom:0;justify-content:center}.features-section.features-on-hero{position:relative;background-color:#fff;border-top:none;padding:40px 0}}