.breadcrumbs {
      padding: 40px 0 30px;
  
      @media (min-width: 1200px) {
          padding: 40px 0 50px;
      }
  
      &__list {
          display: flex;
          overflow-x: auto;
          margin: 0 -20px;
          padding: 0 20px 10px;
          scrollbar-width: none;
  
          &::-webkit-scrollbar {
              height: 0;
          }
      }
  
      &__item {
          position: relative;
          flex-shrink: 0;
  
          &:not(:last-child) {
              position: relative;
              margin-right: 28px;
  
              &::after {
                  content: '';
                  position: absolute;
                  top: 50%;
                  right: -16px;
                  transform: translateY(-50%);
                  width: 4px;
                  height: 4px;
                  background-color: $white;
              }
          }
  
          &:last-child {
              .breadcrumbs__link {
                  color: #CDCECF;
              }
          }
      }
  
      &__link {
          display: block;
          color: $white;
          font-size: 14px;
          line-height: 20px;
          font-weight: 600;
      }
  }