.aboutbanner {
  border-radius: 5px;
  margin-bottom: 35px;
}

.aboutbanner__wrap {
  background-image: url('/local/templates/new_lider_2025/img/about-bg.jpg');
  background-size: cover;
  height: 420px;
  padding: 70px 55px;
}

.aboutbanner__p1 {
  font-size: 46px;
  font-family: 'Roboto-Bold', sans-serif;
  line-height: 1.25;
}

.aboutbanner__p2 {
  margin-top: 20px;
}

.aboutpage {
  padding-bottom: 45px;
}

.aboutpage__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aboutpage__item {
  width: 30%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px;
}

.aboutpage__item-numb {
  width: 50px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 46px;
  font-family: 'Roboto-Bold', sans-serif;
}

.aboutpage__item-text {
  line-height: 1.25;
}

.aboutpage p a {
  color: #16aec7;
  text-decoration: underline;
}

.aboutpage p a:hover {
  text-decoration: none;
}

.aboutpage a.aboutpage__download {
  display: inline-block;
  color: #16aec7;
  text-decoration: underline;
  position: relative;
  margin-left: 32px;
}

.aboutpage a.aboutpage__download:hover {
  text-decoration: none;
}

.aboutpage a.aboutpage__download:before {
  content: '';
  width: 17px;
  height: 19px;
  background: url('/local/templates/new_lider_2025/img/icons/sprite1.png') -128px -175px no-repeat;
  position: absolute;
  top: 0;
  left: -30px;
}

@media screen and (max-width: 992px) {
  .aboutpage__item-text {
    font-size: 16px;
  }

  .aboutpage__item {
    width: 32.5%;
  }

  .aboutpage__item-numb {
    width: 30px;
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .aboutpage__items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .aboutpage__item {
    width: 100%;
    margin-bottom: 20px;
  }

  .aboutbanner__p1 {
    font-size: 32px;
    line-height: 1.15;
  }

  .aboutbanner__wrap {
    padding: 50px 35px;
    height: auto;
    min-width: 300px;
  }
}

@media screen and (max-width: 480px) {
  .aboutbanner__wrap {
    padding: 30px 20px;
  }

  .aboutbanner__p1 {
    font-size: 24px;
  }

  .aboutbanner__p2 {
    font-size: 16px;
  }
}