.wkfe-feature-list{
    margin:0;
    .column{
        border:solid 1px $heading-bg-color;
        padding:0;
        .title{
            display:flex;
            margin:0;
            border-bottom:solid 1px $heading-bg-color;
            background-color:$heading-bg-color;

            //this before is only for twenty nineteen theme
            &::before{content: none;}

            span.icon{
                background:white;
                padding:8px 24px;
                color:white;
                margin-right:20px;
                font-size:24px;
                position: relative;
                display:flex;
                align-items: center;
                &::after{
                    content:'';
                    width: 0; 
                    height: 0; 
                    border-top: 7px solid transparent;
                    border-bottom: 7px solid transparent;
                    border-left: 7px solid white;
                    position: absolute;
                    right:-7px;
                }
            }
            span.title-text{
                display:flex;
                align-items: center;
                padding:15px 10px;
                font-size:24px;
            }
            
        }
        .lists{
            margin:0;
            padding:0;
            list-style-type: none;
            padding:20px;
            font-size:$default-font-size;
            li{
                line-height:1.5;
                margin:15px 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }
        }
    }
    .column{
        .layout-right{
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: center;
            span.icon{
                justify-content: center;
                &:after{
                    content: none;
                }
            }
        }
    }
    .column{
        .layout-center{
            display: flex;
            flex-direction: column;
            align-items: center;
            span.icon{
                justify-content: center;
                margin:0;
                &:after{
                    content: none;
                }
            }
            span.title-text{
                width:100%;
                text-align: center;
            }
        }
        
    }
    
}