/* Basic Reset & Font */
body {
 margin: 0;
 font-family: Arial, sans-serif;
 line-height: 1.6;
 color: devhubapp#333;
}
h1, h2 {
 color: #b30000; /* Pure red - your brand color */
}
a {
 text-decoration: none;
}
/* Hero Section */
.hero {
 background: #001f4d; /* Navy blue - your brand color */
 color: #fff;
 text-align: center;
 padding: 100px 20px;
}
.hero .btn {
 display: inline-block;
 margin: 10px;
 background: #b30000; /* Pure red */
 color: #fff;
 padding: 12px 24px;
 border-radius: 5px;
}
.hero .btn:hover {
 background: #800000;
}
/* Sections */
section {
 padding: 50px 20px;
 max-width: 800px;
 margin: 0 auto;
}
.services ul {
 list-style: none;
 padding: 0;
}
.services li {
 background: #f4f4f4;
 margin: 10px 0;
 padding: 10px;
 border-left: 5px solid #b30000;
}
.testimonials blockquote {
 font-style: italic;
 margin: 20px 0;
 border-left: 4px solid #001f4d;
 padding-left: 15px;
}
.cta {
 background: #f4f4f4;
 text-align: center;
}
.cta .btn {
 background: #001f4d;
}
.cta .btn:hover {
 background: #000c2e;
}
/* Footer */
footer {
 text-align: center;
 padding: 20px;
 background: #001f4d;
 color: #fff;
}

@uxannah uxannah left a comment