*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

[tabindex='-1']:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol, ol ul {
    margin-bottom: 0;
}

ul ol, ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    height: auto;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter/Inter-Medium.woff2) format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter/Inter-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter/Inter-Bold.woff2) format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: InterTight;
    src: url(../fonts/InterTight/InterTight-Medium.woff2) format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: InterTight;
    src: url(../fonts/InterTight/InterTight-Bold.woff2) format('woff2');
    font-weight: 700;
    font-display: swap;
}

body {
    position: relative;
    min-width: 320px;
    font-family: Inter, sans-serif;
    font-size: var(--main-text-size);
    line-height: var(--main-text-line-height);
    color: var(--main-text-color);
    font-weight: 500;
    background-color: #f9f9fa;
    overflow-x: hidden;
}

html[dir='rtl'] body,
.rtl {
    direction: rtl;
    text-align: right;
}

.prevent__scroll {
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1500px;
    padding: 0 30px;
    margin: 0 auto;
}

.hidden {
    display: none !important;
}

a {
    color: #0b60d6;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    color: var(--head-text-color);
}

.page__btn {
    display: inline-block;
    padding: 11px 15px;
    min-width: 180px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--btn-text-color);
    background-color: var(--accent-color);
    border: 1px solid var(--btn-border-color);
    border-radius: 8px;
    transition: background-color .25s ease, border .25s ease;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .page__btn:hover {
        color: var(--btn-text-color);
        background-color: var(--btn-background-color-hover);
        border: 1px solid var(--btn-border-color-hover);
    }
}

#scroll-progress {
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    transform-origin: 0% 50%;
    background-color: #4d545c;
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    padding: 18px 0;
    background-color: #fff;
    border-bottom: 1px solid #e8e9eb;
    z-index: 100;
}

.header .header__logo {
    width: 100%;
    max-width: 204px;
}

.header .header__row {
    display: flex;
    align-items: center;
}

.header .header__menu {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.header .header__menu .menu {
    display: flex;
    list-style-type: none;
    justify-content: space-evenly;
    margin: 0;
    padding: 0;
}

.header .header__menu .menu-item {
    margin: 0 5px;
}

.header .header__menu .menu-item--cta {
    display: none;
}

.header .header__menu a {
    padding: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #383f46;
    text-decoration: none;
    transition: color .25s ease;
}

.header .header__menu a:hover,
.header .header__menu .current-menu-item:not(.menu-item--cta) a {
    color: #fa6a1d;
}

.header .header__language {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 36px;
    height: 48px;
    -webkit-margin-end: 30px;
    margin-inline-end: 30px;
}

.header .header__language .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header .header__language img {
    max-width: 24px;
}

.header .header__language .pll-parent-menu-item {
    position: relative;
}

.header .header__language .pll-parent-menu-item a[href*='#pll_switcher'] span,
.header .header__language .sub-menu .current-lang {
    display: none;
}

.header .header__language:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s ease-in, visibility 0s linear 0s;
}

.header .header__language .sub-menu {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 65px;
    margin: 0;
    padding: 20px;
    top: 37px;
    inset-inline-end: -20px;
    list-style-type: none;
    background-color: #252a2e;
    border-radius: 16px;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.30);
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s ease-in, visibility 0s linear 0.2s;
}

.header .header__language .sub-menu a {
    display: block;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #bbbfc3;
    text-decoration: none;
}

.header .header__language .sub-menu span {
    display: block;
    margin-left: 0 !important;
}

.header .header__language .sub-menu .lang-item img {
    display: block;
    margin-bottom: 5px;
}

.header .header__cta .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header .menu-item--cta a {
    display: inline-block;
    padding: 11px 15px;
    min-width: 180px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--btn-text-color);
    background-color: var(--accent-color);
    border: 1px solid var(--btn-border-color);
    border-radius: 8px;
    transition: background-color .25s ease, border .25s ease;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .header .menu-item--cta a:hover {
        background-color: var(--btn-background-color-hover);
        border: 1px solid var(--btn-border-color-hover);
    }
}

.header__burger {
    position: relative;
    display: none;
    margin-bottom: -6px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.header__burger span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px;
    margin-bottom: 9px;
    width: 30px;
    height: 3px;
    background-color: #252a2e;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color,-webkit-transform;
    transition-property: background-color,-webkit-transform;
    -o-transition-property: background-color,transform;
    transition-property: background-color,transform;
    transition-property: background-color,transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header__burger span::after,
.header__burger span::before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 3px;
    background-color: #252a2e;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color,-webkit-transform;
    transition-property: background-color,-webkit-transform;
    -o-transition-property: background-color,transform;
    transition-property: background-color,transform;
    transition-property: background-color,transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.header__burger span::before {
    top: -9px;
}

.header__burger span::after {
    top: 9px;
}

.header__burger.header__burger-active span {
    background-color: transparent;
}

.header__burger.header__burger-active span::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

.header__burger.header__burger-active span::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

.header__burger.header__burger-active span:after,
.header__burger.header__burger-active span:before {
    background-color: #252a2e;
}

.article__outer {
    margin-top: 30px;
    padding: 45px 60px;
    background-color: #fff;
    border-radius: 18px;
}

.article__post {
    max-width: 835px;
    margin: 0 auto;
}

.article__post h1,
.article__post h2,
.article__post h3,
.article__post h4,
.article__post h5,
.article__post h6,
.article__post strong,
.article__post b {
    font-weight: 700;
}

.article__post h1,
.article__post h2 {
    font-family: InterTight, sans-serif;
    font-size: var(--title-size-md);
    line-height: 1.3;
}

.article__post h3 {
    font-size: var(--title-size-sm);
    line-height: 1.38;
}

.article__post h4 {
    margin-bottom: 10px;
    font-size: var(--title-size-xsm);
    line-height: 1.5;
}

.article__post h1 {
    margin-bottom: 36px;
}

.article__post h2,
.article__post h3 {
    margin-top: 60px;
    margin-bottom: 24px;
}

.article__post .article__header {
    margin-bottom: 38px;
}

.article__post .article__time__to__read {
    margin-bottom: 22px;
}

.article__post .article__header h1 {
    margin-bottom: 0;
}

.article__post p {
    margin-bottom: 28px;
}

.article__post p:last-child {
    margin-bottom: 0;
}

.article__post ul {
    margin-bottom: 28px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}

.article__post li {
    margin-bottom: 17px;
}

.article__post li:last-child {
    margin-bottom: 0;
}

.article__post blockquote {
    margin: 60px 0;
    padding: 23px 42px;
    background-color: #f9f9fa;
    border-radius: 18px;
}

.article__post blockquote:last-child {
    margin-bottom: 0;
}

.article__post blockquote p {
    margin-bottom: 19px;
}

.article__post blockquote p:last-child {
    margin-bottom: 0;
}

.article__post blockquote ul {
    margin-bottom: 19px;
    -webkit-padding-start: 27px;
    padding-inline-start: 27px;
}

.article__post blockquote ul:last-child {
    margin-bottom: 0;
}

.article__post #toc_container {
    margin: 35px 0;
    padding: 23px 42px;
    background-color: #f9f9fa;
    border-radius: 18px;
}

.article__post #toc_container ul {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}

.article__post #toc_container .toc_title {
    margin: 0;
    line-height: 1.5;
    font-size: var(--title-size-xsm);
    color: var(--head-text-color);

}

.article__post #toc_container a {
    text-decoration: none;
}

.article__post .article__next {
    display: flex;
    justify-content: center;
    margin-top: 37px;
}

.article__post .article__next a {
    position: relative;
    -webkit-padding-end: 35px;
    padding-inline-end: 35px;
    text-decoration: none;
    font-weight: 700;
}

.article__post .article__next a::before {
    content: '';
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../img/article_arrow_right_up_blue.svg);
}

html[dir='rtl'] .article__post .article__next a::before,
.rtl .article__post .article__next a::before {
    transform: translate(0, -50%) rotate(-90deg);
}

.article__output h1 {
    margin: 0;
    font-family: InterTight, sans-serif;
    line-height: 1.3;
    font-weight: 500;
    font-size: var(--title-size-lg);
    color: var(--head-text-color);
}

.article__list {
    margin-top: 48px;
}

.article__list .article__item {
    margin-bottom: 53px;
}

.article__list .article__item:last-child {
    margin-bottom: 0;
}

.article__item .article__link {
    display: flex;
    text-decoration: none;
}

.article__item .article__link:hover .article__excerpt {
    opacity: .7;
}

.article__item .article__img {
    width: 100%;
    max-width: 450px;
    -webkit-margin-end: 33px;
    margin-inline-end: 33px;
}

.article__item .article__img img {
    max-width: 100%;
    height: auto;
}

.article__item .article__excerpt {
    width: 100%;
    max-width: 673px;
    transition: opacity .25s ease;
}

.article__item .article__title {
    margin-bottom: 12px;
    line-height: 1.5;
    font-size: var(--title-size-xsm);
    color: var(--head-text-color);
}

.article__item .article__txt {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--main-text-color);
}

.article__item .article__time__to__read {
    position: relative;
    display: inline-block;
    margin-top: 28px;
    font-size: 16px;
    color: #bbbfc3;
}

.article__item .article__time__to__read::before {
    content: '';
    position: absolute;
    inset-inline-end: -34px;
    top: 48%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../img/article_arrow_right_up_grey.svg);
}

html[dir='rtl'] .article__item .article__time__to__read::before,
.rtl .article__item .article__time__to__read::before {
    transform: translate(0, -50%) rotate(-90deg);
}

.articles__pagination {
    display: flex;
    justify-content: center;
}

.articles__pagination .wp-pagenavi {
    display: inline-block;
    margin-top: 50px;
    text-align: center;
}

.articles__pagination .wp-pagenavi span,
.articles__pagination .wp-pagenavi a {
    display: inline-block;
    min-width: 34px;
    height: 32px;
    padding: 7px 10px;
    border-radius: 4px;
    border: 1px solid #c6c9cd;
    margin: 0 2px;
    font-size: 16px;
    line-height: 1;
    color: var(--main-text-color);
    text-decoration: none;
    transition: color .25s ease;
}

.articles__pagination .wp-pagenavi a:hover {
    color: var(--accent-color);
}

.articles__pagination .wp-pagenavi i {
    display: none;
}

.articles__pagination .wp-pagenavi .previouspostslink {
    position: relative;
    float: left;
    height: 32px;
}

.articles__pagination .wp-pagenavi .nextpostslink {
    position: relative;
    float: right;
    height: 32px;
}

.articles__pagination .wp-pagenavi .previouspostslink::before,
.articles__pagination .wp-pagenavi .nextpostslink::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.98318 3.59935C6.87904 3.49521 6.71019 3.49521 6.60605 3.59935L5.80467 4.40073C5.70053 4.50487 5.70053 4.67372 5.80467 4.77786L9.02685 8.00004L5.80467 11.2222C5.70053 11.3264 5.70053 11.4952 5.80467 11.5993L6.60606 12.4007C6.7102 12.5049 6.87904 12.5049 6.98318 12.4007L11.1953 8.1886C11.2995 8.08446 11.2995 7.91562 11.1953 7.81148L6.98318 3.59935Z' fill='%23777F86'/></svg>");
    transition: background-image .25s ease;
}

.articles__pagination .wp-pagenavi .previouspostslink::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.articles__pagination .wp-pagenavi .previouspostslink:hover::before,
.articles__pagination .wp-pagenavi .nextpostslink:hover::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.98318 3.59935C6.87904 3.49521 6.71019 3.49521 6.60605 3.59935L5.80467 4.40073C5.70053 4.50487 5.70053 4.67372 5.80467 4.77786L9.02685 8.00004L5.80467 11.2222C5.70053 11.3264 5.70053 11.4952 5.80467 11.5993L6.60606 12.4007C6.7102 12.5049 6.87904 12.5049 6.98318 12.4007L11.1953 8.1886C11.2995 8.08446 11.2995 7.91562 11.1953 7.81148L6.98318 3.59935Z' fill='%23fa6a1d'/></svg>");
}

.articles__pagination .wp-pagenavi .current {
    color: #fff;
    background-color: var(--accent-color);
    border-color: var(--btn-border-color);
}

.articles__pagination .wp-pagenavi .extend {
    min-width: 10px;
    padding: 7px 0;
    margin: 0;
    border-color: transparent;
}

.cta__slider {
    width: 100%;
    max-width: 1920px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.cta__slider .slide__inner {
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

.cta__slider .container {
    display: flex;
    height: 100%;
}

.cta__slider .slide__txt {
    width: 100%;
    max-width: 750px;
    margin: auto 0;
}

.cta__slider .slide__title {
    font-size: 48px;
    line-height: 1;
}

.cta__slider .slide__title span {
    color: var(--accent-color);
}

.cta__slider .slide__description {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.6;
}

.cta__slider .page__btn {
    margin-top: 55px;
}

.cta__slider .slide__inner--dark-theme .slide__title {
    color: #fff;
}

.cta__slider .slide__inner--dark-theme .slide__description {
    color: #bbbfc3;
}

.cta__slider .slide__inner--orange-theme .slide__title,
.cta__slider .slide__inner--orange-theme .slide__description {
    color: #fff;
}

.cta__slider .swiper-pagination .swiper-pagination-bullet {
    background-color: #bbbfc3;
    opacity: 1;
}

.cta__slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--accent-color);
}

.title__wrap--center {
    text-align: center;
}

.sect__title {
    margin: 0;
    font-family: InterTight, sans-serif;
    font-weight: 500;
}

.sect__title.sect__title--lg {
    font-size: var(--title-size-lg);
    line-height: 1;
}

.sect__title.sect__title--md {
    font-size: var(--title-size-md);
    line-height: 1.3;
}

.sect__categories {
    padding-top: 80px;
}

.sect__categories .title__wrap {
    text-align: center;
}

.sect__categories .title__wrap .subtitle {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}

.sect__categories .categories__list {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 65px;
}

.sect__categories .categories__list a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 38px 30px;
    text-decoration: none;
    z-index: 2;
}

.sect__categories .categories__list .categories__list-item {
    position: relative;
    flex: 1 1 calc(25% - 26px);
    aspect-ratio: 340 / 306;
    border-radius: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
    --homepage-categories-box-shadow-color: transparent;
    box-shadow: 0px 17px 36px -3px var(--homepage-categories-box-shadow-color);
}

@media (hover: hover) and (pointer: fine) {
    .sect__categories .categories__list .categories__list-item:hover {
        transform: scale(1.03);
        --homepage-categories-box-shadow-color: rgba(0, 0, 0, 0.30);
    }
}

.sect__categories .categories__list .categories__list-item:nth-child(1) {
    background: linear-gradient(311deg, #6E93F8 6.25%, #1D449C 86.47%);
}

.sect__categories .categories__list .categories__list-item:nth-child(2) {
    background: linear-gradient(309deg, #000 4.45%, #353535 87.79%);
}

.sect__categories .categories__list .categories__list-item:nth-child(3) {
    background: linear-gradient(95deg, #A42919 0.2%, #FFA636 100%);
}

.sect__categories .categories__list .categories__list-item:nth-child(4) .item__title {
    color: var(--head-text-color);
}

.sect__categories .categories__list .item__img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sect__categories .categories__list .item__img img {
    width: 100%;
    height: 100%;
}

.sect__categories .categories__list .item__title {
    color: #fff;
    font-size: clamp(16px, 2.18vw, 33px);
    font-weight: 700;
    line-height: 1.4;
}

.sect__categories .categories__list .item__icon {
    position: absolute;
    width: 41px;
    height: 41px;
    inset-inline-start: 32px;
    bottom: 20px;
    background-color: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    background-image: url(../img/homepage_arrow_right_up_dark.svg);
}

.sect__popular {
    margin-top: 110px;
}

.sect__popular .popular__outer {
    padding: 53px 60px;
    background-color: #fff;
    border-radius: 18px;
}

.popular__list {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
}

.popular__list .popular__item {
    width: 100%;
    max-width: 384px;
    -webkit-margin-end: 25px;
    margin-inline-end: 25px;
}

.popular__list .popular__item:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}

.popular__list .popular__item a {
    text-decoration: none;
}

.popular__list .popular__item .item__txt {
    width: 100%;
    margin-top: 30px;
    transition: opacity .25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .popular__list .popular__item a:hover .item__txt {
        opacity: .7;
    }
}

.popular__list .item__title {
    position: relative;
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
    color: var(--head-text-color);
    font-size: var(--title-size-xsm);
    line-height: 1.5;
}

.popular__list .item__title::before {
    content: '';
    position: absolute;
    top: 6px;
    inset-inline-end: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../img/article_arrow_right_up_grey.svg);
}

html[dir='rtl'] .popular__list .item__title::before,
.rtl .popular__list .item__title::before {
    transform: rotate(-90deg);
}

.popular__list .item__description {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--main-text-color);
}

.sect__join {
    margin-top: 60px;
}

.sect__join .join__wrap {
    display: flex;
    background-color: #121414;
    border-radius: 18px;
    overflow: hidden;
}

.join__wrap .join__video {
    width: 100%;
    max-width: 688px;
    margin-top: auto;
}

.join__wrap .join__video .video__cta {
    display: block;
    width: 100%;
    height: auto;
}

.join__wrap .join__txt {
    width: 100%;
    max-width: 590px;
    padding: 15px 0;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-margin-end: 30px;
    margin-inline-end: 30px;
}

.join__wrap .sect__title {
    color: #fff;
}

.join__wrap p {
    max-width: 400px;
    margin-top: 20px;
    margin-bottom: 0;
    color: #e8e9eb;
    font-size: 18px;
}

.join__wrap .page__btn {
    margin-top: 40px;
}

.footer {
    margin-top: 65px;
    padding-bottom: 60px;
}

.footer .footer__content {
    padding-top: 20px;
    border-top: 1px solid #e8e9eb;
    font-size: 14px;
    line-height: 20px;
}

.footer .policy__link {
    display: inline-block;
    margin-top: 25px;
}

.article__empty {
    max-width: 670px;
    margin: 60px auto 0 auto;
    text-align: center;
}

.article__empty h2 {
    font-size: var(--title-size-sm);
}

.article__empty p {
    margin-top: 30px;
}

.error__page__links {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    list-style-type: none;
}

.error__page__links .menu-item--cta {
    display: none;
}

.error__wrapper {
    max-width: 670px;
    margin: 0 auto;
    text-align: center;
}

.error__wrapper .error__img {
    width: 100%;
    max-width: 114px;
    margin: 0 auto;
}

.error__wrapper p {
    margin-top: 30px;
}

@media (max-width: 1860px) {
    .cta__slider .slide__inner {
        background-position: 47vw bottom;
    }
}

@media (max-width: 1400px) {
    .cta__slider .slide__inner {
        background-position: calc(100% + 20vw + 100px) bottom;
    }
}

@media (max-width: 1360px) {
    .join__wrap .sect__title {
        font-size: 40px;
    }
}

@media (max-width: 1280px) {
    .cta__slider .slide__txt {
        max-width: 685px;
    }
}

@media (max-width: 1200px) {
    .container {
        padding: 0 15px;
    }

    .menu__overlay {
        overflow: hidden;
    }

    .cta__slider .container {
        padding: 0 30px;
    }

    .header .header__menu {
        position: fixed;
        display: block;
        width: 100%;
        max-width: 400px;
        height: calc(100% - 81px);
        inset-inline-start: auto;
        inset-inline-end: -400px;
        top: 81px;
        padding: 3px 15px 15px 15px;
        background-color: #f4f5f5;
        -webkit-transition: inset-inline-end .3s ease;
        -o-transition: inset-inline-end .3s ease;
        transition: inset-inline-end .3s ease;
        z-index: 100;
        overflow: auto;
    }

    .logged-in .header .header__menu {
        height: calc(100% - 113px);
        top: 113px;
    }

    .header .header__menu.header__menu-visible {
        inset-inline-end: 0;
    }

    body.menu__overlay .header::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        top: 81px;
        width: 100%;
        height: calc(100vh - 81px);
        background-color: var(--page-overlay-color);
        z-index: 9;
    }

    .header .header__menu .menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
    }

    .header .header__menu .menu-item {
        margin: 0;
        width: 100%;
    }

    .header .header__menu .current-menu-item:not(.menu-item--cta) a {
        background-color: #fff3ed;
    }

    .header .header__menu .menu-item--cta,
    .header__burger {
        display: block;
    }

    .header .header__menu .menu-item--cta {
        margin-top: auto;
    }

    .header .header__menu .menu-item--cta a {
        width: 100%;
    }

    .header .header__menu .menu-item:not(.menu-item--cta) {
        padding: 12px 0;
        border-bottom: 1px solid #e8e9eb;
    }

    .header .header__menu .menu-item:not(.menu-item--cta) a {
        position: relative;
        display: block;
        padding: 12px;
        border-radius: 8px;
        transition: background-color .25s ease;
    }

    @media (hover: hover) and (pointer: fine) {
        .header .header__menu .menu-item:not(.menu-item--cta, .current-menu-item) a:hover {
            background-color: #fff3ed;
            color: #383f46;
        }
    }

    .header .header__menu .menu-item:not(.menu-item--cta) a::before {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        inset-inline-end: 12px;
        top: 50%;
        transform: translate(0, -50%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        background-image: url(../img/menu_arrow_right.svg);
    }

    html[dir='rtl'] .header .header__menu .menu-item:not(.menu-item--cta) a::before,
    .rtl .header .header__menu .menu-item:not(.menu-item--cta) a::before {
        transform: translate(0, -50%) rotate(180deg);
    }

    .header .header__menu .current-menu-item.menu-item:not(.menu-item--cta) a::before {
        display: none;
    }

    .header .header__cta {
        display: none;
    }

    .header .header__logo {
        -webkit-margin-end: auto;
        margin-inline-end: auto;
    }

    .header .header__language {
        -webkit-margin-end: 20px;
        margin-inline-end: 20px;
    }

    .article__outer {
        padding: 30px 15px;
    }

    .article__post blockquote,
    .article__post #toc_container {
        padding: 25px;
    }

    .sect__categories .categories__list a {
        padding: 20px;
    }

    .sect__categories .categories__list .item__icon {
        width: 30px;
        height: 30px;
        inset-inline-start: 20px;
    }

    .sect__popular .popular__outer {
        padding: 40px 25px;
    }

    .cta__slider .slide__inner {
        background-position: 40vw bottom;
    }

    .cta__slider .slide__txt {
        max-width: 570px;
    }

    .cta__slider .slide__title {
        font-size: 40px;
    }

    .cta__slider .slide__description {
        font-size: 18px;
    }
}

@media (max-width: 1080px) {
    .cta__slider .slide__inner {
        background-size: cover;
    }
}

@media (max-width: 1024px) {
    .sect__join .join__wrap {
        flex-direction: column;
        max-width: 688px;
        margin: 0 auto;
    }

    .join__wrap .join__txt {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        padding: 15px;
    }

    .join__wrap .page__btn {
        margin-top: 24px;
    }
}

@media (max-width: 992px) {
    .article__item .article__title {
        font-size: 20px;
    }

    .sect__categories .title__wrap .subtitle {
        font-size: 20px;
    }

    .sect__categories .categories__list {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
        gap: 18px;
    }

    .sect__categories .categories__list .categories__list-item {
        flex: 1 1 calc(50% - 18px);
    }

    .sect__categories .categories__list .item__title {
        font-size: 30px;
    }

    .popular__list {
        flex-direction: column;
    }

    .popular__list .popular__item {
        max-width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        margin-bottom: 30px;
    }

    .popular__list .popular__item:last-child {
        margin-bottom: 0;
    }

    .popular__list .popular__item a {
        display: flex;
    }

    .popular__list .item__img {
        width: 100%;
        max-width: 335px;
        -webkit-margin-end: 30px;
        margin-inline-end: 30px;
    }

    .popular__list .popular__item .item__txt {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .article__item .article__link {
        flex-direction: column;
    }

    .article__item .article__img {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
    }

    .article__item .article__excerpt {
        margin-top: 20px;
    }

    .article__item .article__time__to__read {
        margin-top: 18px;
    }

    .cta__slider .slide__title,
    .cta__slider .slide__description {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 680px) {
    .sect__categories .categories__list .item__title {
        font-size: clamp(16px, 4vw, 33px);
    }

    .cta__slider .slide__inner {
        background-position: 30vw bottom;
    }

    .error__page__links {
        flex-direction: column;
    }

    .error__page__links li {
        margin-top: 20px;
    }

    .error__page__links li:first-child {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

@media (max-width: 520px) {
    .header {
        padding: 9px 0;
    }

    .header .container {
        padding: 0 15px;
    }

    .header .header__logo {
        max-width: 140px;
    }

    .header .header__menu {
        height: calc(100% - 63px);
        top: 63px;
    }

    .logged-in .header .header__menu {
        height: calc(100% - 109px);
        top: 109px;
    }

    body.menu__overlay .header::before {
        height: calc(100vh - 63px);
        top: 63px;
    }

    .article__post h1,
    .article__post h2 {
        line-height: 1.37;
    }

    .article__post h1 {
        margin-bottom: 25px;
    }

    .article__post h2,
    .article__post h3 {
        margin-top: 48px;
        margin-bottom: 30px;
    }

    .article__post p {
        margin-bottom: 24px;
    }

    .article__post blockquote {
        margin-top: 48px;
    }

    .sect__categories {
        padding-top: 50px;
    }

    .sect__categories .categories__list {
        flex-direction: column;
        align-items: center;
        margin: 40px auto 0 auto;
        max-width: 345px;
    }

    .sect__categories .categories__list .categories__list-item {
        width: 100%;
        aspect-ratio: 345 / 280;
    }

    .sect__categories .categories__list a {
        padding: 30px;
    }

    .sect__categories .categories__list .item__title {
        font-size: 32px;
    }

    .sect__categories .categories__list .item__icon {
        inset-inline-start: 30px;
    }

    .sect__popular {
        margin-top: 50px;
    }

    .sect__popular .popular__outer {
        padding: 25px;
    }

    .sect__popular .sect__title.sect__title--lg,
    .join__wrap .sect__title {
        font-size: 32px;
        line-height: 1.37;
    }

    .popular__list {
        margin-top: 40px;
    }

    .popular__list .popular__item a {
        flex-direction: column;
    }

    .popular__list .item__img {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        margin-bottom: 20px;
    }

    .sect__join {
        margin-top: 50px;
    }

    .cta__slider {
        height: 490px;
    }

    .cta__slider .container {
        padding: 0 10px;
    }

    .cta__slider .slide__inner {
        text-align: center;
        background-position: center bottom;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="0"] .slide__inner {
        background-color: #f6f7f8 !important;
        background-image: url(../img/homepage_slider_mobile_img/slide_1_mobile.png) !important;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="1"] .slide__inner {
        background-color: #121414 !important;
        background-image: url(../img/homepage_slider_mobile_img/slide_2_mobile.png) !important;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="2"] .slide__inner {
        background-color: #f79b33 !important;
        background-image: url(../img/homepage_slider_mobile_img/slide_3_mobile.png) !important;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="0"] .slide__title {
        color: #040404;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="1"] .slide__title,
    .cta__slider .swiper-slide[data-swiper-slide-index="2"] .slide__title,
    .cta__slider .swiper-slide[data-swiper-slide-index="2"] .slide__title span {
        color: #fff;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="0"] .slide__title span,
    .cta__slider .swiper-slide[data-swiper-slide-index="1"] .slide__title span  {
        color: #fa6a1d;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="0"] .slide__description {
        color: #383f46;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="1"] .slide__description {
        color: #bbbfc3;
    }

    .cta__slider .swiper-slide[data-swiper-slide-index="2"] .slide__description {
        color: #fff;
    }

    .cta__slider .slide__title {
        font-size: 32px;
        line-height: 1.37;
    }

    .cta__slider .slide__description {
        font-size: 16px;
    }

    .article__empty p br,
    .error__wrapper p br {
        display: none;
    }
}

@media (max-width: 390px) {
    .article__item .article__txt,
    .article__item .article__time__to__read {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .cta__slider .slide__title {
        font-size: 28px;
    }

    .cta__slider .page__btn {
        margin-top: 40px;
    }
}

@media (max-width: 360px) {
    .articles__pagination .wp-pagenavi span,
    .articles__pagination .wp-pagenavi a {
        min-width: 28px;
        padding: 8px;
        font-size: 13px;
    }

    .sect__categories .categories__list .item__title {
        font-size: clamp(16px, 8.5vw, 33px);
    }

    .sect__categories .categories__list a {
        padding: 25px;
    }

    .sect__categories .categories__list .item__icon {
        inset-inline-start: 25px;
    }
}

@media (max-width: 340px) {
    .cta__slider .slide__description {
        font-size: 14px;
    }
}