/****************************
 * Icon & Description
****************************/
.vii-icon-description {
    --spacing-item-y:50px; --spacing-item-x:80px;
    --icon-size:56px;
}
.vii-icon-description__inner {
    margin:calc(-1 * var(--spacing-item-y) / 2) calc(-1 * var(--spacing-item-x) / 2);
}
.vii-icon-description__item {
    padding:calc(var(--spacing-item-y) / 2) calc(var(--spacing-item-x) / 2);
    width:33.33%;
}

/*icon*/
.vii-icon-description__item-icon {
    font-size:var(--icon-size); color:var(--vii-color-primary); line-height:1;
}
/*custom for icon quality*/
.vii-icon-description__item-icon i.icon-quality:before {font-size:calc(var(--icon-size) - 8px);}

/*content*/
.vii-icon-description__item-content {--vii-spacing-heading:8px;}


/****************************
 * Icon & Description Responsive
****************************/
@media only screen and (max-width:1180px) {
    .vii-icon-description {
        --spacing-item-y:40px; --spacing-item-x:60px;
        --icon-size:55px;
    }
}
@media only screen and (max-width:1024px) {
    .vii-icon-description {--spacing-item-y:36px; --spacing-item-x:40px;}
}
@media only screen and (max-width:768px) {
    .vii-icon-description {--icon-size:50px;}
    .vii-icon-description__item {width:50%;}
    .vii-icon-description__item-content {--vii-spacing-heading:10px;}
}
@media only screen and (max-width:480px) {
    .vii-icon-description {--icon-size:45px;}
    .vii-icon-description__item {width:100%;}
    .vii-icon-description__item-icon {margin-bottom:10px !important;}
}