/* Feature Cards Styles */
.feature-card {
    border-radius: 16px;
    padding: 16px;
    height: 100%;
    cursor: pointer;
    background: #28a74569;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.feature-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Background Colors */
.bg-mint {
    background-color: #d1f2e6;
}

.bg-sand {
    background-color: #ffefd5;
}

.bg-lime {
    background-color: #e6f5d0;
}

.bg-lavender {
    background-color: #f5e6ff;
}

/*---- healthFeedSec start ------*/
.healthFeedSec .healthFeedItem {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.healthFeedSec .healthFeedItem span {
    text-transform: capitalize;
    font-size: var(--font-size-12);
    display: block;
    color: var(--midnight-blue);
    padding: 4px 8px;
    border-radius: 50px;
    text-align: center;
}

.healthFeedSec .healthFeedItem span:first-child {
    background: #e6f5d0;
    color: var(--success);
}
.healthFeedSec .healthFeedItem h4{
    font-size: var(--font-size-18);
}
/*---- healthFeedSec end ------*/