.servicesrow {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: center;
    padding: 64px;
}

.servicecard {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 33%;
}

.servicecard img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 12px #555;
}

.servicetitle {
    color: #6aaf08;
    font-size: 24px;
    font-weight: 500;
    padding: 12px;
}

.servicedescription {
    font-size: 16px;
    font-weight: 300;
}

.servicelisthead {
    color: #777;
}

.servicelist {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 16px;
    list-style-type: disc;
    list-style-position: inside;
}


@media (max-width: 875px) {
    .servicesrow {
        flex-direction: column;
        padding: 32px;
    }

    .servicecard {
        width: 100%;
        padding: 16px;
    }
}