.article-banner__left,
.article-banner__right {
  position: relative;
  z-index: -1;
  background-color: var(--e-color-blue-dark);
  bottom: 0;
}
.article-banner__right img,
.article-img__contain img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-page__content {
  margin-bottom: 100px;
}
.article-banner {
  display: flex;
  flex-direction: row-reverse;
  min-height: 492px;
}
.article-banner__left {
  max-width: 700px;
  width: 100%;
  padding: 90px 70px;
  margin-top: -150px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.date-publication {
  font-size: var(--e-font-size-l);
}
.article-title {
  font-family: var(--e-font-secondary-family);
  font-size: 36px;
  margin-top: 20px;
}
.article-banner__right {
  max-width: 580px;
  width: 100%;
  margin-top: -150px;
}
.article-banner__right img {
  display: block;
}
.article-block {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.article-block__top {
  margin-top: 80px;
}
.article-block__desc {
  font-size: var(--e-font-size-l);
  max-width: 777px;
  white-space: pre-line;
  display: flex;
  flex-direction: column;
}
.article-block__desc ol {
  list-style: auto;
  padding-left: 20px;
  white-space: normal;
}
.article-block__desc ol li:first-child {
  margin-top: 0;
}
.article-block__desc li {
  margin-top: 12px;
}
.article-image {
  display: flex;
  margin-top: 40px;
}
.article-img__contain {
  width: 50%;
  max-height: 400px;
  display: flex;
}
.breadcrumbs__custom-color .breadcrumbs {
  max-width: 700px;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .breadcrumbs__custom-color span {
    color: var(--e-color-blue-dark);
  }
  .breadcrumbs__custom-color a span {
    -webkit-user-drag: none;
    transition: color var(--e-transition);
  }
  .breadcrumbs__custom-color a:hover span {
    color: var(--e-main-color-hover);
  }
  .article-banner {
    flex-direction: column;
  }
  .article-banner__left {
    padding: 40px 30px;
    max-width: 100%;
    margin-top: 0;
    min-height: 452px;
  }
  .article-banner__right {
    max-width: 100%;
    max-height: 370px;
    top: 0;
    bottom: auto;
    display: flex;
  }
  .article-banner__right img {
    height: auto;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 767px) {
  .article-banner__left {
    min-height: 362px;
  }
  .article-banner__right {
    max-height: 280px;
  }
  .article-title {
    font-size: var(--e-font-size-xxl);
  }
  .article-block__desc {
    font-size: var(--e-font-size-s);
  }
  .article-image {
    flex-direction: column;
  }
  .article-img__contain {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .article-img__contain img {
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .article-img__contain {
    max-height: 200px;
  }
}