.services-block{
    background: var(--background);
}
.services-block .text-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}
.services-block .text-wrap .title {
    margin-bottom: 0;
}
.services-block .service-card {
    border: 1px solid var(--background-thirdly);
    background: var(--background-thirdly);
}
.services-block .service-card:hover {
    background: var(--head-secondary);
}
.services-block .text-wrap .desc,
.services-block .service-card .service-desc {
    /* color: var(--head-primary); */
}
.services-block .btn-holder {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 40px;
}
.services-block .btn-holder .show-all {
    color: var(--head-secondary);
}

/* ============== STYLE ============= */
.services-block.light-bg .service-card {
    border: 1px solid var(--head-secondary);
    background: var(--background-thirdly);
}
.services-block.light-bg .service-card:hover {
    background: transparent;
}

.services-block.dark-bg .service-card {
    border: 1px solid var(--background-fourth);
    background: var(--background-fourth);
}
.services-block.dark-bg .service-card:hover {
    border: 1px solid var(--background-fourth);
    background: transparent;
}
.services-block.dark-bg .text-wrap .desc,
.services-block.dark-bg .service-card .service-desc {
    color: var(--main-text-secondary);
}