.about .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.about-info__img {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 343px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 4px;
  margin-bottom: 16px;
}
.about-info__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  object-position: center;
  z-index: -2;
}
.about-info__img::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  aspect-ratio: 957/233;
  background-image: url(../images/about-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.about-info__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.about-info__content .quotation {
  padding: 64px 16px 24px 16px;
  border-radius: 4px;
  background: var(--black_1, #3a3a39);
  color: var(--white, #f7f4ef);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  position: relative;
}
.about-info__content .quotation::before {
  position: absolute;
  content: "";
  top: 24px;
  left: 16px;
  width: 32.5px;
  height: 25px;
  background-image: url(../images/quote-red.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.about-info__content p,
.about-info__content ul,
.about-info__content ol,
.about-info__content span {
  color: var(--black, #171717);
  font-size: 16px;
  line-height: 22px; /* 137.5% */
}
.about-info__slogan {
  color: var(--red, #670c09);
  font-family: "Accuratist", serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  display: block;
  max-width: 260px;
}
.about .container .about-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.about-contacts__inner {
  width: 100%;
  padding: 24px 10px 24px 24px;
  border-radius: 4px;
  background: var(--red, #670c09);
  color: var(--white, #f7f4ef);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.96px; /* 137.25% */
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.about-contacts__inner div {
  line-height: 1;
}
.about-contacts__inner span {
  font-size: 12px;
}
.about-contacts__inner p {
  font-weight: 400;
  line-height: 21.96px; /* 137.25% */
  margin-top: 4px;
}
.about-contacts__title {
  font-family: "Accuratist", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
}
.about-contacts__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.about-contacts__list-item a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.about-contacts__list-item-img {
  display: flex;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #fff;
}
.about-contacts__list-item-img img,
.about-contacts__list-item-img .icon {
  width: 24px;
  height: 24px;
}
.about-contacts__list-social {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-contacts__logo {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 4px;
  border: 1px solid var(--red, #670c09);
  background: #fff;
  padding: 18px;
  color: var(--black_1, #3a3a39);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}
.about-contacts__logo img {
  display: flex;
  width: 302px;
  height: 111px;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .about .container {
    gap: 48px;
  }
  .about-info__img {
    min-height: 367px;
    margin-bottom: 20px;
  }
  .about-info__content {
    gap: 16px;
    margin-bottom: 32px;
  }
  .about-info__content .quotation {
    padding: 65px 20px 24px 20px;
    font-size: 17px;
    line-height: 24px; /* 141.176% */
    margin-bottom: 4px;
  }
  .about-info__content p,
  .about-info__content ul,
  .about-info__content ol,
  .about-info__content span {
    font-size: 17px;
    line-height: 24px; /* 141.176% */
  }
  .about-info__slogan {
    font-size: 32px;
    line-height: 32px; /* 100% */
    max-width: 100%;
  }
  .about .container .about-side {
    flex-direction: row;
    gap: 20px;
  }
  .about-contacts__inner {
    width: calc((100% - 20px) / 2);
  }
  .about-contacts__list-social {
    gap: 18px;
  }
  .about-contacts__logo {
    width: calc((100% - 20px) / 2);
    padding: 20px;
  }
  .about-contacts__logo img {
    display: flex;
    width: 100%;
    height: auto;
    flex-shrink: 0;
  }
}

@media screen and (min-width: 1280px) {
  .about .container {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }
  .about .container .about-info {
    width: calc(100% - (32px + 355px));
  }
  .about .container .about-side {
    width: 355px;
  }
  .about-info__img {
    min-height: 502px;
    margin-bottom: 64px;
  }
  .about-info__content {
    gap: 32px;
    margin-bottom: 40px;
  }
  .about-info__content .quotation {
    padding: 80px 86px 40px 144px;
    min-height: 244px;
    background-image: url(../images/vezha-bg-blue.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    overflow: hidden;
    font-size: 24px;
    line-height: 28px; /* 116.667% */
    margin-bottom: 8px;
  }
  .about-info__content .quotation::before {
    top: 40px;
    left: 40px;
    width: 65px;
    height: 50px;
  }
  .about-info__content p,
  .about-info__content ul,
  .about-info__content ol,
  .about-info__content span {
    font-size: 18px;
    line-height: 32px; /* 177.778% */
  }
  .about-info__slogan {
    font-size: 37px;
    line-height: 37px; /* 100% */
  }
  .about .container .about-side {
    flex-direction: column;
  }
  .about-contacts__inner {
    padding: 24px;
    font-size: 18px;
    line-height: 21.96px; /* 122% */
    width: 100%;
  }
  .about-contacts__list-social {
    gap: 20px;
    justify-content: space-between;
  }
  .about-contacts__logo {
    width: 100%;
    gap: 24px;
  }
}

.advertising-title {
  color: var(--black, #171717);
  font-family: "Accuratist", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
.advertising__top {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.advertising__top-1part {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 32px;
  border-bottom: 0.5px solid var(--red, #670c09);
}
.advertising__top-1part p {
  color: var(--red, #670c09);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.advertising__top-1part a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.advertising__top-1part a > div {
  display: flex;
  height: 44px;
  width: 44px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--red, #670c09);
}
.advertising__top-1part a > div img,
.advertising__top-1part a > div .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.advertising__top-2part {
  padding-top: 32px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  line-height: 22px; /* 137.5% */
}
.advertising__top-2part a {
  color: var(--red, #670c09);
  text-decoration-line: underline;
}
.analytics {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.analytics-title {
  font-family: "Accuratist", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
.analytics-note {
  text-align: center;
  font-size: 14px;
  line-height: normal;
}
.analytics-list {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.analytics-list li {
  display: flex;
  width: 260px;
  min-height: 146px;
  padding: 24px 37px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: var(--white, #f7f4ef);
  text-align: center;
  font-size: 16px;
  line-height: normal;
  border-radius: 4px;
  background: var(--black_1, #3a3a39);
}
.analytics-list li:first-child {
  background: var(--red, #670c09);
}
.analytics-list li:last-child {
  background: var(--red_1, #7c2d2a);
}
.analytics-list li strong {
  font-family: "Accuratist", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
}
.analytics-progress {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.analytics-progress h3 {
  color: var(--black, #171717);
  font-family: "Accuratist", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.analytics-progress__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.analytics-progress__list li {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px; /* 200% */
}
.analytics-progress__list li > p {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  width: 73px;
  white-space: nowrap;
}
.analytics-progress__list li > div {
  display: flex;
  height: 10px;
  border-radius: 4px;
  background: var(--black_1, #3a3a39);
}
.analytics-progress__list li > span {
  display: flex;
  flex-shrink: 0;
  width: 50px;
  color: var(--black_1, #3a3a39);
}
.analytics-progress.first {
  max-width: 720px;
}
.analytics-progress.second {
  max-width: 580px;
}
.analytics-progress.second li > p {
  width: 50px;
}
.analytics-progress.second li > div {
  background: var(--red_1, #7c2d2a);
}
.analytics-progress.second li > span {
  color: var(--red_1, #7c2d2a);
}

@media screen and (min-width: 768px) {
  .advertising-title {
    font-size: 24px;
  }
  .advertising__top-1part {
    padding-bottom: 40px;
  }
  .advertising__top-1part p {
    font-size: 17px;
    line-height: 24px; /* 141.176% */
  }
  .advertising__top-2part {
    padding-top: 40px;
    gap: 16px;
    font-size: 17px;
    line-height: 24px; /* 141.176% */
  }
  .analytics {
    gap: 28px;
  }
  .analytics-title {
    font-size: 24px;
  }
  .analytics-note {
    font-size: 17px;
  }
  .analytics-list {
    flex-direction: row;
    gap: 20px;
  }
  .analytics-list li {
    width: calc((100% - (20px * 2)) / 3);
    min-height: 152px;
    padding: 24px 12px;
    font-size: 17px;
  }
  .analytics-list li strong {
    font-size: 44px;
  }
  .analytics-progress h3 {
    font-size: 22px;
  }
  .analytics-progress.first .analytics-progress__list {
    flex-direction: row;
  }
  .analytics-progress.first .analytics-progress__list li {
    width: calc((100% - 8px) / 2);
  }
  .analytics-progress__list li {
    font-size: 17px;
    line-height: 32px; /* 188.235% */
  }
  .analytics-progress__list li > p {
    width: 77px;
  }
}

@media screen and (min-width: 1280px) {
  .advertising-title {
    font-size: 32px;
  }
  .advertising__top {
    flex-direction: row;
    margin-bottom: 32px;
  }
  .advertising__top-1part {
    padding-bottom: 0;
    width: 50%;
    border-bottom: 0;
    border-right: 0.5px solid var(--red, #670c09);
  }
  .advertising__top-1part p {
    font-size: 18px;
    line-height: 21.96px; /* 122% */
  }
  .advertising__top-2part {
    padding-top: 0;
    padding-left: 32px;
    width: 50%;
    font-size: 18px;
    line-height: 32px; /* 177.778% */
  }
  .analytics {
    gap: 32px;
    max-width: 844px;
  }
  .analytics-title {
    font-size: 32px;
  }
  .analytics-note {
    font-size: 18px;
  }
  .analytics-list {
    gap: 32px;
  }
  .analytics-list li {
    width: calc((100% - (32px * 2)) / 3);
    min-height: 161px;
    padding: 24px 25px 24px 26px;
    font-size: 18px;
  }
  .analytics-list li strong {
    font-size: 48px;
  }
  .analytics-progress h3 {
    font-size: 24px;
  }
  .analytics-progress__list li {
    font-size: 18px;
    line-height: 32px; /* 177.778% */
  }
  .analytics-progress__list li > p {
    width: 82px;
  }
}