:root {
–primary-blue: #0A1B3F;
–secondary-gold: #D4AF37;
–text-light: #FFFFFF;
–bg-light: #F8F9FA;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ua-body {
font-family: ‘Helvetica Neue’, Arial, sans-serif;
color: #333;
line-height: 1.6;
}
/* Hero Section */
.ua-hero {
background: linear-gradient(rgba(10, 27, 63, 0.88), rgba(10, 27, 63, 0.88)), url(‘
https://images.unsplash.com/photo-1560520653-9e0e4c89eb11?auto=format&fit=crop&w=1920&q=80’) center/cover no-repeat;
color: #fff;
padding: 5rem 5%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 3rem;
flex-wrap: wrap;
}
.ua-hero-content {
flex: 1;
min-width: 280px;
max-width: 600px;
}
.ua-hero h1 {
font-size: 2.8rem;
margin-bottom: 1.2rem;
color: #D4AF37;
line-height: 1.2;
}
.ua-hero p {
font-size: 1.1rem;
margin-bottom: 2rem;
color: #ddd;
}
.ua-hero-img {
width: 320px;
max-width: 100%;
border-radius: 8px;
border: 4px solid #D4AF37;
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.ua-btn {
display: inline-block;
background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);
color: #0A1B3F !important;
padding: 1rem 2rem;
border-radius: 4px;
font-weight: bold;
font-size: 1.05rem;
text-decoration: none !important;
transition: transform 0.2s, box-shadow 0.2s;
}
.ua-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(212,175,55,0.5);
}
/* Services Section */
.ua-services {
padding: 5rem 5%;
text-align: center;
background: #fff;
}
.ua-section-title {
color: #0A1B3F;
font-size: 2.2rem;
margin-bottom: 0.8rem;
}
.ua-divider {
height: 3px;
width: 80px;
background: #D4AF37;
margin: 0 auto 2.5rem;
}
.ua-services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-top: 2.5rem;
}
.ua-card {
padding: 2.5rem;
background: #F8F9FA;
border-radius: 8px;
border-top: 4px solid #D4AF37;
box-shadow: 0 5px 15px rgba(0,0,0,0.06);
transition: transform 0.3s;
text-align: left;
}
.ua-card:hover {
transform: translateY(-8px);
}
.ua-card h3 {
color: #0A1B3F;
font-size: 1.4rem;
margin-bottom: 0.8rem;
}
/* About Section */
.ua-about {
padding: 5rem 5%;
background: #0A1B3F;
color: #fff;
display: flex;
align-items: center;
gap: 4rem;
flex-wrap: wrap;
}
.ua-about-img-wrap {
flex: 1;
min-width: 220px;
display: flex;
justify-content: center;
}
.ua-about-logo {
max-width: 340px;
width: 100%;
border-radius: 8px;
border: 2px solid #D4AF37;
box-shadow: -12px 12px 0 #D4AF37;
background: #0A1B3F;
padding: 2rem;
}
.ua-about-content {
flex: 2;
min-width: 280px;
}
.ua-about-content h2 {
color: #D4AF37;
font-size: 2.2rem;
margin-bottom: 1.2rem;
}
.ua-about-content p {
margin-bottom: 1rem;
font-size: 1.05rem;
color: #ddd;
}
.ua-checklist {
list-style: none;
padding: 0;
margin-bottom: 1.5rem;
}
.ua-checklist li {
color: #D4AF37;
font-size: 1.05rem;
margin-bottom: 0.5rem;
}
/* Contact Section */
.ua-contact {
padding: 5rem 5%;
background: #fff;
text-align: center;
}
.ua-contact-box {
max-width: 780px;
margin: 0 auto;
background: #F8F9FA;
padding: 3rem;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
text-align: left;
}
.ua-form {
display: grid;
gap: 1.2rem;
margin-top: 2rem;
}
.ua-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.2rem;
}
.ua-form label {
display: block;
margin-bottom: 0.4rem;
color: #0A1B3F;
font-weight: 600;
}
.ua-form input,
.ua-form select,
.ua-form textarea {
width: 100%;
padding: 0.75rem;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
font-family: inherit;
}
.ua-form textarea {
height: 140px;
resize: vertical;
}
/* Footer */
.ua-footer {
background: #050d20;
color: #888;
padding: 2.5rem 5% 1.5rem;
text-align: center;
}
.ua-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1.5rem;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #222;
}
.ua-footer-logo {
height: 50px;
width: auto;
}
.ua-footer-info p {
margin-bottom: 0.3rem;
}
.ua-footer-info a {
color: #D4AF37;
text-decoration: none;
}
@media (max-width: 700px) {
.ua-hero, .ua-about { flex-direction: column; text-align: center; }
.ua-hero h1 { font-size: 2rem; }
.ua-form-row { grid-template-columns: 1fr; }
.ua-footer-inner { flex-direction: column; text-align: center; }
}
Protecting Your Family’s Future Today
At The Unger Agency, we provide personalized life insurance solutions tailored to your unique needs. Secure peace of mind for you and your loved ones with comprehensive coverage.
Schedule a Free Consultation
Our Insurance Solutions
We understand that every family and individual has different needs. We offer a variety of life insurance products to ensure you have the right coverage for your specific situation.
Term Life Insurance
Affordable coverage for a specific period — 10, 20, or 30 years. Ideal for protecting your family during high-expense years like paying off a mortgage or raising children.
Whole Life Insurance
Permanent coverage that lasts your entire lifetime. It builds cash value over time, providing both a death benefit and a financial asset you can utilize during your life.
Final Expense Insurance
Designed to cover end-of-life expenses such as funeral costs and medical bills, ensuring your loved ones aren’t burdened with unexpected financial stress.
About The Unger Agency
With years of experience in the life insurance industry, The Unger Agency is committed to providing honest, transparent, and tailored financial protection for families and individuals.
We believe that life insurance is not just a policy — it is a fundamental pillar of financial planning. Our mission is to educate our clients and help them make informed decisions that secure their family’s legacy.
- ✓ Personalized Needs Analysis
- ✓ Access to Top-Rated Carriers
- ✓ Ongoing Support & Policy Reviews
The Unger Agency 