.hero-about {
  padding-top: clamp(30px, 5vw, 60px);
}
.hero-about .row {
  margin-bottom: 0;
}
.hero-about .container {
  width: 90%;
  max-width: 1355px;
}
@media (max-width: 768px) {
  .hero-about .container {
    padding: 0 10px !important;
  }
}
.hero-about__content {
  background: -webkit-gradient(linear, left top, left bottom, from(#00ADB5), to(#00898F));
  background: linear-gradient(180deg, #00ADB5 0%, #00898F 100%);
  padding: clamp(61px, 7vw, 113px) clamp(20px, 10vw, 80px) clamp(60px, 7vw, 95px);
  border-radius: 30px;
}
@media (max-width: 1500px) {
  .hero-about__content {
    padding: clamp(63px, 7vw, 108px) 0 clamp(65px, 6vw, 60px);
  }
}
@media (max-width: 420px) {
  .hero-about__content {
    max-width: 350px;
    margin: 0 auto;
  }
}
.hero-about__title {
  color: #fff;
  font-size: clamp(35px, 5vw, 60px);
  line-height: 1.04;
  margin-bottom: clamp(13px, 4vw, 30px);
  padding: 0;
  font-weight: 700;
  letter-spacing: 0em;
  max-width: 1145px;
}
@media (max-width: 575px) {
  .hero-about__title {
    max-width: 310px;
  }
}
.hero-about__subtitle {
  margin-bottom: clamp(20px, 3vw, 42px);
  font-weight: 700;
}
.hero-about__subtitle p {
  color: #fff;
  font-size: clamp(16px, 3vw, 20px);
  letter-spacing: 0em;
  line-height: 1.17;
}
@media (max-width: 991px) {
  .hero-about__subtitle {
    max-width: 550px;
  }
}
@media (max-width: 768px) {
  .hero-about__subtitle {
    line-height: 1.37;
  }
}
@media (max-width: 575px) {
  .hero-about__subtitle {
    max-width: 299px;
  }
}
.hero-about__text {
  max-width: 735px;
  margin-bottom: clamp(20px, 3vw, 35px);
}
.hero-about__text p {
  font-size: clamp(16px, 3vw, 18px);
  letter-spacing: 0em;
  line-height: 1.48;
  color: #fff;
}
@media (max-width: 991px) {
  .hero-about__text {
    max-width: 550px;
  }
}
@media (max-width: 768px) {
  .hero-about__text {
    line-height: 1.37;
  }
}
@media (max-width: 575px) {
  .hero-about__text {
    max-width: 285px;
  }
}
.hero-about__labels {
  gap: clamp(9px, 2vw, 12px);
  max-width: 990px;
  margin: 0 auto;
}
.hero-about__labels span {
  font-size: clamp(10px, 2vw, 14px);
  letter-spacing: 0em;
  line-height: 1.04;
  color: #000;
  height: clamp(37px, 3vw, 49px);
  padding: 0 clamp(15px, 2vw, 20px);
  background: #fff;
  border-radius: 21px;
}
@media (max-width: 991px) {
  .hero-about__labels {
    max-width: 640px;
  }
  .hero-about__labels span {
    font-size: clamp(10px, 2vw, 12px);
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .hero-about__labels {
    max-width: 295px;
    margin: 0 20px;
  }
  .hero-about__labels span:nth-child(1) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .hero-about__labels span:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .hero-about__labels span:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .hero-about__labels span:nth-child(4) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hero-about__labels span:nth-child(5) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hero-about__labels span:nth-child(5) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 992px) and (max-width: 1500px) {
  .hero-about {
    padding-top: 55px;
  }
  .hero-about .container {
    width: 90%;
    max-width: 1020px !important;
  }
  .hero-about .hero-about__content {
    padding: 85px 0 75px;
    border-radius: 20px;
  }
  .hero-about .hero-about__title {
    font-size: 45px;
    margin-bottom: 23px;
  }
  .hero-about .hero-about__text {
    max-width: 505px;
    margin-bottom: 30px;
  }
  .hero-about .hero-about__text p {
    font-size: 15px;
    line-height: 1.1;
  }
  .hero-about .hero-about__labels {
    gap: 8px;
  }
  .hero-about .hero-about__labels span {
    font-size: 10px;
    letter-spacing: 0.02em;
    height: 37px;
    padding: 0 16px;
    border-radius: 25px;
  }
}