/* Global Styles */

* {

box-sizing: border-box;

font-family: Arial, sans-serif;

}

body {

margin: 0;

}

img {

max-width: 100%;

height: auto;

}

a {

color: #fff;

text-decoration: none;

}

/* Header Styles */

header {

background-color: #f5f5f5;

padding: 20px;

}

nav {

display: flex;

justify-content: space-between;

align-items: center;

}

.logo {

font-size: 28px;

font-weight: bold;

color: #333;

}

.menu {

list-style: none;

display: flex;

}

.menu li {

margin-left: 20px;

}

.menu li:first-child {

margin-left: 0;

}

.menu a {

color: #333;

font-size: 16px;

font-weight: bold;

}

.hero {

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

margin-top: 50px;

text-align: center;

}

.hero h1 {

font-size: 48px;

font-weight: bold;

color: #333;

margin-bottom: 20px;

}

.hero p {

font-size: 24px;

color: #666;

margin-bottom: 40px;

}

.cta {

display: inline-block;

padding: 20px 40px;

background-color: #3f51b5;

font-size: 24px;

font-weight: bold;

border-radius: 5px;

transition: background-color 0.2s ease-in-out;

}

.cta:hover {

background-color: #2c3e50;

}

/* Main Content Styles */

.features {

padding: 50px 20px;

}

.features h2 {

font-size: 36px;

font-weight: bold;

color: #333;

margin-bottom: 50px;

text-align: center;

}

.feature {

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

margin-bottom: 40px;

}

.feature img {

width: 100px;

height: 100px;

margin-bottom: 20px;

}

.feature h3 {

font-size: 24px;

font-weight: bold;

color: #333;

margin-bottom: 20px;

}

.feature p {

font-size: 18px;

color: #666;

text-align: center;

}

.testimonial {

background-color: #f5f5f5;

padding: 50px 20px;

text-align: center;

}

.testimonial h2 {

font-size: 36px;

font-weight: bold;

color: #333;

margin-bottom: 50px;

}

.quote {

max-width: 800px;

margin: 0 auto;

}

.quote img {

width: 100px;

height: 100px;

border-radius: 50%;

margin-bottom: 20px;

}

blockquote {

font-size: 24px;

font-style: italic;

color: #333;

margin-bottom: 20px;

}

cite {

font-size: 18px;

font-weight: bold;

color: #666;

}

.cta-banner {

background-color: #3f51b5;

color: #fff;

padding: