:root{
    /**
    --font: 'Inter Tight', sans-serif;
    **/

    --color-white: #fff;
    --color-white-30: rgba(255, 255, 255, .3);
    --color-white-50: rgba(255, 255, 255, .5);
    --color-black: #000;
    --color-black-0: rgba(0, 0, 0, 0);
    --color-black-10: rgba(0, 0, 0, .1);
    --color-black-70: rgba(0, 0, 0, .7);
    --color-blue: #2680D9;
    --color-gray1: #79867D;
    --color-gray2: #C9CFCB;
    --color-gray3: #F2F3F2;
    --color-red: #EB4747;
}

html{ min-height: 100%; display: flex; flex-direction: column }
body{padding: 0;margin: 0;background: var(--color-white);scrollbar-width: none;position: relative;color: var(--color-black);font-family: sans-serif;font-weight: 200;display: flex;flex-direction: column;flex-grow: 1}
body::-webkit-scrollbar{ display: none }
*{box-sizing: border-box;}
a{ text-decoration: none; color: inherit }
form, p, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
input, button, textarea{ outline: none; font-family: var(--font); font-weight: 400 }


.m64{ font-size: 64px; font-weight: 500; line-height: 110% }
.m48{ font-size: 48px; font-weight: 500; line-height: 110% }
.m36{ font-size: 36px; font-weight: 500; line-height: 110% }
.m24{ font-size: 24px; font-weight: 500; line-height: 110% }

.t20{ font-size: 20px; font-weight: 300; line-height: 140% }
.t16{ font-size: 16px; font-weight: 400; line-height: 140% }

h3{ font-size: 28px; font-weight: 500; line-height: 110%; margin: 48px 0 0 }
p{font-size: 14px;font-weight: 200;line-height: 140%;margin-top: 10px;margin-bottom: 10px;}
p i{ color: var(--color-gray1) }
p a{ color: var(--color-blue) }
h3 + p{ margin-top: 24px }
p + p{ margin-top: 16px }
h3 + ul{ margin-top: 24px }
ul{ padding-inline-start: 30px }
li{ font-size: 20px; font-weight: 400; line-height: 140% }
li + li{ margin-top: 8px }

.btn{ height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border-radius: 99px; background: transparent; color: transparent; font-size: 16px; font-weight: 500; border: 1px solid transparent; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
.btn svg{ width: 24px; height: 24px; transition: fill .3s }
.btn svg:first-child{ margin-right: 8px }

.btn.white-blue{ background: var(--color-blue); color: var(--color-white); border-color: var(--color-blue) }
.btn.white-blue:hover{ background: var(--color-white); border-color: var(--color-white); color: var(--color-black) }

.btn.blue-outline{ color: var(--color-blue); border: 1px solid var(--color-blue); background: transparent }

.btn.black-gray3{ color: var(--color-black); border-color: var(--color-gray3); background: var(--color-gray3) }
.btn.black-gray3 svg{ fill: var(--color-black) }
.btn.black-gray3:hover{ color: var(--color-white); background: var(--color-black); border-color: var(--color-black) }
.btn.black-gray3:hover svg{ fill: var(--color-white) }


.flex{ display: flex; align-items: center }
.jcc{ justify-content: center }
.fdc{ flex-direction: column }

.logo{ display: flex; align-items: center; font-size: 24px; font-weight: 500 }
.logo > div:nth-child(2){ width: 28px; height: 28px; background: url(../img/logo_blue.svg) no-repeat center / contain; margin: 0 8px; }

.container{ width: calc(100% - 48px - 48px); max-width: 1800px }


.nav{ width: 100%; padding: 16px 0; border-bottom: 1px solid var(--color-gray3) }
.nav-menu{ padding-left: 48px }
.nav-menuBtnContainer{ position: relative; z-index: 25; border-radius: 99px }
.nav-menuBtnContainer:hover{ border-radius: 0 }
.nav-menuBtn{ height: 48px; padding: 16px; border-radius: 99px; background: var(--color-blue); color: var(--color-white); cursor: pointer; position: relative; z-index: 24; transition: border-color .3s }
.nav-menuBtnContainer:hover .nav-menuBtn{ background: var(--color-black) }
.nav-menuBtn > div:nth-child(2){ width: 24px; height: 24px; background: url(../img/arrowBottom_white.svg) no-repeat center / contain; margin-left: 8px; transition: transform .2s }
.nav-menuBtnContainer:hover .nav-menuBtn > div:nth-child(2){ transform: rotate(180deg) }
.nav-menuModal-layer{ position: absolute; z-index: 22; left: -12px; right: -12px; top: -16px; bottom: -32px; display: none }
.nav-menuBtnContainer:hover .nav-menuModal-layer{ display: block }
.nav-menuModal{ position: absolute; width: 284px; top: 72px; left: 0; background: var(--color-white); border-radius: 16px; padding: 12px; z-index: 23; box-shadow: 0 10px 20px 0 var(--color-black-10); display: none }
.nav-menuBtnContainer:hover .nav-menuModal{ display: block }
.nav-menuModalLink{ display: flex; align-items: center; height: 48px; padding: 0 46px 0 16px; font-size: 16px; font-weight: 400; color: var(--color-black); cursor: pointer; position: relative; transition: color .3s }
.nav-menuModalLink:hover{ color: var(--color-blue) }
.nav-menuModalLink > div:last-child{ width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; opacity: 0; background: url(../img/arrowRight_gray1.svg) no-repeat center / contain; transition: opacity .3s }
.nav-menuModalLink:hover > div:last-child{ opacity: 1 }
.nav-search{ padding-left: 48px; flex-grow: 1 }
.nav-searchField{ width: 100%; position: relative }
.nav-searchField input{ width: 100%; display: flex; align-items: center; height: 48px; border-radius: 99px; background: var(--color-gray3); border: 1px solid var(--color-gray3); padding: 0 44px 0 44px; border: 0; font-size: 16px; font-weight: 400; caret-color: var(--color-red); transition: border-color .3s; }
.nav-searchField input::placeholder{ color: var(--color-gray1) }
.nav-searchField svg{ width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: 12px; fill: var(--color-gray1); transition: fill .3s }
.nav-searchField.filled input:focus + svg{ fill: var(--color-black) }
.nav-searchField div:nth-child(3){ width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; opacity: 0; cursor: pointer; background: url(../img/close_gray1.svg) no-repeat center / contain; transition: opacity .3s }
.nav-searchField.filled div:nth-child(3){ opacity: 1 }
.nav-link{ white-space: nowrap; margin-left: 48px; font-size: 18px; font-weight: 500; color: var(--color-gray1); transition: color .3s }
.nav-link:hover{ color: var(--color-blue) }


/*.gallery{ width: 100%; height: 740px; position: relative }
.galleryContainer{ width: calc(100% - 202px - 202px); position: relative; z-index: 3 }
.galleryContent{ width: 100%; max-width: 746px; color: var(--color-white) }
.galleryContent .t20{ margin-top: 36px }
.galleryContent .btn{ margin-top: 36px; min-width: 284px }
.galleryContent .btn:hover{ background: var(--color-gray3); border-color: var(--color-white); color: var(--color-blue) }
.galleryBlocks{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 }
.galleryBlock{ position: relative; overflow: hidden }

.galleryBlock-1{ width: 100%; min-width: 1920px; height: 740px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-black) }
.galleryBlock-1 > div:first-child{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1480px; height: 740px; background: url(../img/gallery-1.webp) no-repeat center / cover; z-index: 1 }
.galleryBlock-1 > div:last-child{ position: absolute; top: 0; bottom: 0; right: 0; width: 740px; background: linear-gradient(to right, var(--color-black), var(--color-black-0)); transform: translateX(-740px); z-index: 2 }*/

.gallery{ position: relative; width: 100%; overflow: hidden; display: flex; height: 740px }
.gallerySlides{ position: absolute; z-index: 11; left: 50%; transform: translateX(-50%); bottom: 0; display: flex; align-items: center; width: calc(100% - 404px + 24px); height: 52px }
.gallerySlide{ padding: 0 12px; width: 20%; }
.gallerySlide > div{ width: 100%; height: 4px; border-radius: 99px; overflow: hidden; background: var(--color-white-30); position: relative }
.gallerySlide > div > div{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: var(--color-white); width: 0 }
.gallerySlide:first-child > div > div{ width: 50%; }
.galleryBlock{ position: relative; z-index: 10; }
.galleryBlockContent{ position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); min-width: 1920px; background: var(--color-black); display: flex; justify-content: center; color: var(--color-white) }
.galleryBlockContainer{ position: relative; z-index: 2; display: flex; align-items: center; justify-content: center }
.galleryBlockBody{ width: calc(100% - 404px); display: flex; flex-direction: column; align-items: flex-start }
.galleryBlockBody .m64{ max-width: 746px }
.galleryBlockBody .t20{ margin-top: 36px; max-width: 746px }
.galleryBlockBody .btn{ margin-top: 36px; min-width: 284px }
.galleryBlockImg{ position: absolute; z-index: 1; top: 0; bottom: 0; right: 0 }
.galleryBlockImg img{ height: 740px; width: auto }
.galleryBlockImg div{ position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: linear-gradient(to right, var(--color-black) 2%, var(--color-black-0) 100%); }

.articles{ padding: 98px 0 48px }
.articlesBody{ margin: 24px -12px 0; width: calc(100% + 24px); display: flex; flex-wrap: wrap }
.article{ padding: 24px 12px 0; width: 25% }
.article > a{ display: block; border-radius: 24px; overflow: hidden; background: var(--color-white); cursor: pointer; transition: background-color .3s, box-shadow .5s }
.article > a:hover{ background: var(--color-gray3); box-shadow: 0 10px 20px 0 var(--color-black-10) }
.articleImg{ width: 100%; height: 328px; border-radius: 24px 24px 0 0; position: relative; overflow: hidden }
.articleBg{ position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat center / cover; transition: transform .3s }
.article > a:hover .articleBg{ transform: scale(1.15) }
.articleCategory{ display: flex; align-items: center; padding: 0 12px; border-radius: 99px; height: 32px; position: absolute; left: 12px; top: 12px; background: var(--color-gray3); font-size: 14px; font-weight: 500; z-index: 3 }
.articleLink{ position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background: var(--color-black-70); display: flex; align-items: center; justify-content: center; color: var(--color-white); font-size: 16px; font-weight: 500; opacity: 0; transition: opacity .3s }
.article > a:hover .articleLink{ opacity: 1 }
.articleLink > div:last-child{ width: 20px; height: 20px; margin-left: 4px; background: url(../img/link_white.svg) no-repeat center / contain }
.articleTitle{ display: -webkit-box; margin-top: 24px; padding: 0 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; transition: color .3s }
.articleDescription{ display: -webkit-box; padding: 12px 12px 0; color: var(--color-gray1); -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: 24px; transition: color .3s }
.article > a:hover .articleTitle{ color: var(--color-blue) }
.article > a:hover .articleDescription{ color: var(--color-black) }
.article .btn{ display: none }

.showMore{ padding-top: 48px }
.showMore .btn{ background: var(--color-gray3); color: var(--color-black); font-weight: 700; border-color: var(--color-gray3) }
.showMore .btn:hover{ background: var(--color-black); border-color: var(--color-black); color: var(--color-white) }

.categories{ padding: 48px 0 }
.categoriesBody{ display: flex; flex-wrap: wrap; margin: 24px -12px 0; width: calc(100% + 24px) }
.category{ padding: 24px 12px 0; width: calc(100% / 3) }
.category > a{ display: block; position: relative; width: 100%; border: 1px solid var(--color-blue); background: var(--color-white); display: flex; align-items: center; border-radius: 24px; transition: background-color .3s }
.category > a:hover{ background: var(--color-gray3) }
.categoryImage{ width: 196px; min-width: 196px; height: 196px; border-radius: 24px 0 0 24px; background: no-repeat center / cover }
.categoryData{ padding: 0 60px 0 24px; display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1 }
.categoryData .t16{ margin-top: 12px; color: var(--color-gray1) }
.categoryData .btn{ margin-top: 24px }
.category > a:hover .btn{ background: var(--color-blue); border-color: var(--color-blue); color: var(--color-white) }
.categoryArrow{ display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; width: 24px; height: 24px; background: url(../img/arrowRight_black.svg) no-repeat center / contain; opacity: 0; transition: opacity .3s }
.category > a:hover .categoryArrow{ opacity: 1 }

.latest{ padding: 48px 0 96px }

.page{ padding-bottom: 96px; padding-top: 48px; flex-grow: 1 }
.page > .container{}
.backSection{ padding: 0 0 48px }
.pageBody{ display: flex }
.pageContent{ width: calc(100% - 636px) }
.pageTitle, .pageTitle h1{font-size: 28px;font-weight: 500;line-height: 110%}
.pageSubtitle{ margin-top: 48px; font-size: 28px; font-weight: 500; line-height: 140% }

.articlePageImg{ width: 100%; height: auto; margin-top: 48px; border-radius: 24px }
.articleBlogImg{ width: 100%; height: auto; border-radius: 24px; max-height: 300px; object-fit: cover; }

.relatedArticles{padding-left: 48px;width: 562px;}
.relatedArticlesContainer{ margin-top: 36px }
.relatedArticle{width: 75%;border-radius: 24px;display: flex;align-items: center;transition: box-shadow .6s}
.relatedArticle + .relatedArticle{ margin-top: 24px }
.relatedArticle:hover{ box-shadow: 0 10px 20px 0 var(--color-black-10) }
.relatedArticleImg{width: 150px;min-width: 150px;height: 150px;border-radius: 24px 0 0 24px;position: relative;overflow: hidden}
.relatedArticle:hover .articleBg{ transform: scale(1.15) }
.relatedArticle:hover .articleLink{ opacity: 1 }
.relatedArticleData{ padding: 0 24px }
.relatedArticleTitle{font-size: 16px;font-weight: 500;line-height: 110%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis}
.relatedArticleDescription{font-size: 12px;font-weight: 400;line-height: 140%;color: var(--color-gray1);margin-top: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis}

.pageItems{ margin-top: 48px; width: 100% }
.pageItem{ width: 100%; border-radius: 24px; display: flex; align-items: center; cursor: pointer; transition: box-shadow .3s; }
.pageItem + .pageItem{ margin-top: 24px }
.pageItemImg{ width: 438px; min-width: 438px; height: 328px; border-radius: 24px 0 0 24px; background: no-repeat center / cover; position: relative; overflow: hidden }
.pageItemData{ padding: 0 24px; display: flex; flex-direction: column; align-items: flex-start }
.pageItemData .m24{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis }
.pageItemData .t16{ margin-top: 24px; color: var(--color-gray1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis }
.pageItemData .btn{ margin-top: 16px }
.pageItem:hover{ box-shadow: 0 10px 20px 0 var(--color-black-10) }
.pageItem:hover .articleBg{ transform: scale(1.15) }
.pageItem:hover .articleLink{ opacity: 1 }
.pageItem:hover .btn{ background: var(--color-blue); border-color: var(--color-blue); color: var(--color-white) }

.navigationPages{ display: flex; align-items: center; margin-top: 48px }
.navigationPage{ width: 48px; min-width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: var(--color-gray1); border: 1px solid var(--color-gray2); border-radius: 10px; cursor: pointer; transition: color .3s, border-color .3s }
.navigationPage.active{ color: var(--color-blue); border-color: var(--color-blue); cursor: default }
.navigationPage + .navigationPage{ margin-left: 12px }
.navigationPageArrow{ border-color: var(--color-gray3); background: no-repeat center / 24px 24px var(--color-gray3) }
.navigationPageArrow:last-child{ background-image: url(../img/arrowRight_black.svg) }
.navigationPageArrow:first-child{ background-image: url(../img/arrowLeft_black.svg) }

.relatedArticlesHorizontal{ width: 100%; padding-top: 96px }
.relatedArticlesHorizontal__title{ width: 100%; display: flex; align-items: center; justify-content: space-between }
.relatedArticlesHorizontal__arrows{ display: flex; align-items: center }
.relatedArticlesHorizontal__arrow{ width: 48px; height: 48px; border-radius: 10px; cursor: pointer; background: no-repeat center / 24px 24px var(--color-gray3) }
.relatedArticlesHorizontal__arrow:first-child{ background-image: url(../img/arrowLeft_black.svg) }
.relatedArticlesHorizontal__arrow:last-child{ background-image: url(../img/arrowRight_black.svg); margin-left: 48px }
.relatedArticlesHorizontal__scroll{ width: 100%; padding-top: 48px; padding-bottom: 96px; overflow: hidden }
.relatedArticlesHorizontal__container{ display: flex; transition: margin .3s }
.relatedArticlesHorizontal__container .article{ padding: 0 0 0 24px; width: auto }
.relatedArticlesHorizontal__container .article > a{ width: 438px; min-width: 438px }

.document > .container{ padding-right: 154px }
.document .backSection{ padding-bottom: 24px }
.document .pageContent{ width: 100% }
.documentDate{ color: var(--color-gray1); margin-top: 48px }

.footer{ width: 100%; background: var(--color-blue); padding: 36px 0 }
.footer .container{ justify-content: space-between }
.footer-links{ display: flex; align-items: center }
.footer-link{ display: block; color: var(--color-white); white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 100% }
.footer-link + .footer-link{ margin-left: 48px }
.footer-copyright{ color: var(--color-white-50) }
.footer .logo{ color: var(--color-white) }
.footer .logo > div:nth-child(2){ background-image: url(../img/logo_white.svg) }


.nav-mob{ display: none }
.only-mob{ display: none }
.galleryMob{ display: none }

@media (max-width: 1500px){
  .pageBody > .relatedArticles{ display: none }
  .pageContent{ width: 100% }
  .page{ padding-bottom: 20px }
  .page > .container{ padding-left: 0 }
  .page{ padding-top: 20px }
  .backSection{ padding-bottom: 24px }
  .backSection .btn{ height: 48px; font-size: 16px; padding: 0 16px }
  .pageTitle, .pageTitle h1{font-size: 18px;line-height: 110%}
  .articlePageImg{ margin-top: 30px; border-radius: 12px }
  .articleBlogImg{ max-height: 100px; }
  .only-mob{ display: block; width: 100%; max-width: 100% }

  .pageTitle, .pageTitle h1{ font-size: 48px; font-weight: 500; line-height: 110% }
}
@media (max-width: 600px){
    .m48{ font-size: 36px; line-height: 110% }
    .m24{ font-size: 16px; line-height: 110% }

    .t16{ font-size: 12px; line-height: 140% }

    .btn{ height: 36px; padding: 0 12px; font-size: 14px; font-weight: 500 }

    .container{width: calc(100% - 12px);max-width: 100%;}

    .nav{ display: none }
    .gallery{ display: none }

    .articles{ padding: 40px 0 20px }
    .articlesBody{ margin: 20px 0 0; width: 100% }
    .article{ padding: 0; width: 100% }
    .article + .article{ padding-top: 10px }
    .article > a{ border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start }
    .articleImg{ height: 266px; border-radius: 12px 12px 0 0 }
    .articleTitle{ margin-top: 20px; padding: 0 10px }
    .articleDescription{ padding: 10px 10px 0; margin-bottom: 20px; -webkit-line-clamp: 4 }
    .article .btn{ display: flex; margin-left: 10px; margin-bottom: 20px }

    .showMore{ padding-top: 20px }
    .showMore .btn{ height: 48px; font-size: 16px; width: 100% }

    .categories{ padding: 40px 0 20px }
    .categoriesBody{ margin: 20px 0 0; width: 100% }
    .category{ padding: 0; width: 100% }
    .category + .category{ margin-top: 10px }
    .category > a{ border-radius: 12px }
    .categoryImage{ border-radius: 12px 0 0 12px; width: 120px; min-width: 120px; height: 120px }
    .categoryData{ padding: 0 24px }
    .categoryData .t16, .categoryData .btn{ margin-top: 10px }
    .categoryArrow{ display: none }

    .latest{ padding: 40px 0 20px }

    .footer{ padding: 20px 0 }
    .footer .container{ flex-direction: column }
    .footer-links{ flex-direction: column }
    .footer-link{ margin-top: 20px }
    .footer-link + .footer-link{ margin-left: 0 }

    .nav-mob{ width: 100%; padding: 20px 0; display: flex; border-bottom: 1px solid var(--color-gray3) }
    .nav-mob .container{ display: flex; flex-direction: column; align-items: center }
    .nav-mob__links{ width: 100%; margin-top: 20px }
    .nav-mob__links > div:first-child, .nav-mob__links > div:last-child{ flex-grow: 1; font-size: 18px; font-weight: 500; color: var(--color-gray1) }
    .nav-mob__categories{ position: relative }
    .nav-mob__categoriesBtn{ display: flex; align-items: center; height: 48px; padding: 0 16px; background: var(--color-blue); color: var(--color-white); font-size: 16px; font-weight: 500; border-radius: 99px; cursor: pointer; transition: background-color .3s }
    .nav-mob__categoriesBtn > div:last-child{ width: 24px; height: 24px; margin-left: 8px; background: url(../img/arrowBottom_white.svg) no-repeat center / contain; transition: transform .3s }
    .nav-mob__categories.active .nav-mob__categoriesBtn{ background: var(--color-black) }
    .nav-mob__categories.active .nav-mob__categoriesBtn > div:last-child{ transform: rotate(180deg) }
    .nav-mob .nav-search{ padding-left: 0; margin-top: 20px }
    .nav-mob .nav-search{ width: 100% }
    .nav-mob .nav-menuModal{ top: 58px; left: 50%; transform: translateX(-50%) }
    .nav-mob__categories.active .nav-menuModal{ display: block }

    .galleryMob{ width: 100%; background: var(--color-black); display: block }
    .galleryMob__img{ width: 100%; background: no-repeat center / cover; position: relative }
    .galleryMob__img::before{ content: ""; display: block; padding-top: 100% }
    .galleryMob__img div{ position: absolute; left: 0; right: 0; bottom: 0; top: 50%; background: linear-gradient(to bottom, var(--color-black-0) 0%, var(--color-black) 98%) }
    .galleryMob__content{ padding-bottom: 40px; text-align: center; color: var(--color-white) }
    .galleryMob__content .t16{ margin-top: 20px }
    .galleryMob__content .btn{ margin-top: 20px; height: 48px; font-size: 16px }

    .pageBody > .relatedArticles{ display: none }
    .pageContent{ width: 100% }
    .page{ padding-bottom: 20px }
    .page > .container{ padding-left: 0 }
    .page{ padding-top: 20px }
    .backSection{ padding-bottom: 24px }
    .backSection .btn{ height: 48px; font-size: 16px; padding: 0 16px }
    .pageTitle, .pageTitle h1{font-size: 14px;line-height: 132%;}
    .articlePageImg{ margin-top: 30px; border-radius: 12px }
    .articleBlogImg{ max-height: 100px; }

    p{font-size: 12px;color: #686868;}
    h3{ font-size: 24px; margin-top: 30px; line-height: 110% }
    h3 + p{ margin-top: 16px }
    p + p{ margin-top: 16px }

    .relatedArticlesHorizontal{ padding-top: 40px }
    .relatedArticlesHorizontal__title .m48{ font-size: 24px; line-height: 110% }
    .relatedArticlesHorizontal__arrow:last-child{ margin-left: 10px }
    .relatedArticlesHorizontal__scroll{ padding: 20px 0 }
    .relatedArticlesHorizontal__container .article > a{ width: 264px; min-width: 264px }
    .relatedArticlesHorizontal__container .articleTitle{ margin-top: 24px; padding: 0 12px }
    .relatedArticlesHorizontal__container .articleDescription{ padding: 12px 12px 0 }

    .pageItems{ margin-top: 20px }
    .pageItem{ flex-direction: column; border-radius: 12px }
    .pageItemImg{ width: 100%; min-width: unset; height: 266px; border-radius: 12px 12px 0 0 }
    .pageItemData{ padding: 20px 10px }
    .pageItemData .t16{ margin-top: 10px }
    .pageItemData .btn{ margin-top: 10px }
    .navigationPages{ margin-top: 20px; width: 100%; justify-content: center }
    .only-mob{ display: block; width: 100%; max-width: 100% }

    .pageTitleMob{ font-size: 24px }
    .pageSubtitle{ margin-top: 20px; font-size: 16px; line-height: 110% }
    .pageSubtitle + .pageItems{ margin-top: 40px }

    .page > .container{ padding-right: 0 }
    .documentDate{ margin-top: 20px }
    .document p{ margin-top: 20px }
    .document h3{ margin-top: 24px }
    .document h3 + ul{ margin-top: 20px }
    ul{ padding-inline-start: 15px }
    li{ font-size: 16px; line-height: 140% }
}

.Search .m24{
  border-bottom: 1px solid #000;
}
.Search .pageItemData{
  padding: unset;
}


.articleBgLazy {
position: relative;
overflow: hidden;
width: 100%;
height: 100%
}

.articleBgLazy .bgImg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 100;
}


.pageContent table{
  width:100%;
  margin-bottom: 5px;
}