.new-article__title {
    color: var(--Black-MTS, #000);
    font-family: "MTS Wide";
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 120%; /* 45.6px */
}

.new-article__date {
    margin-top: 17px;
    color: var(--Grey-MTS, #ADAFAF);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}

.new-article__short-desc {
    color: var(--Black-MTS, #000);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
    margin-top: 17px;
}

.new-article__btns {
    display: flex;
    margin-top: 17px;
    gap: 24px;
}

.new-article__save,
.new-article__share {
    position: relative;
    padding-left: 25px;
    color: var(--Grey-MTS, #ADAFAF);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}

.new-article__save::before,
.new-article__share::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 21px;
    height: 21px;
}

.new-article__save::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M18.2498 10.525C18.2498 12.9046 18.2503 15.2842 18.2498 17.6638C18.2498 18.5487 17.7053 19.1579 16.8162 19.2557C16.4222 19.299 16.071 19.1724 15.7556 18.9388C14.1696 17.7659 12.5825 16.5951 10.9954 15.4232C10.7891 15.271 10.5807 15.2718 10.3701 15.4253C8.7672 16.5983 7.16543 17.7723 5.56257 18.9447C4.76738 19.5261 3.72142 19.3492 3.22857 18.5519C3.04945 18.2628 2.99951 17.9438 2.99951 17.6125C2.99951 14.053 2.99951 10.4935 2.99951 6.93455C2.99951 5.768 2.99897 4.60145 2.99951 3.4349C3.00114 2.39286 3.65357 1.75053 4.7131 1.75C8.65376 1.75 12.5939 1.75 16.5345 1.75C17.6076 1.75 18.2498 2.38591 18.2498 3.44558C18.2498 5.8054 18.2498 8.16469 18.2498 10.5245V10.525ZM4.38851 10.5111C4.38851 12.8913 4.38851 15.2714 4.38851 17.651C4.38851 17.7637 4.37765 17.8802 4.50467 17.9481C4.63874 18.0202 4.72233 17.9262 4.81134 17.8605C6.41801 16.6811 8.02467 15.5012 9.6297 14.3197C10.357 13.7848 11.0165 13.7842 11.7477 14.3239C13.3294 15.4921 14.9111 16.6602 16.4927 17.8284C16.5904 17.9005 16.6865 17.9887 16.8211 17.9289C16.965 17.8653 16.9357 17.7301 16.9357 17.6136C16.9367 12.88 16.9367 8.14705 16.9362 3.41352C16.9362 3.10999 16.908 3.08381 16.598 3.08381C12.6503 3.08381 8.70207 3.08381 4.75435 3.08381C4.41022 3.08381 4.38797 3.10625 4.38797 3.44986C4.38797 5.80327 4.38797 8.15667 4.38797 10.5101L4.38851 10.5111Z" fill="%23ADAFAF"/></svg>');
}

.new-article__share::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M1.00003 17.6383C1.06935 17.117 1.11887 16.5926 1.21998 16.0756C1.68386 13.7068 2.69971 11.615 4.28055 9.80754C5.81865 8.04876 7.68355 6.78161 9.8763 6.01719C10.9005 5.66036 11.9554 5.45208 13.0349 5.35111C13.592 5.2993 13.5008 5.44309 13.5144 4.85049C13.5258 4.34352 13.4716 3.83444 13.5545 3.33012C13.6561 2.71161 14.0194 2.3257 14.5615 2.25645C14.7668 2.23002 14.9613 2.285 15.1484 2.36641C15.4163 2.48324 15.6352 2.66932 15.8385 2.87496C17.3057 4.36149 18.7745 5.84644 20.2375 7.33774C21.1444 8.26233 21.2502 9.55327 20.5101 10.5545C20.4324 10.6597 20.3417 10.7559 20.25 10.849C18.7703 12.3514 17.29 13.8522 15.8098 15.3535C15.6805 15.4846 15.5445 15.6062 15.3902 15.7066C14.5599 16.2474 13.6968 15.8488 13.5519 14.8576C13.4732 14.3195 13.5269 13.7782 13.5144 13.2384C13.5071 12.9191 13.5128 12.9181 13.2121 12.9334C11.1851 13.0375 9.26283 13.5556 7.44588 14.4649C5.34643 15.5153 3.59255 16.9986 2.16755 18.8816C1.98825 19.1185 1.79071 19.3035 1.46496 19.2369C1.23249 19.1893 1.09541 19.0318 0.999512 18.8256V17.6383H1.00003ZM2.33173 16.7909C2.78571 16.3177 3.21988 15.9038 3.67959 15.5174C6.66302 13.0095 10.0978 11.7381 13.9668 11.661C14.489 11.6504 14.7356 11.901 14.7371 12.428C14.7387 13.0677 14.7371 13.7073 14.7377 14.3464C14.7377 14.4125 14.7397 14.4781 14.7418 14.5442C14.745 14.6256 14.783 14.6335 14.8403 14.588C14.8763 14.56 14.9112 14.5299 14.943 14.4971C16.442 12.9778 17.9431 11.4606 19.4369 9.936C19.9112 9.45177 19.9071 8.75185 19.4338 8.26973C17.9389 6.74619 16.4384 5.22846 14.9383 3.71021C14.8919 3.66316 14.8492 3.568 14.7715 3.60448C14.7106 3.63303 14.7387 3.72448 14.7387 3.78739C14.7366 4.46669 14.7408 5.14547 14.735 5.82477C14.7314 6.29314 14.4932 6.51993 14.0345 6.53315C13.1308 6.55958 12.2317 6.64152 11.3529 6.86989C7.76382 7.80188 5.12596 9.95027 3.42889 13.2839C2.87692 14.3686 2.53084 15.5258 2.33173 16.7898V16.7909Z" fill="%23ADAFAF"/></svg>');
}

.new-article__wrap {
    position: relative;
    width: 100%;
    padding-bottom: 38.888889%;
    margin-top: 17px;
}

.new-article__wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
}

.new-article__author {
    margin-top: 17px;
    display: flex;
    align-items: center;
    gap: 17px;
}

.new-article__author-wrap {
    position: relative;
    width: 45px;
    height: 45px;
}

.new-article__author-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.new-article__author-name {
    color: var(--Black-MTS, #000);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
}

.new-article__author-pos {
    margin-top: 2px;
    color: var(--Black-MTS, #000);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}

.new-article__grid {
    display: grid;
    grid-template-columns: minmax(266.125px, 266.125px) minmax(670px, 670px);
    gap: 34px;
    margin-top: 80px;
}

.new-article__wrapper {
    order: 1;
}

.new-article__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.new-article__content h5, 
.new-article__content h2, 
.new-article__content p,
.new-article__content ol,
.new-article__content ul {
    margin: 0;
}

.new-article__content h2 {
    color: var(--Black-MTS, #000);
    font-family: "MTS Wide";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 26.4px */
}

.new-article__content h5 {
    color: var(--Black-MTS, #000);
    font-family: "MTS Wide";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 16px;
}

.new-article__content p {
    margin-top: 16px;
    color: var(--Black-MTS, #000);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.new-article__content ul,
.new-article__content ol {
    margin-top: 16px;
    padding-left: 20px;
    color: var(--Black-MTS, #000);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.new-article__content ol a,
.new-article__content ul {
    color: var(--, #03F);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: underline;
}

.new-article__block p a {
    color: var(--, #03F);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: underline;
}

.new-article__round {
    color: var(--Black-MTS, #000);
    text-align: center;
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 20.8px */
    border-radius: 36px;
    background: var(--Light-Grey, #F2F3F7);
    padding: 36px;
}

.new-article__round a {
    color: var(--, #03F);
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration: underline;
}

.new-article__btn {
    color: #FFF;
    text-align: center;
    font-family: "MTS Compact";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--Red-MTS, #FF0032);
    padding: 12px 59.5px;
    max-width: max-content;
}

.new-article__citation {
    position: relative;
    padding-top: 80px;
}

.new-article__citation::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 65px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2025/citation.svg);
}

.new-article__citation-text {
    color: var(--Black-MTS, #000);
    text-align: center;
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}

.new-article__citation-author {
    margin-top: 24px;
    color: var(--Black-MTS, #000);
    text-align: center;
    font-family: "MTS Compact";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 20.8px */
    padding-bottom: 24px;
    border-bottom: 2px solid #000;
}

.article__feedback-form-wrap {
    max-width: 910px;
    margin-left: auto;
}

.article__feedback-form-wrap.--mob {
    display: none!important;
}

@media screen and (max-width: 1040px) {
    .new-article__grid {
        grid-template-columns: 1fr;
    }

    .article__info-wrap {
        order: 2;
    }

    .new-article__grid .article__info-wrap .popular-articles {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .new-aticle .container {
        max-width: 100%;
    }

    .new-article__title {
        font-size: 24px;
        line-height: 28px;
    }

    .new-article__date,
    .new-article__short-desc,
    .new-article__btns,
    .new-article__wrap,
    .new-article__author {
        margin-top: 12px;
    }

    .new-article__wrap {
        padding-bottom: 61.538462%;
        border-radius: 24px;
    }

    .new-article__grid {
        margin-top: 16px;
    }

    .new-article__content {
        gap: 16px;
    }

    .new-article__btn {
        padding: 12px;
        max-width: 100%;
    }

    .article__feedback-form-wrap {
        display: none;
    }

    .article__feedback-form-wrap.--mob {
        display: flex!important;
    }
}