/* Benefits Section Styles */
.benefits-section {
    background-color: #F9F9F8;
    position: relative;
    overflow: hidden;
}

/* Subtle grain overlay */
.benefits-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://www.transparenttextures.com/patterns/soft-wallpaper.png');
    opacity: 0.1;
    pointer-events: none;
}

.icon-container {
    background-color: #E3E992;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.icon-container:hover {
    transform: scale(1.1);
}

.highlight-bg {
    background-color: #E3E992;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
}

.timeline-bar {
    background-color: #163923;
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.quote-decor {
    position: absolute;
    font-size: 15rem;
    opacity: 0.05;
    font-family: serif;
    line-height: 1;
    pointer-events: none;
}

.quote-left {
    top: -4rem;
    left: -2rem;
}

.quote-right {
    bottom: -8rem;
    right: -2rem;
}