@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

img {
    max-width: 100%;
}

* {
    outline: none !important;
}

a, button {
    cursor: pointer;
}

body {
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0;
    margin-bottom: 0;
}

.container {
    width: 1200px;
    max-width: 100%;
    padding: 0 15px;
    
}

.row {
    margin: 0 -15px;
}

.row>* {
    padding: 0 15px;
}

.row.row-cols-lg-10>* {
    width: 10%;
}

header {
    background: #000;
    padding: 33px 0;
}
.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-button-border {
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.24px;
    padding: 10px 32px;
    display: flex;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #FFF;
    width: fit-content;
    align-items: center;
}

.w-button-border img {
    margin-left: 15px;
}

.w-button-border:hover {
    background: #fff;
    color: #000;
}


.social-networks {
    display: flex;
}

.social-networks a + a {
    margin-left: 15px;
}

header .social-networks {
    margin-right: 32px;
}

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

.logo {
    display: block;
    width: 160px;
}


.menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin-right: 240px;
    margin-left: 20px;
}





.menu-policy {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin-right: 120px;
}

.menu-policy li + li {
    margin-left: 40px;
}

.menu-policy li a {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.28px;
    text-decoration: none;
}

.menu-policy li a:hover {
    color: #4CA715;
}









.menu-article {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin-right: 220px;
}

.menu-article.has-lang {
    margin-right: 140px;
}

.menu-article li + li {
    margin-left: 40px;
}

.menu-article li a {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.28px;
    text-decoration: none;
}

.menu-article li a:hover {
    color: #4CA715;
}

.menu li + li {
    margin-left: 40px;
}

.menu li a {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.28px;
    text-decoration: none;
}
.menu li a:hover {
     color: #4CA715;
}

/* Для слайлдера */

.top-section {
    padding: 187px 0 160px 0;
    position: relative;
    overflow: hidden;
    background: no-repeat top center;
    /* background-position-y: -96px;  */
    background-size: 1920px;
    background-color: black;
    transition: background-image 1s ease-in-out;
}

/* Без слайдера */

/* .top-section {
    padding: 187px 0 160px 0;
    position: relative;
    overflow: hidden;
    /* background: url(../images/bg-1.png) no-repeat top center, #000;
    background-position-y: -96px;
    background-size: 1920px;
} */


.top-header {
    display: flex;
    padding-bottom: 219px;
}

h1 {
    font-weight: normal;
    color: #FFF;
    margin-bottom: 25px;
    width: 562px;
    max-width: 100%;
    font-size: 76px;
    line-height: 100%;
}

h1 span {
    font-weight: 600;
}


.top-header-l p {
    color: #FFF;
    line-height: 150%;
    margin-bottom: 40px;
    width: 470px;
    max-width: 100%;
    font-size: 22px;
}
.top-header-l p span {
    font-weight: 600;
    display: block;
}


.button-top-text p {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 0;
}

.button-top-text p span {
    color: #4CA715;
    display: block;
 }

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

.button-top-text img {
    margin-right: 15px;
}

.green-button {
    border-radius: 2px;
    background: #4CA715;
    color: #FFF!important;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 50px;
    border: 0;
    text-decoration: none;
    display: block;
    width: fit-content;
}

.button-top {
    display: flex;
    align-items: center;
}

.button-top .green-button {
    flex-shrink: 0;
    margin-right: 20px;
}


.top-header-r {
    margin-right: -113px;
    flex-shrink: 0;
    
}

.top-header-r img {
    width: 1127px;
    position: relative;
    left: -243px;
}


.top-header-l {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding-top: 25px;
}
.top-header-l .green-button {
    padding: 14px 25px;
    width: fit-content;
}

.advantages .row {
    margin: 0 -5px;
}

.advantages .row>* {
    padding: 0 5px;
}

.advantage-block {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-top: 3px solid #4CA715;
    border-radius: 3px;
    padding: 19px 22px 25px 22px;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.01) 100%);
    height: 100%;
}

.advantage-block img {
    margin-bottom: 20px;
    width: 31px;
}

.advantage-block p {
    color: #FFF;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
    max-width: 100%;
}


.technologies-section {
    padding: 160px 0 110px 0;
    position: relative;
}

.technologies-section:before {
    content: "";
    background: url(../images/anime-1.gif);
    display: block;
    position: absolute;
    top: -89px;
    width: 179px;
    height: 179px;
    left: calc(50% - 89px);
    background-size: cover;
}


h2 {
    color: #0D0D0D;
    font-size: 34px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 80px;
}

.technologies-section p {
    color: #0D0D0D;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 25px;
}

.container-small {
    width: 1000px;
}

.technology-img-1 {
    margin: 45px 0 50px 0;
    display: block;
    width: 100%;
}

.technology-img-2 {
    display: block;
    margin: 68px auto 0 auto;
}

.about-section {
    background: #000;
    padding: 160px 0 140px 0;
    position: relative;
}

.about-section:before {
    content: "";
    background: url(../images/anime-2.gif);
    display: block;
    position: absolute;
    top: -133px;
    width: 266px;
    height: 266px;
    left: calc(50% - 133px);
    background-size: cover;
}
.about-section:after {
    content: "";
    background: url(../images/anime-3.gif);
    display: block;
    position: absolute;
    bottom: -105px;
    width: 210px;
    height: 210px;
    left: calc(50% - 105px);
    background-size: cover;
}

.about-section h2 {
    color: #fff;
}

.about-text {
    margin-bottom: 45px;
}

.about-text p {
    color: #FFF;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 25px;
}
.about-block {
    display: flex;
    margin-bottom: 20px;
}

.about-block-r {
    padding: 40px 100px 40px 48px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
}

.about-block-l {
    width: 152px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/bg_item.png") no-repeat left top, #4CA715;
    position: relative;
    flex-flow: column;
}

.about-block-l img {
    width: 62px;
}

.about-block-l:after {
    height: 2px;
    width: 52px;
    content: "";
    background: url(../images/decor.svg);
    margin-top: 36px;
    display: none;
}


.about-block-r h3 {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.about-block-r p {
     color: #FFF;
     font-size: 18px;
     line-height: 150%;
    margin-bottom: 0;
 }

.benefits-section {
    padding: 160px 0 175px 0;
    position: relative;
}


/*.benefits-section:after {
    content: "";
    background: url(../images/effect_light.png);
    display: block;
    position: absolute;
    bottom: -103px;
    width: 400px;
    height: 141px;
    left: calc(50% - 200px);
}*/


.benefits-block-l h3 {
    color: #0D0D0D;
    font-size: 24px;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 45px;
}

.benefits-block-l h3 span {
     font-weight: 600;
 }


.ul-tick {
    color: #0D0D0D;
    font-size: 18px;
    line-height: 150%;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.ul-tick li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
}

.ul-tick li:before {
    position: absolute;
    width: 15px;
    height: 12.857px;
    background: url(../images/tick-ul.svg);
    top: 5px;
    left: 0;
    content: '';
}

.benefits-block {
    margin-bottom: 80px;
}

.benefits-advantages-top h3 {
    color: #0D0D0D;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 45px;
    font-weight: normal;
}

.benefits-advantages-top h3 span {
    font-weight: 600;
}

.benefit-block {
    border-radius: 3px;
    padding-top: 30px;
    display: flex;
    flex-flow: column;
    height: 100%;
}

.benefit-block-top h4 {
    text-align: center;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 15px;
    font-size: 18px;
    color: #fff;
}

.benefit-block-top p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
}

.benefit-block-top {
    flex-grow: 1;
    border-bottom: 3px solid #4CA715;
    background: #000;
    border-radius: 2px 2px 0 0;
    padding: 30px 20px;
}

.benefits-advantages {
    margin-bottom: 80px;
}


.benefits-advantages-top p {
    color: #0D0D0D;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 45px;
    width: 570px;
    max-width: 100%;
}

.partners-section {
    padding: 160px 0 115px 0;
    position: relative;
    background: #000;
}
.partners-section {
    padding: 160px 0 115px 0;
    position: relative;
    background: #000;
}

.partners2-section {
    background: url("../images/bg-t-2.png") no-repeat top center, #000;
}

.partners-section:before {
    content: "";
    background: url(../images/anime-4.gif);
    display: block;
    position: absolute;
    top: -109px;
    left: calc(50% - 109px);
    background-size: cover;
    width: 218px;
    height: 218px;
}


/*.partners-section:after {
    content: "";
    background: url(../images/effect_light.png);
    display: block;
    position: absolute;
    bottom: -103px;
    width: 400px;
    height: 141px;
    left: calc(50% - 200px);
}*/

.partners-section h2 {
    color: #fff;
}

.partners {
    margin-bottom: 80px;
}

.reviews h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 45px;
}

.review-block {
    padding-left: 34px;
    margin-bottom: 45px;
    border-left: 1px solid #4CA715;
    padding-right: 35px;
}

.review-block p {
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 0;
}
.quote-span {
    color: #4CA715;
    
}


footer {
    position: relative;
    background: #000;
    padding: 80px 0 0 0;
}

.custom-hide-on-small {
    display: none;
}

/* Показать элемент на экранах lg и выше */
@media (min-width: 992px) {
    .custom-hide-on-small {
        display: block;
    }
}

footer:before {
    content: "";
    background: url(../images/effect_light2.png);
    display: block;
    position: absolute;
    top: -38px;
    width: 400px;
    height: 141px;
    left: calc(50% - 200px);
    display: none;
}

.application-section {
    background: #F5F5F5;
    padding: 160px 0;
    position: relative;
}

/* .application-section:before {
    content: "";
    background: url(../images/anime-5.gif);
    display: block;
    position: absolute;
    top: -103px;
    left: calc(50% - 103px);
    width: 206px;
    height: 206px;
    background-size: cover;
} */


.application {
    width: 570px;
    max-width: 100%;
    margin: auto;
    border-radius: 2px;
    background: #FFF;
    padding: 30px 30px 30px 30px;
}

.application p {
    color: #0D0D0D;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 10px;
}

.application p span {
    font-size: 14px;
    font-weight: 500;
}
.rc-anchor rc-anchor-normal rc-anchor-light{
    width: 1px;
}

.error-message{
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 10%;
    padding: 12px 18px;
    width: 100%;
    border-radius: 2px;
    background: rgb(209, 48, 48);
    border: 1px solid #F9F9F9;
    text-align: center;
    margin-bottom: 20px;
}

.error-select {
    border-bottom: 2px solid rgb(209, 48, 48);;
}

.success-message{
    color: white;
    font-size: 24px;
    font-weight: 600;
    line-height: 10%;
    padding: 12px 18px;
    width: 100%;
    border-radius: 2px;
    background: #4CA715;
    border: 1px solid #F9F9F9;
    text-align: center;
    margin-top: 20px;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}

.input-tm {
    -webkit-appearance: none; /* Отключаем дефолтное оформление Safari */
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23282828" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
    color: #282828;
    font-size: 12px;
    font-weight: 300;
    line-height: normal; /* Стандартное значение */
    padding: 12px 18px;
    width: 100%;
    border-radius: 2px;
    background: #F9F9F9;
    border: 1px solid #F9F9F9;
}

.input-tm:focus {
    border: 1px solid #E4E4E4;
    font-weight: 400;
}

.input-tm::placeholder {
    color: #AEAEAE;
}

/* .mb-45 {
    margin-bottom: 45px!important;
} */
.checkbox-tm {
    position: relative;
    display: flex;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 12px;
}

.checkbox-tm input {
    position: absolute;
    top:0;
    left: 0;
    opacity: 0;
}

.checkbox-tm span {
    background: url(../images/checkbox.svg);
    width: 17px;
    height: 17px;
    margin-right: 10px;
    display: block;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkbox-tm input:checked ~ span {
    background: url("../images/checkbox-active.svg");
}

.approval {
    margin: 0 0;
}

.application .green-button {
    margin: auto;
    display: block;
    width: 344px;
}

.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 62px;
}

p.copyright {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
}

.menu-mobil {
    display: none;
}

.menu-mobil .menu {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.blog-section {
    background: #000;
    padding: 47px 0 115px 0;
}

.article-tm {
    padding: 25px 35px 35px 30px;
    border-left: 3px solid #4CA715;
    border-radius: 3px;
    margin-bottom: 20px;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.article-tm h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 20px;
}
.acticle-text p {
    color: #C5C5C5;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
}


.acticle-text {
    margin-bottom: 45px;
 }

.green-button img {
    margin-left: 14px;
}

.article-bottom .green-button {
    font-size: 14px;
    padding: 10px 30px;
    margin-right: 40px;
}

.article-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-bottom-l {
    display: flex;
    align-items: center;
}

.buttons button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #FFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: default !important;
}

.buttons button svg, .buttons button img {
    margin-left: 8px;
    cursor: default !important;
}

.buttons {
    display: flex;
    align-items: center;
    cursor: default !important;
}

.buttons button + button {
    margin-left: 22px;
    cursor: default !important;
}

.name {
    color: #C5C5C5;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.date {
    color: #5C5C5C;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
.article-bottom-r {
    display: flex;
    align-items: center;
}


.article-bottom-r .name{
    margin-right: 20px;
}


.lang {
    display: flex;
}

.lang a {
    color: rgba(255, 255, 255, 0.25);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.lang a + a {
    margin-left: 10px;
}

.lang a:hover, .lang a.active {
    color: #FFF;
 }

.header-r .lang {
    margin-right: 35px;
}

.w-header {
    background: #fff;
}

.w-header .menu li a {
    color: #0D0D0D;
}

.w-header .lang a {
    color: rgba(13, 13, 13, 0.25);
}

.w-header .lang a:hover, .w-header .lang a.active {
    color: #0D0D0D;
}


.black-button-border {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #0D0D0D;
    text-decoration: none;
    color: #0D0D0D!important;
}

 .black-button-border img {
     margin-left: 15px;
}

.article-title h1 {
    margin-bottom: 0;
    width: auto;
    color: #FFF;
    font-size: 48px;
    font-weight: 400;
    line-height: 100%;
}

.article-title h1 span {
    display: block;
}



.acticle-section {
    padding: 0 0 160px 0;
}


span.name-acticle {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

span.date-acticle {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-right: 40px;
}
.article-title .article-r {
    display: flex;
    align-items: center;
}


.article-body p {
    color: black;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

.article-body p img {
    display: block;
    margin: 0 auto;
}

.article-body figcaption {
    text-align: center;
    margin-bottom: 7%;
}

@media (max-width: 768px) {
    .article-body p {
        font-size: 16px;
        color: green; /* Установите желаемый размер шрифта */
    }
}

.article-title .container {
    height: 100%;
}

.article-title-int {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}


.comment-title-h3 {
    color: #0D0D0D;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
}
.comments-title .comment-title-h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.comments-title {
    margin-bottom: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comments-title  .buttons button svg path {
    fill:#000;
    cursor: default !important;
}


.name-comment {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin-right: 20px;
    color: #0D0D0D;
}


.date-comment {
    color: #C5C5C5;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-right: 20px;
}

.comment-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment-block {
    margin-bottom: 20px;
}

.sub-comment-block {
    position: relative;
    padding-left: 35px;
}


.sub-comment-block-2 {
    margin-left: 40px;
}

.sub-comment-block:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    content: "";
    background: url(../images/corner-3.svg);
}

.sub-comment-block:before {
    top: 0;
    bottom: 16px;
    position: absolute;
    left: 0;
    width: 2px;
    background: #ededed91;
    content: "";
}
.sub-comment-block-2:after {
    background: url(../images/corner-3.svg);
}

.sub-comment-block-2:before {
    background: #ededed91;
}
.comment-block-wrapper {
    margin-bottom: 30px;
}


.sub-comment-block-2 .name-comment {
    color: #0D0D0D;
    
    
}
.comments .black-button-border {
    margin-top: 45px;
    font-size: 14px;
    padding: 11px 32px;
    width: fit-content;
    font-weight: 500;
}

.quote {
    position: relative;
    margin-bottom: 80px;
}

.quote:after {
    width: 25px;
    height: 20px;
    content: "";
    background: url("../images/quote2.svg");
    display: block;
    margin-top: 15px;
    margin-left: auto;
}


.quote:before {
    width: 25px;
    background: url("../images/quote.svg");
    height: 20px;
    content: "";
    display: block;
    margin-bottom: 15px;
}


.quote p {
    color: #0D0D0D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.advantage-tm {
    display: flex;
    margin-bottom: 50px;
}

.advantage-tm-l {
    margin-right: 30px;
    flex-shrink: 0;
}


.advantage-tm-r p {
    color: #4CA715;
    font-size: 22px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 20px;
}

.ul-arrow {
    list-style: none;
    padding-left: 0;
    color: #0D0D0D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}


.ul-arrow li {
    position: relative;
    padding-left: 21px;
    margin-bottom: 10px;
}

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

.ul-arrow li:after {
    width: 6px;
    height: 9px;
    position: absolute;
    content: '';
    background: url(../images/arrow-ul.svg);
    left: 0;
    top: 6px;
}

.ul-arrow li span {
    font-weight: 500;
}

.quote-2 p {
    color: #fff;
}

.benefits-table {
    width: 100%;
}

.benefits-table td {
    width: 20%;
    padding: 20px;
    color: #282828;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
}

.benefits-table td:first-child {
    text-align: left;
}

.black-td {
    color: #FFF!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 150%!important;
    padding: 12px 20px!important;
    border-radius: 2px!important;
    background: #282828!important;
}

td.bg-gray {
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    background: rgba(250, 250, 250, 1);
}


td.title-td {
    color: #282828;
    font-size: 16px;
    font-weight: 900;
    line-height: 150%;
}

.td-button .green-button {
    width: 100%;
    font-size: 16px;
    padding: 17px 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.td-button .green-button img {
    width: 8px;
    height: 10px;
    margin-left: 12px;
}

td.td-button {
    padding: 15px;
}


.application-section h2 {
    text-align: center;
}

p.warning {
    border-radius: 2px;
    background: #FA2E2E;
    margin-bottom: 12px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    padding: 16px;
}

p.success {
    border-radius: 2px;
    background: #23b531;
    margin-bottom: 12px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    padding: 16px;
}

.completed-input input::placeholder {
    font-weight: 400;
    color: #282828!important;
}

.completed-input {
    position: relative;
}


.completed-input:after {
    position: absolute;
    content: "";
    background: url("../images/completed.svg");
    width: 12px;
    height: 12px;
    right: 18px;
    top:18px;
}

.error-input {
    position: relative;
}

.error-input:after {
    position: absolute;
    content: "";
    background: url(../images/error.svg);
    width: 10px;
    height: 12px;
    right: 18px;
    top: 18px;
}

.input-block {
    margin-bottom: 15px;
}

.menu-footer {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    /* margin-right: 160px; */
    padding-right: 480px;
}

.menu-footer-page {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 300px;
}

.menu-footer li + li {
    margin-left: 40px;
}

.menu-footer-page li + li {
    margin-left: 40px;
}

.menu-footer li a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    text-decoration: none;
}

.menu-footer-page li a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    text-decoration: none;
}

.menu-footer li a:hover {
    color: #4CA715;
}

.menu-footer-page li a:hover {
    color: #4CA715;
}

.info-footer {
    text-align: center;
    margin-bottom: 35px;
}

.mail {
    color: #FFF!important;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    /* display: block; */
}

.mail:hover{
    text-decoration: none;
}

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

.info-footer p {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

p.mission {
    width: 570px;
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 20px auto 0 auto;
    max-width: 100%;
}

.home-1  footer:before, .home-1 .application-section:before, .home-1  .partners-section:before, .home-1  .about-section:after, .home-1  .about-section:before, .home-1 .technologies-section:before {
    display: none;
}

.footer-bottom {
    height: 0;
    width: 100%;
}

.footer-bottom iframe {
    height:400.5px;
    width: 100%;
}

.about-section2 {
    background: url("../images/bg-t-1.png") no-repeat top center, url("../images/bg-tm-4.png") no-repeat bottom center, #000;
}

a.page-link {
    color: #FFF!important;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 5px 9px;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: transparent!important;
    display: block;
}


.page-item + .page-item {
    margin-left: 15px;
}

.active>.page-link, .page-link.active {
    border: 1px solid #FFF;
}

a.no-borber {
    border: 0!important;
    border-radius: 2px!important;
    background: rgba(255, 255, 255, 0.10)!important;
}

.page-item-transform img {
    transform: rotate(180deg);
}

.pagination-tm {
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
}
.pagination {
    margin-bottom: 0;
}
.blog-list {
    margin-bottom: 45px;
}

.blog-empty-section .green-button  {
    font-size: 14px;
    padding: 11px 31px;
}

.blog-empty-section .green-button img {
    width: 6px;
}



.article-tm.blog-none p {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 0;
}

.article-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    height: 445px;
    padding: 80px 0 80px 0;
    margin-bottom: 45px;
}

.article-body {
    margin-bottom: 80px;
}

.article-body,
.article-body p,
.article-body h1, .article-body h2, .article-body h3,
.article-body ul, .article-body ol,
.article-body li, .article-body blockquote {
    /*margin-bottom: 80px;*/
    color: rgb(37, 37, 37) !important;
}

.article-body ul, .article-body li {
    font-size: 16px;
}


.answer-comment textarea {
    min-height: 83px;
    border-radius: 2px;
    border: 1px solid #EDEDED;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    color: #0D0D0D;
}

.answer-comment textarea::placeholder {
    color: #C5C5C5;
}

.answer-comment .green-button {
    font-size: 14px;
    padding: 11px 32px;
}


.answer-comment-2 {
    padding-left: 40px;
}

.answer-comment textarea:focus {
    border: 1px solid #C5C5C5;
    color: #0D0D0D;
}


.footer-l img {
    width: 160px;
}












@media screen and (max-width: 1199px){
    .menu li + li {
        margin-left: 10px;
    }
    header .social-networks {
        margin-right: 15px;
    }
    
    .top-header-r img {
        width: 700px;
    }
    .top-header {
        margin-bottom: 40px;
    }

    .menu-article.has-lang {
        margin-left: 20px;
        margin-right: 60px;
    }

    .menu-article.has-lang li {
        margin-left: 25px;
    }

    .menu-footer {
        padding-right: 250px;
    }
}
.markdown-content,
.markdown-content p,
.markdown-content h1, .markdown-content h2, .markdown-content h3,
.markdown-content ul, .markdown-content ol,
.markdown-content li, .markdown-content blockquote {
    color: white !important;
}

.markdown-content p{
    margin-bottom: 10px;
}

/* Стили для заголовков в статьях */
.article-body h1,
.markdown-content h1 {
    font-size: 32px;
    font-weight: 700;
    color: #0D0D0D !important;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.article-body h2,
.markdown-content h2 {
    font-size: 26px;
    font-weight: 600;
    color: #0D0D0D !important;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.article-body h3,
.markdown-content h3 {
    font-size: 22px;
    font-weight: 500;
    color: #0D0D0D !important;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Убираем верхний отступ у первого заголовка */
.article-body h1:first-child,
.article-body h2:first-child,
.article-body h3:first-child,
.markdown-content h1:first-child,
.markdown-content h2:first-child,
.markdown-content h3:first-child {
    margin-top: 0;
}

/* Мобильные стили для заголовков */
@media screen and (max-width: 768px) {
    .article-body h1,
    .markdown-content h1 {
        font-size: 26px;
        font-weight: 700;
    }
    
    .article-body h2,
    .markdown-content h2 {
        font-size: 22px;
        font-weight: 600;
    }
    
    .article-body h3,
    .markdown-content h3 {
        font-size: 18px;
        font-weight: 500;
    }
}

/* Стили для модального окна */
.modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px; /* Ограничение по ширине */
    text-align: center;
}

.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-btn:hover,
.close-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


@media screen and (max-width: 991px){
    .burger {
        background: transparent;
        padding: 0;
        border:0;
        position: relative;
        z-index: 100;
    }
    
    .burger span {
        display: block;
        width: 30px;
        height: 2px;
        border-radius: 2px;
        background: #fff;
    }
    
    .burger span + span {
        margin-top: 6px;
    }

    .burger-page span {
        display: block;
        width: 60px;
        height: 4px;
        border-radius: 2px;
        margin-bottom: 10px;
    }

    .header-l {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    header {
        padding: 10px 0;
    }
    
    .top-header {
        flex-flow: column;
        margin-bottom: 30px;
    }
    
    .top-header-r {
        margin: auto;
    }
    
    .advantages .row {
        justify-content: center;
    }
    .menu-mobil {
        background: #000;
        padding: 50px 15px;
        height: 100vh;
        overflow: scroll;
        position: fixed;
        transition: 0.6s left;
        top:0;
        width: 100%;
        left: -100%;
        z-index: 10;
        display: block;
    }
    
    .menu-mobil.active {
        left: 0;
    transition: 0.6s left;
    }
    
    .burger.active span {
        opacity: 0;
    }
    
    .burger.active {
        background: url(../images/close.svg) no-repeat center;
        background-size: cover;
    }
    .menu {
        flex-flow: column;
    }
    .menu li a {
        font-size: 18px;
    }
    
    .menu li + li {
        margin: 15px 0 0 0;
    }
    .menu-mobil .social-networks {
        justify-content: center;
        margin: 26px 0;
    }
    .menu-mobil .w-button-border {
        margin: auto;
    }
    
    .top-header-r img {
        width: auto;
        left: auto;
    }
    .top-header-l {
        margin-bottom: 50px;
    }
    
    .w-header .burger span {
        background: #0D0D0D;
    }
}

@media screen and (max-width: 767px){
    header {
        background: black;
    }
    
    .top-section {
        padding: 20px 0 30px 0;
        background: no-repeat bottom center, #202020;
    }
    
    h1 {
        margin-bottom: 10px;
        font-size: 50px;
    }
    
    
    .top-header-l p {
        margin-bottom: 0;
        width: 100%;
        font-size: 14px;
        margin-bottom: 230px;
    }
    .button-top .green-button {
        padding: 14px 60px;
    }
    .advantages .row {
        justify-content: flex-start;
    }
    
    .advantage-block {
        padding: 7px 10px 10px 10px;
        margin-bottom: 10px;
        background: linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.01) 100%);
        height: auto;
    }
    
    .advantage-block img {
        width: 26px;
        margin: 0 10px 0 0;
    }
    
    .advantage-block p {
        font-size: 12px;
    
    }
    
    footer:before, .partners-section:after, .partners-section:before, .about-section:after, .about-section:before, .technologies-section:before {
        display: none;
    }
    
    h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    
    .technologies-section {
        padding: 40px 0 20px 0;
    }
    
    .technologies-section p {
        margin-bottom: 20px;
        font-size: 14px;
    }
    
    .technology-img-1 {
        margin: 30px 0;
    }
    
    
    .img-wrapper-mobil {
        position: relative;
        overflow: scroll;
    }
    
    .img-wrapper-mobil:before {
        background: rgb(255 255 255 / 75%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
    }
    
    .click-img {
        position: absolute;
        left: calc(50% - 49px);
        top: calc(50% - 49px);
        background: transparent;
        padding: 0;
        border: 0;
    }
    .img-wrapper-mobil.active:before {
        display: none;
    }
    
    .technology-img-2 {
        margin: 0 auto;
    }
    
    .img-wrapper-mobil.active .technology-img-2 {
        max-width: 1000px;
    }
    
    .about-section {
        padding: 40px 0 25px 0;
    }
    
    .button-top {
        flex-flow: column;
        margin-top: 15px;
    }
    
    .button-top .green-button {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }
    .button-top-text p {
        text-align: center;
    }
    
    .button-top-text {
        justify-content: space-between;
        width: 100%;
    }
    
    .button-top-text:after {
        background: url(../images/play.svg);
        width: 7px;
        height: 8px;
        content: "";
        transform: rotate(180deg);
        flex-shrink: 0;
    }
    
    .button-top-text img {
        flex-shrink: 0;
        margin-right: 0;
    }
    .top-header-r img {
        width: calc(100% + 30px);
        margin: 0 -15px;
        max-width: none;
    }
    .top-header-l {
        margin-bottom: 15px;
        padding-top: 0;
    }
    
    .top-header {
        margin-bottom: 0;
        padding-bottom: 0;
    }
       
    .advantage-block {
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-left: 3px solid #4CA715;
        display: flex;
        align-items: center;
    }
    
    .advantage-block p {
        width: auto;
    }
    
    .about-text p {
        margin-bottom: 20px;
        font-size: 14px;
    }
    
    .about-block {
        flex-flow: column;
        margin-bottom: 15px;
    }
    
    .about-block-l {
        display: none;
    }
    
    
    .about-block-r {
        padding: 0;
    }
    
    .about-block-r h3 {
        padding: 10px;
        margin-bottom: 0;
        background: url(../images/bg_item-mob.png) no-repeat top right, #4CA715;
        text-transform: none;
        display: flex;
        align-items: center;
    }
    
    
    .about-block-r p {
        font-size: 14px;
        padding: 20px 15px;
    }
    
    
    .benefits-section {
        padding: 40px 0 25px 0;
    }
    
    .benefits-block-l h3 {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .ul-tick li:before {
        width: 12.833px;
        height: 11px;
        background-size: cover;
    }
    .ul-tick li {
        padding-left: 27px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 150%;
    }
    
    .benefits-block-l {
        margin-bottom: 30px;
    }
    .benefits-block {
        margin-bottom: 30px;
    }
    
    .benefits-advantages-top h3 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 130%;
    }
    
    
    .benefit-block {
        padding-top: 15px;
    }
    .benefits-advantages-top p {
        margin-bottom: 15px;
        width: 100%;
        font-size: 14px;
        line-height: 150%;
    }
    
    .benefit-block-top {
        padding: 20px 20px 25px 20px;
    }
    
    .benefit-block-top h4 {
        margin-bottom: 10px;
    }
    .benefit-block-top p {
        font-size: 12px;
    }
    
    .benefits-advantages {
        margin-bottom: 15px;
    }
    .partners-section {
        padding: 40px 0 10px 0;
    }
    
    .partners .row {
        margin: 0 -7px;
    }
    
    .partners .row>* {
        padding: 0 7px;
        width: 20%;
    }
    
    .partners img {
        margin-bottom: 15px;
    }
    .partners {
        margin-bottom: 25px;
    }
    
    
    .reviews h3 {
        margin-bottom: 30px;
        font-size: 20px;
    }
    
    .review-block p {
        font-size: 16px;
    }
    
    .review-block {
        padding-left: 30px;
        margin-bottom: 30px;
        padding-right: 0;
    }
    .application-section {
        padding: 40px 0;
        background: #FFF;
    }
    .application-section h2 {
        text-align: center;
    }
    
    .application {
        width: 100%;
        padding: 0;
    }
    
    .application p, .application p span {
        font-size: 14px;
        line-height: 100%;
    }
    
    .mb-45 {
        margin-bottom: 25px!important;
    }
    
    .checkbox-tm {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 150%;
    }
    .approval {
        margin: 15px 0 30px 0;
    }
    .application .green-button {
        font-size: 18px;
        padding: 13px;
        width: 100%;
    }
    
    .application-section:before {
        display: none;
    }
   
    .blog-section {
        padding: 30px 0 42px 0;
    }
    
    .article-tm {
        border-top: 3px solid #4CA715;
        border-left: 0;
        padding: 12px 15px;
    }
    .article-tm h3 {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
    }
    .acticle-text p {
        font-size: 14px;
    }
    
    .acticle-text {
        margin-bottom: 0;
    }
    .article-bottom {
        flex-flow: column-reverse;
        align-items: flex-start;
    }
    
    .article-bottom-r {
        margin-bottom: 35px;
    }
    
    .article-bottom .green-button {
        padding: 10px 19px;
        margin-right: 15px;
    }
    .buttons button + button {
        margin-left: 15px;
        cursor: default !important;
    }
    
    .article-title {
        display: block;
        margin-bottom: 20px;
    }
    
    .article-title h1 {
        margin-bottom: 10px;
    }
    .article-body p {
        font-size: 14px;
    }
    .acticle-content {
        margin-bottom: 30px;
    }
    
    .comment-title-h3 {
        margin-bottom: 10px;
    }
    
    .name-comment {
        font-size: 14px;
        margin-right: 15px;
    }
    .date-comment {
        font-size: 12px;
        margin-right: 0;
    }
    
    .comment-title a.reply {
        display: none;
    }
    .comment-title-h3 {
        margin-bottom: 22px;
    }
    .comment-body p {
        font-size: 12px;
    }
    .comment-block {
        margin-bottom: 15px;
    }
    .sub-comment-block {
        padding-left: 30px;
    }
    .sub-comment-block-2 {
        margin-left: 25px;
    }
    .comments .black-button-border {
        width: 100%;
        justify-content: center;
        margin-top: 30px;
    }
    .comment-block-wrapper {
        margin-bottom: 22px;
    }
    
    .advantage-tm-l {
        display: none;
    }
    .advantage-tm-r p {
        padding: 4px 10px;
        background: #4CA715;
        display: flex;
        align-items: center;
        color: #fff;
        margin-bottom: 15px;
    }
    
    .advantage-tm-r p img {
        margin-right: 10px;
        width: 24px;
    }
     
    .advantage-tm-r {
        width: 100%;
    }
    .quote {
        margin-bottom: 30px;
    }
    
    
    .quote:before {
        margin-bottom: 10px;
        width: 20px;
        height: 16px;
        background-size: cover;
    }
    
    .quote:after {
        margin-top: 10px;
        width: 20px;
        height: 16px;
        background-size: cover;
    }
    ul.ul-arrow {
        font-size: 12px;
    }
    
    .ul-arrow li {
        padding-left: 14px;
        margin-bottom: 5px;
    }
    
    .ul-arrow li:after {
        top: 3px;
    }
    .advantage-tm {
        margin-bottom: 20px;
    }
    
    
    .about-block-r h3 img {
        width: 30px;
        margin-right: 10px;
    }
    
    .about-text {
        margin-bottom: 30px;
    }
    
    
    .benefits-table {
        display: none;
    }
    
    .benefit-mobil {
        border-radius: 2px;
        background: url(../images/bg-m-benefits.png) no-repeat right center, #0D0D0D;
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .benefit-mobil h3 {
        color: #FFF;
        font-size: 16px;
        font-weight: 900;
        line-height: 150%;
        margin-bottom: 15px;
    }
    .benefit-mobil p {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 10px;
    }
    
    ul.ul-arrow2 {
        color: #fff;
    }
    
    .benefit-mobil .green-button {
        font-size: 14px;
        padding: 10px 32px;
        display: flex;
        align-items: center;
    }
    
    .benefit-mobil .green-button img {
        margin-left: 14px;
        width: 6px;
    }
    .benefit-mobil .ul-arrow2 {
        margin-bottom: 20px;
    }
    .benefit-mobil-bottom {
        display: flex;
        align-items: center;
    }
    
    .benefit-mobil-bottom p {
        color: #64DB1C;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 0 0 15px;
    }
    .modal-tariff {
        background: #000;
        padding: 40px 15px;
    }
    
    button.btn-close {
        position: absolute;
        width: auto;
        height: auto;
        background: transparent;
        top: 20px;
        right: 20px;
        opacity: 1;
        padding: 0;
        display: flex;
    }
    
    p.modal-tariff-title {
        color: #FFF;
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 30px;
    }
    .modal-tariff h3 {
        color: #FFF;
        font-size: 18px;
        font-weight: 900;
        line-height: 150%;
        margin-bottom: 20px;
    }
    p.p-tm {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 15px;
    }
    
    .descr {
        border-radius: 2px;
        border: 1px solid rgba(255, 255, 255, 0.10);
        background: rgba(255, 255, 255, 0.05);
        padding: 15px;
        margin-bottom: 15px;
    }
    
    
    .descr h4 {
        color: #FFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 20px;
    }
    
    
    .descr p {
        color: #FFF;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        display: flex;
        margin-bottom: 17px;
    }
    
    .descr p img {
        margin-right: 13px;
    }
    .modal-tariff .green-button {
        padding: 11px;
        margin-top: 25px;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .modal-tariff .green-button img {
        width: 6px;
        margin-left: 14px;
    }
    
    .home-2 .application-section:before, .home-2 .partners-section:after, .home-2 .partners-section:before, .home-2 .about-section:after, .home-2 .about-section:before, .home-2 .technologies-section:before {
        display: block;
        background-size: cover!important;
    }
    
    
    .technologies-section:before {
        top: -33px;
        left: calc(50% - 33px);
        width: 65px;
        height: 65px;
    }
    
    .about-section:before {
        top: -55px;
        left: calc(50% - 55px);
        width: 110px;
        height: 110px;
    }
    
    .about-section:after {
        bottom: -48px;
        left: calc(50% - 48px);
        width: 96px;
        height: 96px;
    }
    .about-section {
        background-size: 100%;
    }
    
    .partners-section:before {
        top: -31px;
        left: calc(50% - 40px);
        width: 103px;
        height: 87px;
    }
    .application-section:before {
        top: -31px;
        left: calc(50% - 31px);
        width: 62px;
        height: 62px;
    }
    
    .footer-r, .footer-c {
        display: none;
    }
    footer .burger.active {
        position: fixed;
        top: 20px;
        right: 20px;
    }
    
    
    .footer-l {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    footer {
        padding: 30px 0 25px 0;
    }
    
    
    .footer-wrapper {
        margin-bottom: 60px;
    }
    .mail {
        margin-bottom: 15px;
    }
    
    p.mission {
        margin: 30px auto 0 auto;
    }
    .footer-bottom iframe {
        height: 191px;
    }
    
    
    .article-title h1 {
        font-size: 32px;
    }
    
    .about-section2 {
        background: url(../images/bg-tm-4.png) no-repeat bottom center, #000;
        background-size: 100%;
    }
    
    .partners2-section {
        background-size: 114px;
    }
    .partners-section:before {
        top: -40px;
        left: calc(50% - 40px);
        width: 80px;
        height: 80px;
    }
}

/* Переопределенные стили для видео в статьях - START */
.video-container {
    position: relative !important;
    padding-bottom: 42% !important; /* Пониженная высота для широкоформатного отображения */
    height: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    margin: 30px auto !important;
    border: 2px solid #4CA715 !important; /* Для отладки */
}

.video-container video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
}

/* Десктопные устройства */
@media (min-width: 992px) {
    .video-container {
        max-width: 70% !important; /* Ширина сопоставимая с YouTube плеером */
        margin-left: auto !important;
        margin-right: auto !important;
        padding-bottom: 35% !important; /* Еще более пониженная высота для десктопов */
    }
}
/* Переопределенные стили для видео в статьях - END */


/* Навигация между статьями */
.article-navigation {
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #e0e0e0;
}

.article-navigation .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.article-navigation .nav-previous {
    flex: 0 0 auto;
    max-width: 300px;
    order: 1;
}

.article-navigation .nav-next {
    flex: 0 0 auto;
    max-width: 300px;
    order: 2;
    margin-left: auto;
}

.article-navigation a {
    display: block;
    padding: 12px 20px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    text-decoration: none;
    color: #495057;
    transition: all 0.3s ease;
    min-width: 200px;
}

.article-navigation a:hover {
    background: #e9ecef;
    border-color: #adb5bd;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.article-navigation .nav-label {
    display: block;
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 4px;
}

.article-navigation .nav-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .article-navigation .nav-container {
        flex-direction: column;
        align-items: stretch;
    }
    
    .article-navigation .nav-previous,
    .article-navigation .nav-next {
        max-width: 100%;
        width: 100%;
        order: unset;
        margin-left: 0;
    }
    
    .article-navigation a {
        min-width: auto;
    }
}