.breadcrumbs {
         margin: 20px 0;
         background-color: white
     }

     .breadcrumbs ul {
         list-style: none;
         padding: 0;
         margin: 0;
         display: inline-flex;
     }

     .breadcrumbs li {
         display: flex;
         align-items: center;
     }

     .breadcrumbs a {
         display: flex;
         align-items: center;
         height: 50px;
         background: #edf2f9;
         padding: 0 20px 0 60px;
         position: relative;
         margin-right: 10px;
         font-size: 16px;
         text-decoration: none;
         color: var(--theme-color);
         transition: all 0.3s ease;
     }

     .breadcrumbs a:after {
         content: "";
         border-top: 25px solid transparent;
         border-bottom: 25px solid transparent;
         border-left: 25px solid #edf2f9;
         position: absolute;
         right: -25px;
         top: 0;
         z-index: 2;
         transition: all 0.3s ease;
     }

     .breadcrumbs a:before {
         content: "";
         border-top: 25px solid transparent;
         border-bottom: 25px solid transparent;
         border-left: 25px solid white;
         position: absolute;
         left: 0;
         top: 0;
         transition: all 0.3s ease;
     }

     .breadcrumbs ul li:first-child a {
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
         padding-left: 20px;
     }

     .breadcrumbs ul li:first-child a:before {
         display: none;
     }

     .breadcrumbs ul li:last-child a {
         padding-right: 40px;
         border-top-right-radius: 10px;
         border-bottom-right-radius: 10px;
     }

     .breadcrumbs ul li:last-child a:after {
         display: none;
     }

     .breadcrumbs a:hover {
         background: var(--theme-color);
         color: white;
     }

     .breadcrumbs a:hover:after {
         border-left-color: var(--theme-color);
     }

     .breadcrumbs .active {
         background: var(--theme-color);
         color: white;
         cursor: default;
     }

     .breadcrumbs .active:after {
         border-left-color: var(--theme-color);
     }