/* App Features Styles */
.kc-app-features {
    margin: 2em 0;
}
.kc-feature-group {
    margin-bottom: 3em;
}
.kc-feature-group-title {
    font-size: 2em;
    margin-bottom: 0.2em;
}
.kc-feature-group-subtitle {
    font-size: 1.2em;
    margin-bottom: 0.8em;
    color: #666;
    font-weight: normal;
    font-style: italic;
}
.kc-feature-group-description {
    margin-bottom: 1.5em;
}
.kc-feature-group-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 1.5em;
}
.kc-feature-group-gallery img {
    max-width: 200px;
    height: auto;
    border-radius: 5px;
}
.kc-feature-descriptions {
    margin-top: 2em;
}
.kc-feature-description {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2em;
    gap: 2em;
}
.kc-feature-description.position-left .kc-feature-description-image {
    order: 1;
}
.kc-feature-description.position-left .kc-feature-description-content {
    order: 2;
}
.kc-feature-description.position-right .kc-feature-description-image {
    order: 2;
}
.kc-feature-description.position-right .kc-feature-description-content {
    order: 1;
}
.kc-feature-description-image img {
    max-width: 300px;
    height: auto;
    border-radius: 5px;
}
.kc-feature-description-content {
    flex: 1;
    min-width: 300px;
}
.kc-feature-description-title {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
@media (max-width: 768px) {
    .kc-feature-description {
        flex-direction: column;
    }
    .kc-feature-description.position-left .kc-feature-description-image,
    .kc-feature-description.position-right .kc-feature-description-image,
    .kc-feature-description.position-left .kc-feature-description-content,
    .kc-feature-description.position-right .kc-feature-description-content {
        order: unset;
    }
    .kc-feature-description-image img {
        max-width: 100%;
    }
}