.blog-article {
  padding: 50px 0;
}
@media (max-width: 1023px) {
  .blog-article {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .blog-article {
    padding: 30px 0;
  }
}
.blog-article__banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 92px;
}
@media (max-width: 1439px) {
  .blog-article__banner {
    gap: 50px;
  }
}
@media (max-width: 1023px) {
  .blog-article__banner {
    flex-direction: column;
    gap: 40px;
  }
}
.blog-article__info {
  flex: 1 1 588px;
}
@media (max-width: 1023px) {
  .blog-article__info {
    flex: auto;
  }
}
.blog-article__main-title {
  font-family: var(--TildaSans);
  font-size: 42px;
  font-weight: 700;
  color: var(--primary-black);
  line-height: 0.99;
}
@media (max-width: 1023px) {
  .blog-article__main-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .blog-article__main-title {
    font-size: 32px;
  }
}
@media (max-width: 424px) {
  .blog-article__main-title {
    font-size: 28px;
  }
}
.blog-article__subtitle {
  font-family: var(--TildaSans);
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-black);
  line-height: 0.99;
  margin-top: 20px;
}
.blog-article__banner-image {
  overflow: hidden;
  border-radius: 14px;
  flex: 0 2 660px;
  height: 425px;
}
@media (max-width: 1023px) {
  .blog-article__banner-image {
    flex: auto;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-article__banner-image {
    height: 300px;
  }
}
.blog-article__content {
  display: flex;
  justify-content: space-between;
  gap: 113px;
  margin-top: 80px;
}
@media (max-width: 1023px) {
  .blog-article__content {
    margin-top: 50px;
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .blog-article__content {
    flex-direction: column;
    gap: 30px;
  }
}
.blog-article__left {
  flex: 1 1 660px;
}
@media (max-width: 767px) {
  .blog-article__left {
    flex: auto;
  }
}
.blog-article__text {
  font-family: var(--TildaSans);
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-black);
  line-height: 0.99;
}
.blog-article__text strong {
  font-weight: 700;
}
.blog-article__text a {
  color: var(--primary);
  text-decoration: underline !important;
}
@media (hover: hover) {
  .blog-article__text a:hover {
    color: var(--primary-hover);
  }
}
.blog-article__ul {
  display: flex;
  flex-direction: column;
  list-style-position: inside;
  list-style-type: disc !important;
}
.blog-article__li {
  font-family: var(--TildaSans);
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-black);
  line-height: 0.99;
  list-style-position: inside;
  list-style-type: disc !important;
}
.blog-article__li strong {
  font-weight: 700;
}
.blog-article__li a {
  color: var(--primary);
  text-decoration: underline !important;
}
@media (hover: hover) {
  .blog-article__li a:hover {
    color: var(--primary-hover);
  }
}
.blog-article__br {
  height: 1em;
}
.blog-article__title {
  font-family: var(--TildaSans);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 99%; /* 17.82px */
}
.blog-article__image {
  overflow: hidden;
  border-radius: 10px;
  height: 425px;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .blog-article__image {
    margin-top: 30px;
    height: 300px;
  }
}
.blog-article__right {
  flex: 1 1 567px;
}
@media (max-width: 767px) {
  .blog-article__right {
    flex: auto;
  }
}