.main {
  margin: 4.5rem 12rem 0px 12rem;
  margin-top: 2rem;
}

.heading2 {
  color: #707895;
  font-size: 16px;
}

.btn-profile {
  width: 7.7rem;
  height: 3.2rem !important;
  margin-right: 2rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

.button {
  width: 7.7rem;
  height: 3.2rem;
  margin-bottom: 1rem;
  border: 1px solid #bdb187;
  background-color: #fff;
  color: #151515;
  border-radius: 0.5rem;
}

.butn {
  height: 2.6rem;
  margin-top: 1.4rem;
  border-radius: 8px;
}
.tab-link {
  color: #737373;
  transition: color 0.3s;
}

.vertical {
  border: 1px solid #bdb187;
  margin-top: 1rem;
  margin-left: -0.5rem;
}

.vertical-line {
  border: 1px solid #737373;
  margin-top: 1rem;
}

.stroke-length {
  margin-top: -1.1rem;
  border: 1px solid #e5e5e5;
}

.hide-icons {
  top: 0.5rem;
  right: 0.6rem;
}

.tab-link.active {
  color: #bdb187;
  text-decoration: underline;
  padding-top: 1rem;
}

.tab-link:hover {
  color: #bdb187;
}

.stroke {
  position: relative;
  bottom: -0.6rem;
  border: 2px solid #bdb187;
}

.horizontal {
  border: 1px solid #e5e5e5;
  margin: 0rem 2rem 0rem 1rem;
}

.hide {
  position: relative;
  right: 2rem;
  top: 0.5rem;
}

.stroke-line {
  position: relative;
  top: 0.6rem;
}

.stroke-lines {
  margin-top: 0rem;
}

.hide {
  position: relative;
  top: 0.6rem;
  right: 2rem;
}



.close{
  position: relative;
  left: 7rem;
  top: 0.7rem;
}

.stroke{
  border: 1px solid #E5E5E5;
   margin-top: -1.5rem;
}

@media (max-width: 1200px) {
  .header1 {
    position: relative;
    margin-right: -1rem;
  }
}

@media (max-width: 768px) {
  .header1 {
    position: relative;
    margin-right: -0.5rem;
  }
}

@media (max-width: 680px) {
  .main {
    margin: 0.2rem;
  }

  .header1 {
    position: relative;
    margin-right: -0.5rem;
  }
}