CSS CODE
/* Base styles */
body {

font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
color: #333;}

/* Header and footer using IDs */
#main-header, #main-footer {
background-color: #004080;
color: white;
text-align: center;
padding: 1rem 0;
}
/* Main content layout using flex */
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem;
gap: 2rem;
}
/* Sections with class selectors */
.intro, .benefits {

max-width: 600px;
text-align: center;}
.images {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
}
.images img {
width: 300px;

height: auto;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
/* Lists styled with class */
.benefits ul {
list-style-type: square;
padding-left: 1.5rem;
text-align: left;}