@use "@/src/assets/scss/variables" as *;
@use "@/src/assets/scss/partial" as *;

.ListAHomeWrapper {
  background-color: $bgColor;
  .TellUsAboutWrap {
    .ProgressItemsWrap {
      counter-reset: section;
      .ProgressItem {
        color: $grey344Color;
        &::before {
          font-size: $fs16;
          counter-increment: section;
          content: counter(section) "";
          min-width: 40px;
          max-width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          color: $whiteColor;
          background-color: $primaryColor;
          margin-top: 5px;
          z-index: 1;
        }
        &::after {
          content: "";
          position: absolute;
          left: 19px;
          top: 40px;
          z-index: 0;
          height: calc(100% + 30px);
          width: 1px;
          border-right: 1px dashed #d0d5dd;
        }
        &:last-child {
          &::after {
            display: none;
          }
        }
      }
    }
  }
}