.nav-item {
  border-radius: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  /* border-bottom: 1px solid var(--colorfirst) !important; */
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.nav-item:not(:last-child)::after {
  content: "";
  height: 60%;
  width: 2px;
  position: absolute;
  right: 0;
  top: 0;
  top: 50%;
  bottom: auto;
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  background-color: var(--darkgrey);
}

.nav-item.active {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 2px solid var(--colorfirst) !important;
}



@media (max-width: 1300px) {
  .subcatDetailNavCont .nav-item:not(:last-child)::after{
    display: none;
  }
  
  .subcatDetailNavCont{
    margin-bottom: 15px;
    border: none !important;
  }

  .subcatDetailNavCont .nav-item{
    border: solid 1px var(--colorfirst) !important;
    padding: 5px 15px;
    border-radius: 50px !important;
    color: var(--colorfirst);
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .subcatDetailNavCont .nav-item.active{
    border: solid 1px var(--colorfirst) !important;
    background-color: var(--colorfirst);
    color: white;
  }
}