/* Fonts */
@font-face {
    font-family: 'Montserrat';
    src: url("../../../../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
    url("../../../../fonts/Montserrat/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url("../../../../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
    url("../../../../fonts/Montserrat/Montserrat-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url("../../../../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
    url("../../../../fonts/Montserrat/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url("../../../../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
    url("../../../../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MontserratAlternates';
    src: url("../../../../fonts/MontserratAlternates/MontserratAlternates-Regular.woff2") format("woff2"),
    url("../../../../fonts/MontserratAlternates/MontserratAlternates-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MontserratAlternates';
    src: url("../../../../fonts/MontserratAlternates/MontserratAlternates-Bold.woff2") format("woff2"),
    url("../../../../fonts/MontserratAlternates/MontserratAlternates-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MontserratAlternates';
    src: url("../../../../fonts/MontserratAlternates/MontserratAlternates-Medium.woff2") format("woff2"),
    url("../../../../fonts/MontserratAlternates/MontserratAlternates-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MontserratAlternates';
    src: url("../../../../fonts/MontserratAlternates/MontserratAlternates-SemiBold.woff2") format("woff2"),
    url("../../../../fonts/MontserratAlternates/MontserratAlternates-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat";
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.border0, .border0 td, .border0 th { border: 0; }
.border1, .border1 td, .border1 th { border: 1px solid #000; }
.border2, .border2 td, .border2 th { border: 2px solid #000; }
.border3, .border3 td, .border3 th { border: 3px solid #000; }
.border4, .border4 td, .border4 th { border: 4px solid #000; }
.border5, .border5 td, .border5 th { border: 5px solid #000; }

/* Margin 60px after table */
.border0, .border1, .border2, .border3, .border4, .border5 {
    margin-bottom: 60px;
}


/*img { max-width: 100%; }*/
b, strong, th { font-weight: bold; }
:focus { outline: none; }
ul, li {
    margin: 0;
    padding: 0;
}

/* _base.css */
.container {
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 15px;
}
.swiper-v .swiper-button-prev {
    right: 180px;
    left: auto;
}
.swiper-v .swiper-button-next {
    right: 120px;
}
.swiper-v .swiper-button-prev,
.swiper-v .swiper-button-next {
    top: -50px;
}
.swiper-v .swiper-button-next:after,
.swiper-v .swiper-button-prev:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25' cy='25' r='25' fill='%238BE7DD'/%3e%3cpath d='M30.7071 25.7071C31.0976 25.3166 31.0976 24.6834 30.7071 24.2929L24.3431 17.9289C23.9526 17.5384 23.3195 17.5384 22.9289 17.9289C22.5384 18.3195 22.5384 18.9526 22.9289 19.3431L28.5858 25L22.9289 30.6569C22.5384 31.0474 22.5384 31.6805 22.9289 32.0711C23.3195 32.4616 23.9526 32.4616 24.3431 32.0711L30.7071 25.7071ZM29 26H30V24H29V26Z' fill='white'/%3e%3c/svg%3e ");
    width: 50px;
    height: 50px;
    position: absolute;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
}
.swiper-v .swiper-button-prev:after {
    transform: rotate(180deg);
}
.swiper-v .swiper-button-next[aria-disabled="true"],
.swiper-v .swiper-button-prev[aria-disabled="true"] {
    opacity: 0.8;
}
@media screen and (max-width: 1200px) {
    .container {
        padding: 0 25px;
    }

    .swiper-v .swiper-button-next:after,
    .swiper-v .swiper-button-prev:after {
        width: 44px;
        height: 44px;
        background-size: 44px;
    }
    .swiper-v .swiper-button-next {
        right: 72px;
    }
    .swiper-v .swiper-button-prev {
        right: 127px;
    }
}

@media (max-width: 767px) {
    .swiper-v .swiper-button-prev,
    .swiper-v .swiper-button-next {
        display: none;
    }
}

/*.single-article__content img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*} */

.single-article__content ul {
    margin-bottom: 60px;
}
.single-article__content table {
    margin-bottom: 60px;
}

.single-article__content > div:has(> table) {
    margin-bottom: 60px;
}

.swiper-v .swiper-button-prev {
    right: 180px;
    left: auto;
}

.swiper-v .swiper-button-next {
    right: 120px;
}
.swiper-v .swiper-button-prev,
.swiper-v .swiper-button-next {
    top: -50px;
}

.swiper-v .swiper-button-next:after,
.swiper-v .swiper-button-prev:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25' cy='25' r='25' fill='%238BE7DD'/%3e%3cpath d='M30.7071 25.7071C31.0976 25.3166 31.0976 24.6834 30.7071 24.2929L24.3431 17.9289C23.9526 17.5384 23.3195 17.5384 22.9289 17.9289C22.5384 18.3195 22.5384 18.9526 22.9289 19.3431L28.5858 25L22.9289 30.6569C22.5384 31.0474 22.5384 31.6805 22.9289 32.0711C23.3195 32.4616 23.9526 32.4616 24.3431 32.0711L30.7071 25.7071ZM29 26H30V24H29V26Z' fill='white'/%3e%3c/svg%3e ");
    width: 50px;
    height: 50px;
    position: absolute;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-v .swiper-button-prev:after {
    transform: rotate(180deg);
}

.swiper-v .swiper-button-next[aria-disabled="true"],
.swiper-v .swiper-button-prev[aria-disabled="true"] {
    opacity: 0.8;
}

@media screen and (max-width: 1200px) {
    .swiper-v .swiper-button-next:after,
    .swiper-v .swiper-button-prev:after {
        width: 44px;
        height: 44px;
        background-size: 44px;
    }

    .swiper-v .swiper-button-next {
        right: 72px;
    }

    .swiper-v .swiper-button-prev {
        right: 127px;
    }
}

.btn {
    transition: .3s;
    width: 100%;
}

.btn-blue {
    background-color: #0F1250;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat';
    padding: 15px;
    text-align: center;
    border: 1px solid #0F1250;
    border-radius: 10px;
}

.btn-blue:hover {
    opacity: 0.9;
}

.br-crumbs ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    color: #A0A0A0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    font-family: 'Montserrat';
}

.br-crumbs ul li:after {
    content: "|";
    margin: 0 3px;
}

.br-crumbs ul li:last-child:after {
    content: none;
}

.br-crumbs ul li a {
    color: #A0A0A0;
    text-decoration: none;
}

.br-crumbs ul li a:hover {
    text-decoration: underline;
}

.btn-bord {
    border: 1px solid #393938;
    background-color: #fff;
    color: #393938;
    border-radius: 10px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    font-family: 'Montserrat';
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .swiper-v .swiper-button-next:after,
    .swiper-v .swiper-button-prev:after {
        width: 44px;
        height: 44px;
        background-size: 44px;
    }

    .swiper-v .swiper-button-next {
        right: 72px;
    }

    .swiper-v .swiper-button-prev {
        right: 127px;
    }
}


@media screen and (max-width: 767px) {
    .swiper-v .swiper-button-prev,
    .swiper-v .swiper-button-next {
        display: none;
    }
}

.cards-unt {
    padding: 25px 0;
}

.cards-unt-rw {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.cards-unt-hdr {
    font-size: 28px;
    line-height: 34px;
    color: #393938;
    font-weight: 600;
    font-family: 'Montserrat';
    max-width: calc(100% - 220px);
    display: flex;
    align-items: center;
    gap: 12px;
}

.cards-unt-link {
    color: #0024F4;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Montserrat';
    text-decoration: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L8.34315 15.0711C7.95262 15.4616 7.31946 15.4616 6.92893 15.0711C6.53841 14.6805 6.53841 14.0474 6.92893 13.6569L12.5858 8L6.92893 2.34315C6.53841 1.95262 6.53841 1.31946 6.92893 0.928932C7.31946 0.538408 7.95262 0.538408 8.34315 0.928932L14.7071 7.29289ZM0 7H14V9H0V7Z' fill='%230024F4'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: 100% center;
    padding-right: 20px;
    margin: 10px 0 0 auto;
}

.cards-unt-link:hover {
    text-decoration: underline;
}

.cards-unt-list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -20px 0;
    width: calc(100% + 40px);
}

.cards-unt-col {
    width: 33.33%;
    padding: 10px 20px;
}

.cards-unt-item {
    height: 100%;
    background-color: #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    position: relative;
}

.cards-unt-item .rubric { position: absolute; left: 10px; top: 10px; color: #393938; font-size: 14px; background-color: #fff; padding: 4px 10px; border-radius: 25px; border: solid 1px #E1E1E1; display: flex; gap: 6px; align-items: center; text-decoration: none; }
.cards-unt-item .rubric img { height: 20px; opacity: 0.7; }

.cards-unt-item__img {
    height: 200px;
}

.cards-unt-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cards-unt-item__td {
    margin: 0 0 10px;
}

.cards-unt-item__td ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.cards-unt-item__td ul li {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    font-family: 'Montserrat';
    margin: 0 10px 5px 0;
}

.cards-unt-item__td a {
    text-decoration: none;
    color: #a0a0a0;
}

.cards-unt-item a:hover {
    color: #0024F4;
}

.cards-unt-item__title {
    color: #393938;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    font-family: 'Montserrat';
}
.cards-unt-item__title a {
    text-decoration: none;
    color:rgb(33, 37, 41);
}

.cards-unt-item__cont {
    padding: 20px 30px;
}

.cards-unt-item__date { color: #A0A0A0; font-size: 12px; margin-top: 10px; }

@media screen and (max-width: 1200px) {
    .cards-unt-hdr {
        font-size: 24px;
        line-height: 29px;
        max-width: 100%;
    }

    .cards-unt-col {
        width: 50%;
        padding: 10px 10px;
    }

    .cards-unt-link {
        margin: 20px 0 0 auto;
        order: 1;
    }

    .cards-unt-list {
        margin: 20px -10px 0;
        width: calc(100% + 20px);
    }
}

@media screen and (max-width: 560px) {
    .cards-unt-col {
        padding: 10px 10px;
        width: 100%;
    }

    .cards-unt-item__cont {
        padding: 11px 20px 30px;
    }

    .cards-unt-item__td ul li {
        font-size: 16px;
        line-height: 19px;
    }

    .cards-unt-item__title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
    }

    .cards-unt-hdr {
        font-size: 20px;
        line-height: 24px;
    }

    .cards-unt-list .cards-unt-col:nth-child(n+3) {
        display: block;
    }
}

/* rw-tags */
.rw-tags {
    padding: 30px 20px;
    width: 100%;
}

.rw-tags-items {
    display: flex;
    flex-wrap: wrap;
}

.rw-tags-items ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    max-width: calc(100% - 45px);
}

.rw-tags-items ul li {
    color: #A0A0A0;
    border: 1px solid #A0A0A0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Montserrat';
    margin: 0 10px 10px 0;
    cursor: pointer;
}
.rw-tags-items ul li a{
    padding: 12px 12px;
    text-decoration: none;
    display: block;
    color: #A0A0A0;
}
.rw-tags-items ul li:hover {
    border: 1px solid #0024f4;
}

.rw-tags-items ul li:hover a {
    color: #0024f4;
}

.arrow-more {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' rx='10' fill='%23F0F0F0'/%3e%3cpath d='M19.2929 27.7071C19.6834 28.0976 20.3166 28.0976 20.7071 27.7071L27.0711 21.3431C27.4616 20.9526 27.4616 20.3195 27.0711 19.9289C26.6805 19.5384 26.0474 19.5384 25.6569 19.9289L20 25.5858L14.3431 19.9289C13.9526 19.5384 13.3195 19.5384 12.9289 19.9289C12.5384 20.3195 12.5384 20.9526 12.9289 21.3431L19.2929 27.7071ZM19 13V27H21V13H19Z' fill='%230024F4'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    margin: auto 0 6px auto;
    cursor: pointer;
}
/* tags-unt-block */
.tags-cards-unt {
    padding: 0;
}
.tags-title {
    font-size: 36px;
    line-height: 43.88px;
    color: #393938;
    font-weight: 600;
    font-family: "Montserrat";
}
.tags-cards-unt-list {
    margin-top: 0;
}
.tags-cards-unt-rw {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 15px;
}
.cards-unt-hdr-dcrptn {
    font-size: 18px;
    line-height: 25.56px;
    color: #393938;
}
.tags-cards-unt-col {
    padding: 20px 20px;
}
.arrow-more-top {
    margin: 0 0 10px auto;
    padding: 13px;
    border-radius: 10px;
    background-color: #f0f0f0;
}
.cards-unt-tags-link {
    display: flex;
    max-width: calc(100% - 90px);
}
@media (max-width: 1200px) {
    .cards-unt-col-lst {
        display: none;
    }
}
@media (max-width: 768px) {
    .tags-title {
        font-size: 32px;
        line-height: 39.01px;
    }
    .tags-cards-unt-col {
        padding: 10px 10px;
    }
}
@media (max-width: 430px) {
    .tags-cards-unt-rw {
        gap: 16px;
    }
    .tags-title {
        font-size: 20px;
        line-height: 24.38px;
    }
    .cards-unt-hdr-dcrptn {
        font-size: 16px;
        line-height: 22.72px;
    }
    .arrow-more-top {
        margin: auto 0 0px auto;
    }
    .cards-unt-tags-link {
        max-width: calc(100% - 70px);
    }
}

/* news unit */
.news-unt {
    padding: 30px 0;
    width: 100%;
}

.news-unt-innr {
    background-color: #F5F5F5;
    padding: 60px 0 60px 0;
    border-radius: 20px;
}

.news-unt-hdr a {
    text-decoration: none;
    font-size: 28px;
    line-height: 34px;
    color: #393938;
    font-weight: 600;
    font-family: 'Montserrat';
    padding-left: 60px;
}
.news-unt-hdr a:hover {
    color: #38a870;
}

.news-unt-rw {
    margin: 30px 0 0;
    display: flex;
    position: relative;
}

.news-unt-rw .swiper {
    position: static;
    padding: 0 40px;
}

.news-unt-col {
    padding: 0 20px;
}

.swiper-slide.news-unt-col {
    width: 340px;
}

.news-unt-item {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px 22px;
    height: 100%;
}

.news-unt-data {
    font-size: 14px;
    line-height: 17px;
    color: #A0A0A0;
    font-weight: 400;
    font-family: 'Montserrat';
    margin: 0 0 20px;
}

.news-unt-cont {
    font-size: 16px;
    line-height: 22px;
    color: #393938;
    font-weight: 400;
    font-family: 'Montserrat';
}

@media screen and (max-width: 1200px) {
    .news-unt .container {
        padding: 0 10px;
    }
    .news-unt-innr {
        padding: 50px 0 50px 0;
    }

    .news-unt-col {
        padding: 0 10px;
    }

    .swiper-slide.news-unt-col {
        width: 320px;
    }

    .news-unt-rw .swiper {
        padding: 0 40px;
    }

    .news-unt-hdr a {
        font-size: 24px;
        line-height: 29px;
        padding-left: 50px;
    }
}

@media screen and (max-width: 560px) {
    .news-unt-rw .swiper {
        padding: 0 10px;
    }

    .news-unt-hdr a {
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px;
    }

    .news-unt-innr {
        padding: 40px 0 40px 0;
    }
}

/* Header */
.header__logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 27px 0 20px;
}

.header__text {
    font-size: 14px;
    margin: 4px 0 0 0;
}

.header__icons {
    display: flex;
    align-items: center;
}

.header__icons svg { height: 24px; }

.header__loupe {
    display: flex;
    margin-right: 30px;
}

.header-want-study { padding: 0 20px 0 0; color: #0F1250; font-size: 12px; background: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0.5V1.5H8.295L0 9.795L0.705 10.5L9 2.205V8.5H10V0.5H2Z' fill='%230F1250'/%3E%3C/svg%3E%0A") right center no-repeat; text-decoration: none; font-weight: 500; }
.header-want-study:hover { text-decoration: underline; }

.header-katalog-kursov { display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #fff; line-height: 1; padding: 12px 24px; border-radius: 4px; background: #4FC48A; box-shadow: 0px 4px 8px 0px #4FC48A26; margin-left: 25px; }
.header-katalog-kursov:hover { text-decoration: underline; color: #fff; }

.header__account a {
    text-decoration: none;
}

.header__account-text {
    color: #393938;
}

.header__hamburger-icon {
    display: none;
}

.header__account-block {
    display: flex;
    align-items: center;
}

.header__accaunt-icon {
    margin-right: 16px;
}

.header-search {
    display: none;
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.header-search__input-wrapper {
    width: 77.7%;
    position: relative;
}

.header-search__input {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19.5px;
    width: 100%;
    padding: 18px;
    box-shadow: 4px 8px 30px 0px #3939381a;
    border-radius: 10px;
    border: none;
    padding-right: 40px;
    position: relative;
}

.header-search__clear-button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #888;
    display: none;
}

.header-search__button {
    width: 17.7%;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 500;
    padding: 10px;
    background-color: #0f1250;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.modal {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
    border-radius: 5px;
    padding: 30px;
    height: auto;
    max-height: 400px;
    overflow-y: auto;
    margin-top: 5px;
}

.modal-content {
    margin: 0;
    padding: 0;
}

.modal-close {
    display: none;
}

.modal p,
.modal a.result {
    display: block;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    color: #393938;
    text-decoration: none;
}

.modal p:hover,
.modal a.result:hover {
    background-color: #f0f0f0;
    border-radius: 10px;
}

.show-search {
    display: flex;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
}

.modal p.no-hover:hover {
    background-color: transparent;
    cursor: default;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hidden {
    display: none;
}

.header__close-search {
    display: none;
    cursor: pointer;
}

.header__account-cntr {
    display: flex;
    align-items: center;
}

.show-menu {
    display: flex !important;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
}

.hidden-menu {
    display: none;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {

    .header__icons {
        align-items: center;
    }

    .header__logo-img {
        width: 130px;
        height: 25px;
    }

    .header__text {
        font-size: 13px;
    }

    .header__account-text {
        display: none;
    }

    .header__hamburger-icon {
        display: block;
    }

    .header__loupe,
    .header__accaunt-icon {
        margin-right: 40px;
    }

    .header__icons svg { height: auto; }

    .show-menu .header__icons > .allow-hiding { display: none; }
    .header-want-study { display: none; position: fixed; bottom: 72px; left: calc(50% - 57px); }
    .show-menu .header-want-study { display: block; font-size: 14px; }

    .header-katalog-kursov { display: none; position: fixed; bottom: 20px; left: calc(50% - 81px); margin-left: 0; }
    .show-menu .header-katalog-kursov { display: block; }

    .modal {
        background-color: #fff;
        box-shadow: none;
        border-radius: 0;
        padding: 10px;
        max-height: none;
        margin-top: 30px;
    }

    #modalSearchResults div:nth-child(n+5) {
        display: none;
    }
}

@media (max-width: 430px) {

    .header__loupe,
    .header__accaunt-icon {
        margin-right: 25px;
    }

    .header-search__button {
        display: none;
    }

    .header-search__input-wrapper {
        width: 100%;
    }

    .header__hamburger-icon {
        margin-right: 0;
    }
}

/* Header-tags */
.header-tags {
    padding: 0;
    margin-bottom: 40px;
}

.header-tags-items {
    display: flex;
    justify-content: space-around;
    max-height: 90px;
    padding-bottom: 20px;
    padding-top: 5px;
    /* position: relative; */
    /* mask-image: linear-gradient(to right, transparent, black 0.7%, black 99.3%, transparent),
    linear-gradient(to bottom, black 80%, transparent);
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(to right, transparent, black 0.7%, black 99.3%, transparent),
    linear-gradient(to bottom, black 80%, transparent);
    -webkit-mask-composite: intersect; */
}

.header-tags-items ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    list-style: none;
}

.header-tags-items ul li {
    display: flex;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
    height: 50px;
    box-shadow: 4px 8px 30px 0px #3939381a;
}

.header-tags-items ul li:last-child {
    margin-right: 0;
}

.header-tags-items ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #393938;
    line-height: 17.07px;
}

.header-tags-items ul li {
    padding-left: 20px;
    padding-right: 20px;
}
.header-tags-items ul li.current { background-color: #ADE8E2; }
.header-tags-items ul li.current img { filter: brightness(30%) contrast(130%); }
.header-tags-items ul li:hover { background-color: #94A2EE14; }
.header-tags-items ul li:hover img { filter: brightness(80%); }

.header-tags-item-icon {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

@media screen and (max-width: 1200px) {
    .header-tags-items {
        max-height: 130px;
    }
}

@media (max-width: 768px) {
    .header-tags {
        display: none;
        margin-top: 15px;
        padding: 25px 0 15px;
    }

    .header-tags {
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }

    .header-tags-items {
        max-height: none;
        overflow: visible;
        flex-wrap: wrap;
        mask-image: none;
        -webkit-mask-image: none;
    }

    .header-tags-items ul {
        justify-content: flex-start;
    }
}

/* Article-nvgtn */
.article-navigation {
    display: flex;
    align-items: center;
    padding: 13px 0 10px 0;
    gap: 5px 25px;
    flex-wrap: wrap;
}

.article-navigation__back {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #393938;
    text-decoration: none;
}

.article-navigation__icon {
    margin-right: 18px;
}

.article-navigation__tags,
.article-navigation__tags-mobile {
    display: flex;
    gap: 12px;
}

.article-navigation__tags a,
.article-navigation__tags-mobile a {
    color: #0024f4;
}

.article-navigation__tag {
    color: #555;
    text-decoration: none;
    font-size: 16px;
}

.article-navigation__tag:hover {
    text-decoration: underline;
}

.article-navigation__tags-mobile {
    margin-bottom: 20px;
    display: none;
}

@media (max-width: 768px) {
    .article-navigation {
        display: flex;
        align-items: center;
        padding: 13px 0 0 0;
    }
}

@media (max-width: 430px) {
    .article-navigation {
        padding: 0 0 5px;
    }
    .article-navigation, .article-navigation__tag {
        font-size: 14px;
    }
    .article-navigation__tags-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .article-navigation__tag-mobile-wrapper {
        display: flex;
        gap: 12px;
    }
}

/* Article header */
.article__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 43.88px;
    margin: 10px 0 29px 0;
    width: 80%;
}

.article-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    height: 360px;
}

.article-header__image-wrapper {
    width: 100%;
    height: 100%;
}

.article-header__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.article-header__info {
    width: 47%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 43px;
}

.article-header__date {
    color: #a09d54;
    line-height: 19.5px;
    margin: 0;
}

.article-header__author-intro {
    max-width: 300px;
    margin-left: auto;
    line-height: 19.5px;
    margin-bottom: 18px;
    color: #393938;
}

.article-header__author {
    max-width: 300px;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    gap: 13px;
}
.article-header__author:nth-child(2) { margin-bottom: 20px; }

.article-header__author img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.article-header__author-details {
    display: flex;
    flex-direction: column;
}

.article-header__author-name {
    text-decoration: none;
    color: #212529;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px;
}

.article-header__author-description {
    font-size: 14px;
    line-height: 17.07px;
    margin: 0;
    color: #a0a0a0;
}

@media (max-width: 768px) {
    .article__title {
        font-size: 32px;
        line-height: 39.01px;
        margin: 11px 0 40px 0;
        width: 100%;
    }

    .article-header {
        flex-direction: column;
        height: 100%;
        margin-bottom: 50px;
    }

    .article-header__info {
        width: 100%;
        margin-left: 0;
        margin-top: 26px;
    }

    .article-header__author {
        max-width: none;
        display: flex;
        flex-direction: row;
        gap: 13px;
        width: 100%;
    }
    .two-experts .article-header__author { width: calc(50% - 15px); }
    .article-header__author:nth-child(2) { margin-bottom: 0; }

    .article-header__author-name {
        margin: 4px 0 8px 0;
    }

    .article-header__author-intro {
        width: 100%;
        max-width: none;
        margin: 0 0 15px 0;
    }

    .article-header__author-info {
        display: flex;
        flex-wrap: wrap;
        gap: 0 30px;
    }
}

@media (max-width: 520px) {
    .two-experts .article-header__author { width: 100%; }
    .article-header__author:nth-child(2) { margin-bottom: 20px; }
}

@media (max-width: 430px) {

    .article__title {
        font-size: 20px;
        line-height: 24.38px;
    }

    .article__title {
        margin: 4px 0 18px 0;
    }

    .article-header__date-wrapper {
        display: none;
    }

    .article-header__image-wrapper {
        height: 250px;
    }

    .article-header__image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .article-header__info {
        margin-top: 22px;
    }

    .article-header__date {
        font-size: 14px;
    }
}

/* Articles page */
.article-container {
    background-color: #fafafa;
    border-radius: 20px;
    padding: 60px 160px;
    /* padding: 0 0 30px; */
}

.article-header-text__list h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: #393938;
    margin: 0 0 5px 0;
}

.article-header-text__list li {
    padding-top: 15px;
}

.article-header-text__list li {
    list-style: circle;
    color: #0024f4;
}

.article-text__list li {
    padding: 8px 0 0 0;
}

.article-container ul,
.article-container ol {
    margin-left: 18px;
    margin-bottom: 60px;
}

.article-header-text__list a {
    color: #0024f4;
}

.article-text__paragraph,
.article-text__list {
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    color: #393938;
}

.article-text__paragraph2 {
    margin: 8px 0 0 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    color: #393938;
}

.article-text__paragraph {
    margin: 30px 0 0 0;
}

.article-text__list-item {
    margin-left: 10px;
}

.article-section h2,
.article-section-scnd h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 34.13px;
    color: #393938;
}

.article-section h2 {
    margin: 60px 0 30px 0;
}

.article-section-scnd h2 {
    margin: 55px 0 30px 0;
}

.article-section-wdth {
    width: 80%;
    margin-bottom: 40px;
}

.article-image {
    margin-top: 40px;
}

.article-image img {
    border-radius: 20px;
}

@media (max-width: 1200px) {
    .article-container {
        background-color: #ffffff;
        padding: 0;
    }

    .article-section-wdth {
         margin-bottom: 30px;
    }
}

@media (max-width: 768px) {

    .article-header-text__list li {
        margin-left: 5px;
    }

    .article-section h2,
    .article-section-scnd h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
    }

    .article-section h2 {
        margin: 50px 0 0 0;
    }

    .article-section-scnd h2 {
        margin: 50px 0 0 0;
    }

    .article-text__paragraph {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 430px) {
    .article-section-wdth {
        margin-bottom: 20px;
    }

    .article-section h2,
    .article-section-scnd h2 {
        font-size: 20px;
        line-height: 24.38px;
    }

    .article-text__paragraph,
    .article-text__list {
        font-size: 16px;
        line-height: 22.4px;
    }

    .article-image img {
        border-radius: 10px;
    }

    .article-container ul {
        margin-left: 14px;
    }

    .article-section-scnd_none {
        display: none;
    }
}

/* Detail-card */
.detail-card {
    margin-top: 54px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 0 14px 0 0;
    overflow: hidden;
}

.detail-card-cntr {
    display: flex;
}

.detail-card-text {
    width: 60%;
    line-height: 24px;
}

.detail-card-text p {
    color: #393938;
}

.detail-card-text a {
    color: #0024f4;
    text-decoration: underline;
}

.detail-card__btn-block {
    display: flex;
    align-items: end;
    width: 36%;
}

.detail-card__btn-wrapper {
    width: 100%;
}

.detail-card__btn-wrapper button {
    width: 100%;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 18px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff;
    background-color: #0f1250;
}

.detail-card__btn-wrapper button:active {
    background-color: #393938;
}

.detail-card-cnt__wrapper {
    display: flex;
    justify-content: space-evenly;
    padding: 35px 0;
}

.lamp {
    text-align: center;
}

.detail-card-context {
    display: flex;
    width: 85%;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .detail-card-cnt__wrapper {
        padding: 30px 0;
    }

    .detail-card-context {
        width: 80%;
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-card-text {
        width: 100%;
        margin-bottom: 20px;
    }

    .detail-card {
        margin-top: 60px;
        background-color: #f5f5f5;
        border-radius: 20px;
        padding: 0 14px 0 0;
    }

    .detail-card__btn-block {
        width: 45%;
    }
}
@media (max-width: 430px) {
    .detail-card-cnt__wrapper {
        display: flex;
        flex-direction: column;
        padding: 30px 20px;
    }
    .detail-card-context {
        width: 100%;
    }
    .detail-card__btn-block {
        width: 100%;
    }

    .detail-card {
        padding: 0;
    }

    .lamp {
        text-align: left;
        margin-bottom: 20px;
    }
}

/* Quote-card */
.quote {
    display: flex;
    justify-content: space-between;
}

.quote-author-wrapper p {
    font-size: 16px;
    color: #a0a0a0;
    margin: 4px;
}

.quote-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #393938;
    width: 58%;
}

.quote-crd {
    margin-top: 60px;
    background-color: #e5e9ff;
    border-radius: 20px;
    overflow: hidden;
}

.quote-crd-cntr {
    display: flex;
}

.quote-crd-cntr2 {
    height: 100%;
    padding: 35px 35px 48px 35px;
}

.quote-author-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 20px;
}

.quote-article-icon {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .quote-crd-cntr2 {
        padding: 35px 96px 35px 96px;
    }

    .quote-text {
        width: 100%;
    }

    .quote {
        display: flex;
        flex-direction: column;
    }
    .quote-author-wrapper {
        align-items: flex-end;
        margin: 30px 0 0 0;
    }
}

@media (max-width: 430px) {
    .quote-crd-cntr2 {
        padding: 35px 20px 40px 20px;
    }

    .quote-author-wrapper {
        align-items: flex-start;
    }
}

/* Promo-card */
.promo-card {
    margin-top: 40px;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
}

.promo-img-wrapper {
    display: flex;
}

.promo-card-cnxt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 80%;
    padding: 40px 35px;
}

.promo-card-cnxt h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    color: #393938;
}

.logo-text {
    display: flex;
    align-items: center;
}

.promo-p {
    width: 80%;
}

.promo-p p {
    font-size: 14px;
    line-height: 19.6px;
    margin: 16px 0 10px 10px;
}

.promo-card__btn-cnt {
    width: 73%;
    display: flex;
    align-items: end;
    margin-top: 20px;
}

.promo-card__btn-wrapper {
    width: 100%;
}

.promo-card__btn-wrapper button {
    width: 100%;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 18px;
    border: 1px solid #0f1250;
    border-radius: 10px;
    cursor: pointer;
    color: #0f1250;
    background-color: #ffffff;
}

.promo-text__list li {
    font-size: 16px;
    line-height: 22.4px;
    padding: 2px 0;
}

.promo-text__programs-list {
    margin-left: 5px;
    line-height: 22.4px;
}

.promo-text__programs-list li {
    padding: 4px 0;
    width: 95%;
}

.promo-text__programs-list span,
.promo-text__programs-list a {
    font-weight: 600;
    color: #393938;
}

@media (max-width: 768px) {
    .promo-card {
        background-color: #f5f5f5;
    }
    .promo-card__btn-wrapper button {
        background-color: #f5f5f5;
    }
    .promo-card-cnxt {
        width: 100%;
    }
    .promo-text__programs-list ul {
        margin-top: 30px;
    }
    .promo-card__btn-cnt {
        width: 68%;
    }
}

@media (max-width: 430px) {
    .promo-card-cnxt {
        padding: 40px 20px 53px 20px;
    }
    .logo-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }

    .promo-p p {
        margin-left: 0;
    }

    .promo-card__btn-cnt {
        width: 100%;
    }
}

/******* Subscribe-block ******/
.subscr-unt {
    padding: 30px 0;
}

.subscr-unt-rw {
    display: flex;
    flex-wrap: wrap;
    background-color: #F5F5F5;
    border-radius: 20px;
    overflow: hidden;
}

.subscr-unt-coll {
    background-color: #E5E9FF;
    width: 48.2%;
    padding: 40px 60px;
}

.subscr-unt-title {
    color: #0F1250;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    font-family: 'Montserrat';
    margin: 0 0 30px;
}

.subscr-unt-subtitle {
    color: #0F1250;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Montserrat';
    max-width: 350px;
}

.subscr-unt-colr {
    width: 51.8%;
    padding: 38px 60px 38px 40px;
}

.subscr-soc {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 29px;
}

.subscr-soc a {
    margin-right: 10px;
}

.subscr-soc a:last-child {
    margin-right: 0;
}


.subscr-frm-items {
    display: flex;
}

.subscr-frm-item {
    width: calc(100% - 179px);
    margin-right: -10px;
}

.subscr-frm-item input {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #A0A0A0;
    border-radius: 10px;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 15px 34px 15px;
    border: 1px solid #fff;
    width: 100%;
}

.subscr-frm-item input::placeholder {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #A0A0A0;
}

.subscr-frm-btn {
    width: 199px;
}

@media screen and (max-width: 1200px) {
    .subscr-unt-coll {
        width: 100%;
        padding: 40px 95px;
    }

    .subscr-unt-colr {
        width: 100%;
        padding: 40px 95px;
    }

    .subscr-soc {
        justify-content: flex-start;
        margin-bottom: 40px;
    }

    .subscr-frm-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px;
    }

    .subscr-frm-btn {
        width: 100%;
    }

    .subscr-frm-items {
        flex-wrap: wrap;
    }

    .subscr-unt-subtitle {
        max-width: 420px;
    }
}

@media screen and (max-width: 576px) {
    .subscr-unt-coll {
        padding: 40px 20px;
    }

    .subscr-unt-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 16px;
    }

    .subscr-unt-colr {
        padding: 25px 20px 47px;
    }

    .subscr-frm-item {
        margin-bottom: 30px;
    }
}

/******* Footer *********/
footer {
    background-color: #fff;
    padding: 50px 0;
}

.footer-rw {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}

.footer-logo img {
    max-width: 100%;
}

.footer-soc {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    max-width: 342px;
}

.footer-soc a {
    margin-right: 15px;
}

.footer-soc a:last-child {
    margin-right: 0;
}

.footer-subscr-frm {
    width: 500px;
}

.footer-subscr-frm-items {
    display: flex;
}

.footer-subscr-frm-item {
    width: calc(100% - 199px);
    margin-right: -10px;
}

.footer-subscr-frm-item input {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #A0A0A0;
    border-radius: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 15px 34px 15px;
    border: 1px solid #fff;
    width: 100%;
}

.footer-subscr-frm-item input::placeholder {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #A0A0A0;
}

.footer-subscr-frm-btn {
    width: 199px;
}

.footer-rw-sm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-col {
    max-width: 36.5%;
}

.footer-hdr {
    color: #393938;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'Montserrat';
    margin: 0 0 19px;
}

.footer-lnk ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #393938;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Montserrat';
}

.footer-lnk ul li {
    margin: 0 0 9px;
}

.footer-lnk ul li:last-child {
    margin: 0;
}

.footer-lnk ul li a {
    color: #393938;
    text-decoration: none;
}

.footer-lnk ul li a:hover {
    color: #393938;
    text-decoration: underline;
}

.footer-item {
    margin-bottom: 19px;
}

.footer-item-title {
    color: #393938;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'Montserrat';
    margin: 0 0 19px;
}

.footer-item a {
    color: #393938;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Montserrat';
    text-decoration: none;
    white-space: nowrap;
}

.footer-btn {
    width: 200px;
    margin-top: 30px;
}

.footer-inf {
    color: #393938;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    font-family: 'Montserrat';
    text-align: center;
    margin-top: 50px;
    width: 100%;
}

.footer__bottom {
    max-width: 1150px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, sans-serif;
    text-align: center;
}
.footer__bottom span {
    font-family: "Montserrat";
    font-size: 14px;
    color: #b1b1b1;
}

@media screen and (max-width: 1200px) {
    .footer-subscr-frm {
        width: 100%;
        margin-top: 38px;
    }

    .footer-subscr-frm-items {
        max-width: 350px;
        margin: 0 0 0 auto;
    }

    .footer-subscr-frm-btn {
        width: 60px;
    }

    .footer-subscr-frm-btn .btn-blue {
        background-color: #0F1250;
        color: transparent;
        font-size: 0;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L8.34315 15.0711C7.95262 15.4616 7.31946 15.4616 6.92893 15.0711C6.53841 14.6805 6.53841 14.0474 6.92893 13.6569L12.5858 8L6.92893 2.34315C6.53841 1.95262 6.53841 1.31946 6.92893 0.928932C7.31946 0.538408 7.95262 0.538408 8.34315 0.928932L14.7071 7.29289ZM0 7H14V9H0V7Z' fill='white'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-position: center;
    }

    .footer-subscr-frm-item input {
        background-color: #F0F0F0;
    }

    .footer-subscr-frm-item {
        width: calc(100% - 60px);
    }

    .footer-col {
        max-width: 100%;
        width: 100%;
    }

    .footer-lnk {
        display: none;
        margin: 20px 0 30px;
    }

    .footer-hdr {
        position: relative;
        padding: 22px 45px 22px 0;
        font-weight: 500;
        border-bottom: 1px solid #A0A0A0;
        margin: 0;
    }

    .footer-hdr:before {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.17278 8.70711C7.5633 9.09763 8.19647 9.09763 8.58699 8.70711L14.951 2.34315C15.3415 1.95262 15.3415 1.31946 14.951 0.928932C14.5604 0.538408 13.9273 0.538408 13.5367 0.928932L7.87988 6.58579L2.22303 0.928932C1.8325 0.538408 1.19934 0.538408 0.808815 0.928932C0.418291 1.31946 0.418291 1.95262 0.808815 2.34315L7.17278 8.70711ZM6.87988 7V8H8.87988V7H6.87988Z' fill='black'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 9px;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .footer-hdr.open + .footer-lnk {
        display: block;
    }

    .footer-hdr.open:before {
        transform: rotate(180deg);
    }

    .footer-rw {
        margin-bottom: 40px;
    }

    .footer-lnk ul li {
        margin: 0 0 15px;
    }

    .footer-col:nth-child(3) {
        display: flex;
        margin-top: 50px;
        width: 100%;
    }

    .footer-item-title {
        color: #A0A0A0;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        margin: 0 0 14px;
    }

    .footer-btn {
        width: 257px;
        margin-top: 0;
        margin-left: auto;
    }

    .footer-item {
        margin-bottom: 0;
        padding-right: 53px;
    }

    .footer-inf {
        color: #A0A0A0;
        line-height: 17px;
        max-width: 390px;
        margin: 60px auto 0;
    }

    .footer-col:nth-child(2) .footer-lnk {
        margin-bottom: 10px;
    }

    .footer-rw-sm {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .footer-rw {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-soc {
        margin: 30px 0 0;
        max-width: 100%;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .footer-subscr-frm-items {
        max-width: 100%;
        margin: 0 0 0 auto;
    }

    .footer-hdr {
        padding: 20px 45px 20px 0;
    }

    .footer-rw {
        margin-bottom: 20px;
    }

    .footer-col:nth-child(3) {
        margin-top: 30px;
        width: 100%;
        flex-wrap: wrap;
    }

    .footer-btn {
        width: 100%;
        margin-top: 20px;
        margin-left: auto;
    }

    .footer-inf {
        margin: 30px auto 0;
    }

    .footer-item {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 340px) {
    .footer-soc a {
        margin-right: 10px;
    }
}

  .footer-logo-inset {
    display: grid;
    grid-template-columns: 64px 1fr;
    align-items: flex-end;
    gap: 15px;
    margin: -10px 0 50px;
    color: #393938;
  }
  
  .footer-logo-inset__img {
    width: 64px;
    height: 55px;
  }
  
  .footer-logo-inset__img img {
    width: 100%;
    height: 100%;
  }
  
  .footer-logo-inset__dscr {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
  }
  
  .footer-logo-inset__dscr-bd {
    font-weight: 500;
  }
  
  @media (max-width: 1200px) {
    .footer-logo-inset {
      align-items: start;
      margin: 40px 0 20px;
    }
  
    .footer-logo-inset__dscr {
      padding-top: 20px;
    }
  }

/*====== Product, Program, Educational programs additional blocks styles ========================== */
/* Product block */
.edtr-plgn__prdct-card {
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    font-family: "Montserrat";
    color: #393938;
    margin-bottom: 60px;
}

.edtr-plgn__prdct-card_cntr {
    border-left: 5px solid #a09d54;
}

.edtr-plgn__prdct-card.without-button {
    background-color: #54A06C0D;
    margin-bottom: 0;
}
.edtr-plgn__prdct-card.without-button .edtr-plgn__prdct-card_cntr {
    border-left-color: #54A06C;
}
.edtr-plgn__prdct-card.without-button .edtr-plgn__prdct-card_text {
    width: 100%;
}

.edtr-plgn__prdct-card_wrapper {
    display: flex;
    gap: 25px;
    padding: 40px 40px 40px 25px;
}

.edtr-plgn__prdct-card_text {
    font-size: 16px;
    line-height: 24px;
    width: 50%;
}

.edtr-plgn__prdct-card_text a {
    color: #0024f4;
    text-decoration: underline;
}

.edtr-plgn__prdct-card__btn-cntr {
    display: flex;
    align-items: end;
    width: 249px;
}

.edtr-plgn__prdct-card__btn-cntr a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 18px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff !important;
    background-color: #0f1250;
    text-decoration: none;
}

.edtr-plgn__prdct-card__btn-cntr a:active {
    background-color: #393938;
}

.edtr-plgn__prdct-card_cnxt {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.edtr-plgn__prdct-card_icon {
    width: 35px;
    height: 34px;
}

.edtr-plgn__prdct-card_icon img {
    object-fit: cover;
}

@media (max-width: 1200px) {
    .edtr-plgn__prdct-card {
        background-color: #f5f5f5;
    }
}

@media (max-width: 1024px) {
    .edtr-plgn__prdct-card_cnxt {
        flex-direction: column;
        align-items: flex-start;
    }
    .edtr-plgn__prdct-card_text {
        width: 100%;
    }

    .edtr-plgn__prdct-card_wrapper {
        padding: 30px;
    }

    .edtr-plgn__prdct-card {
        margin-bottom: 50px;
    }
}

@media (max-width: 475px) {
    .edtr-plgn__prdct-card_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 40px 15px 45px;
    }

    .edtr-plgn__prdct-card__btn-cntr {
        display: flex;
        align-items: end;
        width: 100%;
    }
}

/* Learn programs */
.edtr-plgn__prgms-card {
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    font-family: "Montserrat";
    color: #393938;
    margin-bottom: 60px;
}

.edtr-plgn__prgms-card a {
    text-decoration: none;
}

.edtr-plgn__prgms-card-cntr {
    display: flex;
    border-left: 5px solid #a09d54;
}

.edtr-plgn__prgms-card-cnxt {
    width: 80%;
    padding: 40px;
}

.edtr-plgn__prgms-card-title {
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
}

.edtr-plgn__prgms-card_inst-info {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.edtr-plgn__prgms-card_inst-logo {
    width: 50px;
    height: 42px;
    margin-right: 10px;
}

.edtr-plgn__prgms-card_inst-logo img {
    height: 100%;
    object-fit: cover;
}

.edtr-plgn__prgms-card_inst-name {
    width: 70%;
}

.edtr-plgn__prgms-card_inst-name a {
    font-size: 14px;
    line-height: 19.6px;
    color: #393938;
    margin: 0;
}

.edtr-plgn__prgms-card-list {
    margin-bottom: 28px;
}

.edtr-plgn__prgms-card-list ul {
    margin: 0;
    padding-left: 18px;
}

.edtr-plgn__prgms-card-list li {
    font-size: 16px;
    line-height: 22.4px;
    padding: 2px 0;
}

.edtr-plgn__prgms-card-list ul li::marker {
    font-size: 0.7em;
    color: #393938;
}

.edtr-plgn__prgms-card_btn {
    max-width: 438px;
    max-height: 56px;
}

.edtr-plgn__prgms-card_btn a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 500;
    color: #0f1250;
    padding: 18px;
    border: 1px solid #0f1250;
    border-radius: 10px;
    cursor: pointer;
    background-color: #ffffff;
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    .edtr-plgn__prgms-card {
        background-color: #f5f5f5;
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .edtr-plgn__prgms-card-cnxt {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .edtr-plgn__prgms-card-cnxt {
        padding: 40px 20px 53px 20px;
    }

    .edtr-plgn__prgms-card_inst-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .promo-card__btn-cnt {
        width: 100%;
    }

    .edtr-plgn__prgms-card_inst-logo {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .edtr-plgn__prgms-card_inst-name {
        width: 100%;
    }

    .edtr-plgn__prgms-card-list {
        margin-bottom: 30px;
    }

    .edtr-plgn__prgms-card_btn {
        max-height: 50px;
    }

    .edtr-plgn__prgms-card_btn a {
        padding: 15px;
    }
}

/* Qoutes block */
.edtr-plgn__quote-crd {
    margin-bottom: 60px;
    background-color: #e5e9ff;
    border-radius: 20px;
    overflow: hidden;
    font-family: "Montserrat";
}

.edtr-plgn__quote-crd-cntr {
    display: flex;
    flex-direction: column;
    border-left: 5px solid #0024f4;
    padding: 35px 35px 48px 35px;
}

.edtr-plgn__quoteinsert {
    display: flex;
    justify-content: space-between;
}

.edtr-plgn__quote-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #393938;
    width: 58%;
}

.edtr-plgn__quote-athr_wrpr {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 20px;
    width: 30%;
}

.edtr-plgn__quote-author_img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.edtr-plgn__quote-author_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.edtr-plgn__quote-author-name,
.edtr-plgn__quote-author-position {
    font-size: 14px;
    color: #a0a0a0;
    margin: 0;
}

.edtr-plgn__quote-author-name {
    margin-bottom: 4px;
}

.edtr-plgn__quote-article-icon {
    width: 40px;
    height: 26px;
    margin-bottom: 20px;
}

.edtr-plgn__quote-article-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .edtr-plgn__quote-crd-cntr {
        padding: 35px 93px;
    }

    .edtr-plgn__quoteinsert {
        display: flex;
        flex-direction: column;
        gap: 23px;
    }

    .edtr-plgn__quote-text {
        width: 100%;
    }

    .edtr-plgn__quote-athr_wrpr {
        margin-left: 0;
        align-items: flex-end;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .edtr-plgn__quote-text {
        width: 100%;
    }

    .quote {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .edtr-plgn__quote-crd-cntr {
        padding: 35px 20px;
    }

    .edtr-plgn__quoteinsert {
        gap: 30px;
    }

    .edtr-plgn__quote-athr_wrpr {
        align-items: flex-start;
    }
}


/********************* Suggest content ***********************/
.single-article__suggest {
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}
.single-article__suggest-title {
    padding-left: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.2px;
    margin-bottom: 14px;
}
.single-article__suggest-content {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
.single-article__suggest-content .cell {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 32px;
}
.single-article__suggest-content .cell .post-card {
    align-self: stretch;
    height: 100%;
}
.post-card {
    margin-bottom: 15px;
    transition: box-shadow 0.3s;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
}
.post-card:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.09), 0 2px 0 #e4e4e4;
}
.post-card--big {
    position: relative;
    max-height: 288px;
    overflow: hidden;
    display: flex;
    margin: 0 0 15px;
    align-items: flex-end;
    grid-column-start: 1;
    grid-column-end: 3;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
    border-radius: 4px;
}
.post-card--big .post-card__bg {
    position: relative;
    line-height: 0;
    display: block;
    width: 100%;
}
.post-card--big .post-card__bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    background: linear-gradient(90.59deg, rgba(63, 63, 63, 0.7) 0.44%, rgba(196, 196, 196, 0) 99.43%);
    mix-blend-mode: multiply;
}
.post-card--big .post-card__bg img {
    display: block;
    max-width: 100%;
    width: 100%;
}
.post-card--big .post-card__discription {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 16px;
    bottom: 16px;
    max-width: 60%;
}
.post-card--big .post-card__link {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}
.post-card--big .post-card__link:hover {
    color: #3da470;
    text-decoration: underline;
}
.post-card--big .post-card__tags {
    margin-bottom: 23px;
    display: none;
}
.post-card--big .post-card__tags-img {
    margin-right: 7px;
    max-width: 16px;
}
.post-card--big .post-card__tags-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}
.post-card--big .post-card__tags-list li {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #e4e4e4;
    margin: 0 5px 0 0;
    padding: 0;
}
.post-card--big .post-card__tags-list a {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #e4e4e4;
    text-decoration: none;
    transition: color 0.3s;
}
.post-card--big .post-card__tags-list a:hover {
    color: #3da470;
    text-decoration: underline;
}
.post-card__link {
    text-decoration: none;
    color: #101010;
    transition: color 0.3s;
}
.post-card__link:hover {
    color: #3da470;
}
.post-card__box {
    margin: 0;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}
.post-card__box-img {
    display: block;
    width: 100%;
    order: 2;
    max-width: 134px;
    -o-object-fit: cover;
    object-fit: cover;
}
.post-card__box-text {
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 13px 14px 16px 16px;
    order: 1;
}
@media (min-width: 768px) {
    .post-card--big {
        margin: 0;
    }
    .post-card--big .post-card__discription {
        padding-left: 33px;
        left: auto;
        bottom: auto;
        right: auto;
        max-width: auto;
    }
    .post-card--big .post-card__link {
        width: 45%;
        max-width: 544px;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .post-card--big .post-card__tags,
    .post-card--big .post-card__tags-list {
        display: flex;
    }
    .post-card__box {
        display: block;
    }
    .post-card__box-img {
        order: 1;
        max-width: 100%;
    }
    .post-card__box-text {
        order: 2;
        font-size: 16px;
        line-height: 22px;
    }
    .single-article__suggest-content .cell {
        max-width: 50%;
    }
}
@media (min-width: 992px) {
    .single-article__suggest-content .cell {
        max-width: 33.333333%;
    }
}

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

/* breadcrumbs */

.r-breadcrumbs {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 17.07px;
    margin-bottom: 27px;
}
.r-breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.r-breadcrumbs ul>li {
    display: inline;
    margin: 0;
    padding: 0;
}
.r-breadcrumbs a span {
    color: #A0A0A0;
    text-decoration: underline;
    word-break: break-word;
}
.r-breadcrumbs a:hover,
.r-breadcrumbs a:hover span {
    color: #38a870;
    text-decoration: none;
}
.r-breadcrumbs ul>li:after {
    content: "|";
    margin: 0 10px;
}
.r-breadcrumbs ul > li:last-child:after {
    content: "";
    margin: 0;
}

/* paginator */

.pagination__container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
.pagination__container .pagination {
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.pagination__container .pagination li {
    margin-left: 4px;
    margin-right: 4px;
}
.pagination__container .pagination li.active {
    border-radius: 4px;
}
.pagination__container .pagination li.active .page-link {
    border: 2px solid #0024f4 !important;
    border-radius: 10px;
}
.pagination__container .pagination li .page-link {
    color: rgb(33, 37, 41);
    border:0;
}
.pagination__container .pagination li.prev.disabled,
.pagination__container .pagination li.next.disabled {
    display: none;
}
.pagination__container .pagination li .active {
    display: block;
}



/**********/
/* normal */
/**********/

.normal-text ul { margin-left: 30px; }
.normal-text ul li { margin-bottom: 10px; }
.normal-text table { border-collapse: collapse; }
.normal-text table td { border: solid 1px #212529; padding: 8px 10px; }
.normal-text h2, .normal-text h3 { margin: 30px 0 20px; }
.single-article__content .normal-text table,
.single-article__content .normal-text ul { margin-bottom: 0; }

/* custom select */

.custom-select { display: inline-block; position: relative; }
.custom-select .title { cursor: pointer; border-radius: 4px; border: solid 1px #E1E1E1; padding: 11px 35px 11px 15px; color: #0F1250; font-weight: 500; line-height: 1; position: relative; white-space: nowrap; }
.custom-select.filled:not(.open, :hover) .title { color: #fff; background: #0F1250; border: solid 1px #0F1250; }
.custom-select .title .selected-value { opacity: 0.5; display: inline-block; margin-left: 5px; }
.custom-select:not(.open) .title:hover { background-color: #F7F7F7; }
.custom-select.open .title { background-color: #F7F7F7; border: solid 1px #0F1250; }
.custom-select .title::after { content: ''; position: absolute; right: 15px; top: calc(50% - 4px); width: 12px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.375L0.375001 1.75L1.1625 0.962502L6 5.8L10.8375 0.962501L11.625 1.75L6 7.375Z' fill='%230F1250'/%3E%3C/svg%3E%0A"); }
.custom-select.filled:not(.open, :hover) .title::after { content: ''; position: absolute; right: 15px; top: calc(50% - 4px); width: 12px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.375L0.375001 1.75L1.1625 0.962502L6 5.8L10.8375 0.962501L11.625 1.75L6 7.375Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); }
.custom-select.open .title::after { transform: rotate(180deg); }
.custom-select .options { display: none; position: absolute; z-index: 10; left: 0; top: calc(100% + 5px); border: solid 1px #E1E1E1; border-radius: 7px; padding: 10px; box-shadow: 0px 10px 20px 0px #7979791A; color: #393938; line-height: 1.2; background: #fff; width: 250px; font-weight: 500; }
.custom-select.open .options { display: block; }
.custom-select .option.hidden { display: none; }
.custom-select .option label { display: block; border-radius: 4px; padding: 7px 8px; cursor: pointer; }
.custom-select .option:hover label { background: #F7F7F7; }
.custom-select .option input { display: none; }
.custom-select .option .text { display: block; position: relative; margin-left: 28px; }

.custom-select .option .text::before { content: ''; width: 20px; height: 20px; position: absolute; left: -28px; top: 0; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 2.5H3.75C3.41848 2.5 3.10054 2.6317 2.86612 2.86612C2.6317 3.10054 2.5 3.41848 2.5 3.75V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H16.25C16.5815 17.5 16.8995 17.3683 17.1339 17.1339C17.3683 16.8995 17.5 16.5815 17.5 16.25V3.75C17.5 3.41848 17.3683 3.10054 17.1339 2.86612C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM3.75 16.25V3.75H16.25V16.25H3.75Z' fill='%23AFB1B5'/%3E%3C/svg%3E "); }

.custom-select .option input:checked + .text::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 2.5H3.75C3.41848 2.5 3.10054 2.6317 2.86612 2.86612C2.6317 3.10054 2.5 3.41848 2.5 3.75V16.25C2.5 16.5815 2.6317 16.8995 2.86612 17.1339C3.10054 17.3683 3.41848 17.5 3.75 17.5H16.25C16.5815 17.5 16.8995 17.3683 17.1339 17.1339C17.3683 16.8995 17.5 16.5815 17.5 16.25V3.75C17.5 3.41848 17.3683 3.10054 17.1339 2.86612C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM8.75 13.4375L5.625 10.3392L6.61925 9.375L8.75 11.466L13.3804 6.875L14.3753 7.86075L8.75 13.4375Z' fill='%230F1250'/%3E%3C/svg%3E%0A"); }

.custom-select .options .clear-button { position: relative; cursor: pointer; padding: 4px 8px 12px 35px; border-bottom: solid 1px #D9D9D9; margin-bottom: 5px; display: none; }
.custom-select .options .clear-button::before { content: ''; position: absolute; left: 12px; top: 9px; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.875L9.125 0L5 4.125L0.875 0L0 0.875L4.125 5L0 9.125L0.875 10L5 5.875L9.125 10L10 9.125L5.875 5L10 0.875Z' fill='%23393938'/%3E%3C/svg%3E%0A"); }

.custom-select .options .apply-wrap { border-top: solid 1px #D9D9D9; margin-top: 5px; padding-top: 5px; display: none; }
.custom-select .options .apply-button { background: #0F1250; color: #fff; padding: 10px; text-align: center; font-size: 12px; border-radius: 5px; }

/* article */

.main.doscroll { margin-top: 90px; padding-top: 45px; border-top: solid 1px #EFEFEF; }

.article-nav-date { position: relative; }
.article-nav-date-visible svg { vertical-align: middle; margin-right: 5px; }
.article-nav-date-visible { color: #A0A0A0; white-space: nowrap; }
.article-nav-date-tooltip { display: none; position: absolute; top: calc(100% + 11px); left: -62px; background-color: #4E4E4E; border-radius: 7px; padding: 3px 13px 13px; color: #fff; font-size: 14px; line-height: 1.2; }
.article-nav-date-tooltip-title { color: #909090; margin: 10px 0 5px; }
.article-nav-date-visible:hover .article-nav-date-tooltip { display: block; }
.article-nav-date-tooltip::before { content: ''; position: absolute; width: 16px; height: 16px; background-color: #4E4E4E; transform: rotate(45deg); left: calc(50% - 6px); top: -6px; }

.article-nav-reading-time { color: #A0A0A0; white-space: nowrap; display: flex; align-items: center; line-height: 1.6; }
.article-nav-reading-time svg { vertical-align: top; margin-right: 6px; }

.article-container.with-sticky-vrezka, 
.article-container.without-sticky-vrezka {
    background-color: #fff;
    border-radius: 0;
    padding: 0 0 40px;
}

.article-container.with-sticky-vrezka a,
.article-container.without-sticky-vrezka a { color: #0024F4; }

.article-container.without-sticky-vrezka .single-article__content { width: 760px; }

.article-before-vrezka { width: 760px; }
.sticky-vrezka-flex-wrap { display: flex; gap: 100px; } 
.article-after-vrezka { order: 0; width: 760px; }
.sticky-vrezka-wrap { order: 1; }
.sticky-vrezka { position: sticky; top: 0; width: 300px; background: #FAFAFA; border-radius: 10px; border: solid 1px #E1E1E14D; padding: 20px; }
.sticky-vrezka .img img { width: 100%; border-radius: 7px; }
.sticky-vrezka .title { margin: 15px 0; color: #393938; font-size: 20px; font-weight: 600; line-height: 1; }
.sticky-vrezka .text { color: #393938; line-height: 1.3; }
.sticky-vrezka .button { display: block; width: 100%; margin-top: 20px; text-decoration: none; font-size: 14px; color: #fff !important; text-align: center; padding: 10px; background: #4FC48A; border-radius: 4px; font-weight: 600; }

.my-tabs [data-tab] { cursor: pointer; }
.my-tabs-content [data-tab-target] { display: none; }

.new-articles-wrap .cards-unt-rw { overflow: visible; }
.new-articles-wrap .rw-tags { padding-bottom: 0; }
.new-articles-wrap .cards-unt { padding-top: 10px; }
.new-articles-wrap .cards-unt-list { margin: 0 -14px; }
.new-articles-wrap .cards-unt-col { padding: 16px; }
.new-articles-wrap .cards-unt-col:nth-child(12n+4) { width: 66.66%; }
.new-articles-wrap .cards-unt-col:nth-child(12n+4) .cards-unt-item__title { font-size: 22px; line-height: 1.25; }
.new-articles-wrap .cards-unt-item { border: solid 1px #E1E1E180; cursor: pointer; }
.new-articles-wrap .cards-unt-item:hover { border: solid 1px #E1E1E1; box-shadow: 0px 8px 30px 0px #39393826; }
.new-articles-wrap .three-articles-group { width: 66.66%; display: flex; flex-direction: column; padding: 8px 0; }
.new-articles-wrap .three-articles-group .cards-unt-item { display: flex; }
.new-articles-wrap .three-articles-group .cards-unt-col { width: 100%; height: 100%; padding: 8px 16px; }
.new-articles-wrap .three-articles-group .cards-unt-item__img { height: auto; }
.new-articles-wrap .three-articles-group .cards-unt-item__img img { width: 185px; }
.new-articles-wrap .three-articles-group .cards-unt-item__cont { padding: 15px 20px; }
.new-articles-wrap .readers-choice.at-rubric-page .container { padding: 0 16px; }
.new-articles-wrap .news-unt .container { padding: 0 16px; }

@media (max-width: 1200px) {

    .main-last-articles .cards-unt-col:nth-child(n+5) { display: none; }

    .article-container.without-sticky-vrezka .single-article__content { width: 100%; }

    .article-before-vrezka { width: 100%; }
    .article-after-vrezka { width: 100%; }
    .sticky-vrezka-flex-wrap { display: block; }
    .sticky-vrezka { position: static; width: 100%; margin: 30px 0; }
    .sticky-vrezka.product { overflow: hidden; }
    .sticky-vrezka .img { float: left; margin-right: 20px; }
    .sticky-vrezka .img img { max-width: 300px; }
    .sticky-vrezka .button { margin-left: 320px; width: calc(100% - 320px); }

    .new-articles-wrap .rw-tags { padding-top: 0; }
    .new-articles-wrap .cards-unt-col:nth-child(12n+4) { width: 50%; }
    .new-articles-wrap .cards-unt-col:nth-child(12n+4) .cards-unt-item__title { font-size: 18px; line-height: 23px; }
    .new-articles-wrap .cards-unt-col:nth-child(12n+5) { width: 100%; }
    .new-articles-wrap .cards-unt-col:nth-child(12n+5) .cards-unt-item__title { font-size: 22px; line-height: 1.25; }
    .new-articles-wrap .three-articles-group { width: 100%; }
    .new-articles-wrap .cards-unt-list { width: calc(100% + 28px); }
}

@media (max-width: 768px) {

    .sticky-vrezka .img { float: none; margin-right: 0; }
    .sticky-vrezka .button { margin-left: 0; width: 100%; }
}

@media (max-width: 560px) {

    .new-articles-wrap .cards-unt-item__title { font-size: 18px !important; line-height: 23px !important; font-weight: 500 !important; }
    .new-articles-wrap .cards-unt-col:nth-child(12n+4) { width: 100%; }
    .new-articles-wrap .three-articles-group .cards-unt-item__img { display: none; }
    .new-articles-wrap .cards-unt-item__cont { padding: 15px 20px 20px; }
    .new-articles-wrap .cards-unt-item__td ul li { font-size: 14px; line-height: 1.25; }
}

@media (max-width: 430px) {

    body.show-menu { background-color: #FAFAFA; }

    .header-tags {
        margin-top: 15px;
        padding: 25px 0 15px;
    }

    .header-tags-items { width: 100%; padding: 0; }
    .header-tags-items ul { display: block; width: 100%; }

    .header-tags-items ul li {
        margin-bottom: 10px;
        box-shadow: none;
        border: solid 1px #E1E1E1;
        background: #fff url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 7L1.5 13.25L0.625 12.375L6 7L0.625 1.625L1.5 0.75L7.75 7Z' fill='%23B2B2B2'/%3E%3C/svg%3E%0A") right 15px center no-repeat;
    }

    .sticky-vrezka .img img { max-width: 100%; }
    .sticky-vrezka .title { font-size: 16px; }
    .sticky-vrezka .text { font-size: 14px; }
}

@media screen and (max-width: 350px) {
    .pagination__container .pagination li {
        margin-left: 0;
        margin-right: 0;
    }
}