.kcb-icons .icons-align-left {
    justify-content: flex-start;
}

.kcb-icons .icons-align-center {
    justify-content: center;
}

.kcb-icons .icons-align-right {
    justify-content: flex-end;
}

.kcb-icons .icons-iconposition-left-top .icon-item {
    align-items: flex-start;
}

.kcb-icons .icons-iconposition-left-center .icon-item {
    align-items: center;
}

.kcb-icons .icons-iconposition-right-top .icon-item {
    align-items: flex-start;
}

.kcb-icons .icons-iconposition-right-top .icon-item-icon {
    margin-left: 20px;
    margin-right: 0;
    order: 1;
}

.kcb-icons .icons-iconposition-right-center .icon-item {
    align-items: center;
}

.kcb-icons .icons-iconposition-right-center .icon-item-icon {
    margin-left: 20px;
    margin-right: 0;
    order: 1;
}

.kcb-icons .icons-iconposition-above .icon-item,
.kcb-icons .icons-iconposition-below .icon-item {
    flex-wrap: wrap;
}

.kcb-icons .icons-iconposition-above .icon-item-text,
.kcb-icons .icons-iconposition-below .icon-item-text {
    width: 100%;
}

.kcb-icons .icons-align-center .icon-item-icon {
    margin-left: auto;
    margin-right: auto;
}

.kcb-icons .icons-iconposition-below .icon-item-icon {
    order: 1;
}

.kcb-icons .icon-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.kcb-icons .icon-item-icon {
    flex-shrink: 0;
}

.kcb-icons .icon-item-icon svg {
    display: block;
    width: 100%;
    height: auto;
}

.kcb-icons .icon-item-text {
    flex-grow: 1;
}

.kcb-icons .icons-columns-auto .icon-item {
    width: auto;
}

/**
 *  Bootstrap classes
 */

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.col {
    flex: 1 0 0%;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
}

.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.285714%;
}

.row-cols-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}

.row-cols-9 > * {
    flex: 0 0 auto;
    width: 11.111111%;
}

.row-cols-10 > * {
    flex: 0 0 auto;
    width: 10%;
}

.row-cols-11 > * {
    flex: 0 0 auto;
    width: 9.090909%;
}

.row-cols-12 > * {
    flex: 0 0 auto;
    width: 8.333333%;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}