.about-advantages__item,
.about-description__left,
.about-description__right {
  background-color: var(--e-color-blue-secondary);
}
.about-advantages-item__title,
.about-advantages__title,
.about-banner__title,
.about-teams__title {
  font-family: var(--e-font-secondary-family);
}
p:empty {
  display: none;
}
.about-page__content {
  overflow-x: hidden;
}
.about-banner,
.about-description {
  display: flex;
}
.about-banner__left {
  max-width: 700px;
  width: 100%;
  padding: 73px 20px 20px 50px;
  display: flex;
}
.about-banner__title {
  font-weight: 350;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: var(--e-main-color);
  max-width: 530px;
}
.about-banner__right {
  max-width: 580px;
  width: 100%;
  margin-top: -150px;
  bottom: 0;
  position: relative;
  z-index: -1;
}
.about-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-description__left {
  display: flex;
  justify-content: center;
  max-width: 700px;
  width: 100%;
  padding: 50px 50px 50px 65px;
}
.about-description__image img {
  object-fit: contain;
}
.about-clients__title,
.about-description__title,
.about-program__title {
  font-family: var(--e-font-secondary-family);
  color: var(--e-color-gold-primary);
  margin-bottom: 40px;
}
.about-description__right {
  display: flex;
  flex-direction: column;
  max-width: 580px;
  padding: 45px 100px 70px 50px;
}
.about-desc_text p,
.about-desc_text ul,
.desc-additional-text p,
.desc-additional-text ul {
  margin-bottom: 10px;
}
.about-desc_text p:last-child,
.about-desc_text ul:last-child,
.teams_skill-text:last-child {
  margin-bottom: 0;
}
.about-desc_text ul,
.teams_skills_col {
  list-style: disc;
  padding-left: 25px;
}
.about-advantages-item__desc ul,
.about-clients__desc ul,
.desc-additional-text ul {
  padding-left: 20px;
  list-style: disc;
}
.about-desc-additional__image {
  max-width: 700px;
  width: 100%;
}
.about-desc-additional__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.about-description__additional {
  padding: 45px 50px;
  color: var(--e-main-color);
  display: flex;
  flex-direction: column;
  max-width: 580px;
  width: 100%;
}
.about-advantages {
  padding: 50px 0 50px 50px;
}
.about-advantages__title {
  color: var(--e-color-gold-primary);
  line-height: 1em;
  padding: 22px 22px 22px 0;
}
.about-advantages__list {
  max-width: 100%;
  overflow: visible;
}
.about-advantages__buttons {
  max-width: 74px;
  position: relative;
  right: 50px;
  left: auto;
  top: -40px;
  z-index: 1;
  margin-left: auto;
}
.about-advantages__item {
  max-width: 475px;
  height: auto;
  padding: 40px;
  box-sizing: border-box;
}
.about-clients,
.about-program {
  background-color: var(--e-color-blue-dark);
}
.about-advantages-item__image {
  width: 58px;
  height: 58px;
  margin-bottom: 26px;
}
.about-advantages-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-advantages-item__title {
  font-size: var(--e-font-header-size-s);
  margin-bottom: 15px;
}
.about-advantages-item__desc {
  margin-bottom: 78px;
}
.about-btn-advantages,
.about-btn-clients {
  max-width: max-content;
  margin-top: auto;
}
.about-clients {
  display: grid;
  grid-template-columns: minmax(auto, 554px) minmax(auto, 726px);
}
.about-clients__text {
  padding: 75px 40px 80px 50px;
  display: flex;
  flex-direction: column;
}
.about-clients__desc {
  display: flex;
  flex-direction: column;
  white-space: pre-line;
  margin-bottom: 15px;
}
.about-clients__img {
  margin-left: auto;
  width: 100%;
  height: 100%;
  position: relative;
}
.about-clients__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
}
.about-teams {
  padding: 80px 50px;
}
.about-teams__title {
  line-height: 1em;
}
.about-teams__desc {
  margin-top: 25px;
  max-width: 781px;
  line-height: 1em;
  white-space: pre-line;
}
.about-teams__list {
  margin-top: 50px;
  overflow: visible;
}
.about-teams__item {
  max-width: 330px;
  width: 100%;
}
.about-teams-item__image-wrapper {
  height: 470px;
}
.about-teams-item__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-teams-item__title {
  margin-top: 35px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-family: var(--e-font-family);
  font-size: var(--e-font-size-xl);
  line-height: 1em;
  position: relative;
}
.about-teams-item__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 138px;
  width: 100%;
  height: 5px;
  background-color: var(--e-color-gold-primary);
}
.about-teams_skill {
  margin-top: 50px;
}
.teams_skill-title {
  margin-bottom: 25px;
  font-weight: 700;
  letter-spacing: 0;
}
.teams_skills_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 30px;
  margin-bottom: 40px;
}
.teams_skill-text {
  margin-bottom: 20px;
}
.about-program {
  display: flex;
  flex-direction: column;
}
.about-program__text {
  padding: 50px 50px 40px 49px;
}
.about-program__desc {
  white-space: pre-line;
  line-height: 100%;
}
.about-program__desc ul {
  list-style: disc;
  padding-left: 25px;
}
.about-program__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.about-program__img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.about-teams__mob-info {
  max-width: 220px;
  text-align: right;
  font-style: italic;
  margin-left: auto;
  padding-bottom: 20px;
  display: block;
}
@media screen and (min-width: 769px) {
  .about-teams__mob-info {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .about-description__additional,
  .about-description__left,
  .about-description__right {
    padding: 60px;
  }
}
@media screen and (max-width: 992px) {
  .about-banner__left,
  .about-clients__text,
  .about-description__additional,
  .about-description__left,
  .about-description__right {
    padding: 40px;
  }
  .about-banner__title {
    font-size: 22px;
    line-height: 30px;
  }
  .about-advantages-item__desc {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .about-banner,
  .about-description {
    flex-direction: column;
  }
  .about-banner__left {
    max-width: 700px;
    width: 100%;
    padding: 23px 33px 80px;
    display: flex;
    justify-content: flex-start;
  }
  .about-banner__title {
    font-size: 20px;
    line-height: 34px;
    max-width: 100%;
  }
  .about-banner__right {
    max-width: 100%;
    margin: 0 auto;
    max-height: unset;
    height: 500px;
  }
  .about-banner__image {
    object-position: 50% 50%;
  }
  .about-description.desc-main {
    flex-direction: column-reverse;
    background-color: #111f39;
  }
  .about-description__title {
    font-size: 32px;
    line-height: normal;
    margin-bottom: 30px;
  }
  .about-description__right {
    padding: 0;
    max-width: 100%;
  }
  .desc-main .about-description__right .about-description__title {
    padding: 55px 40px;
    background-color: #101b2f;
    text-align: center;
    margin-bottom: 0;
  }
  .about-desc_text {
    padding: 40px 40px 30px;
    background-color: #111f39;
  }
  .about-desc-additional__image {
    max-width: 100%;
  }
  .about-desc-additional__image img {
    max-height: 250px;
  }
  .about-description__additional {
    max-width: 100%;
    padding: 40px 20px 20px;
  }
  .about-description__left {
    max-width: 100%;
    padding: 0 20px 40px;
  }
  .about-advantages {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 50px;
  }
  .about-advantages__title {
    font-size: 28px;
    font-weight: 650;
    padding: 0;
  }
  .about-advantages__list,
  .about-teams__list {
    margin-top: 40px;
  }
  .about-advantages__item {
    max-width: 362px;
  }
  .about-advantages__buttons {
    margin-top: 40px;
    max-width: 100%;
    width: 100%;
    top: 50%;
    right: auto;
    order: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-clients,
  .about-program__images,
  .teams_skills_grid {
    grid-template-columns: 1fr;
  }
  .about-clients__img {
    height: 400px;
  }
  .about-teams {
    margin-top: 0;
    padding: 50px 20px;
  }
  .about-teams__title {
    font-size: 28px;
  }
  .about-teams__desc {
    margin-top: 20px;
    font-size: 16px;
  }
  .about-teams-item__title,
  .about-teams_skill {
    margin-top: 30px;
  }
  .about-teams-item__desc,
  .teams_skill-text {
    font-size: 14px;
  }
  .teams_skill-title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .about-program__text {
    padding: 40px 20px;
  }
  .about-program__img {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .about-clients__title,
  .about-description__title,
  .about-program__title {
    font-size: 28px;
    font-weight: 650;
    line-height: 100%;
  }
  .about-description__additional {
    padding: 40px 20px 25px;
  }
  .about-advantages {
    padding: 25px 20px 64px;
  }
  .about-advantages-item__desc {
    margin-bottom: 26px;
  }
  .about-advantages__item {
    padding: 40px 39px 40px 40px;
  }
  .about-btn-advantages.button,
  .about-btn-clients.button {
    padding: 14px 22px;
  }
  .about-btn-advantages.button span,
  .about-btn-clients.button span {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 10%;
  }
  .about-clients__text {
    padding: 40px 20px;
  }
  .about-clients__title,
  .about-program__title {
    margin-bottom: 30px;
  }
  .about-clients__desc {
    line-height: 1.3em;
    margin-bottom: 0;
  }
  .about-clients__desc .mt-1 {
    margin-top: 0;
  }
  .about-clients__img {
    height: 250px;
  }
}
@media screen and (max-width: 375px) {
  .about-description__title {
    font-size: 26px;
  }
  .about-desc_text,
  .desc-main .about-description__right .about-description__title {
    padding: 30px 20px;
  }
  .about-advantages__item {
    padding: 20px;
  }
  .about-advantages-item__title {
    font-size: 22px;
  }
  .about-teams-item__image-wrapper {
    height: 370px;
  }
}