/* Widget: features|case-study */

.cs-features .cs-features-wrap {
    background: rgba(245, 245, 245, .95);
    padding: 64px 0;
}

.cs-features-intro {
    max-width: 960px;
    color: var(--cs-muted, #6b7280);
}

.cs-features-subtitle {
    color: var(--cs-muted, #6b7280);
    font-size: 18px;
    margin: 8px 0 32px;
}

.cs-features-figure {
    margin: 0 0 32px;
}

.cs-features-figure img {
    width: 100%;
    height: auto;
    border-radius: var(--cs-radius, 10px);
    display: block;
}

.cs-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.cs-feature {
    background: #fff;
    border-radius: var(--cs-radius, 10px);
    padding: 20px;
    color: #0a0a0a;
    font-size: 18px;
    line-height: 1.45;
}

.cs-feature p { margin: 0; }
.cs-feature strong { font-weight: 700; }

@media (max-width: 991px) {
    .cs-features-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 575px) {
    .cs-features-grid { grid-template-columns: 1fr; }
}