.bordered-box.iconbox{
    border-top: 0 none !important;
}

.icon-color-1{color: var(--color-1)}
.icon-color-2{color: var(--color-2)}
.icon-color-3{color: var(--color-3)}
.icon-color-4{color: var(--color-4)}
.icon-color-5{color: var(--color-5)}
.icon-color-6{color: var(--color-6)}
.icon-color-7{color: var(--color-7)}
.icon-color-8{color: var(--color-8)}
.icon-color-9{color: var(--color-9)}
.icon-color-10{color: var(--color-10)}
.icon-color-11{color: var(--color-11)}
.icon-color-12{color: var(--color-12)}
.icon-color-1-trans{color: var(--bg-color-1-trans)}
.icon-color-2-trans{color: var(--bg-color-2-trans)}
.icon-color-3-trans{color: var(--bg-color-3-trans)}
.icon-color-4-trans{color: var(--bg-color-4-trans)}
.icon-color-5-trans{color: var(--bg-color-5-trans)}
.icon-color-6-trans{color: var(--bg-color-6-trans)}

.iconbox .box-icon{
    /*font-size: 90px;*/
    position: relative;
    /*top: -45px;*/
}

.box-icon-wrap{
    height: 1px;
}

.iconbox{
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}

@media(max-width: 767px) {
    .iconbox.margin-t-large{
        margin-top: calc( var(--space-large) + 20px);
    }
}

.iconbox .first-line{
    width: 10px;
}
@media(min-width: 768px) {
    .iconbox .first-line{ width: 30px;}
}
@media(min-width: 1200px) {
    .iconbox .first-line{ width: 35px;}
}
@media(min-width: 1900px) {
    .iconbox .first-line{ width: 50px;}
}