.breadcrumbs{
    .trail-items{
        @include display-flex(flex);
        @include justify-content-start;
        @include align-items-center;
        @include flex-wrap(wrap);
        .trail-item{
            a{
                text-transform: capitalize;
                color:$heading-color;
                @include transition(all .5s ease-in-out);
                *:hover{
                    color:$orange-color;
                }
            }
            &:not(:last-child){
                &::after{
                    content: "\f105";
                    font-family: "Font Awesome 5 Free";
                    margin:0 .5rem;
                    font-size: .875rem;
                    font-weight: 900;
                    text-transform: initial;
                    color:$body-color;
                }
            }
        }
    }
}