/*===============================
#.service-area
=================================*/
.service-area {
    padding-bottom: 9rem;
}
.single-service {
    background-color: var(--white);
    max-width: 370px;
    padding: 3.5rem 3rem;
    border-radius: 1rem;
    margin-bottom: 4rem;
    .icon {
        width: 5rem;
        height: 5rem;
        object-fit: cover;
        margin: 0 auto;
    }
    .title {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        font-size: 2.8rem;
        font-weight: 600;
        color: var(--tColor);
    }
    .content {
        margin: 0;
        font-size: 1.8rem;
        color: var(--bColor)
    }
}
.service-image {
    margin-bottom: 4rem;
}
@media (max-width: 991px) {
    .single-service  {
        max-width: 100%;
        margin-bottom: 3rem;
    }
    .single-service .title {
        font-size: 2.4rem;
    }
    .service-area {
        padding-bottom: 3rem;
    }
}
@media (max-width: 767px) {
    .single-service {
        padding: 3rem 2rem;
        margin-bottom: 3rem;
    }
}
