:root {
    --color-white: white;
    --color-dark: #333;
    --color-gray: #555;
    --color-light-gray: #444;
    --color-blue: #007bff;
}

.features-section {
    max-width: 800px;
    margin: 6rem auto;
    background: var(--color-white);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.features-heading, .client-features-heading {
    color: var(--color-dark);
    font-size: 1.8rem;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--color-blue);
    padding-bottom: 5px;
}

.intro-text {
    font-size: 1rem;
    margin-bottom: 20px;
    color: var(--color-gray);
    line-height: 1.6;
}

.features-list, .client-features-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.features-list li, .client-features-list li {
    margin-bottom: 10px;
    color: var(--color-light-gray);
}

a {
    color: var(--color-blue);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}