* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
color: #333;
}

header.hero-section {
background: url(’hero-background.jpg’) no-repeat center center/cover;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: white;
}

header .hero-content h1 {
font-size: 3rem;
margin-bottom: 20px;
}

header .cta-button {
background-color: #ff6a00;
color: white;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
}

.services {
padding: 50px 20px;
text-align: center;
}

.services h2 {
font-size: 2.5rem;
margin-bottom: 40px;
}

.service-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.service-box {
width: 300px;
text-align: center;
margin-bottom: 20px;
}

.service-box img {
max-width: 100%;
border-radius: 5px;
}

.benefits {
padding: 50px 20px;
background-color: #f4f4f4;
text-align: center;
}

.benefit-container {
display: flex;
justify-content: space-around;
}

.benefit-box {
width: 300px;
text-align: center;
}

.contact {
padding: 50px 20px;
text-align: center;
}

.contact .cta-button {
background-color: #28a745;
color: white;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
}