.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 16px Helvetica, Arial, Sans-Serif;
    margin: 16px;
    padding: 0;
    background-color: white !important;
}
 
 .breadcrumb li {
        
 }

    .breadcrumb li a {
        color: white;
        text-decoration: none;
        padding: 6px 9px 4px 43px !important;
        background: #232122;
        position: relative;
        display: block;
        float: left;
    }

        .breadcrumb li a:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent; 
            border-bottom: 50px solid transparent;
            border-left: 30px solid #232122;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            left: 100%;
            z-index: 2;
        }
 
 .breadcrumb li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; 
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
 }

    .breadcrumb li:first-child a {
        padding-left: 10px!important;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .breadcrumb li:nth-child(2) a {
        background: #232122;
    }

        .breadcrumb li:nth-child(2) a:after {
            border-left-color: #232122;
        }
 
 
    .breadcrumb li:last-child a:after {
        border-radius: 44px;
     
    }
    .breadcrumb li:last-child a:before {
        border-radius: 70%;
        
    }
 .breadcrumb li a:hover {
    color: #aba27c !important;
 }

    .breadcrumb li a:hover:after {
        border-left-color: #232122 !important;
    }