/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .features-item {
    background-color: var(--surface-color);
    display: flex;
    align-items: center;
    padding: 20px;
    transition: 0.3s;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    position: relative;
}

    .features .features-item i {
        font-size: 32px;
        padding-right: 10px;
        line-height: 0;
    }

    .features .features-item h3 {
        font-weight: 700;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-size: 16px;
    }

        .features .features-item h3 a {
            color: var(--heading-color);
            transition: 0.3s;
        }

    .features .features-item:hover {
        border-color: var(--accent-color);
    }

        .features .features-item:hover h3 a {
            color: var(--accent-color);
        }