.ct-split {
    position: relative;
    display: table;
    white-space: nowrap;
    font-size: 13px;
    padding: 10px 0;
    min-height: 5px;
    color: #7b7b7b;
    .ct-split__inner {
        display: inline-block;  
        font-weight: 500;
        padding:  0 10px;
    }
    &.is-horizontal {
        &::before,&::after {
            content: "";
            display:table-cell;
            position: relative;
            width: 50%;
            top:0;
            left:0;
            transform: translateY(50%);
            border-width: 1px 0 0 0;
            border-style:solid ;
            border-color:$border-color;
        }
        &.is-full{
            &::before {
                width: 100%;
            }
            .ct-split__inner {
                padding:0px;
            }
        }    
    }
    &.icon-vertical-line {
        width: 10px;
        // color: $border-color;
        display: inline-block;
        margin: 0 auto;
        vertical-align: middle;
        // transform: translateX(50%);
        &::before {
            display:block;
            transform: translateX(-3%);
            position: relative;
            left: 0;
            top: 0;
        }
    }
    &.border-dashed {
        &::before,&::after {
            border-style: dashed;
        }
    }
    &.border-dotted {
        &::before,&::after {
            border-style: dotted;
        }
    }
    &.text-left {
        &::before {
            width: 5%;
        }
        &::after {
            width: 95%;
        }
    }
    &.text-right {
        &::before {width: 90%;};
        &::after {width: 10%;}
    }

}