/* ==================================================
   SERVICE FEATURES
================================================== */

.service-section {
    margin-top: 40px;
    background: #ffffff;

    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.service-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1px;

    background: #eeeeee;
}

.service-item {
    padding: 22px 15px;

    background: #ffffff;

    text-align: center;
}

.service-icon {
    margin-bottom: 8px;

    font-size: 24px;
}

.service-title {
    font-size: 13px;
    font-weight: 700;
}

.service-text {
    margin-top: 4px;

    font-size: 11px;

    color: #777777;
}


/* ==================================================
   SERVICE FEATURES - TABLET / MOBILE
================================================== */

@media (max-width: 850px) {

    .service-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .service-item {
        padding: 15px 8px;
    }

}