.hero-bg {
    background: linear-gradient(135deg, #4f8cff 0%, #6ee7b7 100%);
    color: #fff;
    padding: 40px 0 40px 0;
    /*min-height: 70vh;*/
    border-radius: 2rem 2rem 2rem 2rem;
    box-shadow: 0 8px 32px rgba(79,140,255,0.15);
}
.hero-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.hero-lead {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.hero-features {
    margin: 2rem 0;
}
.hero-features li {
    font-size: 1.15rem;
    margin-bottom: 1rem;
    background: rgba(255,255,255,0.08);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    color: #fff;
    border: none;
}
.business-section {
    border-radius: 1rem;
    box-shadow: 0 2px 12px rgba(79,140,255,0.07);
    transition: box-shadow 0.2s, transform 0.2s;
    margin-bottom: 0.5rem; /* Reduced space between sections */
}
.business-section:hover {
    box-shadow: 0 4px 24px rgba(79,140,255,0.18);
    transform: translateY(-2px) scale(1.02);
}
.business-section-title {
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 0.01em;
    color: #2563eb;
    /* Use the same blue as the main gradient for all icons/text */
}
.business-section-title i {
    color: #2563eb !important;
    /* Force all icons to use the same blue as the main gradient */
}