/*********************************************
 * Services
**********************************************/
.vii-services {--image-width:80px; --border-radius-bg:90%;}
.vii-services__grid {margin:-10px;}
.vii-services__grid-item {width:33.33%; padding:10px;}

.vii-services__grid-item-info {width:calc(100% - var(--image-width)); padding-right:18px;}
.vii-services__grid-item-title {letter-spacing:-0.05em; margin-bottom:4px; white-space:nowrap;}
.vii-services__grid-item-image {width:var(--image-width);}
.vii-services__grid-item-image img {min-width:100%; height:auto;}

.vii-services .vii-soa-box {--vsb-padding:30px 20px; height:100%;}

/* Custom style for page blog */
body.blog .vii-services {
    width:var(--vii-100vw); background:#e6e7e8;
    padding:95px var(--vii-gap-side) var(--vii-spacing-80); margin-left:calc(-1 * var(--vii-gap-side));
    clip-path:ellipse(var(--border-radius-bg) 100% at 50% 100%);
}

/*********************************************
 * Services Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .vii-services {--image-width:55px;}
    .vii-services .vii-soa-box {--vsb-padding:20px 16px;}

    /* Custom style for page blog */
    body.blog .vii-services {padding-top:var(--vii-spacing-80);}

}
@media only screen and (max-width:1023px) {
    .vii-services {--border-radius-bg:110%;}
    .vii-services__grid-item {width:50%; max-width:350px;}
}
@media only screen and (max-width:767px) {
    .vii-services {--border-radius-bg:150%;}
    .vii-services__grid-item {width:100%;}
}