body {
    background-color: #F7F7F7; /* Softer off-white */
    color: #1a202c; /* Darker gray for better contrast */
}

header.scrolled {
    background-color: rgba(247, 247, 247, 0.85);
    backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-link {
    color: #4B5563;
}

header.scrolled .header-logo,
header.scrolled .nav-link,
header.scrolled .header-icon {
    color: #1a202c;
}

.service-card {
    background: rgba(255, 255, 255, 0.7); /* Increased opacity */
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); /* Stronger shadow */
}

.service-card h3 {
    color: #111827;
}

.service-card p {
    color: #4B5563;
}

#why-us {
    background-color: #F9FAFB;
}

#contact {
    background-color: #ffffff;
}

#quoteForm {
    background-color: rgba(255, 255, 255, 0.8); /* Increased opacity */
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.modal-content {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(30px) saturate(180%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #1a202c;
}

.modal-content h3 {
    color: #111827;
}

.modal-content label {
    color: #111827;
}