/* Progress Bar */
.progress-wrap {
  margin: auto;
  display: table;
}
.line-progress-bar {
  display: flex;
  margin: auto;
  width: 100%;
}
.line {
  height: 1px;
  width: 250px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(217, 217, 217);
  position: absolute;
  margin-top: 8px;
}
.progress-wrap div ul {
  display: flex;
  width: 250px;
  list-style: none;
  padding: 0px;
  margin: initial;
  justify-content: space-between;
  z-index: 1;
}
.progressbar-dots {
  display: inline-flex;
  border: #949494 solid 4px;
  background: #333333;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #d4d4d4;
  font-size: 20px;
  margin-left: 0px;
  color: #d4d4d4;
  border: 0px solid rgb(217, 217, 217);
  background: rgb(217, 217, 217);
}
.progressbar-dots span {
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  margin-top: 60px;
  /* width: 75px; */
  float: left;
  margin-left: -30px;
  display: none;
}
.progressbar-dots.active {
  color: #fff;
  border: 0px solid #06f4da;
  background: #06f4da;
}

/*  Tab */
.tab-pane {
  display: none;
  width: 100%;
  height: 100%;
}
.tab-pane:first-child {
  display: block;
  height: 100%;
  width: 100%;
}

.gno {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.kii .form-control {
  margin-right: 1rem;
}

.bto {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-dropdown {
  width: 100%;
  margin-top: 1rem;
}

.category-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.category-dropdown .category-options label {
  width: 100%;

  max-height: 200px;
  overflow-y: auto;
  font-size: 18px;
  margin: 5px 20px;
}

.st1 {
  width: 40vw;
}

@media screen and (max-width: 768px) {
  .st1 {
    width: 80vw;
  }
  .progress-wrap {
    margin-top: 100px;
  }
  .category-options {
    grid-template-columns: repeat(1, 1fr);
  }
  .gno {
    width: 100%;
    flex-direction: column;
  }
}