.about-card {
    background: var(--card-bg);
    border-radius: 32px;
    border: 1px solid rgba(0,0,0,0.03);
}

.feature-item i {
    color: var(--accent) !important;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.text-accent {
    color: var(--accent) !important;
}

/* For the rounded-5 class if not in your bootstrap version */
.rounded-5 {
    border-radius: 3rem !important;
}

[data-bs-theme="dark"] .about-card {
    border-color: rgba(255,255,255,0.05);
}