/* tabs */
.tabs {
  height: 63px;
  display: flex;
  box-shadow: 0 3px 5px -3px rgb(0 0 0 / 10%);
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.tabs .tabs-item {
  float: left;
  display: block;
  position: relative;
  text-align: center;
  padding: 13px 0;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.9rem;
  color: rgb(0, 0, 0, 0.7);
  /* letter-spacing: 1.04px; */
  /* border-bottom: 3px solid transparent; */
  cursor: pointer;
}

.tabs .tabs-item + .tabs-item {
  margin-left: 32px;
}

.tabs-item .tabs-item__text {
  border: 1px solid transparent;
}

.tabs-item:hover {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

.tabs-item::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 4px;
  left: 0;
  bottom: 0;
  visibility: hidden;
  background-color: #00754a;
  transition: all 0.3s ease-in-out;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.tabs-item:hover::before {
  width: 100%;
  transform: scaleX(1);
  visibility: visible;
}

.tabs-item.active-tab {
  position: relative;
  font-weight: bold;
  color: #000;
}

.tabs-item.active-tab::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: #00754a;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}

.tab-content {
  display: none;
}

.tab-content.active-tab {
  /* display: flex; */
  display: block;
}

/* @media screen and (max-width: 640px) {
  .tabs {
    display: none;
  }


  .tab-content {
    display: flex;
  }
} */
/* ------------------ */

/* new styles 4.10.2022 */

@media screen and (max-width: 1023px) {
  .tabs {
    display: none;
  }

  .tab-content {
    display: flex;
  }
}