/* :: 10.0 Breadcumb Area CSS */
.breadcrumb-area {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-bottom: var(--spacing-2xl); }
  .breadcrumb-area .breadcrumb {
    margin: 0;
    padding: 0;
    padding-top: var(--spacing-xl);
    background-color: transparent; }
    .breadcrumb-area .breadcrumb .breadcrumb-item {
      font-size: var(--font-size-base);
      color: var(--color-text-light); }
      .breadcrumb-area .breadcrumb .breadcrumb-item a {
        font-size: var(--font-size-base);
        color: var(--color-text); }
        .breadcrumb-area .breadcrumb .breadcrumb-item a i {
          color: var(--color-primary); }
        .breadcrumb-area .breadcrumb .breadcrumb-item a:hover, .breadcrumb-area .breadcrumb .breadcrumb-item a:focus {
          color: var(--color-primary); }
    .breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      color: var(--color-text);
      content: "\f105";
      font-family: 'FontAwesome'; }