.Hero_section_component_class{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--background-light);text-align:center;padding:4rem 0;margin-bottom:2rem;.hero-title{font-size:3rem;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;opacity:.9}@media (max-width:768px){padding-left:0;padding-bottom:3rem;padding-right:0;padding-top:3rem;.hero-title{font-size:2.5rem}}}