/* <================< Future Studio >================> */

/* MAIN STYLES Version 1.0 */

/* <================ Links =================> */

/* 

Common weight name mapping

100 -> Thin (Hairline)

200 -> Extra Light (Ultra Light)

300 -> Light

400 -> Normal

500 -> Medium

600 -> Semi Bold (Demi Bold)

700 -> Bold

800 -> Extra Bold (Ultra Bold)

900 -> Black (Heavy) 

*/

@font-face {
    font-family: "TT-100";
    src: url('/fonts/TT-Hoves-Pro-Trial-Thin.ttf');
}

@font-face {
    font-family: "TT-200";
    src: url('/fonts/TT-Hoves-Pro-Trial-ExtraLight.ttf');
}

@font-face {
    font-family: "TT-300";
    src: url('/fonts/TT-Hoves-Pro-Trial-Light.ttf');
}

@font-face {
    font-family: "TT-400";
    src: url('/fonts/TT-Hoves-Pro-Trial-Regular.ttf');
}

@font-face {
    font-family: "TT-500";
    src: url('/fonts/TT-Hoves-Pro-Trial-Medium.ttf');
}

@font-face {
    font-family: "TT-600";
    src: url('/fonts/TT-Hoves-Pro-Trial-DemiBold.ttf');
}

@font-face {
    font-family: "TT-700";
    src: url('/fonts/TT-Hoves-Pro-Trial-Bold.ttf');
}

@font-face {
    font-family: "TT-800";
    src: url('/fonts/TT-Hoves-Pro-Trial-ExtraBold.ttf');
}

@font-face {
    font-family: "TT-900";
    src: url('/fonts/TT-Hoves-Pro-Trial-Black.ttf');
}

/* <================ Default Styles =================> */

*,
*:after,
*:before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: "TT-400";
    font-size: 16px;
    background: #ffffff;
    min-height: 100vh;
    scrollbar-gutter: stable both-edges;
}


html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

body.sticky {
    overflow-x: unset;
}

body.sticky {
    max-width: 100vw;
}

button {
    border: 2px solid rgb(49, 105, 49);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 1.125rem;
    font-family: "TT-500";
    font-weight: normal;
    transition: .3s;
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

a {
    -webkit-tap-highlight-color: transparent;
}



button:hover {
    background: #DDFFDD;
}

button:active {
    transform: scale(0.98);
    background: #316931;
    color: white;
}

img {
    width: 100%;
    user-select: none;
    -webkit-user-drag: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 83.3vw;
    scrollbar-gutter: stable both-edges;
}

section .container {
    padding: 0 14vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

button.secondary {
    border-radius: 10px;
    color: white;
    background: #1A7537;
}

button.secondary:hover {
    background: #30AD58;
    border-color: rgb(48, 173, 88);
}

p {
    margin: 0;
    padding: 0;
}

b {
    font-weight: normal;
    font-family: "TT-600";
}


.mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.6;
    left: 0;
    top: 0;
    z-index: 12;
    transition: 0.3s, z-index 0s;
}

.mask.ch {
    z-index: 50;
}

.img-focus {
    position: fixed;
    max-width: 80vw;
    max-height: 80vh;
    width: 100%;
    height: 100%;
    z-index: 12;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    text-align: center;
    transition: .3s;
}

.img-focus img {
    height: 100%;
    width: auto;
    transition: .3s;
    transform: scale(1);
    max-width: 100%;
    object-fit: contain;
}

.img-focus.hide img{
    transform: scale(0);
}

.img-focus.hide {
    z-index: -1;
}

.mask.hide , .mask.hide.ch {
    z-index: -1000 !important;
    opacity: 0;
}

/* ::-webkit-scrollbar {
    position: absolute;
    width: 0;
    display: none;
    appearance: none;
} */

/* Adaptive */

@media screen and (max-width: 900px) {
    .img-focus img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    .img-focus {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/* <================ Header Styles =================> */


header.header {
    height: 101px;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    display: flex;
    align-items: center;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.header__logo {
    height: 40px;
    width: 220px;
}

.header__logo img {
    height: 100%;
    width: auto;
}

.header__controls {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header__controls nav.main-nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

nav.main-nav button {
    height: 40px;
    width: 250px;
    font-size: 18px;
}

nav.main-nav button.active {
    color: white;
    background: #316931;
    font-family: "TT-700";
}

.header__login button {
    height: 40px;
    width: 170px;
}

.header__login button#go-profile {
    width: auto;
    height: 40px;
    padding: 0 12px;
    background: #316931;
    border: 0;
    transition: .3s;
}

.header__login button#go-profile img {
    height: 36px;
}

.header__login button#go-profile:hover {
    background: #e4fede;
}

/* Adaptive */

@media screen and (max-width: 1520px) {
    .container {
        max-width: 85vw;
    }
}

@media screen and (max-width: 1460px) {
    .header__logo {
        height: 35px;
    }

    header.header {
        height: 70px;
    }

    nav.main-nav button {
        width: 140px;
        height: 35px;
        font-size: 14px;
    }

    .header__login button {
        width: 120px;
        font-size: 14px;
        height: 35px;
    }
}

@media screen and (max-width: 1000px) {
    header.header {
        height: 120px;
        align-items: start;
        padding-top: 15px;
    }

    .header__controls {
        top: 100%;
        margin-top: 20px;
        width: 100%;
    }

    .header__controls nav.main-nav {
        display: flex;
        justify-content: center;
        gap: 40px;
    }
}

@media screen and (max-width: 530px) {
    .header__controls nav.main-nav {
        gap: 6px;
        justify-content: space-between;
    }

    nav.main-nav a {
        width: 33%;
        text-decoration: none;
    }

    nav.main-nav button {
        width: 100%;
        font-size: 14px;
        height: 30px;
        /* white-space: nowrap; */
    }

    .header__login button {
        height: 30px;
        width: 100px;
        font-size: 14px;
    }

    .header__logo {
        height: 30px;
    }

    .header__logo img {
        height: 100%;
        width: auto;
    }

    .header__logo {
        position: relative;
        left: 0;
        margin-right: auto;
    }
}


/* <================ Intro Styles =================> */

.intro {
    padding-top: 150px;
}

.intro__img {
    width: 40%;
}
.intro__content {
    max-width: 50%;
}

.intro__inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 50px;
    justify-content: space-between;
}

.content__bloger .intro__content h1.intro__title{
    font-size: 42px;
    margin-bottom: 18px;
    margin-top: 42px;
}

.content__bloger .intro__content h3.intro__text {
    font-size: 16px;
    margin-bottom: 15px;
}

.content__bloger .intro__socials {
    width: 272px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.content__bloger .intro__controls button {
    text-transform: none;
}

.intro__content h2.intro__text {
    color: rgb(0, 130, 61);
    font-family: "TT-400";
    font-size: 24px;
    margin-top: 44px;
    text-align: center;
    margin-bottom: 17px;
}

.intro__content h2.intro__text.font-small {
    font-size: 18px;
}

.intro__content h3.intro__text {
    color: rgb(0, 130, 61);
    font-family: "TT-400";
    font-size: 20px;
    text-align: center;
    margin-bottom: 17px;
    margin-bottom: 35px;
}

.intro__content h1 {
    font-size: 44px;
    font-family: "TT-700";
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 17px;
    line-height: 1.075;
}

.intro__controls {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.intro__controls button {
    font-size: 24px;
    font-family: "TT-600";
    text-transform: uppercase;
    font-weight: normal;
    width: 250px;
    height: 45px;
}

.intro__stickers {
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

aside.intro-sticker {
    position: relative;
    width: 306px;
}

aside.intro-sticker p {
    position: absolute;
    text-align: center;
    max-width: 170px;
    font-size: 0px;
    font-family: "TT-300";
    right: 30px;
    top: 40px;
}

aside.intro-sticker:first-child p {
    max-width: 140px;
}

/* Adaptive */

@media screen and (max-width: 1835px) {
    section .container {
        padding: 0 8vw;
    }
}

@media screen and (max-width: 1500px) {
    section .container {
        padding: 0 0vw;
    }
}

@media screen and (max-width: 1200px) {
    .intro__img {
        width: 400px;
    }

    .intro__inner {
        align-items: center;
    }

    aside.intro-sticker {
        width: 220px;
    }

    aside.intro-sticker p {
        right: 10px;
        font-size: 14px;
        max-width: 140px;
        top: 25px;
    }

    aside.intro-sticker:first-child p {
        right: 20px;
        width: 100px;
    }

    .intro__stickers {
        margin-top: 24px;
    }

    .intro__content h2.intro__text {
        margin-top: 0;
    }

    .intro__content h1 {
        font-size: 28px;
    }

    .intro__controls button {
        font-size: 18px;
        width: 200px;
        height: 40px;
    }

    .intro__controls {
        justify-content: space-between;
    }
}

@media screen and (max-width: 1080px) {
    .intro__img {
        width: 300px;
    }
}

@media screen and (max-width: 900px) {
    .intro__img {
        display: none;
    }

    .intro__content {
        max-width: 80%;
        margin: 0 auto;
    }

    .content__bloger .intro__content h1.intro__title {
        margin-top: 0;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 800px) {
    aside.intro-sticker {
        width: 150px;
    }

    .intro__stickers {
        gap: 5px;
    }

    aside.intro-sticker p {
        right: 6px;
        font-size: 0px;
        max-width: 100px;
        top: 17px;
    }

    aside.intro-sticker:first-child p {
        right: 8px;
        width: 80px;
    }
}

@media screen and (max-width: 580px) {
    .intro__content {
        max-width: 100%;
    }

    section .container {
        max-width: 96vw;
    }
}

@media screen and (max-width: 530px) {
    .intro {
        padding-top: 120px;
    }

    .intro__content h2.intro__text {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .intro__content h1 {
        font-size: 28px;
    }

    .intro__content h3.intro__text {
        font-size: 20px;
        margin-bottom: 17px;
    }

    .intro__controls button {
        font-size: 16px;
        width: 150px;
        height: 35px;
    }

    .intro__controls {
        justify-content: center;
        gap: 4px;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 20px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .intro__stickers {
        justify-content: center;
    }
}

@media screen and (max-width: 420px) {
    .intro__content h3.intro__text {
        font-size: 16px;
    }
}


/* <================ Video Styles =================> */

section.video {
    padding: 120px 0;
    background: linear-gradient(180.00deg, rgba(218, 237, 224, 0),rgb(218, 237, 224) 18.274%,rgb(218, 237, 224) 83.158%,rgba(218, 237, 224, 0) 98.61%);
}

.video__block video {
    width: 100%;
}

.video__block {
    width: 100%;
    overflow: hidden;
    height: 700px;
    border-radius: 40px;
}


.video__block video {
    border-radius: 30px;
}

h3.video__title {
    font-size: 36px;
    font-family: "TT-600";
    color: rgb(26, 117, 55);
}

h5.video__subtitle {
    color: rgb(26, 117, 55);
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

/* Adaptive */

@media screen and (max-width: 800px) {
    .video__block video {
        border-radius: 10px;
    }

    .video__block {
        height: 300px;
        border-radius: 20px;
    }

    section.video {
        padding: 40px 0;
        background: linear-gradient(180.00deg, rgba(218, 237, 224, 0),rgb(218, 237, 224) 18.274%,rgb(218, 237, 224) 83.158%,rgba(218, 237, 224, 0) 98.61%);
    }

    h3.video__title {
        font-size: 20px;
    }

    h5.video__subtitle {
        font-size: 16px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 500px) {
    .video__block {
        width: 90%;
        overflow: hidden;
        margin: 0 auto;
        height: 200px;
    }
}



/* <================ How Styles =================> */

.how {
    margin-bottom: 60px;
}


h3.medium__title {
    font-family: "TT-600";
    font-size: 36px;
}

.how__line {
    display: flex;
    align-items: center;
    border: 3px solid rgb(0, 130, 61);
    border-radius: 10px;
    padding: 16px 20px;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px;
}

.how__line button {
    width: 100%;
    height: 100px;
    text-align: center;
    white-space: wrap;
    background: rgb(235, 255, 245);
    border: 0;
    color: black;
    font-size: 20px;
    font-family: "TT-400";
}

.how__line button.active {
    background: rgb(0, 130, 61);
    color: white;
    font-family: "TT-500";
}

.how__line button:hover {
    background: rgb(189, 255, 220);
}

.how__line button.active:hover {
    background: rgb(0, 130, 61);
    color: white;
}

.how__line button:active {
    background: rgb(0, 130, 61);
    color: white;
}

.how-content {
    display: none;
    justify-content: space-between;
    margin-top: 35px;
    gap: 30px;
}

.how-content.active {
    display: flex;
}

.how-content__text {
    max-width: 33%;
}

.how-content__text h4 {
    font-size: 24px;
    color: rgb(0, 130, 61);
    font-family: "TT-500";
    margin-bottom: 10px;
}

.how-content__text p {
    font-family: "TT-300";
    margin-bottom: 24px;
}

.how-content__text button {
    padding: 8px 23px;
    font-size: 18px;
    font-family: "TT-500";
}

.how-content__photo {
    width: 660px;
    border: 3px solid rgb(0, 130, 61);
    border-radius: 10px;
    overflow: hidden;
}

.how-content__photo img {
    height: 100%;
    object-fit: cover;
}

/* Adaptive */



@media screen and (max-width: 950px) {
    h3.medium__title {
        font-size: 28px;
    }

    .how__line {
        margin-top: 20px;
        padding: 8px;
        border-width: 2px;
        gap: 10px;
    }

    .how__line button {
        font-size: 16px;
        height: 80px;
    }

    .how-content__photo {
        width: 380px;
    }

    .how-content__text h4 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .how-content {
        margin-top: 12px;
    }

    .how-content__text p {
        font-size: 14px;
    }

    .how-content__text button {
        font-size: 16px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 800px) {
    .how-content__photo {
        max-width: 300px;
        width: 100%;
    }

    .how-content__text {
        max-width: 50%;
    }
}

@media screen and (max-width: 670px) {
    h3.medium__title {
        font-size: 20px;
    }

    .how__line {
        flex-direction: column;
        gap: 5px;
    }

    .how__line button {
        height: 36px;
        font-size: 16px;
    }
}

@media screen and (max-width: 580px) {
    .how-content {
        flex-direction: column;
        gap: 10px;
    }

    .how-content__photo {
        max-width: 100%;
        width: 100%;
    }

    .how-content__text {
        max-width: 100%;
    }
}


/* <================ Price Styles =================> */

.price h3.medium__title {
    text-transform: uppercase;
}

.tariffs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 70px;
    gap: 5px;
}

aside.tariff {
    padding: 28px 19px;
    border: 3px solid rgb(26, 117, 55);
    border-radius: 10px;
    color: rgb(26, 117, 55);
    text-align: center;
    width: 250px;
    margin-top: 20px;
}

aside.tariff.top {
    background: rgb(0, 175, 123);
    color: white;
    border-color: rgb(0, 175, 123);
    position: relative;
}

aside.tariff.top:before {
    content: 'Рекомендуем';
    position: absolute;
    top: -3px;
    color: black;
    font-size: 20px;
    font-family: "TT-500";
    padding: 5px 30px;
    border-radius: 30px;

    background: rgb(255, 230, 52);
    z-index: 2;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

aside.tariff h2 {
    font-size: 30px;
    font-family: "TT-700";
    line-height: 1.1;
    margin-bottom: 24px;
    height: 62px;
}

aside.tariff span.it-count {
    font-size: 36px;
    font-family: "TT-700";
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

aside.tariff p.it-comment {
    font-size: 20px;
    margin-bottom: 24px;
}

aside.tariff span.price__count {
    font-size: 36px;
    font-family: "TT-700";
    margin-bottom: 5px;
    line-height: 1;
}

aside.tariff p.price-comment {
    font-size: 20px;
    font-family: "TT-600";
    margin-bottom: 24px;
}

aside.tariff button {
    width: 100%;
    background: rgb(161, 233, 184);
    border: 0;
    height: 35px;
    color: black;
}

aside.tariff button:hover {
    background: rgb(79, 197, 116);
}

/* Adaptive */

@media screen and (max-width: 680px) {
    .tariffs {
        justify-content: center;
        gap: 10px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}


/* <================ Advantages Styles =================> */


section.advantages {
    background: rgb(0, 175, 123);
    padding: 34px 0;
}

img.advantages__title {
    width: 514px;
}

.advantages__inner center h3 {
    color: white;
    font-size: 48px;
    font-family: "TT-500";
    margin-top: 24px;
}

aside.adv__block {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    padding: 20px 14px;
    width: 300px;
    height: 240px;
    padding-top: 12px;
}

aside.adv__block h4 {
    color: rgb(0, 175, 123);
    font-size: 24px;
    font-family: "TT-500";
    text-align: center;
    line-height: 1;
    margin-bottom: 27px;
}

aside.adv__block img {
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 9px;
}

aside.adv__block p {
    text-align: center;
    font-size: 18px;
    text-align: center;
}

.advantages__blocks {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 46px;

    gap: 60px;
    margin-bottom: 40px;
}


/* Adaptive */


@media screen and (max-width: 1200px) {
    .advantages__blocks {
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
    section.advantages {
        padding: 14px 0;
    }

    img.advantages__title {
        width: 285px;
    }

    .advantages__inner center h3 {
        font-size: 24px;
        margin-top: 5px;
    }

    .advantages__blocks {
        margin-top: 20px;
        gap: 20px;
    }
}

@media screen and (max-width: 730px) {
    .advantages__blocks {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    aside.adv__block {
        width: 95%;
        height: auto;
        min-height: 195px;
        padding-top: 10px;
        padding-bottom: 7px;
    }

    aside.adv__block h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    aside.adv__block p {
        font-size: 16px;
    }

    aside.adv__block img {
        max-width: 44px;
    }

    aside.adv__block:first-child img {
        max-width: 35px;
    }
}


/* <================ Motive Styles =================> */

section.motive {
    margin-top: 100px;
    margin-bottom: 110px;
}

h3.motive__title {
    color: rgb(26, 117, 55);
    font-size: 36px;
    font-family: "TT-600";
    margin-bottom: 20px;
}

h5.motive__subtitle {
    color: #525252;
	font-size: 28px;
    margin-bottom: 15px;
    font-family: "TT-500";
}

ol.motive__list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #525252;
    font-size: 24px;
    font-family: "TT-400";
    margin-bottom: 20px;
}

ol.motive__list li {
    margin: 5px 0;
}

ol.motive__list li span {
    color: #459045;
}

.motive button {
    padding: 10px 38px;
    font-size: 20px;
}

/* Adaptive */

@media screen and (max-width: 900px) {
    section.motive {
        margin-top: 15px;
        margin-bottom: 40px;
    }

    h3.motive__title {
        font-size: 24px;
        margin-bottom: 4px;
    }

    h5.motive__subtitle {
        font-size: 20px;
        margin-bottom: 0;
    }

    ol.motive__list {
        font-size: 18px;
        margin-top: 10px;
    }

    ol.motive__list li {
        margin: 2px 0;
    }

    .motive button {
        font-size: 18px;
        padding: 6px 20px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 620px) {
    ol.motive__list {
        font-size: 14px;
        margin-top: 10px;
    }

    h3.motive__title {
        font-size: 18px;
    }

    h5.motive__subtitle {
        font-size: 14px;
    }
}

@media screen and (max-width: 520px) {
    .motive button {
        width: 100%;
    }
}


/* <================ Footer Styles =================> */

footer.footer {
    padding-top: 100px;
    padding-bottom: 40px;
    background: linear-gradient(180.00deg, rgba(49, 105, 49, 0) 0%,rgb(0, 175, 123) 49.935%,rgb(0, 175, 123) 100%);
}

.footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.footer-col.cont img {
    width: 276px;
    margin-bottom: 30px;
}

.footer-data {
    font-family: "TT-600";
    font-size: 18px;
    color: white;
    margin-bottom: 30px;
}

footer a.policy {
    color: white;
    text-decoration: underline;
    font-size: 18px;
    font-family: "TT-500";
    display: block;
    margin-bottom: 10px;
    transition: .3s;
}

footer a.policy:hover {
    color: rgb(243, 244, 243);
}

footer p.copyright {
    margin-top: 30px;
    color: white;
    font-size: 18px;
    font-family: "TT-500";
}

button.footer-btn {
    border-radius: 5px;

    background: rgb(255, 255, 255);
    padding: 10px 0;
    color: black;
    font-size: 20px;
    width: 250px;
    border: 0;
}

button.footer-btn:hover {
    background: rgb(174, 242, 174);
}

.footer__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    width: 250px;
}

.footer-col.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Adaptive */

@media screen and (max-width: 1100px) {
    .footer-col.cont img {
        width: 156px;
        margin-bottom: 20px;
    }

    .footer-data {
        font-size: 14px;
        margin-bottom: 15px;
    }

    footer a.policy {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .footer-col.center img {
        width: 237px;
    }

    button.footer-btn {
        font-size: 18px;
        padding: 6px 0;
        width: 100%;
    }

    .footer__controls {
        gap: 8px;
        width: 200px;
    }
}


@media screen and (max-width: 790px) {
    .footer-col {
        position: relative;
        z-index: 2;
    }
    .footer-col.center {
        top: calc(100% + 20px);
        z-index: 0;
    }

    footer {
        overflow-y: hidden;
    }
}


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

    p.copyright {
        display: none;
    }

    .footer__controls {
        width: 100%;
        margin-top: 20px;
        justify-content: space-between;
    }

    button.footer-btn:nth-child(1) , button.footer-btn:nth-child(2) {
        width: 48%;
    }

    footer.footer .footer__inner {
        padding-bottom: 70px;
    }
}


/* <================ About Us Styles =================> */

.about {
    padding-top: 130px;
    margin-bottom: 240px;
}

.about__inner {
    display: flex;
    align-items: end;
    gap: 20px;
}

h1.about__title {
    color: rgb(26, 117, 53);
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
	margin-top: 30px;
    margin-bottom: 17px;
}

p.about__text-p {
    color: rgb(49, 49, 49);
    font-size: 18px;
}

.about__text {
    max-width: 60%;
}


/* Adaptive */

@media screen and (max-width: 1000px) {
    .about {
        padding-top: 90px;
    }

    h1.about__title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    p.about__text-p {
        font-size: 16px;
    }
}

@media screen and (max-width: 850px) {
    .about {
        padding-top: 120px;
    }
}

@media screen and (max-width: 700px) {
    .about__inner {
        flex-direction: column;
    }

    .about__text {
        max-width: 100%;
    }

    .about__img {
        width: 60%;
        margin: 0 auto;
    }

    .about {
        margin-bottom: 90px;
    }

    h1.about__title {
        font-size: 24px;
    }
}



/* <================ Audience Styles =================> */


h3.left__green-title {
    color: rgb(26, 117, 55);
    font-size: 36px;
    font-family: "TT-600";
    text-transform: uppercase;
    margin-bottom: 2px;
}

h5.audience__subtitle {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "TT-500";
    margin-bottom: 23px;
}

aside.audience__block {
    border-radius: 10px;
    background: rgb(218, 237, 224);
    padding: 36px 34px;
    padding-bottom: 25px;
    margin-bottom: 43px;
}

aside.audience__block:last-child {
    margin-bottom: 0;
}

.audi-person {
    display: flex;
    align-items: center;
    gap: 32px;
    font-family: "TT-300";
    margin-bottom: 20px;
}

.audi-person img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
}

.audi-person__info h4 {
    font-size: 36px;
}

.audi-person__info span {
    color: rgb(90, 90, 90);
    font-size: 24px;
}

.audience__block-content h6 {
    font-size: 16px;
    margin-bottom: 10px;
}

.audience__block-content p {
    font-family: "TT-300";
}

.audience__block-content p span {
    color: #1CC31C;
    font-family: "TT-600";
}

.audience-block__img {
    max-width: 100%;
    width: 100%;
    height: 225px;
    border-radius: 15px;
    overflow: hidden;
    cursor: zoom-in;
}

.audience-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.audience__block-slider {
    margin-top: 32px;
    position: relative;
}

.swiper-audience {
    overflow: hidden;
    width: 100%;
}

.audience .swiper-button-prev, .audience .swiper-button-next {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    background: rgb(54, 75, 255);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: .3s;
    transform-origin: 50% 50%;
}

.audience .swiper-button-prev {
    left: -15px;
}

.audience .swiper-button-next {
    right: -15px;
}

.audience .swiper-button-prev:active , .audience .swiper-button-next:active {
    transform: scale(0.9);
}

.audience .swiper-button-next::after , .audience .swiper-button-prev::after {
    font-size: 0;
    background-image: url("/img/slider_arrow_right.svg");
    width: 16px;
    height: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.audience .swiper-button-prev::after {
    background-image: url("/img/slider_arrow_left.svg");
}

/* Adaptive */

@media screen and (max-width: 900px) {
    h3.left__green-title {
        text-align: center;
        font-size: 20px;
    }

    h5.audience__subtitle {
        font-size: 16px;
        text-align: center;
        margin-bottom: 12px;
    }

    aside.audience__block {
        padding: 22px 12px;
        padding-bottom: 25px;
    }

    .audi-person img {
        width: 70px;
        height: 70px;
    }

    .audi-person {
        margin-bottom: 14px;
        gap: 15px;
    }

    .audi-person__info h4 {
        font-size: 20px;
    }

    .audi-person__info span {
        font-size: 18px;
    }

    .audience__block-content {
        font-size: 14px;
    }

    .swiper-audience {
        width: 90%;
        margin: 0 auto;
    }

    .audience .swiper-button-prev {
        left: 0;
    }
    
    .audience .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 720px) {
    .swiper-slide {
        text-align: center;
    }

    .audience-block__img {
        height: 192px;
        width: 192px;

        margin: 0 auto;
    }

    aside.audience__block {
        margin-bottom: 14px;
    }
}



/* <================ How_blog Styles =================> */

.how__blog {
    margin-top: 85px;
}

.how__blog .how-content:nth-child(3) .how-content__photo {
    height: 100%;
    max-height: 390px;
}

.how__blog .how-content:nth-child(3) .how-content__photo img {
    object-fit: contain;
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
}

/* Adaptive */

@media screen and (max-width: 800px) {
    .how__blog .how-content:nth-child(3) .how-content__photo {
        max-width: 100%;
    }

    .how__blog {
        margin-top: 30px;
    }

    .how__blog .how-content:nth-child(3) .how-content__photo {
        max-height: 290px;
    }

    .how__blog .how-content:nth-child(3) .how-content__photo img {
        max-height: 290px;
    }
}


/* <================ Banner Styles =================> */

article.banner-block {
    margin: 0;
    padding: 0;
    border-radius: 10px;

    background: rgb(0, 175, 123);
    padding: 30px 40px;
    display: flex;
    align-items: center;

    justify-content: space-between;

    gap: 75px;
    margin: 85px 0;
}

.banner-text h2 {
    font-size: 48px;
    color: white;
    text-transform: uppercase;
    font-family: "TT-600";
    margin-bottom: 20px;
}

.banner-text p {
    color: white;
    text-transform: uppercase;
    font-family: "TT-500";
}

.banner-text p b {
    font-family: "TT-600";
    margin-top: 7px;
    display: block;
}

.banner-img {
    width: 171px;
    min-width: 171px;
}


/* Adaptive */

@media screen and (max-width: 900px) {
    article.banner-block {
        padding: 10px 14px;
        margin: 28px 0;
    }

    .banner-text h2 {
        font-size: 28px;
        margin-bottom: 0;
    }

    .banner-text p {
        font-size: 18px;
    }

    .banner-text p b {
        font-size: 16px;
    }

    .banner-img {
        width: 100px;
        min-width: 100px;
    }
}

@media screen and (max-width: 550px) {
    article.banner-block {
        flex-direction: column;
        gap: 0;
    }

    .banner-text h2 {
        font-size: 24px;
    }

    .banner-text p {
        font-size: 14px;
    }

    .banner-text p b {
        font-size: 12px;
    }

    .banner-img {
        width: 57px;
        min-width: 57px;
        margin-left: auto;
    }
}



/* <================ Examples Styles =================> */

.examples h3.medium__title {
    text-transform: uppercase;
    margin-bottom: 60px;
}

.example-info h4 {
    color: rgb(0, 175, 123);
    font-size: 24px;
    font-family: "TT-500";
    margin-bottom: 23px;
}

.example-author img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
}

.example-author {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

.example-author span {
    font-size: 24px;
    font-family: "TT-600";
    max-width: 166px;
}

h2.example-title {
    color: rgb(0, 175, 123);
    font-size: 36px;
    font-family: "TT-500";
}

.example-info {
    max-width: 55%;
}

p.example-description {
    font-size: 20px;
    margin-top: 3px;
    max-width: 80%;
    margin-bottom: 28px;
}

p.example-property {
    font-size: 18px;
    font-family: "TT-600";
}

p.example-property span , p.example-property del {
    color: #00AF7B;
}

article.example {
    display: flex;
    align-items: start;
    gap: 140px;
    margin-bottom: 48px;
    justify-content: space-between;
}

.example-img {
    /* border: 3px solid rgb(0, 130, 61); */
    border-radius: 10px;
    max-width: 380px;
    display: flex;
}

/* Adaptive */

@media screen and (max-width: 1100px) {
    article.example {
        gap: 30px;
    }
}

@media screen and (max-width: 900px) {
    .examples h3.medium__title {
        margin-bottom: 20px;
        margin-top: 40px;
        text-align: left;
    }

    .example-info h4 {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .example-author img {
        width: 80px;
        height: 80px;
    }

    .example-author span {
        font-size: 20px;
    }


    .example-author {
        gap: 15px;
    }

    h2.example-title {
        font-size: 18px;
    }

    p.example-description {
        font-size: 16px;
        margin-bottom: 12px;
    }

    p.example-property {
        font-size: 16px;
    }
}


@media screen and (max-width: 600px) {
    /* article.example {
        flex-direction: column;
        gap: 12px;
    } */

    .example-img {
        max-width: 200px;
    }
}

@media screen and (max-width: 475px) {
    article.example {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 36px;
    }

    .examples h3.medium__title {
        max-width: 275px;
        margin: 0 auto;
    }

    .example-info {
        max-width: 273px;
        width: 100%;
        margin: 0 auto;
    }

    .example-img {
        max-width: 273px;
        margin: 0 auto;
    }

    article.example:nth-child(2) {
        flex-direction: column-reverse;
    }
}


/* <================ Motive-banner Styles =================> */


article.banner-motive {
    padding: 20px 30px;
    border-radius: 10px;

    background: rgb(0, 175, 123);
    margin-top: 60px;
    margin-bottom: 110px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.bm-col h2 {
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
    color: white;
    margin-bottom: 13px;
}

.bm-col {
    max-width: 338px;
    display: flex;
    flex-direction: column;
}

.bm-col p {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    font-family: "TT-300";
    min-height: 100px;
}

.bm-col button.secondary {
    width: 100%;
    border-radius: 10px;

background: rgb(185, 255, 208);
border: 0;
color: black;
height: 40px;
margin-top: 23px;
}

.bm-col button.secondary:hover {
    background: rgb(79, 197, 116);
}


.bm-col button.secondary img {
    width: 35px;
    height: 35px;
    margin-left: 9px;
}

.bm-col img {
    width: 260px;
}

/* Adaptive */

@media screen and (max-width: 1180px) {
    .bm-col h2 {
        font-size: 24px;
        margin-bottom: 1px;
    }

    .bm-col p{
        font-size: 14px;
        min-height: 80px;
    }

    article.banner-motive {
        padding: 12px 14px;
    }

    .bm-col img {
        width: 140px;
    }

    .bm-col {
        max-width: 250px;
    }

    .bm-col button.secondary {
        font-size: 16px;
        height: 35px;
    }

    .bm-col button.secondary img {
        width: 25px;
        height: 25px;
    }
}


@media screen and (max-width: 800px) {
    .bm-col h2 {
        font-size: 20px;
    }
    article.banner-motive {
        flex-direction: column;
        align-items: center;
        position: relative;
        gap: 96px;
        width: 274px;
        margin: 0 auto;
    }

    .bm-col.image {
        transform: rotate(60deg) translateY(-50%) translateX(-50%);
        position: absolute;
        width: 126px;
        top: 55%;
        left: 8%;

    }

    .bm-col button.secondary {
        margin-top: 12px;
        border-radius: 5px;
    }

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

    .bm-col p {
        min-height: 0;
        font-size: 14px;
    }

    .bm-col:last-child h2 , .bm-col:last-child p {
        text-align: right;
    }

    .bm-col:last-child h2 {
        margin-top: 20px;
    }
}


/* <================ Register Styles =================> */


.register__inner {
    display: flex;
    align-items: start;
    height: 100%;
    padding: 30px 44px;
}

.register__preview {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;

    background: rgb(223, 237, 224);
    margin-left: 0;
    height: 100%;
    font-size: 36px;
}

.register__preview h1 {
    color: #a38347;
    font-family: "TT-600";
}


.register__preview ol {
    list-style-type: disc;
}

.register__preview ol li {
    font-family: "TT-300";
    position: relative;
    z-index: 3;
    color: #444444 ;
}

.register__preview {
    position: relative;
    
}

.register__preview img {
    position: absolute;
    right: 180px;
    bottom: 0;
    width: 400px;
    z-index: 0;
}

main.register {
    height: 100vh;
}

.register__col {
    max-width: 620px;
    width: 100%;
    min-width: 520px;
    padding-left: 90px;
    padding-right: 130px;
}

.register__logo {
    margin-bottom: 34px;
    cursor: pointer;
}

h3.register__title {
    font-size: 36px;
    font-family: "TT-500";
    white-space: nowrap;
    text-align: center;
}

p.register__subtitle {
    font-size: 20px;
    color: rgb(96, 96, 96);
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.input-block input {
    outline: none;
    border-radius: 10px;
    background: rgb(209, 255, 222);
    width: 100%;
    padding: 0 13px;
    font-size: 18px;
    font-family: "TT-400";
    border: 2px solid rgb(209, 255, 222);
    transition: .3s;
    height: 45px;
}

.input-block input.error {
    border-color: rgb(255, 69, 69);
    background: rgb(255 200 200);
}

.input-block input.success , 
.input-block input:focus {
    border-color: rgb(26, 117, 53);;
}

.input-block:has(input.success:not([type="radio"])):before {
    opacity: 1;
}

.input-block {
    position: relative;
}

.input-block:has(input:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url('img/check.svg');
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block.link:has(input:not([type="radio"])):before {
    top: 50%;
}

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

.input-block input::placeholder {
    color: rgb(96, 96, 96);
}

p.form-hint {
    font-size: 20px;
    color: rgb(96, 96, 96);
    margin: 7px 0;
    max-width: 100%;
    text-align: center;
}

p.form-hint b {
    font-family: "TT-500";
}

.input-block input[type="radio"] {
    width: 34px;
    height: 34px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    border: 4px solid black;
    background: transparent;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.input-block label {
    cursor: pointer;
}

.input-block input[type="radio"]:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    transition: .3s;
}

.input-block input[type="radio"]:checked:after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.input-block:has(input[type="radio"]) {
    display: flex;
    align-items: center;
    margin-top: 14px;
    gap: 10px;
    font-size: 20px;
}


.input-block.link {
    margin-top: 14px;
    margin-bottom: 4px;
    transition: .3s height, .3s opacity;
    height: 85px;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.register-view-1,
.register-view-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 60px;
}

.input-block.link.hide {
    opacity: 0;
    height: 0;
    z-index: -1;
}

p.link-error {
    color: red;
    font-size: 20px;
    opacity: 0;
}

p.pass-error , p.pass2-error {
    color: red;
    font-size: 14px;
}

p.link-error.show {
    opacity: 1;
}

button.secondary#reg-form-send {
    height: 60px;
    width: 100%;
    font-size: 18px;
}

.register-rules {
    font-size: 12px;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 16px;
}

.register-rules a {
    color: #3751F1;
    white-space: nowrap;
}

.register-support {
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
    color: #666;
}

.register-support + .input-code {
    margin-top: 8px;
}

.register-support a {
    color: #3751F1;
    white-space: nowrap;
}

/* Стили для чекбокса согласия */
.register-consent {
    margin-top: 10px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.consent-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
    max-width: 500px;
}

.consent-label input[type="checkbox"] {
    margin-top: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: #3751F1;
}

.consent-text {
    color: #333;
}

.consent-text a {
    color: #3751F1;
    text-decoration: underline;
    white-space: nowrap;
}

.consent-text a:hover {
    color: #2a3fc9;
}

/* Disabled состояние для кнопки регистрации */
button.secondary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.radio-row {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.radio-row .input-block.rad {
    margin: 0;
}

p.register-form-toggle {
    font-family: "TT-500";
    font-size: 22px;
    text-align: center;
}

p.register-form-toggle a {
    font-family: "TT-700";
    text-decoration: underline;
    color: black;
}

a.register-confirm {
    color: rgb(55, 81, 241);
    font-size: 20px;
    cursor: pointer;
}

[id^="second__stag"] , [id^="third__stage"] {
    display: none;
}

a.forgot__password {
    font-size: 16px;
    margin-bottom: 16px;
    text-decoration: underline;
    color: black;
    display: block;
}

main.auth h3.register__title[id^="second__stage"] , main.auth h3.register__title[id^="third__stage"] {
    margin-top: 90px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input-code input {
    margin-top: 18px;
    margin-bottom: 10px;
    width: 52px;
    height: 52px;
    border-radius: 13px;
    background: rgb(223, 237, 224);
    border: 2px solid rgb(223, 237, 224);
    font-size: 36px;
    font-family: "TT-600";
    text-align: center;
    padding: 5px 0;
    margin-right: 7px;
    outline: 0;
}

.input-code input.error {
    border-color: red;
}

.input-code input:focus {
    border: 2px solid rgb(26, 117, 53);
}

.input-block.cp {
    margin-top: 32px;
}

.input-block.cp + .input-block {
    margin-bottom: 32px;
}

p.code-error {
    display: none;
    color: red;
    font-size: 16px;
    margin-bottom: 20px;
}


p.repeat-code {
    color: black;
    /* display: flex; */
    gap: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    align-items: center;
}

p.repeat-code a {
    color: black;
    text-decoration: underline;
    font-family: "TT-500";
    transition: .3s;
    opacity: 1;
    cursor: pointer;
}

p.repeat-code a.dis {
    opacity: 0.5;
    text-decoration: none;
    cursor: default;
}

.register-view-1,
.register-view-2 {
    transition: 2s all;
}

.register-view-1.hide,
.register-view-2.hide {
    opacity: 0;
}

/* Adaptive */

@media screen and (max-width: 1850px) {
    .register__preview img {
        width: 200px;
        right: 20px;
    }

    .register__preview h1 {
        font-size: 36px;
    }

    .register__preview ol li {
        font-size: 20px;
    }

    .register-view-1,
    .register-view-2 {
        padding: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .register__preview {
        font-size: 14px;
    }

    .register__col {
        padding-right: 44px;
        padding-left: 0px;
        padding-bottom: 60px;
    }

    .input-block.link:has(input:not([type="radio"])):before {
        top: auto;
        bottom: 20px;
        transform: translateY(0);
    }
}

@media screen and (max-width: 850px) {
    .register__preview {
        display: none;
    }

    .register__col {
        padding: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 700px) {
    .register__logo {
        width: 207px;
        height: 43px;
        margin: 0 auto;
        margin-bottom: 23px;
    }

    h3.register__title {
        font-size: 20px;
    }

    p.register__subtitle {
        font-size: 16px;
    }

    .input-block input {
        height: 40px;
        font-size: 16px;
        padding: 0 14px;
    }

    p.form-hint {
        font-size: 16px;
    }

    .input-block input[type="radio"] {
        width: 26px;
        height: 26px;
        margin: 0;
        padding: 0;
        border-width: 2px;
    }

    .input-block input[type="radio"]:after {
        width: 16px;
        height: 16px;
    }

    .input-block:has(input[type="radio"]) {
        gap: 8px;
        font-size: 16px;
    }

    button.secondary#reg-form-send {
        height: 50px;
        font-size: 16px;
    }

    .register-rules {
        font-size: 12px;
    }

    p.register-form-toggle {
        font-size: 18px;
    }

    .register__col {
        min-width: 0;
    }

    .register__inner {
        padding: 14px 20px;
    }

    p.link-error {
        font-size: 14px;
    }

    .input-block:has(input:not([type="radio"])):before {
        width: 20px;
        height: 20px;
    }

    .input-block.link:has(input:not([type="radio"])):before {
        top: auto;
        bottom: 35px;
        transform: translateY(0);
    }

    .input-code {
        margin-top: 16px;
        margin-bottom: 50px;
    }

    .input-code input {
        font-size: 24px;
        border-width: 1px;
        width: 42px;
        height: 42px;
        margin-right: 6px;
        margin: 0;
    }
}


@media screen and (max-width: 500px) {
    .input-block.link:has(input:not([type="radio"])):before {
        top: 30px;
        transform: translateY(0);
    }
}

@media screen and (max-width: 358px) {
    .input-block.link:has(input:not([type="radio"])):before {
        top: 30px;
        transform: translateY(0);
    }
}



/* <================ Policy Styles =================> */

h1.policy__title {
    margin-top: 120px;
    text-align: center;
    color: rgb(26, 117, 53);
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
}

ol.level__one {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 60px;
}

ol.level__one ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol.level__one > li {
    color: #00AA32;
    font-family: "TT-600";
    margin-left: 8px;
}

ol.level__one li::before {
    font-family: "TT-600";
    margin-right: 5px;
    color: black;
}

ol.level__one > li p , ol.level__one > li li {
    font-family: "TT-500";
    color: black;
    margin-bottom: 15px;
}

/* Adaptive */

@media screen and (max-width: 900px) {
    h1.policy__title {
        font-size: 20px;
    }

    ol.level__one > li p , ol.level__one > li li {
        margin-bottom: 9px;
        font-family: "TT-400";
        font-size: 14px;
    }
}



/* <================ Inner-Main Styles =================> */

.layout {
    padding: 28px;
}

.sidebar-menu {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    width: 370px;
    min-width: 370px;
    max-width: 370px;
    padding: 14px 30px;
}

.sidebar-logo {
    padding: 0 45px;
    margin-bottom: 10px;
}

.sidebar__icons , .sidebar__icons-controls {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    padding: 10px 12px;
}

.sidebar__icons-controls button.secondary.need-activation {
	border-radius: 10px;
	background-color: #ff5e5e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.need-activation:hover {
	border-radius: 10px;
	background-color: #ff5e5e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.half-activation {
	border-radius: 10px;
	background-color: #006cff !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.half-activation:hover {
	border-radius: 10px;
	background-color: #006cff !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.full-activation {
	border-radius: 10px;
	background-color: #50af4e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.full-activation:hover {
	border-radius: 10px;
	background-color: #50af4e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

@media screen and (max-width: 1000px) {
    .sidebar__icons-controls button.secondary.need-activation {
        font-size: 16px;
		height: 48px;
	}

	.sidebar__icons-controls button.secondary.half-activation {
        font-size: 16px;
	}

	.sidebar__icons-controls button.secondary.full-activation {
        font-size: 16px;
	}
}

.sidebar__icons {
    margin-bottom: 14px;
}

.sidebar__icons-title {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.sidebar__icons-title p {
    color: rgb(49, 49, 49);
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.sidebar__icons-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar__icons-rating img {
    width: 18px;
}

.sidebar__icons-rating img.zoomed {
    width: 24px;
}

.sidebar__icons-rating span {
    color: rgb(49, 49, 49);
    font-family: "TT-700";
    font-size: 18px;
}

.sidebar__icons-row {
    display: flex;
    align-items: center;
    gap: 36px;
    margin-top: 13px;
}

.sidebar__icons-row img {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
}

.sidebar__icons-controls {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar__icons-controls button.secondary , .sidebar__balance button.secondary {
    background: rgb(218, 237, 224);
    width: 100%;
    height: 40px;
    border: 0;
    color: rgb(0, 133, 66);
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary:hover , .sidebar__balance button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.sidebar__icons-controls button.secondary:active , .sidebar__balance button.secondary:active {
    background: rgb(160, 221, 164);
}

nav.sidebar-links {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    padding-bottom: 120px;
}

h5.sidebar-title {
    text-transform: uppercase;
    color: rgb(139, 139, 139);
    font-size: 18px;
    font-family: "TT-400";
    margin-bottom: 2px;
    margin-top: 20px;
}

h5.sidebar-title:first-child {
    margin-top: 0;
}

a.sidebar-link {
    border-radius: 10px;

    background: transparent;

    height: 40px;

    width: 100%;
    display: flex;
    align-items: center;

    padding: 7px 10px;
    gap: 14px;

    font-size: 18px;
    color: black;
    text-decoration: none;

    transition: .3s;
}

.sidebar__icons-controls a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

a.sidebar-link .sidebar-link-block {
    width: 30px;
}

a.sidebar-link .sidebar-link-block img {
    width: auto;
    display: block;

    margin: 0 auto;
}


a.sidebar-link span {
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    padding: 0 7px;
    min-width: 22px;
    height: 22px;
    background: rgb(255, 66, 66);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-left: auto;
}

/* Зеленый счетчик для каталога блогеров */
a.sidebar-link[data-content="catalog"] span {
    background: #4a9e54;
}

.sidebar__icons-controls button.secondary.active {
    background: rgb(160, 221, 164);
    color: black;
}

a.sidebar-link:hover {
    background: rgb(228, 255, 242);
}

a.sidebar-link:active , a.sidebar-link.active {
    background: rgb(255, 255, 255);
}

.layout {
    display: flex;
    gap: 35px;
}

section.page-content {
    font-size: 16px;
    color: red;
    transition: 0.3s;
    opacity: 1;
}

section.page-content.fade-out {
    opacity: 0;
}

.sidebar-menu {
    position: fixed;
    top: 10px;
    left: 10px;
    height: 100vh;
    overflow-y: scroll;
}

.sidebar-menu::-webkit-scrollbar {
    display: none;
}

.layout {
    padding-left: 400px;
}

/* Adaptive */

.sidebar-toggle {
    display: none;
}


@media screen and (max-width: 1000px) {
    .sidebar-menu {
        position: fixed;
        left: 0;
        top: 0;
        border-radius: 0;
        height: 100vh;
        z-index: 20;
        width: 260px;
        min-width: 260px;
        max-width: 260px;
        padding: 16px 10px;
        overflow-y: scroll;
    }

    .sidebar-menu::-webkit-scrollbar {
        display: none;
    }

    .sidebar-logo {
        padding: 0;
        width: 160px;
        margin-right: auto;
        margin-bottom: 13px;
    }

    .sidebar__icons-title p {
        font-size: 16px;
    }

    .sidebar__icons-row img {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        height: 58px;
        min-height: 58px;
        max-height: 58px;
    }

    .sidebar__icons-row {
        gap: 20px;
    }

    .sidebar__icons-controls button.secondary {
        font-size: 16px;
        height: 35px;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .sidebar-toggle {
        position: fixed;
        left: 8px;
        border-radius: 5px;
        background: rgb(242, 242, 242);
        height: 40px;
        width: 40px;
        top: 8px;
        z-index: 25;
        display: block;
        transition: 0.5s;
    }

    .sidebar-toggle span, .sidebar-toggle:after, .sidebar-toggle:before{
        height: 4px;
        width: 100%;
        position: absolute;
        background: #000000;
        margin: 0 auto;
        width: 25px;
        border-radius: 6px;
        margin-left: 6px;
        transition: 0.5s; 
    }
    .sidebar-toggle span{
        top: 18px;
    }
    .sidebar-toggle:after, .sidebar-toggle:before{
        content: '';
    }
    .sidebar-toggle:after{
        bottom: 9px;
        width: 20px;
    }
    .sidebar-toggle:before{
        top: 9px;
        width: 28px;
    }

    .sidebar-toggle.open-menu span {
        opacity:0; 
        transition: 0.5s; 
    }
    .sidebar-toggle.open-menu:before {
        transform: rotate(45deg);
        top: 18px;
        transition: 0.4s;
        width: 28px;
    }
    .sidebar-toggle.open-menu:after {
        transform: rotate(-45deg);
        bottom: 18px;
        transition: 0.4s;
        width: 28px;
    }

    .sidebar-toggle.open-menu {
        left: 268px;
    }

    a.sidebar-link {
        font-size: 16px;
    }

    .sidebar-menu {
        transition: 0.5s;
        transform: translateX(-100%);
    }

    .sidebar-menu.open {
        transform: translateX(0);
        
    }

    html:has(.sidebar-menu.open)  {
        max-height: 100vh !important;
        overflow-y: hidden;
    }

    .layout {
        padding-left: 20px;
    }
}


/* <================ Menu Styles =================> */

section.page-content {
    color: black;
    font-size: 16px;
    width: 100%;
    margin-right: 8vw;
}

.nav-bar__title {
    display: flex;
    align-items: center;
    color: black;
    gap: 24px;
}


.nav-bar__title h6 {
    font-size: 16px;
    white-space: nowrap;
}

.nav-bar__title h6:last-child {
    color: rgb(158, 158, 158);
}

.nav-bar__title img {
    width: 12px;
}

h3.nav-title {
    margin-top: 13px;
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 23px;
}

.nav-bar hr {
    background: rgb(150, 150, 150);
    height: 2px;
    width: 100vw;
}

.nav-bar.catalog {
    z-index: 11;
}

@media screen and (max-width: 1000px) {
    .nav-bar__title h6 {
        font-size: 14px;
        max-width: 100px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .nav-bar__title {
        gap: 10px;
        width: 100%;
        justify-content: end;
    }

    .nav-bar__title img {
        width: 6px;
    }

    .nav-bar {
        position: relative;
        margin-top: 20px;
    }

    section.page-content {
        margin-right: 0;
    }

    h3.nav-title {
        margin: 0;
        font-size: 18px;
        position: absolute;
        right: 0;
        bottom: 37px;
    }

    .nav-bar {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        z-index: 11;
        background: white;
        padding-top: 50px;
        margin: 0;
        padding-right: 20px;
    }

    h3.nav-title {
        right: 20px;
        max-width: 230px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .nav-bar hr {
        margin-bottom: 0;
    }

    section.page-content {
        padding-top: 50px;
    }
}



/* <================ Chat Styles =================> */

.chat-page {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}

.chat-container {
    border-radius: 15px;
    background: #459045;
    padding: 24px 25px;
    padding-bottom: 10px;
    width: 790px;
    height: 625px;
}

.chat-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.chat-header img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.chat-header h4 {
    color: white;
    font-size: 20px;
    font-family: "TT-400";
}

.chat-header h4 b {
    font-family: "TT-500";
}

.chat-wrapper {
    background: white;
    border-radius: 10px;
    height: 434px;
    padding: 10px;
    max-height: 434px;
}

ol.message-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    overflow-y: scroll;
    max-height: 413px;
    padding-right: 20px;
}

ol.message-list::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

ol.message-list::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

ol.message-list::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

ol.message-list li {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    padding: 6px 11px;
    font-size: 18px;
    max-width: 380px;
    word-break: break-word;
}

.message-info {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: rgb(158, 158, 158);
}

.message-info span {
    margin-right: 5px;
    display: block;
}

.message-info .message-status {
    width: 15px;
    margin-right: auto;
}

ol.message-list li.my {
    background: #459045;
    color: white;
    margin-left: auto;
}

ol.message-list li p {
    white-space: break-spaces;
}

ol.message-list li.my .message-info {
    color: white;
}

ol.message-list li.date-exploder {
    text-align: left;
    font-size: 18px;
    margin: 10px auto;
    background-color: #f3f4f6 !important;
    border-radius: 12px;
    padding: 10px 16px;
    list-style: none;
    max-width: 70%;
}

ol.message-list li:not(.my) .message-status {
    display: none;
}

ol.message-list li:not(.my) .message-info {
    justify-content: space-between;
}

.chat-field textarea {
    outline: none;
    transition: 0.3s;
    resize: none;
    
    width: calc(100% - 50px);
    background: transparent;
    font-size: 16px;
    padding: 0 13px;
    font-family: "TT-400";
    padding-bottom: 6px;
    padding-top: 10px;
    border: 0;
    max-height: 150px;
    padding-top: 0;
}

.chat-field textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.chat-field textarea::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

.chat-field textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

.chat-field:has(textarea:focus) {
    border: 2px solid black;
}

.chat-container {
    position: relative;
}

.chat-field {
    margin-top: 8px;
    display: flex;
    border: 2px solid white;
    border-radius: 10px;
    background: white;
    overflow: hidden;
    transition: 0.3s;
    margin-bottom: 10px;
    min-height: 45px;
    width: 100%;
    padding: 6px 0;
    padding-top: 9px;
}

.chat-field img {
    width: 25px;
    position: absolute;

    bottom: 5px;
    left: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.chat-field img:hover {
    transform: scale(1.05);
}

.chat-field img:active {
    transform: scale(0.98);
}

.chat-field-send {
    position: relative;
}

.chat-clip {
    margin-top: 65px;
    transition: 0.3s;
    display: inline-block;
    
}

.chat-clip label:hover span{
    color: rgb(215, 215, 215);
}

.chat-clip label {
    display: flex;
    gap: 10px;
    cursor: pointer;
    justify-content: flex-start;
}

.chat-clip label img {
    width: 20px;
}

.chat-clip label span {
    color: white;
    font-size: 16px;
    transition: .3s;
    max-width: 200px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.chat-clip input[type="file"] {
    display: none;
}

.mask.in {
    z-index: 30;
}

.img-focus.chats {
    z-index: 35;
}

.img-focus.chats.hide {
    z-index: -1;
}

.chat-list-block {
    width: 40%;
}

@media screen and (max-width: 1650px) {
    .chat-list-block {
        width: unset;
    }
}


li.my {
    transform: translateX(0px);
    opacity: 1;
    transition: 0.3s;
}


li.my.faded {
    transform: translateX(10px);
    opacity: 0;
}


.chat-list {
    border-radius: 15px;
    background: #f7f7f7;
    list-style: none;
    max-height: 641px;
    height: auto;
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.chat-list ol {
    overflow-y: scroll;
    max-height: inherit;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}

li.chat-li {
    border-radius: 15px;
    padding: 21px 22px;
    display: flex;
    align-items: start;
    gap: 10px;
    transition: .3s;
    cursor: pointer;
    position: relative;
}

li.chat-li.unread::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background: rgb(255, 69, 69);
    border-radius: 50%;
    right: 16px;
    top: 26px;
}

li.chat-li.active , li.chat-li:hover {
    background: #dedede;
}

li.chat-li img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 70px;
}

.chat-list ol::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.chat-list ol::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

.chat-list ol::-webkit-scrollbar-track {
    background: white;
    border-radius: 6px;
}

.chat-list ol::-webkit-scrollbar-button {
    background: transparent;
}

.chat-info h5 {
    font-size: 16px;
    font-family: "TT-600";
    text-decoration: underline;
    color: rgb(24, 24, 255);
    margin-right: 30px;
    display: inline-flex;
}

.chat-info p {
    font-size: 16px;
    font-family: 'TT-500';
    font-weight: bold;
}

.chat-info p span {
    opacity: 80%;
    font-family: 'TT-400';
    font-weight: normal;
}


.chat-info p a {
    color: rgb(24, 24, 255);
    font-family: "TT-500";
    text-decoration: underline;
}

.chat-container {
    height: auto;
    min-height: 640px;
    height: 0%;
}

.chat-clip {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    gap: 8px;
}

.message-info .message-status {
    margin-left: 4px;
    margin-right: 0;
}

span.file-remove {
    color: rgb(207, 0, 0);
    cursor: pointer;
}

.chat-list.full {
    height: 100%;
    max-height: none;
}

span.file-remove p {
    display: none;
}

.message-info p {
    margin-left: auto;
    padding-left: 10px;
}

/* Adaptive */

@media screen and (max-width: 1650px) {
    .chat-page {
        flex-direction: column-reverse;
    }

    .chat-container {
        width: 100%;
    }

    .chat-list {
        max-height: 400px;
        height: auto;
    }
}

.arrow-back {
    display: none;
}


@media screen and (max-width: 650px) {
    /* .chat-container {
        display: none;
    }

    .chat-container.open {
        display: block;
    } */

    

    .chat-list ol::-webkit-scrollbar {
        display: none;
    }

    .chat-list ol {
        padding-right: 0;
    }

    .chat-list ol li {
        padding: 11px 17px;
    }

    .chat-list {
        padding-right: 0;
        height: 620px;
        max-height: unset;
    }

    li.chat-li.unread::after {
        top: 11px;
    }

    .chat-list:has(ol.hide) {
        display: none;
    }

    .chat-container {
        background: transparent;
        padding: 0;
    }

    .chat-header h4 {
        color: black;
        font-size: 16px;
    }

    .chat-header h4 b {
        display: block;
        white-space: nowrap;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .arrow-back {
        display: flex;
        margin-right: 8px;
        align-items: center;
    }

    .arrow-back img {
        width: 30px;
        object-fit: contain;
    } 

    ol.message-list li {
        font-size: 16px;
        padding: 6px;
        max-width: 226px;
    }

    .message-info span , .message-info p {
        font-size: 12px;
    }

    .message-info {
        margin-top: 7px;
    }

    .chat-field {
        background: rgb(255, 255, 255);
        width: 100%;
        border: 2px solid rgb(189, 189, 189);
        min-height: 40px;
    }

    .chat-field textarea {
        max-height: 100px;
        -webkit-overflow-scrolling: auto !important;
    }

    .chat-clip {
        margin-top: 8px;

        
        text-align: center;
        padding: 0 11px;
        position: relative;
        height: auto;
        align-items: center;
        display: flex;
        transition: 0.3s;
        padding: 0;
    }

    .chat-clip {
        display: flex;
        flex-direction: column;
    }

    .chat-clip label {
        background: #459045;
        width: 100%;
        height: 40px;
        border-radius: 10px;
        padding-left: 10px;
        align-items: center;
        display: flex;
    }


    .chat-clip:active {
        background: rgb(0, 120, 36);
    }

    .chat-list-block {
        transition: .3s all;
        background: white;
        position: absolute;
        top: 100px;
        width: calc(100% - 20px);
    }

    .chat-list-block.hide {
        transform: translateX(-120%);
        /* width: 0;
        overflow: hidden;
        height: 0; */
        position: absolute;
        top: 100px;
    }

    .chat-page {
        display: flex;
        gap: 0;
    }

    .chat-container {
        transition: .3s;
        transform: translateX(120%);
    }

    .chat-container.not__width {
        width: 0;
    }

    .chat-container.open {
        transform: translateX(0);
        position: fixed;
        top: 90px;
        width: calc(100vw - 22px);
        bottom: 0;
        /* height: calc(100vh - 90px); */
    }

    span.file-remove b {
        display: none;
    }

    span.file-remove p {
        text-decoration: underline;
        display: block;
    }

    .chat-clip label span {
        font-size: 14px;
        text-align: center;
        left: 50%;
        margin: 0;
        padding: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateX(-20px);
        max-width: 200px;
        white-space: nowrap;
        overflow-x: hidden;

        text-overflow: ellipsis;
    }

    .chat-field {
        bottom: 60px;
    }

    .chat-field textarea {
        font-size: 14px;
    }

    .chat-field img {
        bottom: 4px;
    }

    ol.message-list {
        padding-right: 0;
        padding-left: 0;
    }

    ol.message-list::-webkit-scrollbar {
        width: 3px;
        display: none;
    }

    .chat-wrapper {
        padding: 0;
    }

    .layout {
        padding: 20px 12px;
    }

    .chat-header {
        position: fixed;
        background: white;
        width: 100vw;
        padding-bottom: 10px;
        top: 0px;
    }

    .chat-page {
        margin-top: 0;
    }

    .chat-wrapper {
        margin-top: 60px;
        height: 100%;
        max-height: calc(100% - 172px);
    }

    .chat-wrapper.full-view {
        margin-top: 50px;
        height: 100%;
        max-height: calc(100% - 60px);
    }

    .chat-header img {
        width: 35px;
        height: 35px;
    }

    .chat-header h4 {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
        max-width: 200px;
    }

    /*.chat-wrapper ol {
        position: relative;
        z-index: 1000;
    }*/

    .chat-container {
        display: block;
        min-height: 0;
    }

    body:has(.chat-container.open) {
        overflow-y: hidden;
    }

    ol.message-list {
        max-height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .chat-footer {
        position: fixed;
        width: 100%;
        background: white;
        bottom: 0px;
    }

    section.page-content:has(.chat-container.open) {
        padding-top: 70px;
    }

    .chat-header {
        margin-bottom: 0;
    }

    .chat-wrapper ol {
        overflow-y: auto;
        overscroll-behavior: contain;
        overscroll-behavior-y: contain;
        transform: translateZ(0);
        display: block;
        padding-bottom: 4px;
    }

    .chat-wrapper ol li {
        margin-top: 17px;
    }

    .chat-wrapper ol li:first-child {
        margin-top: 0;
    }

    li.chat-li.active , li.chat-li:hover {
        background: unset;
    }

    li.chat-li { background: #edecee; }
    li.chat-li:nth-child(odd) { background: #e9fff6; }

    p.error.noOrders {
        margin-top: 10px;
    }
}

/* <================ Кастомные селекты (new-select) =================> */
/* Восстановлено из старой версии для исправления фильтра в чатах */

.new-select {
    position: relative;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 40px;
    padding: 0 12px;
    padding-right: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: "TT-500";
    margin-bottom: 20px;
    min-width: 0;
    flex-shrink: 1;
}

.select-block {
    width: 100%;
}

.new-select span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-width: calc(100% - 30px);
    min-width: 0;
    display: block;
}

.new-select:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2.5px solid #000;
    border-bottom: 2.5px solid #000;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    transform: rotate(45deg);
    transform-origin: 5px 5px;
    transition: transform 0.2s ease;
}

.card--footer {
    position: relative;
    display: flex;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.new-select ol {
    position: absolute;
    display: none;
    z-index: 100;
    background: white;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 0;
    top: calc(100% + 5px);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    font-family: "TT-400";
    opacity: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.new-select ol li:hover {
    background: #f1f1f1;
    border-radius: 5px;
}

.new-select ol li.rejected {
    color: #ff0000 !important;
}

/* Стиль для сообщения "нет проектов" */
.new-select ol li.no-projects {
    color: #999;
    text-align: center;
    font-style: italic;
    cursor: default;
    pointer-events: none;
}

.new-select ol li.no-projects:hover {
    background: transparent;
}

/* Стиль для кнопки с отклоненным проектом */
.btn--secondary[style*="background: rgb(255, 223, 223)"] {
    background: #ffdfdf !important;
}

/* Состояния кнопки интеграции */
.btn--secondary.rejected-state {
    background: #ffdfdf !important;
    color: #000 !important;
}

.btn--secondary.pending-state {
    background: #b5b5b5 !important;
    color: #fff !important;
}

.btn--secondary.active-state {
    background: #b5b5b5 !important;
    color: #fff !important;
}

/* Замороженный аккаунт */
.btn--secondary.freezed {
    background: #b5b5b5 !important;
    color: #fff !important;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn--secondary.freezed:hover {
    background: #b5b5b5 !important;
}

.new-select ol li{
    padding: 10px 10px;
    margin: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-select.open ol {
    display: block;
    z-index: 10;
    opacity: 1;
}

.new-select.open {
    border: 3px solid #26a668;
}

.new-select.open:after {
    transform: rotate(225deg);
    margin-top: -1px;
}

/* <================ Support Styles =================> */

.support-container {
    margin-top: 40px;
}

h2.support__title {
    font-size: 20px;
    font-family: "TT-600";
    margin: 0;
}

h5.support__subtitle {
    font-size: 16px;
    font-family: "TT-400";
    color: rgb(158, 158, 158);
    margin: 0;
}

.support-flex {
    margin-top: 25px;
    display: flex;
    align-items: start;
    gap: 60px;
}


.support-flex img {
    width: 365px;
}

.support-flex .input-block input {
    background: rgb(225, 225, 225);
    border-color: transparent;
}

.support-flex form {
    width: 790px;
}

.support-flex .input-block input:focus {
    border-color: #316931;
}

.support-flex .input-block {
    margin-bottom: 12px;
}


.support-flex .input-block input.error , .support-flex .input-block textarea.error {
    border-color: red;
}

.support-flex .input-block input.success , .support-flex .input-block textarea.success {
    border-color: limegreen;
}


.support-flex .input-block textarea {
    border-radius: 10px;
    background: rgb(245, 245, 245);
    padding: 10px 15px;
    border-width: 2px;
    border-color: transparent;
    outline: 0;
    transition: 0.3s;
    font-family: "TT-400";
    font-size: 16px;
    resize: none;
    width: 100%;
    min-height: 100px;
    max-height: 200px;
}


.support-flex .input-block textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.support-flex .input-block textarea::-webkit-scrollbar-thumb {
    background: rgb(0, 170, 50);
    border-radius: 6px;
}

.support-flex .input-block textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

.support-flex .input-block {
    width: 100%;
}

.support-flex .input-block textarea:focus {
    border-color: #316931;
}

.support-flex .input-block textarea::placeholder {
    color: rgb(137, 136, 136);
}

.support-flex button.secondary {
    margin-top: 5px;
    border-radius: 10px;

    background: rgb(160, 221, 164);
    border-color: transparent;
    color: black;
    font-size: 16px;
    width: 385px;
    height: 40px;
}

.support-flex button.secondary:hover {
    background: rgb(79, 197, 116);
}

/* Adaptive */

@media screen and (max-width: 1300px) {
    .support-flex img {
        width: 150px;
    }

    .support-flex {
        gap: 20px;
    }
}


@media screen and (max-width: 650px) {
    .support-flex img {
        display: none;
    }

    .support-container {
        margin-top: 10px;
        padding-right: 10px;
    }

    h2.support__title {
        font-size: 18px;
    }

    h5.support__subtitle {
        font-size: 14px;
    }

    .support-flex {
        margin-top: 20px;
    }

    .support-flex .input-block {
        margin-bottom: 10px;
    }

    .support-flex button.secondary {
        width: 100%;
    }
}

/* <================ Guides Styles =================> */

.guides-grid {
    display: grid;
    grid-auto-flow: row;

    width: 80%;

    grid-template-columns: repeat(auto-fit, minmax(325px, 325px));

    gap: 80px;
    margin-top: 30px;
}

article.guide {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: rgb(225, 225, 225);
    padding-bottom: 13px;
    overflow: hidden;
    min-width: 385px;
}

article.guide video {
    width: 100%;
    border-radius: 10px;
}

h4.guide-title {
    padding-left: 12px;
    margin-top: 8px;
    font-size: 18px;
    font-family: "TT-500";
    margin-bottom: 7px;
    line-height: 1;
}

article.guide span {
    color: rgb(166, 166, 166);
    font-size: 16px;
    padding-left: 12px;
}

article.guide.exc span {
    color: rgb(0, 170, 50);
}

/* Adaptive */ 

@media screen and (max-width: 1000px) {
    .guides-grid {
    
        grid-template-columns: repeat(auto-fit, minmax(385px, 1fr));
    
    }

    .guides-grid {   
        width: 100%;
    }
}


@media screen and (max-width: 550px) {
    article.guide {
        min-width: 290px;
    }
    .guides-grid {
    
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    
        gap: 17px;
        margin-top: 18px;
    }
}


/* <================ Notify Styles =================> */


ol.notify-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 17px;
    max-width: 50%;
}

p.notice-header {
    display: flex;
    gap: 8px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 25px;
    flex-wrap: wrap;
    align-items: center;
}

ol.notify-list li {
    border-bottom: 2px solid black;
    transition: .3s;
}

.notice p.notice-header span {
    font-size: 18px;
    color: #459045;
    font-family: "TT-400";
    font-weight: normal;
}

.notice.unread p.notice-header span {
    color: #FF4545;
    font-family: "TT-500";
}

p.notice-body {
    font-size: 18px;
}


p.notice-body a {
    text-decoration: underline;
    color: #3751F1;
}

a.notice-link {
    color: #00AA32;
    font-family: "TT-500";
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 18px;
    position: relative;
}

a.notice-link:after {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    width: 100%;
    background: #00AA32;
    height: 2px;
    transition: 0.3s;
}

li.notice .notice-header button {
    display: none;
}

li.notice.unread .notice-header button {
    display: flex;
}

p.notice-header button.secondary {
    border: 0;
    border-radius: 6px;
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
}

/* Adaptive */


@media screen and (max-width: 1000px) {
    ol.notify-list {
        max-width: 100%;
        width: 100%;
    }

    p.notice-header {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .notice p.notice-header span {
        font-size: 16px;
    }

    p.notice-body {
        font-size: 16px;
    }

    a.notice-link {
        margin-top: 16px;
    }

    a.notice-link:after {
        height: 1px;
    }

    p.notice-header button.secondary {
        font-size: 16px;
    }
}


/* <================ Feedbacks Styles =================> */

ol.feedback-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 40px;
}

li.feedback-block {
    border-radius: 10px;
    background: rgb(246, 246, 246);
    padding: 9px;
    width: 60%;
    margin-bottom: 10px;
}

.feedback-header {
    color: rgb(162, 162, 162);
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 13px;
    margin-bottom: 6px;
}

.feedback-stars {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-stars img {
    width: 15px;
}

p.feedback-order {
    color: #459045;
    font-family: "TT-400";
    font-size: 16px;
    margin-bottom: 2px;
}

p.feedback-order span {
    font-family: "TT-500";
}

p.feedback-text {
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 4px;
}


/* Adaptive */

@media screen and (max-width: 1270px) {
    li.feedback-block {
        width: 100%;
    }
}


@media screen and (max-width: 550px) {
    .feedback-header {
        font-size: 14px;
        justify-content: space-between;
    }

    .feedback-header img {
        height: 15px;
        margin-bottom: 4px;
    }

    p.feedback-order {
        font-size: 14px;
    }

    p.feedback-text {
        font-size: 14px;
    }

    ol.feedback-list {
        margin-top: 27px;
    }

    li.feedback-block {
        margin-bottom: 12px;
    }
}

/* <================ Popup Styles =================> */

.popup {
    border-radius: 15px;
    background: rgb(255, 255, 255);
    padding: 22px 0;
    width: 500px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 90;
	max-width: 90vw;
}

.popup.success {
    border: 2px solid rgb(0, 170, 50);
}

h5.popup-notice {
    font-size: 18px;
    font-family: "TT-600";
    margin-top: 10px;
}

.popup button.secondary {
    height: 40px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 16px;
    font-family: "TT-400";
    border: 0;
}

.popup.success button.secondary {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
}

.popup.success button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.popup.error button.secondary:hover {
    background: rgb(255, 201, 201);
    color: black;
}

.popup.error button.secondary {
    background: rgb(237, 218, 218);
    color: rgb(133, 0, 0);
}

.popup.error {
    border: 2px solid rgb(170, 0, 0);
}

.popup.hide {
    display: none;
}




/* <================ Orders Styles =================> */


aside.order-block {
    margin-top: 36px;
    border: 2px solid rgb(222, 222, 222);
    border-radius: 12px;
    width: 80%;
    display: flex;
}

.order-header {
    display: flex;
    align-items: start;
    gap: 12px;
    height: 144px;
    border-bottom: 2px solid #dfdfdf;
}

.order-header img {
    min-width: 120px;
    min-height: 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

h2.order-title , h2.author-title {
    color: rgb(89, 176, 89);
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 5px;
}

p.order-subtitle {
    color: rgb(158, 158, 158);
    margin-bottom: 5px;
    font-size: 16px;
}

p.order-item {
    margin-bottom: 5px;
    font-size: 16px;
    color: black;
}


.order-price b {
    font-family: "TT-500";
}


h4.order-desc {
    color: rgb(89, 176, 89);
    font-size: 20px;
    font-family: "TT-600";
    margin-top: 12px;
    margin-bottom: 7px;
}

p.order-desc {
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 10px;
}

.order-info {
    border-right: 2px solid rgb(222, 222, 222);
}

.order-info , .order-author {
    padding: 27px 20px;
    padding-bottom: 18px;
    width: 100%;
}

h2.author-title {
    margin-bottom: 13px;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-info img {
    width: 55px;
    height: 55px;
    border-radius: 5px;
}

h3.author-name {
    font-size: 20px;
    font-family: "TT-600";
}

.order-author-header {
    height: 144px;
    border-bottom: 2px solid #dfdfdf;
}

.order-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: auto;
}

.order-block button {
    height: 40px;
    border-color: transparent;
    font-family: "TT-400";
    width: 160px;
    color: white;
    font-size: 16px;
    background: #59b059;
}

.order-block button[disabled] {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 16px;
    cursor: default;
}

.order-block button:hover {
    border-color: transparent;
}

.order-block button.secondary#go-full {
    width: 300px;
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 16px;
}

.order-controls button.secondary#go-full {
    width: 160px;
}

.order-block button.secondary#go-full:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.order-controls button.secondary#deny {
    background: #FF4545;
}

.order-controls button.secondary#deny:hover {
    background: #d73434;
}

.order-author {
    min-width: 385px;
    max-width: 385px;
    display: flex;
    flex-direction: column;
}


/* Adaptive */

.mobile-order-info {
    display: none;
}

@media screen and (max-width: 1700px) {
    aside.order-block {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    .order-header img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
    }

    .order-header {
        gap: 10px;
        height: 160px;
        position: relative;
    }

    h2.order-title, h2.author-title {
        font-size: 18px;
    }

    .order-header p.desc {
        display: none;
    }

    .mobile-order-info {
        display: block;
        position: absolute;
        bottom: 10px;
    }

    .author-info img {
        width: 40px;
        height: 40px;
    }

    h2.author-title {
        margin-bottom: 5px;
    }

    h3.author-name {
        font-size: 16px;
    }

    .order-author-header {
        height: 160px;
    }

    .order-block button {
        width: 100%;
    }

    .order-controls {
        flex-direction: column;
        gap: 10px;
    }

    .order-author {
        min-width: 290px;
        max-width: 290px;
    }

    .order-block button.secondary#go-full {
        width: 100%;
    }
}


@media screen and (max-width: 1100px) {
    h2.order-title {
        white-space: nowrap;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .order-data {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1000px) {
    h2.order-title {
        white-space: wrap;
        max-width: none;
        overflow-x: visible;
    }

    .order-data {
        margin-top: 0px;
    }
}


@media screen and (max-width: 650px) {
    .order-block {
        flex-direction: column;
    }

    .order-info {
        border-right: 0;
        border-bottom: 2px solid rgb(222, 222, 222);
    }

    .order-header {
        border: 0;
        height: auto;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .mobile-order-info {
        position: static;
    }

    .order-author {
        min-width: none;
        max-width: none;
    }

    .order-author-header {
        border: 0;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    h2.order-title {
        max-width: 50vw;
		overflow-x: hidden;
        text-overflow: ellipsis;
    }
	
	h2.author-title {
	font-size: 20px;	
	}	
}

@media screen and (max-width: 400px) {
    .popup {
        width: 300px;
    }

    .popup h5 {
        padding: 0 10px;
    }

    .popup button.secondary {
        width: 260px;
    }
}



/* <================ Tasks Styles =================> */

.search-input input {
    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 45px;
    padding-left: 20px;
    font-size: 16px;
    font-family: "TT-400";
    padding-right: 150px;
}

.search-input {
    position: relative;
    width: 80%;
    margin-top: 20px;
    z-index: 5;
}

.search-input.tasks {
    z-index: 1;
}

.search-input button.secondary {
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    background: rgb(0, 170, 50);
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    height: 30px;
    width: 130px;
    border: 0;
}

.search-input button.secondary:hover  {
    background: rgb(0, 170, 50);
}

.order-info img {
    cursor: zoom-in;
}

.search-input:has(ol.search-result.open) {
    z-index: 10;
}

ol.search-result {
    width: 100%;
    background: rgb(250, 255, 253);
    position: absolute;

    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: calc(100% - 10px);
    z-index: -4;
    padding-top: 16px;
    padding-bottom: 6px;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-20px);
    overflow-y: scroll;
    max-height: 0px;
    overflow-x: hidden;
}

ol.search-result::-webkit-scrollbar {
    appearance: none;
    width: 5px;
    background: transparent;

}

ol.search-result::-webkit-scrollbar-thumb {
    background: rgb(49, 105, 49);
    width: 100%;
    border-radius: 5px;
}

ol.search-result.open {
    opacity: 1;
    transform: translateY(0);
    z-index: -1;
    max-height: 500px;
}

ol.search-result p {
    margin-left: 10px;
    margin-bottom: 20px;
}

ol.search-result li {
    padding: 8px 10px;
    font-size: 16px;
    cursor: default;
    transition: 0.3s;
}

ol.search-result.open li {
    cursor: pointer;
}

ol.search-result li:hover {
    background: rgb(0, 170, 50);
    color: white;
}

ol.search-result p {
    font-size: 0;
    margin: 0;
    margin-left: 10px;
}

ol.search-result.error p {
    color: red;
    margin-bottom: 0;
    font-size: 16px;
}

ol.search-result.error li {
    display: none;
}

aside.order-block {
    position: relative;
    z-index: 0;
}

aside.order-block.upper {
    z-index: 10;
}

.search-input.tasks .clear__btn {
    top: 12px;
    right: 125px;
}

.search-input.tasks button.secondary {
    width: 110px;
}

.search-input.tasks .clear__btn {
    display: flex;
}


/* Adaptive */

@media screen and (max-width: 1740px) {
    .search-input {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .bloger-online.hint.left {
        position: relative;
    }
    .bloger-online.hint.left aside.hint {
        left: 0;
        transform: translateX(0);
    }

    .bloger-online.hint.left aside.hint:after {
        left: 42px;
    }
}


/* <================ Full Styles =================> */

h1.full__title {
    font-size: 24px;
    text-transform: uppercase;
    font-family: "TT-600";
    margin-top: 20px;
}

.full-order img {
    width: 210px;
    height: 210px;
    margin-bottom: 22px;
    border-radius: 50%;
    object-fit: cover;
    cursor: zoom-in;
}

.full__info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    width: 80%;
}

.full-desc {
    width: 100%;
}

.full-author .order-author-header {
    border: 0;
    height: auto;
}

.full-author {
    border-left: 2px solid #dfdfdf;
    min-height: 300px;
    margin-left: 120px;
    width: 360px;
    padding-left: 22px;
}

.full-author .order-author-header {
    margin-top: 44px;
}

.full-desc {
    border-top: 2px solid #dfdfdf;
    margin-top: 44px;
}

h4.full-desc__title {
    color: rgb(89, 176, 89);
    font-size: 22px;
    margin-top: 13px;
    margin-bottom: 7px;
    font-family: "TT-600";
}

p.fdesc {
    font-size: 16px;
    margin-bottom: 37px;
}

p.fdesc button , .full-author button{
    width: 250px;
    height: 40px;
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    background: rgb(0, 170, 50);
    border: 0;
}

button#back-to-lenta ,
button.secondary.inf {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    border: 0;
    width: 250px;
    height: 40px;
    font-size: 16px;
    font-family: "TT-400";
}

button#back-to-lenta:hover {
    background: rgb(185, 254, 207);
    color: black;
}

.fdesc__line {
    display: flex;
    align-items: center;
    gap: 20px;
}

.fdesc__line button#accept,
.fdesc__line button#accept-2,
.fdesc__line button#acceptOk {
    width: 250px;
    height: 40px;
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    background: rgb(0, 170, 50);
    border: 0;
}

.fdesc__line button {
    padding: 4px 20px;
}

/* Adaptive */

.full-author button {
    display: none;
}

@media screen and (max-width: 1500px) {
    .full__info {
        width: 100%;
    }
}

@media screen and (max-width: 1260px) {
    .full-author {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1150px) {
    .full-author {
        width: 250px;
    }

    h1.full__title {
        font-size: 16px;
        margin-top: 10px;
    }

    .full-order img {
        width: 80px;
        height: 80px;
    }

    .full-order {
        width: 200px;
    }
}


@media screen and (max-width: 1000px) {
    .full-order {
        width: 100%;
        display: flex;
        gap: 10px;
        align-items: start;
    }

    .full-order img {
        margin-bottom: 0;
    }

    .full-order p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .full-author {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border: 0;
    }

    .full-desc {
        order: 2;
        border: 0;
        margin-top: 4px;
        padding-top: 0;
    }

    .full-author {
        order: 3;
    }

    h4.full-desc__title {
        font-size: 16px;
    }

    p.fdesc {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .full-author button {
        display: block;
    }

    .full-desc button {
        display: none;
    }

    .full-author .order-author-header {
        margin-top: 0;
    }
}


@media screen and (max-width: 600px) {
    .full-author button {
        margin: 0 auto;
    }
    
    h1.full__title {
        margin-top: 20px;
    }
	
	h4.full-desc__title {
    font-size: 20px;
    }
}



/* <================ My tasks Styles =================> */


strong {
    font-weight: normal;
}

.warning {
    border-radius: 10px;
    background: rgb(255, 111, 111);
    width: 80%;
    padding: 12px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.warning p {
    color: white;
    font-size: 20px;
}

.warning p strong {
    text-transform: uppercase;
    font-family: "TT-600";
}

.new-select.task {
    width: 385px;
    margin-bottom: 0;
}

aside.task__block {
    border-radius: 10px;
    background: rgb(247, 247, 247);
    padding: 38px 42px;
    width: 80%;
    margin-top: 13px;
}

.task-header img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 130px;
    min-height: 130px;
}

.task-header {
    display: flex;
    gap: 17px;
}

h1.task-title {
    color: rgb(0, 170, 50);
    font-size: 24px;
    margin: 0;
    margin-bottom: 18px;
    font-family: "TT-600";
}

.task-controls {
    display: flex;
    margin-top: 25px;
}

.task-controls button#go-full {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    margin-right: 12px;
}

.task-controls button.secondary {
    width: 290px;
    height: 40px;
    border: 0;
    font-family: "TT-400";
    font-size: 16px;
}


.task-controls button#go-chat {
    background: rgb(0, 170, 50);
    color: white;
}

.task-controls button.secondary#go-full:hover {
    background: rgb(160, 221, 164);
    color: black;
}


.task-controls button.secondary#go-chat:hover {
    background: rgb(0, 163, 11);
}

.task-steps {
    margin-top: 20px;
    border-top: 2px solid rgb(75, 75, 75);
    padding-top: 16px;
}

h3.task-steps__title {
    font-family: "TT-500";
    font-size: 20px;
    margin-bottom: 20px;
}

ol.task-steps__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

ol.task-steps__list li {
    border-bottom: 2px solid rgb(216, 216, 216);
    font-family: "TT-400";
    font-size: 16px;
    padding: 10px 0;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

ol.task-steps__list li span {
    font-size: 18px;
    color: black;
    text-decoration: none;
    font-family: "TT-500";
    white-space: nowrap;
}

ol.task-steps__list li.completed {
    color: #00AA32;
    font-size: 18px;
    font-family: "TT-500";
}


ol.task-steps__list li.actually {
    color: #FF4545;
    font-family: "TT-500";
}

ol.task-steps__list li.actually p {
    text-decoration: underline;
    cursor: pointer;
}

ol.task-steps__list li.hidden {
    opacity: 0.4;
}

ol.task-steps__list li.hidden span {
    display: none;
}

/* Adaptive */

aside.task__block p.mob {
    display: none;
}

aside.task__block p.mob + .task-controls {
    display: none;
}

@media screen and (max-width: 1730px) {
    .warning {
        width: 100%;
    }

    aside.task__block {
        width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    .task-header-content .task-controls {
        display: none;
    }

    aside.task__block p.mob {
        display: block;
        margin-top: 14px;
    }

    aside.task__block p.mob + .task-controls {
        display: flex;
    }

    .task-controls button.secondary {
        width: 100%;
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    .warning {
        font-size: 14px;
        padding: 6px;
        margin-top: 20px;
        margin-bottom: 14px;
    }

    aside.task__block p.desc {
        display: none;
    }

    .new-select.task {
        width: 100%;
    }

    aside.task__block {
        padding: 16px 11px;
    }

    .task-header img {
        width: 75px;
        height: 75px;
        min-width: 75px;
        min-height: 75px;
    }

    h1.task-title {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .task-data p {
        font-size: 14px;
    }

    aside.task__block p.mob + .task-controls {
        margin-top: 13px;
    }

    h3.task-steps__title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    ol.task-steps__list li.completed {
        font-size: 16px;
    }

    ol.task-steps__list li span {
        font-size: 16px;
    }

    ol.task-steps__list li {
        font-size: 16px;
    }

    .warning p {
        font-size: 14px;
    }

    ol.task-steps__list li:first-child {
        flex-wrap: wrap;
    }

    .task-controls a , .task-controls > button {
        width: 48%;
    }

    .task-controls button#go-chat {
        width: 100%;
    }

    .task-controls {
        justify-content: space-between;
    }
}


/* <================ User Styles =================> */


.user-header {
    margin-top: 30px;
    display: flex;
    justify-content: left;
    gap: 20px;
    max-width: 800px;
}

.user-avatar {
    width: 250px;
    height: 250px;
    border-radius: 10px;
    /* overflow: hidden; */
    min-width: 250px;
}

.user-rating.hint.left {
    position: relative;
}

.user-rating.hint.left aside.hint {
    left: 0;
    transform: translateX(0);
}

.user-rating.hint.left aside.hint:after {
    left: 42px;
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in;
}

.user-name p {
    font-size: 24px;
    font-family: "TT-600";
    line-height: 1;
}

.user-name {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.user-name span {
    border-radius: 30px;
    background: rgb(255, 69, 69);
    padding: 1px 20px;
    font-size: 14px;
    color: white;
    font-family: "TT-400";
}

.user-data {
    display: flex;
    color: rgb(100, 100, 100);
    font-family: "TT-500";
    font-size: 18px;
    gap: 10px;
}

.user-description {
    margin-top: 15px;
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 15px;
}

.user-tags {
    opacity: 0.5;
    margin-bottom: 15px;
}

.user-socials {
    display: flex;
    gap: 10px;
}

.user-socials a {
    width: 45px;
    height: 45px;
}

.user-socials span {
    border-radius: 0px;
    background: rgb(55, 81, 241);
    color: white;
    height: 45px;
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: "TT-600";
}


.user-stats {
    display: flex;
    align-items: end;
    width: 80%;
    margin-top: 10px;
}

.user-rating {
    border-radius: 5px;

    background: rgb(223, 237, 224);
    padding: 5px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 40px;
}

.user-rating img {
    width: 30px;
}

.user-rating span {
    font-size: 20px;
    font-family: "TT-600";
}

.user-opinions {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 24px;
    font-family: "TT-600";
}

.user-opinions span:first-child {
    text-decoration: underline;
    color: #4FE400;
}

.user-opinions span:last-child {
    text-decoration: underline;
    color: #FF4545;
}

.user-verify {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(145, 144, 144);
    font-size: 20px;
    font-family: "TT-500";
    margin-right: 58px;
}

.user-verify img {
    height: 57px;
    width: 57px;
}


.user-itsme {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(145, 144, 144);
    font-size: 20px;
    font-family: "TT-500";
}

.user-itsme img {
    height: 57px;
    width: auto;
}


.user-stats-site {
    display: flex;
    width: 250px;
    margin-right: 20px;
}


.user-texts {
    display: flex;
    margin-top: 28px;
    width: 80%;
}

.user-format {
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
    padding: 10px 0;
    min-width: 250px;
    width: 250px;
    margin-right: 20px;
}

.user-format h3 {
    color: #459045;
    font-family: "TT-600";
    font-size: 20px;
}


.user-format ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-format ol li {
    margin-top: 5px;
}

.user-fulldesc {
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
    padding: 10px 0;
    padding-top: 14px;
    width: 100%;
}


.user-footer {
    display: flex;
    align-items: start;
    margin-top: 14px;
    width: 80%;
}

.user-price p {
    color: #459045;
    font-size: 20px;
    font-family: "TT-600";
}

.user-price-current {
    color: #459045;
    font-size: 20px;
    font-family: "TT-600";
    line-height: normal;
    margin-top: 1px;
    margin-bottom: 10px;
}

.user-price-current span{
    font-size: 48px;
    line-height: normal;
}

.user-price button.secondary {
    border-radius: 10px;
    background: rgb(218, 237, 224);
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
    border: 0;
    color: rgb(0, 133, 66);
    font-family: "TT-400";
}

.user-price {
    min-width: 250px;
    width: 250px;
    margin-right: 20px;
}

.user-price button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.user-reviews h2 {
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 7px;
}

.user-reviews ol.feedback-list {
    margin-top: 20px;
}

.user-reviews {
    width: 100%;
}

.user-reviews li.feedback-block {
    width: 100%;
}


/* Adaptive */

.user-mobile {
    display: none;
}

@media screen and (max-width: 1780px) {
    .user-stats , .user-texts , .user-footer {
        width: 100%;
    }
}

@media screen and (max-width: 1520px) {
    .user-verify , .user-itsme {
        font-size: 14px;
    }

    .user-verify img {
        width: auto;
        height: 40px;
    }

    .user-itsme img {
        width: auto;
        height: 40px;
    }
}

@media screen and (max-width: 1310px) {
    .user-header {
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 1200px) {
    .user-socials a {
        width: 34px;
        height: 34px;
    }

    .user-socials {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .user-socials span {
        width: 100%;
        font-size: 16px;
        height: 35px;
        padding: 0;
        margin-bottom: 10px;
    }

    .user-name p {
        font-size: 16px;
    }

    .user-name span {
        font-size: 12px;
        padding: 1px 10px;
    }

    .user-data {
        gap: 20px;
        font-size: 16px;
    }

    .user-description {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 7px;
    }

    .user-tags {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .user-fulldesc {
        font-size: 14px;
    }

    .user-format h3 {
        font-size: 18px;
    }

    .user-format ol li {
        font-size: 14px;
    }
}


@media screen and (max-width: 1060px) {
    .user-reviews li.feedback-block {
        width: 100%;
    }

    .user-reviews .new-select {
        width: 100%;
    }
}


@media screen and (max-width: 650px) {
    .user-avatar {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    
    .user-verify.desktop {
        display: none !important;
    }

    .user-header {
        gap: 6px;
        flex-wrap: wrap;
        justify-content: left;
    }

    .user-info .user-tags , .user-info .user-socials {
        display: none;
    }

    .user-mobile {
        display: block;
        width: 100%;
    }

    .user-description {
        margin-top: 7px;
    }

    .user-stats {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .user-rating {
        margin-right: auto;
    }

    .user-stats-site {
        margin-right: 0;
        width: 100%;
    }

    .user-texts {
        flex-direction: column-reverse;
    }

    .user-format {
        margin-right: 0;
        width: 100%;
        border-top: 0;
    }

    .user-fulldesc {
        padding-top: 10px;
    }

    .user-footer {
        flex-direction: column;
    }

    .user-price {
        margin-right: 0;
        margin-bottom: 60px;
    }
}


@media screen and (max-width: 420px) {
    .user-name p {
        max-width: 140px;
    }

    .user-name {
        align-items: start;
    }

    .user-socials {
        justify-content: space-between;
    }

    .user-data {
        font-size: 14px;
    }
}


@media screen and (max-width: 340px) {
    .user-name p {
        max-width: 120px;
    }
}


/* Hints */

aside.hint {
    font-size: 14px;
    background: #4e4e53;
    padding: 16px 14px;
    border-radius: 10px;
    transition: 0.3s;
    position: absolute;
    top: 100%;
    transform: translateY(-5px);
    cursor: default;
    opacity: 0;
    transition: 0.3s all;
    z-index: -1;
    color: white;
    box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.43);
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.user-progress-img.hint {
    position: relative;
}

.user-progress-img.hint.left aside.hint {
    transform: translateX(0);
    left: 0;
}

.user-progress-img.hint.left:hover aside.hint {
    transform: translateY(8px);
}

.user-progress-img.hint.left aside.hint:after {
    left: 35px;
}

aside.hint:after {
    width: 34px;
    height: 34px;
    position: absolute;
    content: '';
    background: #4e4e53;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #4e4e53;
    top: -30px;
}

aside.hint.open {
    transform: translateY(8px);
    opacity: 1;
    z-index: 2;
    height: auto;
    padding: 16px 14px;
    overflow: visible;
}

*.hint:hover aside.hint {
    transform: translateY(8px) translateX(-50%);
    opacity: 1;
    z-index: 2;
    height: auto;
    padding: 16px 14px;
    overflow: visible;
}

*.hint {
    position: relative;
    cursor: help;
}

*.hint.right aside.hint {
    transform: translateX(-250px);
    right: 0;
}

*.hint.right:hover aside.hint {
    transform: translateY(8px) translateX(-250px);
}

*.hint.right aside.hint:after {
    right: 15px;
    left: auto;
}


@media screen and (max-width: 1000px) {
    .sidebar__icons-rating.hint.right aside.hint {
        transform: translateX(-170px);
        right: 0;
    }
    
    .sidebar__icons-rating.hint.right:hover aside.hint {
        transform: translateY(8px) translateX(-170px);
    }
    
    .sidebar__icons-rating.hint.right aside.hint:after {
        right: 15px;
        left: auto;
    }
}

.sidebar-menu aside.hint {
    width: 300px;
}

.sidebar-menu .min aside.hint {
    width: 230px;
}

.user-progress-img.hint.left img{
    border-radius: 50%;
}


@media screen and (max-width: 1000px) {
    .sidebar-menu aside.hint {
        width: 220px;
    }

    .sidebar-menu .min aside.hint {
        width: 170px;
    }

    .user-progress-img.hint.right aside.hint {
        transform: translateX(-180px);
        right: 0;
    }
    
    .user-progress-img.hint.right:hover aside.hint {
        transform: translateY(8px) translateX(-180px);
    }

    .user-progress-img.hint.right aside.hint:after {
        right: 5px;
        left: auto;
    }

    .user-progress-img.hint.left aside.hint:after {
        left: 30px;
    }
}


@media screen and (max-width: 650px) {
    aside.hint {
        width: 200px;
    }
}


.user-description , .user-tags , .user-fulldesc {
    word-break: break-word;
}


/* <================ Settings Styles =================> */


label.in-placeholder {
    position: absolute;
    top: 12px;
    font-size: 16px;
    font-family: "TT-400";
    color: #898888;
    left: 15px;
    cursor: text;
    transition: .3s;
    display: none;
}

label.in-placeholder b {
    color: #FF4545;
    display: none;
}

input:focus + label.in-placeholder , textarea:focus + label.in-placeholder {
    opacity: 0;
}


h2.settings__title {
    margin-top: 40px;
    font-size: 24px;
    font-family: "TT-500";
    margin-bottom: 4px;
}

p.settings__subtitle {
    font-size: 16px;
    font-family: "TT-400";
    width: 60%;
    margin-bottom: 10px;
}

p.settings__subtitle span {
    color: #459045;
}

.settings__form-main {
    width: 60%;
}

.settings__form-main .input-block input {
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    font-size: 16px;
}

.settings__form-main .input-block input:focus {
    border: 2px solid rgb(26, 117, 53);
    /* background: rgb(209, 255, 222); */
}

.settings__form-main .input-block input.success {
    background: rgb(209, 255, 222);
}

.input-block.in-btn button {
    position: absolute;
    top: 8px;
    height: 30px;
    width: 196px;
    color: black;
    font-size: 16px;
    background: rgb(223, 237, 224);
    border: 0;
    font-family: "TT-400";
    right: 8px;
    transition: .3s;
    border-radius: 5px;
}

.input-block.in-btn button:hover {
    background: rgb(208, 255, 211);
}

.settings__form-main .input-block textarea {
    border-radius: 10px;
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    outline: none;
    width: 100%;
    resize: none;
    min-height: 50px;
    padding: 8px 15px;
    font-size: 16px;
    font-family: "TT-400";
    transition: .3s;
    overflow-y: hidden;
}

.settings__form-main .input-block textarea.success {
    background: rgb(209, 255, 222);
}

.input-block:has(textarea:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url(img/check.svg);
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block:has(input:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url(img/check.svg);
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block:has(span#desc1):before {
    top: 60%;
}

.input-block:has(input.success:not([type="radio"])):before {
    opacity: 1;
}

.input-block:has(textarea.success:not([type="radio"])):before {
    opacity: 1;
}

.settings__form-main .input-block textarea:focus {
    border: 2px solid rgb(26, 117, 53);
    outline: 0;
}

.settings__form-blocks {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

aside.setting-links {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 10px;
    padding: 16px 18px;
    width: 48%;
}

aside.setting-links h3 {
    text-align: center;
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 16px;
}

.setting-formats .input-checkbox {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    margin-bottom: 8px;
}

.setting-formats .input-checkbox input {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 10px;
    background: rgb(255, 255, 255);
    appearance: none;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}


.setting-formats .input-checkbox input:after {
    position: absolute;
    content: '';
    width: 23px;
    height: 24px;
    background: url(/img/checkbox.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateX(4px) translateY(-2px);
    opacity: 0;
    transition: .3s;
}


.setting-formats .input-checkbox input.error {
    border-color: red;
}


.setting-formats .input-checkbox input:checked:after {
    opacity: 1;
}

label.setting-hint {
    font-size: 16px;
    color: rgb(116, 116, 116);
    margin-bottom: 5px;
    display: block;
}

.new-select.settings {
    width: 48%;
    border-width: 2px;
}

.settings-file {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-file input {
    display: none;
}

.settings-file p {
    font-size: 16px;
    color: black;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

label.set-file {
    border-radius: 5px;
    background: rgb(118, 118, 118);
    color: white;
    height: 28px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
    min-width: 200px;
}


label.set-file:hover {
    background: rgb(99, 99, 99);
}

label.set-file:active {
    transform: scale(0.98);
}

button.secondary.submit_set {
    margin-top: 16px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    width: 48%;
    height: 40px;
    color: black;
    border: 0;
    transition: .3s;
}

button.secondary.submit_set:hover {
    background: rgb(114, 216, 121);
}


form#settings_form {
    display: flex;
    align-items: start;
    gap: 60px;
}


.settings__change-avatar input {
    display: none;
}

.settings__change-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings__change-avatar p {
    color: red;
    text-decoration: underline;
    margin-bottom: 20px;
    cursor: pointer;
}

.settings-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 5px;
}

.settings-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.settings__change-avatar label {
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 20px;
    white-space: nowrap;
}

.settings__form-secondary .img-verify {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.settings__form-secondary .img-confirm {
    width: 50px;
    margin: 0 auto;
}

h2.settings__title-change {
    margin-top: 66px;
    font-size: 20px;
    font-family: "TT-500";
}


p.settings__subtitle-change {
    color: rgb(137, 136, 136);
    font-size: 18px;
    margin-bottom: 16px;
}

form#password_change-form .input-block input {
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
}

form#password_change-form .input-block input.success {
    background: rgb(209, 255, 222);
}

form#password_change-form .input-block input.error {
    border: 2px solid red;
}

form#password_change-form .input-block input:focus {
    border: 2px solid rgb(26, 117, 53);
}

form#password_change-form {
    width: 60%;
}

form#password_change-form button.secondary {
    margin-top: 16px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    font-family: "TT-500";
    color: black;
    border: 0;
    width: 48%;
    height: 40px;
}

form#password_change-form button.secondary:hover {
    background: rgb(114, 216, 121);
}

.settings-file p b {
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
}

.settings-file p b:hover {
    text-decoration: underline;
}

form#settings_form .verify-block .settings-file span {
    color: inherit;
}

span#desc1 , span#desc2 , span#desc3 {
    color: #bebebe;
    margin-left: auto;
    font-family: "TT-500";
    display: block;
    text-align: end;
}

.settings-file p span strong {
    font-family: "TT-400";
    max-width: 150px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.settings-file p span {
    display: flex;
}

.settings-file p {
    display: flex;
}

/* Adaptive */

.input-block button#edit-phone-mob {
    display: none;
}

@media screen and (max-width: 1500px) {
    p.settings__subtitle {
        width: 100%;
    }

    .settings__form-main {
        width: 100%;
    }

    form#password_change-form {
        width: 100%;
    }
}


@media screen and (max-width: 1280px) {
    .settings__form-blocks {
        flex-direction: column;
        gap: 15px;
    }

    aside.setting-links {
        width: 100%;
    }

    .new-select.settings {
        width: 100%;
    }

    button.secondary.submit_set {
        width: 100%;
    }

    form#password_change-form button.secondary {
        width: 100%;
    }

    .input-block button#edit-phone {
        display: none;
    }

    .input-block button#edit-phone-mob {
        display: block;
        width: 26px;
        height: 26px;
        top: 10px;
    }

    
}


@media screen and (max-width: 650px) {
    h2.settings__title {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 3px;
    }

    p.settings__subtitle {
        font-size: 14px;
    }

    form#settings_form {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .settings__form-secondary {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 40px;
    }

    .settings__form-main .input-block:has(input:not([type="radio"])):before {
        display: none;
    }


    .settings__change-avatar p {
        position: absolute;
        top: 100%;
        white-space: nowrap;
        margin-top: 28px;
    }

    .settings-avatar {
        width: 70px;
        height: 70px;
        margin-left: 18px;
    }

    .settings__change-avatar {
        align-items: start;
        position: relative;
    }

    .settings__change-avatar label {
        margin-bottom: 0;
        font-size: 16px;
        position: absolute;
        top: 100%;
    }

    .settings__form-secondary .img-verify {
        width: auto;
        margin: 0;
        height: 50px;
        margin-right: 38px;
    }

    .settings__form-secondary .img-verify img{
        height: 100%;
        width: 52px;
    }

    .settings__form-secondary .img-confirm {
        width: auto;
        margin: 0;
        height: 50px;
    }

    .settings__form-secondary .img-confirm img{
        height: 100%;
        width: 50px;
    }

    .settings-file {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    h2.settings__title-change {
        margin-top: 40px;
        font-size: 20px;
    }

    p.settings__subtitle-change {
        font-size: 14px;
    }

    button.secondary.submit_set {
        font-size: 16px;
    }

    form#password_change-form button.secondary {
        font-size: 16px;
    }

    .input-block:has(input:not([type="radio"])):before {
        display: none;
    }

    .settings__form-secondary .img-verify {
        order: 3;
        margin-right: 0;
        height: 70px;
    }

    .settings__form-secondary .img-verify img {
        width: 70px;
    }

    .settings__form-secondary .img-confirm img {
        width: 70px;
    }

    .img-confirm {
        order: 2;
    }

    .settings__form-secondary .img-confirm {
        height: 70px;
    }

    .input-block button#edit-phone-mob img {
        width: 14px;
        height: 14px;
    }

    .input-block button#edit-phone-mob {
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }
}






/* <================ Seller Menu Styles =================> */

.sidebar__balance a {
    text-decoration: none;
}

.sidebar__balance p {
    color: rgb(139, 139, 139);
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 23px;
}


.sidebar__balance button.secondary.active {
    background: rgb(160, 221, 164);
    color: black;
}



/* <================ Balance Styles =================> */

p.balance-title {
    margin-top: 50px;
    font-size: 20px;
    font-family: "TT-600";
}

p.balance-title.second {
    margin-top: 0;
    margin-bottom: 50px;
}

p.balance-title b {
    color: #00AA32;
}

p.balance-title + p.balance-title {
    margin-top: 5px;
    margin-bottom: 50px;
}

p.balance__selector-title {
    color: #00AA32;
    font-size: 18px;
    font-family: "TT-600";
    margin-bottom: 13px;
}

.new-select.balance {
    width: 385px;
    border-width: 2px;
    margin-bottom: 12px;
}

.new-select.balance + button.secondary {
    border-radius: 10px;
    background: rgb(0, 170, 50);
    font-size: 16px;
    font-family: "TT-600";
    color: white;
    width: 385px;
    height: 40px;
    border: 0;
}

.new-select.balance + button.secondary:hover {
    background: rgb(0, 145, 43);
}


h4.balance-history-title {
    margin-top: 38px;
    font-size: 20px;
    font-family: "TT-600";
    margin-bottom: 14px;
}

ol.balance-ol {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 520px;
}

ol.balance-ol li {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    padding: 12px;
    margin-bottom: 12px;
}

ol.balance-ol li.error {
    background: rgb(255, 157, 157);
}

p.history-string {
    margin-bottom: 5px;
}

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

p.history-string {
    font-size: 16px;
}


/* Adaptive */

@media screen and (max-width: 650px) {
    p.balance-title {
        margin-top: 16px;
        font-size: 18px;
    }

    p.balance-title + p.balance-title {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .new-select.balance {
        width: 100%;
    }

    .new-select.balance + button.secondary {
        width: 100%;
    }

    h4.balance-history-title {
        font-size: 18px;
    }

    ol.balance-ol li {
        padding: 8px 12px;
        margin-bottom: 10px;
    }

    ol.balance-ol {
        width: 100%;
    }

    p.history-string {
        font-size: 14px;
        margin-bottom: 7px;
    }
}


/* <================ Seller Styles =================> */

.user-texts.seller {
    margin-top: 0;
}

.user-verify.mobile {
    display: none;
}

.user-texts.seller .user-stats-site {
    margin-top: 20px;
}

/* Adaptive */

@media screen and (max-width: 650px) {
    .user-texts.seller {
        display: flex;
        flex-direction: column;
    }

    .user-verify.mobile {
        display: flex;
        margin-top: 8px;
        margin-bottom: 14px;
    }

    .user-verify.desc {
        display: none;
    }

    .user-footer.seller .user-price {
        display: none;
    }
}


/* <================ Projects Styles =================> */


p.empty-title {
    font-size: 20px;
    font-family: "TT-500";
    margin-top: 40px;
}

button.secondary.create__project {
    margin-top: 18px;
    width: 385px;
    height: 40px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    font-size: 16px;
    color: black;
    border: 0;
}

button.secondary.create__project a {
	padding: 0 120px;
}

button.secondary.create__project:hover {
    background: rgb(117, 189, 121);
}


.projects__empty img {
    width: 438px;
    margin: 0 auto;
    display: block;
    margin-top: 68px;
}


.settings__form-main.seller .input-block textarea#in5 {
    min-height: 76px;
}

.settings__form-main.seller .input-block textarea::placeholder , .settings__form-main.seller .input-block input::placeholder {
    color: rgb(137, 136, 136);
}

p#cp-error.quick-move {
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

span#setsel.quick-move {
    display: block;
    position: relative;
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

a#stage2-conf {
    color: #459045;
    font-family: "TT-600";
    text-decoration: underline;
}

@keyframes quick {
    0% {
        transform: translateX(0px);
    }
    14% {
        transform: translateX(6px);
    }
    28% {
        transform: translateX(-6px);
    }
    42% {
        transform: translateX(4px);
    }
    56% {
        transform: translateX(-4px);
    }
    70% {
        transform: translateX(2px);
    }
    84% {
        transform: translateX(-2px);
    }
    98% {
        transform: translateX(0px);
    }
}

/* Adaptive */

@media screen and (max-width: 900px) {
    .img-focus.chats.user img {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    p.empty-title {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }

    button.secondary.create__project {
        margin-top: 10px;
        width: 100%;
    }

    .projects__empty img {
        width: 60%;
    }
}



/* <================ Projects Styles =================> */


aside.project {
    border-radius: 10px;
    background: rgb(247, 247, 247);
    padding: 38px 42px;
    width: 82%;
}


.project-avatar {
    width: 130px;
    height: 130px;
	min-width: 130px;
	min-height: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 17px;
    cursor: pointer;
}

.project-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-header {
    display: flex;
    flex-wrap: wrap;
}

.project-controls {
    width: 100%;
    display: flex;
    margin-left: 147px;
    margin-top: 20px;
    gap: 20px;
    margin-bottom: 28px;
}

.project-controls button {
    width: 250px;
    height: 40px;
    font-size: 16px;
    font-family: "TT-400";
    border: 0;
}

.project-controls button#proj-edit {
    background: rgb(218, 237, 224);
    color: rgb(0, 0, 0);
}

.project-controls button#proj-edit:hover {
    background: rgb(182, 246, 202);
}

.project-controls button#proj-end {
    background: rgb(0, 170, 50);
}

.project-controls button#proj-end:hover {
    background: rgb(0, 146, 44);
}

.project-controls button#proj-report {
    background: rgb(255, 69, 69);
}

.project-controls button#proj-report:hover {
    background: rgb(210, 27, 27);
}

h2.project-title {
    color: rgb(0, 170, 50);
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 18px;
}


p.project-p {
    font-size: 18px;
    margin-bottom: 4px;
}

.project-body {
    border-top: 2px solid rgb(75, 75, 75);
    padding-top: 16px;
}

h4.project-int {
    font-size: 20px;
    font-family: "TT-600";
}

h4.project-int span {
    color: #5B5B5B;
}

ol.project__integrations-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    counter-reset: int;
}

ol.project__integrations-list li {
    display: flex;
    align-items: center;
    padding: 14px 0;
    padding-left: 30px;
    border-bottom: 2px solid rgb(216, 216, 216);
    position: relative;
}

ol.project__integrations-list li:before {
    counter-increment: int;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: counter(int) ":";
    font-size: 18px;
    font-family: "TT-600";
}

/* ol.project__integrations-list li:first-child {
    border-top: 0;
} */

ol.project__integrations-list li:last-child {
    margin-bottom: 30px;
}

.project__integrations-list li strong {
    font-weight: normal;
    color: rgb(0, 170, 50);
    font-size: 18px;
    font-family: "TT-600";
    max-width: 192px;
    margin-right: 25px;
}

.int-chat {
    width: 40px;
    margin-right: 34px;
    cursor: pointer;
    height: 40px;
    border-radius: 50%;
    background: limegreen;
    display: flex;
    align-items: center;
    justify-content: center;
}

.int-chat img {
    width: 60%;

}

.int-chat.unread {
    position: relative;
}

.int-chat.unread {
    
    animation: pulse 1s linear infinite;
}

@keyframes pulse {
    0% {
        background: limegreen;
    }
    50% {
        background: red;
        transform: scale(1.1);
    }
    100% {
        background: limegreen;
    }
}

.int-report {
    margin-left: auto;
    width: 30px;
}

.int-status p {
    text-decoration: underline;
    cursor: default;
}

ol.project__blogers-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 4px;
}

ol.project__blogers-list li {
    display: flex;
    align-items: center;
    border-top: 2px solid rgb(216, 216, 216);
    padding: 14px 0;
}

ol.project__blogers-list li:first-child {
    border-top: 0;
}

.project__blogers-list a {
    color: #3751F1;
    font-size: 18px;
    font-family: "TT-500";
    text-decoration: underline;
    margin-right: 12px;
}

.bloger-rating {
    border-radius: 5px;
    background: rgb(240, 240, 240);
    padding: 4px 16px;
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.bloger-rating img {
    width: 24px;
    margin-right: 8px;
}


.bloger-rating span {
    font-family: "TT-600";
    font-size: 16px;
}

.bloger-reviews span{
    font-size: 16px;
    font-family: "TT-600";
    text-decoration: underline;
}

.bloger-reviews span:first-child {
    color: #4FE400;
}

.bloger-reviews span:last-child {
    color: #FF4545;
}

.bloger-reviews {
    margin-right: 22px;
}

.bloger-icons {
    display: flex;
    gap: 10px;
    margin-right: 24px;
}

.bloger-icons img {
    height: 23px;
    width: 23px;
}


.bloger-icons img.not {
    filter: grayscale(100%);
}

.bloger-mass {
    background: rgb(55, 81, 241);
    height: 35px;
    width: 192px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-family: "TT-600";
    margin-right: auto;
}



.bloger-controls button#accept {
    background: rgb(0, 170, 50);
}

.bloger-controls button#accept:hover {
    background: rgb(0, 146, 44);
}

.bloger-controls button#deny {
    background: rgb(255, 69, 69);
}

.bloger-controls button#deny:hover {
    background: rgb(210, 27, 27);
}

.bloger-controls button {
    border: 0;
    width: 150px;
    height: 35px;
    font-family: "TT-600";
}

.bloger-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-select.proj {
    margin-top: 30px;
}

aside.project {
    transition: .3s;
    margin-bottom: 20px;
}

aside.project.hide {
    transform: translateX(10px);
    opacity: 0;
}

button.secondary#popup_not {
    background: rgb(253, 71, 71);
    color: rgb(255, 255, 255);
}

.popup h5 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Adaptive */


@media screen and (max-width: 1820px) {
    aside.project {
        width: 100%;
    }
}


@media screen and (max-width: 1440px) {
    ol.project__blogers-list li {
        flex-wrap: wrap;
    }

    .bloger-controls {
        width: 100%;
        margin-top: 10px;
    }

    .project-controls {
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bloger-rating {
        margin-bottom: 10px;
    }

    ol.project__integrations-list li {
        flex-wrap: wrap;
    }
}

.proj-rep {
    display: none;
}


@media screen and (max-width: 650px) {
    ol.project__blogers-list li {
        justify-content: left;
        gap: 10px;
    }
    aside.project {
        padding: 16px 11px;
    }

    .project-avatar {
        width: 75px;
        height: 75px;
        margin-right: 7px;
    }

    h2.project-title {
        font-size: 18px;
        margin-bottom: 0;
    }

    .proj-rep {
        width: 20px;
        display: block;
        margin-left: auto;
    }

    p.project-p {
        font-size: 14px;
        margin-bottom: 2px;
    }

    .project-controls {
        gap: 10px;
    }

    .project-controls button {
        width: 48%;
        font-size: 14px;
    }

    .project-info {
        max-width: 180px;
    }

    ol.project__integrations-list li {
        justify-content: space-between;
        padding-left: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .int-chat {
        margin-right: 0;
    }

    .project__integrations-list li strong {
        font-size: 16px;
    }

    .bloger-controls {
        order: 6;
    }

    .int-status p {
        font-size: 14px;
        margin-top: 7px;
    }

    ol.project__integrations-list li:before {
        top: 14px;
        transform: translateY(0);
        font-size: 16px;
    }

    h4.project-int {
        font-size: 18px;
    }

    .project-body {
        padding-top: 8px;
    }

    ol.project__integrations-list {
        margin-top: 10px;
    }

    .int-report {
        width: 20px;
    }

    .project__blogers-list a {
        font-size: 16px;
        display: block;
        line-height: 1;
        margin-right: 5px;
    }

    .project__blogers-list {
        align-items: center;
    }

    .project__blogers-list li {
        justify-content: space-between;
    }

    .bloger-rating {
        margin-bottom: 0;
        margin-right: 6px;
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
        order: 3;
    }

    .bloger-reviews {
        margin-right: 0;
        order: 4;
    }

    .bloger-mass {
        margin-top: 0px;
        margin-right: 0;
        font-size: 14px;
        height: 30px;
        width: 100%;
        order: 2;

    }

    .bloger-icons {
        margin-top: 8px;
        order: 5;
    }

    .bloger-controls {
        gap: 30px;
    }

    .bloger-controls button {
        width: 100%;
        font-size: 16px;
    }

    .int-chat {
        width: 30px;
        height: 30px;
    }

    .int-report {
        width: 100%;
        display: flex;
        justify-content: end;
    }

    .int-report img {
        width: 20px;
    }
}




/* <================ Catalog Styles =================> */


aside.bloger-card {
    padding: 16px;
    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.card-header {
    display: flex;
    align-items: center;
    width: 100%;
}

.card-header .bloger-online {
    margin-left: auto;
    border-radius: 30px;
    background: rgb(255, 69, 69);
    padding: 1px 20px;
    font-size: 14px;
    color: white;
    font-family: "TT-500";
}

.card-body {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.card-body .user-avatar {
    width: 108px;
    height: 108px;
    min-width: 108px;
    margin-right: 10px;
}

.card-body .user-avatar img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 10px;
}

.card-body .user-name p {
    font-size: 16px;
}

.card-body .user-data {
    gap: 0;
    display: block;
    font-size: 14px;
}

.card-body .user-socials {
    flex-wrap: wrap-reverse;
    gap: 8px;
    width: 190px;
}

.card-body .user-socials a {
    width: 25px;
    height: 25px;
}

.card-body .user-socials span {
    width: 100%;
    height: 30px;
    font-size: 16px;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.card-body .card-desc {
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
}

.card-body {
    width: 62%;
    padding-right: 7%;
    height: 100%;
}


.card-end {
    padding-left: 12px;
    border-left: 2px solid rgb(0, 170, 50);
    margin-top: 12px;
    width: 38%;
}

.card-end p.card-end-title {
    text-align: center;
    color: rgb(0, 170, 50);
    margin-bottom: 10px;
    font-size: 16px;
}

.new-select.card {
    margin-bottom: 6px;
    width: 100%;
}

.card-end .user-price-current {
    margin-bottom: 0;
}

.card-end .user-price button.secondary {
    width: 100%;
}

.warning.catalog {
    margin-bottom: 14px;
    font-size: 16px;
    background: rgb(255, 69, 69);
}

.warning.catalog strong {
    display: none;
}

.catalog-inner {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 80%;
    min-height: calc(100vh + 20px);
}

.catalog-filter {
    width: 250px;
    min-width: 250px;
    border-radius: 10px;
    background: rgb(218, 237, 224);
    padding: 14px 10px;
}

.catalog-inner:has(.catalog-filter.fixed) {
    padding-right: 270px;
}

.search-input.catalogPage {
    position: sticky;
    top: 0px;
}

.catalog-filter {
    position: sticky;
    background: rgb(218, 237, 224);
    z-index: 9;
    height: 740px;
    top: 80px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

h3.cat-filter {
    text-align: center;
    font-family: "TT-600";
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

h5.filter-property {
    font-size: 16px;
    font-family: "TT-500";
    margin-top: 15px;
}

h5.filter-property:first-child {
    margin-top: 0;
}

.input-filter-prop label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.input-filter-prop {
    margin-top: 6px;
}


.input-filter-prop label input {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgb(0, 170, 50);
    border-radius: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.input-filter-prop label input:after {
    position: absolute;
    content: '';
    background: url(/img/check.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    opacity: 0;
    transition: .2s;
}

.input-filter-prop label input:checked:after {
    opacity: 1;
}

button.secondary.filter-ok {
    background: transparent;
    width: 100%;
    color: black;
    height: 34px;
    border: 1px solid black;
    margin-top: 16px;
    font-family: "TT-600";
    font-size: 16px;
}

button.secondary.filter-ok:hover {
    cursor: pointer;
    background: rgba(173, 173, 173, 0.4);
}


button.secondary.filter-ok.worked {
    background: #18ca18;
    width: 100%;
    color: white;
    height: 34px;
    border: 0;
    margin-top: 16px;
    font-family: "TT-600";
    font-size: 16px;
}

button.secondary.filter-ok.worked:hover {
    background: rgb(0, 141, 42);
}


.warning.catalog {
    padding-right: 20px;
    position: relative;
    z-index: 5;
    margin-bottom: 0;
}

.catalog-inner {
    margin-top: 20px;
}

.warning.catalog span {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
}

.warning.catalog span:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: white;
    right: 0;
    transform: rotate(45deg);
}

.warning.catalog span:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: white;
    right: 0;
    transform: rotate(-45deg);
}

.card-body .card-desc p{
    word-break: break-word;
}

span.quick-move#result-int {
    display: block;
    animation: quick 0.5s 1 linear;
}


/* Adaptive */

.card-body .bloger-online {
    display: none;
}

@media screen and (max-width: 1730px) {
    .catalog-inner {
        width: 100%;
    }
}


@media screen and (max-width: 1530px) {
    .card-body {
        padding-right: 0;
        width: 100%;
    }

    .card-end {
        padding-left: 0;
        border: 0;
        width: 100%;
    }

    .card-body .card-desc {
        margin-top: 0;
    }
}


@media screen and (max-width: 1200px) {
    .catalog-inner {
        flex-direction: column-reverse;
    }

    .catalog-filter {
        width: 100%;
        height: 40px;
        padding-top: 10px;
        overflow: hidden;
        transition: 0.3s;
    }
    .bloger-card .user-socials {
        justify-content: left;
    }
}


.search-input.catalog ol , .search-input.catalog ol li {
    height: 0;
    padding: 0;
}

.search-input.catalog ol.open , .search-input.catalog ol.open li {
    height: auto;
}

.search-input.catalog ol.open {
    padding-top: 16px;
    padding-bottom: 8px;
}

.search-input.catalog ol.open li {
    padding: 8px 10px;
}

.warning.catalog {
    z-index: 3;
}

.search-input .clear__btn {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: gray;
    position: absolute;
    top: 12px;
    right: 146px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .3s all, 0s top;
    cursor: pointer;

}

.search-input.catalogPage .clear__btn {
    top: 31px;
}

.search-input input {
    padding-right: 178px;
}

.search-input.catalogPage {
    z-index: 10;
    height: 70px;
    background: white;
    padding-top: 20px;
}

.search-input button {
    transition: .3s all, 0s top;
}

.search-input.catalogPage button {
    top: 28px;
}

.up-hide {
    display: none;
}

@media screen and (max-width: 650px) {
    .card-body .user-avatar {
        width: 90px;
        height: 120px;
        min-width: 90px;
        padding-bottom: 30px;
        position: relative;
    }

    .search-input.catalogPage {
        top: 65px;
    }

    .form-filter-fields {
        max-height: 40vh;
        overflow-y: auto;
        padding-right: 5px; /* Отступ чтобы скроллбар не наезжал на чекбоксы */
    }

    /* Стилизация скроллбара для фильтра */
    .form-filter-fields::-webkit-scrollbar {
        width: 6px;
    }
    .form-filter-fields::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }
    .form-filter-fields::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }
    .form-filter-fields::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

    .search-input input {
        padding-right: 148px;
    }

    .white__top {
        background: white;
        position: fixed;
        height: 200px;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 7;
    }

    .warning.catalog.clip {
        position: relative;
        z-index: 8;
        top: 0;
        margin-top: 5px;
    }

    .search-input .clear__btn {
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: gray;
        position: absolute;
        top: 32px;
        right: 125px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: .3s;
    }

    .search-input button.secondary {
        width: 110px;
    }

    .card-header .bloger-online {
        display: none;
    }

    .card-body .user-avatar .bloger-online {
        display: block;
        margin-left: 0;
        width: 100%;
        text-align: center;
        color: white;
        font-family: "TT-500";
        font-size: 14px;
        border-radius: 30px;
        background: rgb(255, 69, 69);
    }

    .card-body .user-info .user-socials {
        display: flex;
        width: 170px;
        gap: 5px;
    }

    .card-body .user-socials span {
        width: 220px;
        margin-right: auto;
        height: 22px;
        font-size: 12px;
        margin-top: 12px;
    }

    .card-body .user-info {
        width: 400px;
        /* height: 120px; */
    }

    .card-body .user-name {
        max-width: 100%;
    }

    .card-header .bloger-icons{
        margin-top: 0;
        margin-left: 8px;
    }

    .catalog-inner {
        min-height: unset;
    }

    .card-end .user-price {
        margin-bottom: 0;
    }

    .catalog-filter h3 {
        position: relative;
    }

    .catalog-filter {
        top: 150px;
    }

    .catalog-filter h3:after {
        position: absolute;
        content: '';
        right: 10px;
        top: 0px;
        transform: rotate(90deg);
        transform-origin: 20% 50%;
        width: 16px;
        height: 20px;
        background: url(img/nav_arrow.svg);
        background-repeat: no-repeat;
        transition: .3s;
    }

    .catalog-filter.selected {
        background: rgb(24, 202, 24);
    }

    .catalog-filter.selected h3 {
        color: white;
        transition: .3s;
    }

    .catalog-filter.selected h3:after {
        filter: invert(100%);
    }


    .catalog-filter.open.selected {
        background: rgb(218, 237, 224);
    }

    .catalog-filter.open.selected h3 {
        color: black;
    }

    .catalog-filter.open.selected h3:after {
        filter: invert(0%);
    }

    .catalog-filter.open h3:after {
        transform: rotate(-90deg);
    }

    .search-input.catalog {
        position: fixed;
        z-index: 6;
        width: calc(100vw - 20px);
        left: 10px;
        background: white;
        height: 60px;
        padding-top: 20px;
        top: 50px;
    }

    .search-input.catalog button.secondary {
        width: 100px;
        top: 28px;
    }

    .warning.catalog {
        margin-top: 80px;
        z-index: 1;
    }

    .catalog-filter {
        transition: .3s all, 0s width;
    }

    .catalog-filter.fixedMobile {
        position: fixed;
        top: 150px;
        width: calc(100vw - 20px);
        left: 10px;
        right: 10px;
        z-index: 8;
    }

    .catalog-inner:has(.catalog-filter.fixedMobile) {
        padding-top: 60px;
    }

    .catalog-filter.fixedMobile {
        z-index: 3;
    }

    .search-input.catalog.op + .up-hide {
        display: block;
        position: fixed;
        top: 90px;
        width: 100vw;
        height: 120px;
        background: #fff;
        left: 0;
        z-index: 2;
    }
}




@media screen and (max-width: 570px) {
    .card-body .user-info {
        width: 240px;
    }

    .card-desc p {
        margin-top: 10px;
    }

    .card-end .user-price {
        width: 100%;
    }
}

@media screen and (max-width: 410px) {
    .card-body .user-info {
        width: 170px;
    }

    .card-body .user-name p {
        max-width: 100%;
    }
}




/* <================ FAQ Styles =================> */

.about__text:has(ol.faq-list) {
    width: 100%;
    max-width: 100%;
}

ol.faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.faq-header {
    font-size: 24px;
    font-family: "TT-500";
    padding: 12px 0;
    border-bottom: 2px solid #cdcdca;
    cursor: pointer;
    position: relative;
    color: rgb(60, 60, 60);
    padding-right: 36px;
}


.faq-header:after {
    position: absolute;
    right: 20px;
    content: '+';
}

.faq-header.open:after {
    content: '-';
}

p.faq-answer {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "TT-300";
    margin: 0;
    transition: 0.3s;
}


ol.faq-list li.open p {
    margin: 20px 0;
}


ol.faq-list li p{
    height: 0;
    overflow: hidden;
}


@media screen and (max-width: 650px) {
    .faq-header {
        font-size: 18px;
    }

    ol.faq-list li.open p {
        margin: 10px 0;
    }

    ol.faq-list li p {
        font-size: 16px;
    }
}



/* <================ Contacts Styles =================> */


h2.cont-title {
    font-size: 48px;
    text-transform: uppercase;
    color: rgb(0, 138, 0);
    font-family: "TT-500";
	margin-top: 60px;
    margin-bottom: 20px;
}

.contacts__inner {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.contacts-info {
    width: 50%;
}

p.cont-line {
    margin-bottom: 5px;
    max-width: 80%;
}

p.cont-line b {
    color: #3b3b3b;
}

.contacts-form .input-block input {
    background: rgb(225, 225, 225);
    border-color: transparent;
}


.contacts-form .input-block textarea {
    border-radius: 10px;
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    outline: none;
    width: 100%;
    resize: none;
    min-height: 80px;
    padding: 8px 15px;
    font-size: 16px;
    font-family: "TT-400";
    transition: .3s;
}

.contacts-form .input-block textarea.success , .contacts-form .input-block input.success {
    background: rgb(209, 255, 222);
}

.contacts-form button {
    width: 100%;
    height: 40px;
    background: rgb(74, 227, 125);
    border: 0;
    color: black;
}

.contacts-form button:hover {
    background: rgb(57, 198, 104);
}



/* Adaptive */

@media screen and (max-width: 1000px) {
    .contacts__inner {
        flex-direction: column;
        margin-top: 20px;
    }

    h2.cont-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .contacts-info {
        width: 100%;
    }

    p.cont-line {
        width: 100%;
        max-width: 100%;
    }
}





/* <================ SECONDARY STYLES =================> */




/* <================ Not_Found Styles =================> */


h1.not__found-title {
    display: flex;
    font-size: 528px;
    align-items: end;
    font-family: "TT-500";
    line-height: 1;
    justify-content: center;
    position: relative;
    margin-bottom: -40px;
}

h1.not__found-title img {
    width: 400px;
    object-fit: contain;
    margin-bottom: 60px;
    margin-right: -25px;
}


.not__found-page {
    margin: 0 auto;
    margin-top: 180px;
    position: relative;
    color: #371a45;
}

.not__found-page .container {
    position: relative;
}

h1.not__found-title:after {
    content: 'Хьюстон, у нас проблема!';
    font-size: 48px;
    text-transform: uppercase;
    font-family: "TT-600";
    max-width: 500px;
    position: absolute;
    top: 60px;

    left: 50%;
    transform: translateX(-80%);
}

h2.not__found-counter {
    text-align: center;
    font-size: 78px;
    font-family: "TT-600";
}

h5.not__found-hint {
    text-align: center;
    margin-top: 10px;
    font-size: 48px;
    font-family: "TT-400";
}


h5.not__found-hint a {
    color: #0078ff;
    transition: .3s;
}

h5.not__found-hint a:hover {
    color: #003775;
}

p.not__found-comment {
    text-align: center;
    font-size: 24px;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    margin-bottom: 60px;
}


/* Adaptive */

@media screen and (max-width: 1000px) {
    h1.not__found-title {
        font-size: 256px;
    }

    h1.not__found-title img {
        width: 200px;
        margin-bottom: 25px;
    }

    h1.not__found-title:after {
        font-size: 28px;
        max-width: 260px;
        left: 50%;
        transform: translateX(-90%);
        top: 30px;
    }

    h2.not__found-counter {
        font-size: 28px;
    }

    h5.not__found-hint {
        font-size: 16px;
    }

    p.not__found-comment {
        font-size: 16px;
        max-width: 360px;
        margin-top: 20px;
    }

    .not__found-page {
        margin-top: 150px;
    }

    h1.not__found-title img {
        margin-right: -10px;
    }

    h1.not__found-title {
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 530px) {
    .not__found-page {
        margin-top: 120px;
    }

    h1.not__found-title {
        font-size: 196px;
    }

    h1.not__found-title:after {
        font-size: 22px;
        max-width: 220px;
        left: 50%;
        transform: translateX(-80%);
    }

    h1.not__found-title img {
        width: 150px;
    }
}

@media screen and (max-width: 410px) {
    h1.not__found-title:after {
        font-size: 20px;
        max-width: 220px;
        left: 50%;
        transform: translateX(-90%);
    }
}

@media screen and (max-width: 400px) {
    h2.not__found-counter {
        font-size: 24px;
    }
}

@media screen and (max-width: 360px) {
    h1.not__found-title {
        font-size: 128px;
    }

    h1.not__found-title img {
        width: 100px;
        margin-bottom: 15px;
    }

    h1.not__found-title:after {
        font-size: 18px;
        max-width: 200px;
        left: 50%;
        transform: translateX(-70%);
        top: 10px;
    }

    h2.not__found-counter {
        font-size: 24px;
    }

    h5.not__found-hint {
        font-size: 16px;
    }

    p.not__found-comment {
        font-size: 16px;
        max-width: 360px;
        margin-top: 20px;
    }

    .not__found-page {
        margin-top: 150px;
    }

    h1.not__found-title:after {
        font-size: 14px;
    }

    h2.not__found-counter {
        font-size: 18px;
    }
}



/* <================ Preloader Styles =================> */


#lottie-animation {
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 2;
}

.preloader {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    width: 100vw;
    height: 100vh;
    transition: .3s;
    opacity: 1;
    z-index: 1000;
}

.preloader.fade-out {
    opacity: 0;
}



.preloader-secondary {
    position: fixed;
    width: calc(100vw - 380px);
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
    background: white;
    z-index: -100;
    transition: 0.3s;
    opacity: 1;
}

.preloader-secondary #lottie-animation2 {
    width: 100px;
}

.preloader-secondary.fade-out {
    opacity: 0;
}

/* Adaptive */


@media screen and (max-width: 1000px) {
    .preloader-secondary {
        width: 100vw;
        left: 0;
        top: 0;
    }

    #lottie-animation {
        width: 100px;
    }
}



/* <================ Chat-Review Styles =================> */



li.my.review-message {
    width: 100%;
    max-width: 100%;
}

li.my.review-message .review-chat-stars {
    display: flex;
}

li.my.review-message p {
    font-family: "TT-600";
    font-size: 18px;
    margin-bottom: 8px;
}

li.my.review-message textarea {
    width: 100%;
    height: 100px;
    outline: 0;
    font-family: "TT-400";
    font-size: 16px;
    resize: none;
    height: 80px;
    min-height: 80px;
    border: 0;
    padding: 0;
    line-height: 1;
}

li.my.review-message textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

li.my.review-message textarea::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

li.my.review-message textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

li.my.review-message textarea:focus {
    border-color: #000000;
}

.review-chat-opinion {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    font-family: "TT-400";
    align-items: center;
}


.review-chat-opinion img {
    width: 20px;
    cursor: pointer;
}

li.my.review-message .review-chat-opinion p {
    font-family: "TT-300";
    font-size: 16px;
}

.review-chat-stars {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.review-chat-stars img.hide {
    filter: grayscale(100%);
}

.review-chat-controls {
    display: flex;
    gap: 20px;
    margin-top: 20px;

}

.review-chat-controls button {
    padding: 8px 20px;
    background: #e4e4e4;
    border: 0;
    color: black;
    border-radius: 8px;
    font-size: 16px;
}

ol.message-list li.my.message-review .message-info {
    margin-top: 0;
}

ol.message-list li.my.message-review .message-info .message-status {
    display: none;
}

.review-chat-controls button:hover {
    background: rgb(207, 207, 207);
}


li.my.review-message .message-info p {
    font-size: 14px;
    margin: 0;
    margin-left: auto;
    font-family: "TT-400";
}

.review-chat-block {
    padding: 10px;
    border-radius: 10px;
    border: 2px solid transparent;
    background: white;
    overflow: hidden;
    transition: .3s;
    padding-bottom: 8px;
}

.review-chat-block:has(textarea:focus) {
    border-color: #000;
}

/* Adaptive */


@media screen and (max-width: 650px) {
    li.my.review-message p {
        font-size: 16px;
    }

    ol.message-list li.my.review-message {
        margin-left: 0;
        padding: 8px 10px;
    }


    li.my.review-message textarea {
        font-size: 14px;
        min-height: 60px;
        height: 60px;
    }

    .review-chat-block {
        border-radius: 5px;
    }

    .review-chat-controls button {
        padding: 6px 16px;
        border-radius: 5px;
        font-size: 14px;
        width: 100%;
    }

    .review-chat-controls {
        gap: 10px;
        margin-top: 10px;
    }

    li.my.review-message .message-info p {
        font-size: 12px;
    }

    .review-chat-block {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .chat-wrapper.review-active {
        padding-top: 50px;
        height: 100%;
        max-height: 100%;
        margin-top: 0;
    }
}


@media screen and (max-width: 440px) {
    li.my.review-message textarea {
        font-size: 12px;
    }

    .review-chat-controls button {
        font-size: 12px;
    }
}


@media screen and (max-width: 390px) {
    .review-chat-controls button {
        font-size: 10px;
        padding-left: 6px;
        padding-right: 6px;
    }
}


.arrow-chat-down {
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 10px black;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 1;
    transform: translateY(0px);
    transition: .3s;
}

.arrow-chat-down.fade-out {
    opacity: 0;
    transform: translateY(10px);
}


.arrow-chat-down img {
    height: 30px;
    transform: rotate(90deg);
    margin-top: 5px;
}

@media screen and (max-width: 1000px) {
    .arrow-chat-down {
        display: flex;
    }
}


@media screen and (max-width: 650px) {
    .arrow-chat-down {
        display: none;
    }
}


/* <================ Pay-page Styles =================> */


img.pay_check-img {
    width: 350px;
    margin: 0 auto;
    display: block;
    margin-top: 120px;
}

h1.pay-title {
    text-align: center;
    margin-top: 60px;
    font-family: "TT-500";
    font-size: 80px;
    color: #363636;
    margin-bottom: 20px;
}

h3.pay-subtitle {
    color: #838383;
    text-align: center;
    font-size: 40px;
}

hr.pay-line {
    height: 2px;
    border: 0;
    background: #7d7d7d;
    margin-top: 90px;
    margin-bottom: 40px;
}

button.secondary.pay {
    background: #00ab32;
    border-radius: 10px;
    padding: 16px 48px;
    border: 0;
    margin: 0 auto;
    font-size: 40px;
    font-family: "TT-400";
    margin-top: 30px;
    margin-bottom: 60px;
    transition: .3s;
}

button.secondary.pay:hover {
    background: rgb(0, 131, 0);
}

/* Adaptive */

@media screen and (max-width: 1050px) {
    img.pay_check-img {
        width: 178px;
    }

    h1.pay-title {
        font-size: 32px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    h3.pay-subtitle {
        font-size: 24px;
    }

    hr.pay-line {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    button.secondary.pay {
        padding: 12px 32px;
        font-size: 18px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 650px) {

    img.pay_check-img {
        width: 120px;
    }

    h1.pay-title {
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h3.pay-subtitle {
        font-size: 20px;
        max-width: 300px;
        margin: 0 auto;
    }

    h3.pay-subtitle.mob {
        font-size: 16px;
    }

    button.secondary.pay {
        padding: 8px 32px;
        font-size: 16px;
        margin-top: 10px;
    }
}



/* <================ Tz Styles =================> */

.tz-title {
    color: #59b059;
    font-size: 22px;
    font-family: "TT-600";
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.tz-title span {
    width: 16px;
    height: 16px;
    border-left: #59b059 3px solid;
    border-bottom: #59b059 3px solid;
    display: block;
    transform: rotate(-45deg);
    margin-bottom: 5px;
    transition: .3s;
    transform-origin: 30% 70%;
}

.tz-container {
    width: 100%;

    height: auto;

    padding: 16px 10px;
    background: #ececec;
    border-radius: 10px;
    margin-bottom: 20px;
}

.tz-container p {
    font-size: 18px;
    white-space: pre-line;
    text-align : left;
}

.tz-container strong {
    color: #4f4f4f;
    font-size: 20px;
    font-family: "TT-600";
    margin-top: 20px;
    display: block;
}

ol.tz-list {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

ol.tz-list b {
    color: rgb(0, 0, 0);
    font-family: "TT-400";
    font-size: 18px;
}

ol.tz-list li {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    margin-bottom: 5px;
}

ol.tz-list li img {
    width: 40px;
    margin: 0;
    padding: 0;
}

ol.tz-list li a {
    font-size: 18px;
    margin-left: 5px;
    text-decoration: underline;
    color: black;
    display: block;
    overflow-x: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tz-container {
    transition: .3s all;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.tz-container * {
    transition: .1s opacity;
    opacity: 0;
}

.tz-container.open {
    padding: 16px 10px;
    padding-top: 0;
}

.tz-container.view , aside[data-scroll].faded {
    animation: view 1 3s ease-in-out;
}

@keyframes view {
    0% {
        box-shadow: 0;
    }
    20% {
        box-shadow: 0 0 10px black;
    }
    100% {
        box-shadow: 0;
    }
}

.tz-container.open * {
    opacity: 1;
}

.tz-title.open span {
    transform: rotate(135deg);
}

/* Adaptive */

@media screen and (max-width: 650px) {
    .tz-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .tz-title span {
        width: 10px;
        height: 10px;
        border-width: 2px;
        margin-left: 0;
        margin-top: 4px;
    }

    .tz-container p {
        font-size: 14px;
    }

    .tz-container strong {
        margin-top: 10px;
        font-size: 16px;
    }

    ol.tz-list li img {
        width: 30px;
    }

    ol.tz-list li a {
        font-size: 14px;
    }

    ol.tz-list li {
        margin-bottom: 0;
    }
}


/* Info Popup */

.popup.popup__info {
    border: 2px solid #00AA32;
    width: 500px;
}

.popup.popup__info p {
    padding: 20px;
    padding-bottom: 0;
}

@media screen and (max-width: 600px) {
    .popup.popup__info {
        border: 1px solid #00AA32;
        width: 300px;
    }
    .popup.popup__info p {
        padding: 10px;
        padding-bottom: 0;
        font-size: 12px;
    }

    .popup.popup.popup__info h5 {
        font-size: 16px;
        margin-top: 0;
    }

    .popup.popup__info button.secondary {
        height: 30px;
        width: 230px;
        margin-top: 10px;
        font-size: 14px;
    }
}


/* ДОП - ТГ-бот */


h5.settings__notify-subtitle {
    font-style: italic;
    font-family: "TT-300";
    font-size: 20px;
    opacity: 0.7;
    margin-bottom: 20px;
    width: 48%;
}

h5.settings__notify-subtitle b {
    font-family: "TT-500";
    font-style: normal;
}

p.settings__notify-telegram {
    color: rgb(255, 34, 34);
    margin-top: 30px;
    font-size: 20px;
    margin-bottom: 30px;
    width: 48%;
}

button.secondary.link-tg {
    background: #529fe3;
    color: white;
    font-size: 18px;
    padding: 5px 20px;
    transition: 0.3s;
    margin-bottom: 40px;
    border: 0;
    border-radius: 5px;
}

button.secondary.link-tg a {
    color: white;
    text-decoration: none;
    font-family: "TT-300";
}

button.secondary.link-tg:hover {
    background: #0078ff;
}

p.settings__notify-qr , p.success-link-tg {
    font-size: 20px;
    opacity: 0.8;
    width: 48%;
}

article.qr-code__container {
    width: 112px;
    height: 112px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -11px;
}
p.error-link {
    color: rgb(255, 37, 37);
    font-size: 16px;
}

@media screen and (max-width: 1280px) {
    p.settings__notify-qr , p.success-link-tg {

        width: 100%;
    }

    p.settings__notify-telegram {
        width: 100%;
    }

    h5.settings__notify-subtitle {
        width: 100%;
    }
}



@media screen and (max-width: 650px) {
    h5.settings__notify-subtitle {
        font-size: 14px;
        margin-bottom: 14px;
    }

    p.settings__notify-telegram {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    button.secondary.link-tg {
        font-size: 18px;
        padding: 5px 20px;
        transition: 0.3s;
        margin-bottom: 20px;
        border: 0;
        border-radius: 5px;
    }

    p.settings__notify-qr, p.success-link-tg {
        font-size: 14px;
        opacity: 0.8;
    }

    p.error-link {
        color: rgb(255, 37, 37);
        font-size: 14px;
    }

    
    article.qr-code__container , p.settings__notify-qr.first  {
        display: none;
    }
}

li.date-exploder.nt .notice-system-content #time-message{
    display: none;
}




/* ДОП Пагинация в каталоге */


.pagination-list {
    display: flex;
    align-items: center;
}

.pagination-list ol {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 20px;
}

.pagination-list ol li {
    margin: 0 5px;
    cursor: pointer;
}

.pagination-list ol li:hover {
    text-decoration: underline;
}

.hint aside.hint.mob-del {
    width: auto;
    min-width: fit-content;
    white-space: nowrap;
}


button#cancel-int_mob {
    display: none;
}


button.link-popup {
    border: 0;
    background: transparent;
    font-size: 16px;
    color: #ffffff;
    text-decoration: underline;
    margin-left: auto;
    padding: 0;
}

.popup.popup-field {
    border: 1px solid #406834;
    width: 700px;
    padding-left: 60px;
    padding-right: 60px;
}

h3.pf-title {
    font-size: 32px;
    width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: "TT-500";
}

textarea.pf-textarea {
    width: 100%;
    margin-top: 20px;
    border-radius: 15px;
    border: 1px solid #c2c2c2;
    height: 200px;
    resize: none;
    outline: 0;
    transition: 0.3s;
    padding: 16px;
    font-size: 18px;
    font-family: "TT-400";
}

textarea.pf-textarea.error {
    border-color: red;
}

textarea.pf-textarea:focus {
    border-color: black;
}

.pf-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    border-radius: 5px;
    font-size: 20px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 50px;
}

button.secondary.pf-btn-2 {
    background: #dfede0;
    color: #44932c;
}

button.secondary.pf-btn-2:hover {
    background: #bedcbe;
    color: black;
}

button.secondary.pf-btn-1 {
    background: rgb(157, 157, 157);
    color: white;
}

button.secondary.pf-btn-1.active {
    background: #d52c2c;
    color: #ffffff;
}

#apl_popup button.secondary.pf-btn-1 {
    background: #13c100;
    color: #ffffff;
}

#apl_popup button.secondary.pf-btn-1:hover {
    background: #00a510;
    color: #ffffff;
}

#apl_popup h3.pf-title {
    font-size: 28px;
    max-width: 90%;
    margin-bottom: 30px;
}

#apl_popup p.pf-subtitle {
    font-size: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 650px) {
    a.hint:hover aside.hint.mob-adapt {
        transform: translateX(-85%);
        width: 200px;
    }
    a.hint aside.hint.mob-adapt:after {
        left: 85%;
    }

    #apl_popup p.pf-subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #apl_popup h3.pf-title {
        font-size: 18px;
        width: 90%;
        margin-bottom: 20px;
    }

    .hint aside.hint.mob-del {
        display: none;
    }

    button#cancel-int_mob[data-stage="2"] {
        display: block;
        border: 0;
        background: transparent;
        padding: 0;
        margin-left: auto;
        margin-right: 28px;
    }

    button.link-popup {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .popup.popup-field {
        width: 90vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    h3.pf-title {
        font-size: 20px;
        width: 300px;
    }
    textarea.pf-textarea {
        border-radius: 8px;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 8px;
    }

    button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    font-size: 18px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 40px;
}
}

@media screen and (max-width: 525px) {
    .popup.popup-field {
        width: 90vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    h3.pf-title {
        font-size: 20px;
        width: 100%;
    }
    textarea.pf-textarea {
        border-radius: 8px;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 8px;
    }

    button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    font-size: 14px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 40px;
}
}

.popup.popup-sel {
    border: 1px solid #1A7537;
    padding-left: 30px;
    padding-right: 30px;
}

h3.ps-title {
    font-size: 24px;
    font-family: "TT-500";
    color: #00872b;
    margin-bottom: 10px;
}


a.click-proj {
    cursor: pointer !important;
}

span.adapt-formats-selector {
    max-width: 30vw;
}

@media screen and (max-width: 1530px) {
    span.adapt-formats-selector {
        max-width: 38vw;
    }
}

@media screen and (max-width: 1280px) {
    span.adapt-formats-selector {
        max-width: 30vw;
    }
}


@media screen and (max-width: 1200px) {
    span.adapt-formats-selector {
        max-width: 60vw;
    }
}

@media screen and (max-width: 1000px) {
    span.adapt-formats-selector {
        max-width: 85vw;
    }
}

.popup.popup-sel {
    width: 600px;
    border: 2px solid limegreen;
}


.new-select.ps {
    text-align: left;
}

button.secondary.ps-btn {
    width: 300px;
    margin-top: 60px;
    margin-bottom: 15px;
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 20px;
    height: 46px;
    font-family: "TT-500";
}

button.secondary.ps-btn:hover {
    color: black;
    background: rgb(164, 239, 188);
}

.new-select.ps span.quick-move{
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

@media screen and (max-width: 600px) {
    .popup.popup-sel {
        width: 90vw;
    }

    button.secondary.ps-btn {
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    h3.ps-title {
        font-size: 20px;
    }
}

.header__login button#go-profile span {
    white-space: nowrap;
    color: white;
    margin-left: 15px;
}

.header__login button#go-profile:hover {
    background: #008b41;
}

.header__login #go-profile img {
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 1460px) {
    .header__login button#go-profile {
        height: 35px;
    }
    .header__login #go-profile img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 530px) {
    .header__login button#go-profile {
        height: 30px;
    }
    .header__login button#go-profile span {
        margin-left: 8px;
    }
}

@media screen and (max-width: 360px) {
    .header__login button#go-profile span {
        display: none;
    }
}

/* observer */

/* nav.main-nav a:nth-child(1) button {
    transform: translateY(-20px);
    opacity: 0;
    transition: 1s;
}

nav.main-nav a:nth-child(2) button {
    transform: translateY(-40px);
    opacity: 0;
    transition: 1.5s;
}

nav.main-nav a:nth-child(3) button {
    transform: translateY(-60px);
    opacity: 0;
    transition: 2s;
}

*.fadeIn {
    transform: translateX(0) translateY(0) scale(1) !important;
    opacity: 1 !important;
} */


.il__block-slider {
    position: relative;
    padding: 0 60px;
}

.swiper-il {
    overflow: hidden;
}

h4.il-title {
    font-family: "TT-600";
    font-size: 36px;
    text-align: center;
    color: #39743a;
}

p.il-subtitle {
    color: #787878;
    font-size: 32px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 0 110px;
}


.il-img .il-block__img img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

p.il-subs {
    color: #787878;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
}

button.secondary.il-btn {
    width: 400px;
    height: 46px;
    font-size: 20px;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 90px;
}

.inst__list-inner {
    text-align: center;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev,
.il__block-slider .swiper-container.swiper-il .swiper-button-next {
    width: 48px;
    height: 48px;
    background: #1A7537;
    border-radius: 50%;
    background-image: url(/img/sl_arrow.png);
    background-size: 80% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: 0;
    top: 40%;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev:active,
.il__block-slider .swiper-container.swiper-il .swiper-button-next:active {
    transform: scale(0.98);
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev {
    transform: rotate(180deg);
    left: 0;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev:active {
    transform: scale(0.98) rotate(180deg);
}


.il__block-slider .swiper-container.swiper-il .swiper-button-prev:after,
.il__block-slider .swiper-container.swiper-il .swiper-button-next:after {
    display: none;
}


.swiper-il .swiper-slide{
    height: auto !important;                  
}

@media screen and (max-width: 1300px) {
    h4.il-title {
        font-size: 28px;
    }

    p.il-subtitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 850px) {
    h4.il-title {
        font-size: 28px;
    }

    p.il-subtitle {
        font-size: 24px;
        padding: 0;
        margin-top: 40px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 18px;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 28px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 20px;
    }


}
 
@media screen and (max-width: 650px) {
    .il__block-slider .swiper-container.swiper-il .swiper-button-prev,
    .il__block-slider .swiper-container.swiper-il .swiper-button-next {
        width: 36px;
        height: 36px;
        top: 45%;
    }

    .il__block-slider {
        padding: 0 40px;
    }

    button.secondary.il-btn {
        width: 95vw;
        font-size: 20px;
    }

    .il-img .il-block__img img {
        width: 160px;
        height: 160px;
    }
}

@media screen and (max-width: 450px) {
    .il-img .il-block__img img {
        width: 120px;
        height: 120px;
    }
    p.il-subs {
        font-size: 16px;
    }

    h4.il-title {
        font-size: 22px;
    }

    p.il-subtitle {
        font-size: 20px;
    }

    button.secondary.il-btn {
        font-size: 18px;
    }
}

@media screen and (max-width: 370px) {
    .il-img .il-block__img img {
        width: 90px;
        height: 90px;
    }

    button.secondary.il-btn {
        font-size: 16px;
    }
}

.intro__content h2.intro__text {
    margin-top: 0;
}

@media screen and (min-width: 1960px) {
    section.intro .container {
        max-width: 1600px;
        padding: 0 228px;
    }

    .intro__content h2.intro__text {
        margin-top: 0;
    }
}

.content__bloger .intro__content h1.intro__title {
    margin-top: 0;
}

.content__bloger .intro__content h3.intro__text {
    font-size: 18px;
}

@media screen and (max-width: 1400px) {
    .intro__content h2.intro__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 440px) {
    .content__bloger .intro__content h3.intro__text {
        font-size: 14px;
    }
    .intro__content h2.intro__text {
        font-size: 14px;
    }
}

.catalog-list {
    width: 100%;
}


button.secondary.noClick#reg-form-send {
    background: gray;
    color: white;
    border: 0;
}



.bm-col.fhd p {
    font-size: 18px;
}

.bm-col.fhd {
    font-size: 36px;
}

.bm-col.fhd:first-child {
    max-width: 448px;
}

.bm-col.fhd:first-child p {
    max-width: 75%;
}

.bm-col.fhd h2 {
    font-size: 36px;
}

.bm-col.fhd:last-child h2 {
    max-width: 60%;
}

.bm-col.fhd:first-child button.secondary {
    width: 75%;
}

.bm-col.fhd img {
    width: 240px;
    margin-left: -100px;
}

.motive__banner.fhd {
    margin-top: 120px;
}

@media screen and (max-width: 1180px) {
    .bm-col.fhd img {
        width: 200px;
    }

    .bm-col.fhd:first-child {
        max-width: 348px;
    }

    .bm-col.fhd:last-child {
        max-width: 300px;
    }

    .bm-col.fhd h2 {
        font-size: 28px;
    }

    .bm-col.fhd img {
        margin-left: -50px;
    }

    .bm-col.fhd:first-child p {
        max-width: 85%;
    }

    .bm-col.fhd:first-child button.secondary {
        max-width: 85%;
    }
}

@media screen and (max-width: 940px) {
    .bm-col.fhd img {
        width: 200px;
    }

    .bm-col.fhd:last-child {
        width: 200px;
    }

    .bm-col.fhd:first-child {
        width: 250px;
    }

    .bm-col.fhd:last-child h2 {
        width: 100%;
    }

    .motive__banner.fhd {
        margin-top: 60px;
    }

    h5.motive__subtitle.fhd {
        margin-bottom: 15px !important;
    }
}


@media screen and (max-width: 800px) {
    .bm-col.fhd.image {
        transform: none;
        margin-top: 10px;
        margin-bottom: 10px;
        position: static;
        width: 200px;
    }

    .bm-col.fhd:last-child h2 {
        width: 100%;
        max-width: 100%;
    }

    .bm-col.fhd.image img {
        width: 100%;
    }

    article.banner-motive:has(.bm-col.fhd) {
        gap: 5px;
    }

    .bm-col.fhd img {
        margin-left: 0px;
    }

    .bm-col.fhd h2 {
        font-size: 20px;
    }

    .bm-col.fhd p {
        font-size: 14px;
    }

    .bm-col.fhd:first-child button.secondary {
        max-width: 100%;
        width: 100%;
    }

    .bm-col.fhd:last-child {
        width: 100%;
    }
}



/* Knowledge Base */

.knowledge-content {
    padding-top: 180px;
}

h1.knowledge-title,
.knowledge-title {
    text-align: center;
    font-size: 56px;
    text-transform: uppercase;
    font-family: "TT-500";
    color: #08772f;
}

.knowledge-search {
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 30px;
}

.knowledge-search input {
    width: 100%;
    border-radius: 12px;
    height: 40px;
    border: 3px solid limegreen;
    outline: none;
    padding-left: 16px;
    font-size: 20px;
    font-family: "TT-400";
    padding-right: 130px;
}

.knowledge-search label {
    position: absolute;
    font-size: 20px;
    font-family: "TT-400";
    color: gray;
    transition: 0.3s all;
    top: 50%;
    transform: translateY(-50%);
    left: 19px;
    z-index: 0;
    cursor: text;
}

.knowledge-search:has(input:focus) label {
    font-size: 14px;
    top: 0;
    background: white;
    padding: 5px;
    color: black;
}

.knowledge-search button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 28px;
    border-radius: 4px;
    background-color: #10a810;
    font-family: "TT-400";
    border: 0;
    font-size: 16px;
}

.knowledge-search button:active {
    transform: translateY(-50%) scale(0.98);
}

h2.kb-sidebar-title {
    font-size: 24px;
    font-family: "TT-400";
    color: #525252;
}

aside.kb-sidebar {
    /* border: 1px solid #dfdfdf; */
    position: sticky;
    top: 15px;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    width: 308px;
    box-shadow: 0 2px 5px rgb(92, 92, 92);
}

aside.kb-sidebar ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

aside.kb-sidebar > ol > li span {
    height: auto;
    padding: 14px 12px;
    width: 100%;
    display: block;
    border-top: 1px solid #dfdfdf;
    padding-left: 20px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
}

aside.kb-sidebar > ol > li:nth-child(4) span {
    border-bottom: 1px solid #dfdfdf;
}

aside.kb-sidebar > ol > li span img {
    transition: 0.3s;
    width: 8px;
    height: 14px;
    margin-top: 4px;
    margin-right: 5px;
}

aside.kb-sidebar > ol > li.active span img {
    transform: rotate(90deg);
    filter: grayscale(1) brightness(1000%);
}

aside.kb-sidebar > ol > li span:hover {
    background: #f0fff7;
}

aside.kb-sidebar > ol > li {
    cursor: pointer;
    font-family: "TT-400";
    font-size: 16px;
    height: auto;
    color: #346839;
}


aside.kb-sidebar > ol > li > ol {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

aside.kb-sidebar > ol > li > ol > li {
    height: auto;
    padding: 0px 0px;
    transition: 0.15s;
}

aside.kb-sidebar > ol > li > ol > li[data-l3]:hover {
    background: #f0fff7;
}

aside.kb-sidebar > ol > li.active > span {
    color: white;
    background: #346839; 
}

aside.kb-sidebar > ol > li.active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 1100px;
}

.knowledge-data {
    display: flex;
    gap: 20px;
    margin-top: 90px;
}


p.kba-date {
    color: #cccccc;
    margin-bottom: 16px;
    margin-top: 14px;
}

h2.kba-title,
h1.kba-title {
    color: #424242;
    font-family: "TT-500";
    font-size: 40px;
    margin-bottom: 20px;
}

p.kba-text,
div.kba-text {
    color: #424242;
	font-size: 20px;
}

aside.kb-sidebar li[data-l3].active {
    color: white;
    background: #346839;
}

aside.kb-sidebar li[data-l2] {
    padding: 0;
}

aside.kb-sidebar li[data-l2] span {
    padding-left: 40px;
}

aside.kb-sidebar li[data-l3] {
    padding: 10px 12px;
    transition: 0.3s;
}

aside.kb-sidebar li[data-l2].active span {
    color: white;
    background: #346839;
}

aside.kb-sidebar li[data-l2] > ol {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

aside.kb-sidebar li[data-l2].active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 3000px;
    overflow-y: auto;
}

aside.kb-sidebar li[data-l1].active li[data-l2] img {
    filter: none;
    transform: rotate(0);
}

aside.kb-sidebar li[data-l1].active li[data-l2].active img {
    filter: grayscale(1) brightness(1000%);
    transform: rotate(90deg);
}


a.full-ord {
    width: 30%;
}

@media screen and (max-width: 650px) {
    a.full-ord {
        width: 100%;
    }
}

li[data-l1] li[data-l3] {
    padding-left: 40px;
}

li[data-l1] li[data-l2] li[data-l3] {
    padding-left: 60px;
}

@media screen and (max-width: 1000px) {
    .header__logo.kb {
        margin-left: 3vw;
    }

    aside.kb-sidebar {
        position: fixed;
        top: 0;
        margin-top: 0;
        left: 0;
        box-shadow: none;
        z-index: 12;
        background: white;
        width: 260px;
        transform: translateX(-100%);
        transition: 0.4s;
        overflow-y: scroll;
        max-height: calc(100vh - 210px);
    }

    .user-description.mobi {
        display: none;
    }

    aside.kb-sidebar.open {
        transform: translateX(0);
    }

    aside.kb-sidebar > ol > li span img {
        margin-right: 4px;
    }
    aside.kb-sidebar > ol > li {
        font-size: 14px;
    }

    h2.kb-sidebar-title {
        display: none;
    }

    .knowledge-data {
        gap: 0;
        display: block;
        margin-top: 60px;
    }

    h1.knowledge-title {
        font-size: 36px;
    }

    .knowledge-content {
        padding-top: 150px;
    }
}

@media screen and (max-width: 490px) {
    .header__logo.kb {
        margin-left: 10vw;
    }
}
/**/
aside.kb-sidebar > ol > li.active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 5000px;
    overflow-y: auto;
}
.search-input.kb {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

article.kb-article.news , article.kb-article.blog {
    background: #fafafa;
    padding: 6px 18px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.43);
    margin-bottom: 40px;
    border-radius: 10px;

}

article.kb-article.news h2.kba-title , article.kb-article.blog h2.kba-title {
    margin-bottom: 0;
    font-size: 38px;
    color: #525252;
}

h5.kba-subtitle {
    color: #969696;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: "TT-500";
}

article.kb-article.news p.kba-text,
article.kb-article.news div.kba-text {
    color: #525252;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: .3s;
}

article.kb-article.news.open p.kba-text,
article.kb-article.news.open div.kba-text {
    max-height: 5000px;
}

article.kb-article.news.open p.kba-text,
article.kb-article.news.open div.kba-text {
    margin-bottom: 0;
}

button.new-open {
    border: 0;
    background: transparent;
    color: #10a810;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

button.new-open span {
    margin-left: 10px;
    margin-top: 0px;
    width: 7px;
    transition: .3s;
}

button.new-open.open span {
    transform: rotate(-90deg);
}

.kba-slider {
    width: 220px;
    margin-right: 40px;
    min-width: 220px;
    position: relative;
}

.swiper-kba {
    overflow: hidden;
}

.kba-cont {
    display: flex;
    min-width: 0;
}

.swiper-kba {
    min-width: 0;
}

.kba-block__img {
    width: 220px;
}

article.kb-article.blog .kba-slider .swiper-button-prev ,
article.kb-article.blog .kba-slider .swiper-button-next {
    opacity: 0;
    z-index: -3;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev,
article.kb-article.blog.open .kba-slider .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #1A7537;
    border-radius: 50%;
    background-image: url(/img/sl_arrow.png);
    background-size: 80% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: -10px;
    top: 50%;
    opacity: 1;
    z-index: 2;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev:active,
article.kb-article.blog.open .kba-slider .swiper-button-next:active {
    transform: scale(0.98);
}

article.kb-article.blog.open .kba-slider .swiper-button-prev {
    transform: rotate(180deg);
    left: -10px;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev:active {
    transform: scale(0.98) rotate(180deg);
}


article.kb-article.blog.open .kba-slider  .swiper-button-prev:after,
article.kb-article.blog.open .kba-slider  .swiper-button-next:after {
    display: none;
}


article.kb-article.blog p.kba-text,
article.kb-article.blog div.kba-text {
    max-height: 48px;
    overflow: hidden;
    transition: .3s;
}

article.kb-article.blog.open p.kba-text,
article.kb-article.blog.open div.kba-text {
    max-height: 1000px;
}

article.kb-article.blog .kba-slider {
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    transition: 0.3s;
}

article.kb-article.blog.open .kba-slider {
    max-height: 625px;
    overflow: unset;
}

article.kb-article.blog .kba-slider:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: #000;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0.5;
    transition: 0.3s;
}

article.kb-article.blog.open .kba-slider:after {
    z-index: -2;
    opacity: 0;
}


p.notice-body {
    padding-bottom: 15px;
}

a.notice-link {
    margin-top: 0 !important;
}

@media screen and (max-width: 650px) {
    h2.kba-title,
    h1.kba-title {
        font-family: "TT-500";
        font-size: 20px;
        margin-bottom: 20px;
    }
    p.kba-text,
    div.kba-text {
        font-size: 14px;
        color: #525252;
    }
    p.kba-date {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #525252;
    }

    .kba-block__img {
        width: 320px;
    }

    .kba-slider {
        width: 320px;
    }

    article.kb-article.blog p.kba-text,
    article.kb-article.blog div.kba-text {
        max-height: 0;
    }

    article.kb-article.news, article.kb-article.blog {
        padding: 6px 10px;
    }

    article.kb-article.news h2.kba-title,
    article.kb-article.news h1.kba-title,
    article.kb-article.blog h2.kba-title,
    article.kb-article.blog h1.kba-title {
        font-size: 18px;
    }

    h5.kba-subtitle {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 14px;
    }

    .kba-cont {
        display: block;
    }

    article.kb-article.blog .kba-slider {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    article.kb-article.blog.open p.kba-text,
    article.kb-article.blog.open div.kba-text {
        font-size: 14px;
        color: #525252 ;
    }

    h1.knowledge-title,
    .knowledge-title {
        font-size: 24px;
    }

    .knowledge-content {
        padding-top: 130px;
    }

    article.kb-article.news, article.kb-article.blog {
        margin-bottom: 20px;
    }

    .knowledge-data {
        margin-top: 30px;
    }

    /*
article.kb-article.news p.kba-text,
article.kb-article.news div.kba-text {
    color: #525252;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: .3s;
    font-size: 14px;
}
*/
}


@media screen and (max-width: 360px) {
    .kba-block__img {
        width: 280px;
    }

    .kba-slider {
        width: 280px;
    }
}

.knowledge-posts {
    width: 100%;
}

h1.knowledge-title,
.knowledge-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    text-align: center;
}

h1.knowledge-title img,
.knowledge-title img {
    width: 90px;
    left: 0;
    position: absolute;
}

@media (max-width: 800px) {
    h1.knowledge-title,
    .knowledge-title {
        font-size: 36px;
    }
    h1.knowledge-title img,
    .knowledge-title img {
        width: 60px;
    }
}

@media (max-width: 435px) {
    h1.knowledge-title img,
    .knowledge-title img {
        width: 30px;
    }
}

@media (max-width: 380px) {
    h1.knowledge-title img,
    .knowledge-title img {
        position: static;
        margin-right: 10px;
    }

    h1.knowledge-title,
    .knowledge-title {
        font-size: 20px;
    }
}

html.kb,
body.kb {
    overflow-x: unset;
    max-width: 100vw;
}

body.kb::-webkit-scrollbar {
    display: none;
}

html.kb {
    overflow-x: hidden;
}

i {
    font-style: normal !important;
}


.admin-content h1 {
    font-size: 36px;
    font-family: "TT-500";
}

.edit-block {
    margin-top: 60px;
}

.edit-block h4 {
    opacity: .7;
    font-family: "TT-500";
    font-size: 18px;
    margin-bottom: 20px;
}


.edit-block p {
    font-size: 18px;
}

.edit-block p span {
    font-family: "TT-500";
}

.docs__verify {
    display: grid;
    grid-auto-flow: row;

    width: 100%;

    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));

    gap: 20px;
    margin-top: 30px;
}

.docs__verify article {
    border: 2px solid green;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}

.docs__body {
    display: flex;
    align-items: center;
    gap: 20px;
}

.docs__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.docs__header img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.docs__header h2 {
    font-family: "TT-500";
    margin-left: 16px;
    font-size: 18px;
}

.docs__header p {
    margin-bottom: auto;
    margin-left: auto;
    opacity: 0.7;
    font-size: 16px;
}

.dosc__img-cont {
    width: 300px;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.dosc__img-cont span {
    margin-top: 8px;
    display: block;
}

.docs__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.docs__buttons button {
    padding: 8px 20px;
    width: 200px;
}

.docs__buttons button:first-child {
    background: limegreen;
    font-family: "TT-400";
    border: 0;
}

.docs__buttons button:last-child {
    background: red;
    font-family: "TT-400";
    border: 0;
}

html:has(body.kb.fix) {
    max-height: 100vh;
    overflow-y: hidden;
}

body.kb.fix {
    overflow-y: hidden;
    max-height: 100%;
}

.order-author-header.adm {
    display: flex;
    gap: 40px;
}

/* ДОП - Кол-во подписчиков */

.settings-in-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.settings-in-row input:nth-child(2) {
    width: 30%;
}

.settings-in-row input:first-child {
    width: 67%;
}

.sl-titles {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.setting-links .input-block:has(input:not([type="radio"])):before {
    width: 20px;
}

a.chh__link {
    color: white;
}

@media screen and (max-width: 650px) {
    .chat-header h4 {
        flex-wrap: nowrap;
    }

    a.chh__link {
        word-break: break-all;
        color: green;
        display: block;
        overflow-x: hidden;
        max-width: 240px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media screen and (max-width: 600px) {
    .chat-header .arrow-back img {
        width: 24px;
        height: 24px;
    }

    .chat-header > img {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

    .chat-header button img {
        width: 35px;
        height: 35px;
    }
}

.input-block input.disabled {
    position: relative;
    cursor: default;
    opacity: 0.8;
}

.input-block input.disabled:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    left: 0;
    top: 0;
    z-index: 20;
}

.input-block .settings-in-row input.error {
    border: 2px solid red;
}


.user-price button.secondary.freezed:disabled {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}

.user-price button.secondary.freezed:disabled:active {
    transform: none;
}

aside.order-block:has(.hint:hover) + aside.order-block.upper {
    z-index: unset !important;
}

.order-block button.freezed[disabled]:active {
    transform: none;
}

.order-block button.freezed[disabled] {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}


.fdesc__line button.freezed#accept:disabled, .fdesc__line button.freezed#accept-2:disabled, .fdesc__line button.freezed#acceptOk:disabled {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}

.fdesc__line button.freezed#accept:disabled:active, .fdesc__line button.freezed#accept-2:disabled:active, .fdesc__line button.freezed#acceptOk:disabled:active {
    transform: none;
}


p.kba-text,
div.kba-text {
    margin-bottom: 60px;
}

button.cancel__int--btn {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    display: block;
    padding: 0;
    margin-left: 10px;
}

button.cancel__int--btn:hover {
    background: transparent;
}

button.cancel__int--btn img {
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
}

button.cancel__int--btn img:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 6px #808080;
	}

button.cancel__int--btn.mobile {
    display: none;
}


@media (max-width: 1400px) {
    .task-header {
    position: relative;
    padding-right: 35px;
    }

    button.cancel__int--btn.mobile {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 650px) {
    .int-report {
        width: 20px;
    }

    .int-report:hover aside.hint.mob-adapt {
        transform: translateY(8px) translateX(-90%);
    }

    .int-report aside.hint.mob-adapt:after {
        left: 90%;
    }
}

ol.task-steps__list li.actually.unactive p {
    text-decoration: none;
    color: gray;
}

/* <================ Activation Styles =================> */

.activation__wrapper {
	width: 100%;
	max-width: 60%;
	/* margin-left: 15px; */
	margin-top: 25px;
}

.activation__title {
	font-family: "TT-600";
	font-size: 24px;
}

.warning-text {
	margin-top: 20px;
	font-family: "TT-500";
	color: rgb(233, 57, 44);
}

.green-text {
	margin-top: 20px;
	font-family: "TT-500";
	color: rgb(70, 150, 79);
}

.green-text + p {
	margin-top: 20px;
}

.title-wrapper {
	display: inline;
}

.activation__confirm {
	margin-top: 20px;
	background-color: rgb(243, 255, 243);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__confirm-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__confirm-actions-desc {
	font-family: "TT-600";
}

.activation__one {
	color: rgb(255, 114, 85);
	font-family: "TT-700";
	font-size: 60px;
}

.activation__confirm-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__select {
	font-family: "TT-700";
	color: rgb(92, 155, 110);
	text-decoration: underline;
}

.activation__confirm-actions {
	padding-left: 15px;
}

.notice-warning {
	margin-top: 15px;
	font-family: "TT-600";
}

.important {
	color: rgb(233, 60, 53);
	font-family: "TT-700";
	font-size: 18px;
}

.activation__verify {
	margin-top: 20px;
	background-color: rgb(243, 255, 243);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__two {
	color: #006cff;
	font-family: "TT-700";
	font-size: 60px;
}

.activation__verify-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__verify-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__verify-actions-desc {
	margin-top: 10px;
	font-family: "TT-600";
}

.activation__verify-text {
	margin-top: 16px;
}

.activation__verify p:last-child {
	margin-top: 1.3em;
}

.activation__complete {
	margin-top: 20px !important;
	font-size: 30px;
	font-family: "TT-700";
	color: rgb(38, 168, 66);
	display: flex;
	align-items: center;
}

/* .completed {
	margin-bottom: 70px;
} */

@media (max-width: 1500px) {
	.activation__wrapper {
		max-width: 80%;
	}
}

@media (max-width: 1230px) {
	.activation__wrapper {
		max-width: 100%;
	}
}

@media (max-width: 735px) {
	.activation__complete {
		font-size: 24px;
	}
}

@media (max-width: 700px) {
	.activation__title {
		font-size: 20px;
	}

	.activation__confirm-title {
		font-size: 32px;
	}

	.activation__verify-title {
		font-size: 32px;
	}

	.green-text + p {
		margin-right: 10px;
	}
}

@media (max-width: 600px) {
	.activation__confirm-title {
		font-size: 28px;
	}

	.activation__verify-title {
		font-size: 28px;
	}
}

@media (max-width: 530px) {
	.activation__title {
		margin-right: 20px;
	}

	.green-text {
		margin-right: 20px;
	}

	.activation__confirm-warning {
		margin: 0 10px;
	}

	.activation__verify-warning {
		margin: 0 10px;
	}
}

@media (max-width: 500px) {
	.activation__confirm-warning {
		width: 40px;
	}

	.activation__verify-warning {
		width: 40px;
	}

	.activation__one {
		font-size: 40px;
	}

	.activation__two {
		font-size: 40px;
	}

	.activation__confirm-title {
		font-size: 24px;
	}

	.activation__verify-title {
		font-size: 24px;
	}
}

@media (max-width: 440px) {
	.activation__confirm {
		padding-left: 20px;
	}

	.activation__verify {
		padding-left: 20px;
	}

	.activation__one {
		font-size: 32px;
	}

	.activation__two {
		font-size: 32px;
	}

	.activation__confirm-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.activation__verify-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.activation__title {
		font-size: 16px;
	}

	.activation__complete {
		font-size: 20px;
	}
}

@media (max-width: 350px) {
	.activation__title {
		font-size: 16px;
	}

	.activation__complete {
		font-size: 18px;
	}
}


.settings__form-main .input-block input.error {
    background: rgb(255, 238, 238);
}

.settings__form-main .input-block textarea.error {
	background: rgb(255, 238, 238);
}

.setting-links.error {
	border-color: red;
}

.setting-links p.error {
	display: none;
	color: red;
    font-size: 14px;
}

.setting-links.error p.error {
	display: block;
}

/* projects (кнопки) */

.projects__select-buttons {
	display: flex;
	gap: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.projects__select-button {
	background-color: transparent;
	border-radius: 20px;
	border: 2px solid #828282;
	color: #828282;
	padding: 10px 30px;
	font-size: 16px;
	white-space: nowrap;
}

.projects__select-button:hover {
	background-color: rgba(90, 165, 255, 0.3);
}

.projects__select-button.active {
	background-color: #76b0ff;
	border-color: #76b0ff;
	color: white;
}

@media (max-width: 1000px) {
	.hint-hide {
		display: none;
	}
}

@media (max-width: 500px) {
	.projects__select-buttons {
		width: 100%;
		justify-content: space-around;
		gap: 0;
	}

	.projects__select-button {
		font-size: 14px;
		padding: 10px 20px;
	}
}

@media (max-width: 430px) {
	.projects__select-button {
		font-size: 12px;
	}
}

@media (max-width: 370px) {
	.projects__select-button {
		padding: 5px 10px;
	}
}

/* project info */

.project-controls button {
	width: 180px;
	padding: 15px 30px;
	color: black;
	border-radius: 10px;
}

.project-controls button.endbutton {
	font-size: 16px;
	padding: 15px 30px;
}

.project-controls button#proj-edit {
	background-color: #daede0;
}

.project-controls button#proj-edit:hover {
	background-color: #c0d4c7;
}

.project-controls button#proj-pause {
	background-color: #3f2fda;
	color: white;
}

.project-controls button#proj-pause:hover {
	background-color: #2b2099;
}

.project-controls button#proj-continue {
	background-color: #00aa32;
	color: white;
}

.project-controls button#proj-continue:hover {
	background-color: #007823;
}

.project-controls button#proj-end {
	background-color: #ff5b5b;
	color: white;
}

.project-controls button#proj-end:hover {
	background-color: #e04242;
}

.project-controls button#proj-report {
	background-color: #ffca00;
}

.project-controls button#proj-report:hover {
	background-color: #e0b000;
}

.btn-img {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.project-avatarTitle {
	display: none;
}

.project-full {
	display: flex;
}

.project-avatar.mobile {
	display: none;
}

.project-info.mobile {
	display: none;
}

@media (max-width: 1300px) {
	.project-controls {
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 534px;
	}
}

@media (max-width: 1000px) {
	.project-header {
		flex-direction: column;
	}

	.project-controls {
		margin: 20px 0;
		width: auto;
		gap: 15px;
	}

	.project-controls button {
		font-size: 0;
		width: auto;
		padding: 10px;
	}

	.btn-img {
		width: unset;
		margin-right: 0;
	}
}

@media (max-width: 650px) {
	.project-avatarTitle {
		display: flex;
	}

	.project-full {
		display: none;
	}

	.project-avatar.mobile {
		display: flex;
	}

	.project-info.mobile {
		display: block;
		margin-top: 15px;
	}

	.proj-rep {
		display: none;
	}

	.project-info {
		max-width: none;
	}

	.project-controls {
		margin: 15px 0 20px;
		width: 100%;
		justify-content: left;
	}
}

@media (max-width: 460px) {
	.project-avatar {
		min-width: 70px;
		min-height: 70px;
	}
}

@media (max-width: 370px) {
	.project-title a {
		font-size: 15px;
	}

	.project-avatar {
		min-width: 50px;
		min-height: 50px;
		height: 50px;
		width: 50px;
	}
}

.new-select ol li {
	padding: 10px;
}

/* chats (доп) */

.chat-field-send-mobile {
	display: none;
}

@media (max-width: 650px) {
	.chat-footer {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.chat-wrapper {
		max-height: calc(100% - 110px);
	}

	.chat-wrapper ol {
		padding-bottom: 20px;
	}

	.chat-field {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 75% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 2px solid #bebebe !important;
		order: 2;
	}

	.chat-field textarea {
		flex: 1 !important;
		width: auto !important;
		max-width: none !important;
		margin-right: 5px !important;
		border: none !important;
	}

	.chat-field textarea:focus {
		border: none !important;
		outline: none !important;
	}

	.chat-field:has(textarea:focus) {
		border: 2px solid #bebebe !important;
	}

	.chat-field-send {
		display: none !important;
	}

	.chat-field-send-mobile {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background-color: #30b564;
		border-radius: 50%;
		padding: 5px;
		order: 3;
		margin-left: 5px;
	}

	.chat-clip {
		order: 1;
		margin-right: 5px;
	}

	.chat-clip label {
		width: 25px;
		padding: 0;
		background: transparent;
	}
}

@media screen and (max-width: 390px) {
	.chat-header h4 b {
		max-width: 100px;
	}
}

/* доп цвета у блогеров */

.bloger-style {
	background-color: #dcf1ff !important;
}

main.bloger-style {
	background-color: inherit !important;
}

.page-content.bloger-style {
	background-color: inherit !important;
}

.popup.bloger-style {
	background-color: inherit !important;
}

.bloger-style .new-select ol li:hover {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .sidebar-link:hover {
	background-color: #f4f8ff;
}

.bloger-style .sidebar__icons-controls button.secondary {
	background-color: #c7e8ff;
	color: black;
}

.bloger-style .sidebar__icons-controls button.secondary:hover {
	background-color: #76b0ff;
}

.search-input.tasks input {
	border-color: #006cff;
}

.search-input.tasks input:focus {
	outline: none;
	border-color: #358bff;
}

.search-input.tasks button.secondary {
	background-color: #006cff;
}

.search-input.tasks button.secondary:hover {
	background-color: #358bff;
}

.search-input.tasks ol.search-result {
	border-color: #358bff;
}

.search-input.tasks ol.search-result li:hover {
	background-color: #358bff;
}

.order-block button {
	background-color: #76b0ff;
	color: white;
}

.order-block button:hover {
	background-color: #5ea2ff;
}

.order-block button.secondary#go-full {
	background-color: #ddf7f5;
	color: #0072ff;
}

.order-block button.secondary#go-full:hover {
	background-color: #c8f3f0;
	color: #0072ff;
}

.order-controls button.secondary#deny {
	background: #fa5252;
	color: white;
}

.order-controls button.secondary#deny:hover {
	background-color: #ff3d3d;
}

h2.order-title {
	color: #404040 !important;
}

.bloger-style h4.order-desc, .bloger-style h2.author-title {
	color: #76b0ff;
}

.order-price b {
	color: #870df6;
	font-family: "TT-700";
}

.bloger-style h4.full-desc__title, .bloger-style .tz-title {
	color: #76b0ff;
}

.bloger-style .fdesc__line button#accept-2 {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .fdesc__line button#accept-2:hover {
	background-color: #5ea2ff;
}

.bloger-style button#back-to-lenta {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style button#back-to-lenta:hover {
	background-color: #c8f3f0;
}

.bloger-style .tz-title span {
	border-color: #76b0ff;
}

.bloger-style h1.task-title {
	color: #404040;
}

.bloger-style .task-controls button#go-full {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style .task-controls button#go-full:hover {
	background-color: #c8f3f0;
}

.bloger-style .task-controls button#go-chat {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .task-controls button#go-chat:hover {
	background-color: #5ea2ff;
}

.bloger-style ol.task-steps__list li.completed {
	color: #76b0ff;
}

.bloger-style ol.task-steps__list li.completed a button {
	background: #76b0ff !important;
	color: white !important;
}

.bloger-style button.secondary.pf-btn-2 {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style button.secondary.pf-btn-2:hover {
	background-color: #c8f3f0;
}

.popup.success.bloger-style {
	border-color: #358bff;
}

.popup.success.bloger-style button.secondary {
	background-color: #ddf7f5;
	color: #0072ff;
}

.popup.success.bloger-style button.secondary:hover {
	background-color: #c8f3f0;
}

.activation__confirm {
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
}

.activation__verify {
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
}

.bloger-style .settings__form-main .input-block input.success {
	background-color: #f1feff;
}

.bloger-style .settings__form-main .input-block input:focus {
	border-color: #358bff;
}

.settings__form-main .input-block textarea.success {
	background-color: #f1feff;
}

.bloger-style .settings__form-main .input-block textarea:focus {
	border-color: #358bff;
}

.bloger-style .input-block.in-btn button {
	background-color: #c5f0ff;
}

.bloger-style .input-block.in-btn button:hover {
	background-color: #9de5ff;
}

.bloger-style button.secondary.submit_set {
	background-color: #acdbff;
}

.bloger-style button.secondary.submit_set:hover {
	background-color: #8fceff;
}

.bloger-style form#password_change-form button.secondary {
	background-color: #acdbff;
}

.bloger-style form#password_change-form button.secondary:hover {
	background-color: #8fceff;
}

.bloger-style .chat-container {
	background-color: #006cff;
}

.bloger-style ol.message-list::-webkit-scrollbar-thumb {
    background: #006cff;
}

.bloger-style ol.message-list li.my {
	background: #006cff;
}

.bloger-style ol.message-list li {
	background: #dcf1ff;
}

.bloger-style .chat-clip:hover .chat-clip label span {
	color: #d6faff;
}

.bloger-style li.notice.unread .notice-header button {
	background-color: #006cff;
}

.bloger-style a.notice-link {
	color: #006cff;
}

.bloger-style a.notice-link:after {
	background-color: #006cff;
}

.bloger-style .notice p.notice-header span {
	color: #006cff;
}

.bloger-style .support-flex .input-block textarea:focus {
	border-color: #358bff;
}

.bloger-style .support-flex button.secondary {
	background-color: #acdbff;
}

.bloger-style .support-flex button.secondary:hover {
	background-color: #8fceff;
}

.bloger-style button.secondary.create__project {
	background-color: #acdbff;
}

.bloger-style button.secondary.create__project:hover {
	background-color: #8fceff;
}

.bloger-style p.feedback-order {
	color: #006cff;
}

.bloger-style .chat-field-send-mobile {
	background-color: #76b0ff;
}

.bloger-style .user-format h3 {
	color: #76b0ff;
}

.bloger-style .user-price p {
	color: #76b0ff;
}

.bloger-style .user-price-current {
	color: #76b0ff;
}

.bloger-style .input-block input {
	background-color: #f1feff;
	border-color: #acdbff;
}

.bloger-style .input-block input.error {
	border-color: rgb(255, 69, 69);
    background: rgb(255 200 200);
}

.bloger-style .input-block input:focus {
    border-color: #358bff;
}

.bloger-style button.secondary#reg-form-send {
	background-color: #006cff;
	border-color: #006cff;
}

.bloger-style button.secondary#reg-form-send:hover {
	background-color: #5ea2ff;
	border-color: #5ea2ff;
}

.bloger-style .order-block button[disabled] {
	background-color: rgb(221, 247, 245) !important;
	color: rgb(0, 114, 255) !important;
}

.bloger-style .order-block button[disabled]:hover {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

.bloger-style button.secondary.inf {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

.bloger-style button.secondary.inf:hover {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

/* доп 3 бэйдж с отзывами */

.user-verify {
	display: inline-flex;
	margin-right: 0;
}

.user-itsme {
	display: inline-flex;
}

.user-stats {
	gap: 10px;
}

@media (max-width: 1250px) {
	.user-stats {
		gap: 10px;
	}

	.user-verify {
		font-size: 12px;
		max-width: 130px;
		gap: 5px;
	}

	.user-itsme {
		font-size: 12px;
		max-width: 130px;
		gap: 5px;
	}

	#reviews-badge {
		max-width: 100px;
	}
}

@media (max-width: 650px) {
	.user-verify {
		font-size: 16px;
		gap: 20px;
	}

	.user-itsme {
		font-size: 16px;
		gap: 20px;
	}
}

.activation__reviews {
	margin-top: 20px;
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__reviews-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__reviews-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__three {
	color: rgb(211, 117, 253);
	font-family: "TT-700";
	font-size: 60px;
}

.reviews-counter {
	margin-left: 0.3em;
	margin-right: 0.3em;
	color: rgb(0, 176, 80);
}

.activation__reviews p:last-child {
	margin-top: 1.3em;
}

.activation__one-complete {
	color: rgb(38, 168, 66);
}

.activation__two-complete {
	color: rgb(38, 168, 66);
}

.activation__three-complete {
	color: rgb(38, 168, 66);
}

.no-reviews-activation {
	display: inline;
	background-color: rgb(211, 117, 253) !important;
	color: white !important;
	height: 50px !important;
}

.no-reviews-activation:hover {
	background-color: rgb(171, 93, 207) !important;
}

.no-reviews-activation b {
	display: inline;
}

@media (max-width: 1260px) {
	.activation__reviews-title {
		font-size: 34px;
	}
}

@media (max-width: 1070px) {
	.activation__reviews-title {
		font-size: 28px;
	}
}

@media (max-width: 1000px) {
	.project-controls button#proj-edit {
		width: auto;
	}
	
	.project-controls button#proj-pause {
		width: 40px;
	}
	
	.project-controls button#proj-continue {
		width: 40px;
	}
	
	.project-controls button#proj-end {
		width: 40px;
	}
	
	.project-controls button#proj-report {
		width: 40px;
	}

	.no-reviews-activation {
		font-size: 14px !important;
	}
}

@media (max-width: 600px) {
	.activation__reviews-title {
		font-size: 20px;
	}
}

@media (max-width: 530px) {
    .activation__reviews-warning {
        margin: 0 10px;
    }
}

@media (max-width: 500px) {
    .activation__three {
        font-size: 40px;
    }

	.activation__reviews-warning {
        width: 40px;
    }
}

@media (max-width: 440px) {
    .activation__three {
        font-size: 32px;
    }
}

@media (max-width: 400px) {
	.activation__reviews-title {
		font-size: 16px;
	}
}

.order-block button.freezed[disabled] {
    background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

/* доп тг авторизация */

.tg_button {
	display: block;
	text-align: center;
	width: 100%;
	background-color: rgb(95, 154, 230);
	padding: 10px 0;
	margin-top: 50px;
	border-radius: 15px;
	color: white;
	text-decoration: none;
	font-family: "TT-700";
	margin-top: 30px;
}

.br_wrapper {
	margin-top: 20px;
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.br_or {
	font-family: "TT-300";
	flex-grow: 1;
	font-size: 20px;
	text-align: center;
}

.br_right {
	flex-grow: 10;
	display: block;
	content: "";
	border-bottom: 2px solid rgb(176, 176, 176);
	transform: translateY(-10px);
	margin-right: 15px;
}

.br_left {
	flex-grow: 10;
	display: block;
	content: "";
	border-bottom: 2px solid rgb(176, 176, 176);
	transform: translateY(-10px);
	margin-left: 15px;
}

.after_reg {
	margin-top: 5px;
	font-size: 14px;
	font-family: "TT-300";
	text-align: center;
}

.hint-left-user {
	margin-left: 55px;
}

@media (max-width: 650px) {
	.hint {
		max-width: 95vw;
	}

	.bloger-icon-hint .hint {
		width: 150px !important;
		white-space: normal !important;
	}
}

/* карточка товара */

.tasks-container-new {
	margin-top: 50px;
	width: 80%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.order-block-new {
	border: 3px solid #dfdfdf;
	border-radius: 20px;
	max-height: 440px;
	padding: 20px;
	gap: 30px;
}

.order-block-new-left {
	position: relative;
	display: flex;
	flex-direction: column;
}

.order-block-new-img {
	border-radius: 15px;
	height: 70%;
	max-width: 250px;
	object-fit: cover;
	cursor: zoom-in;
	max-height: 100%;
}

.order-block-new-price-wrapper {
	margin-top: auto;
}

.order-block-new-price {
	line-height: 0.9;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.order-block-new-right {
	display: flex;
	flex-direction: column;
}

.order-block-new-title {
	font-size: 26px;
	font-family: "TT-700";
	min-height: 66px;
	justify-self: center;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.order-block-new-title-subtitle {
	margin-top: 10px;
	font-size: 20px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.order-block-new-author-wrapper {
	display: flex;
	margin-top: 10px;
}

.order-block-new-author-text {
	font-size: 20px;
}

.order-block-new-author-top {
	font-family: "TT-700";
	color: rgb(101, 165, 255);
}

.order-block-new-author-name {
	color: black;
	text-decoration: none;
}

.order-block-new-author-name {
	margin-left: auto;
	flex-basis: 80px;
}

.order-block-new-author-text + a {
	margin-left: auto;
}

.order-block-new-author-img {
	margin-right: 10px;
	margin-left: auto;
	width: auto;
	height: 60px;
	justify-self: flex-end;
	border-radius: 5px;
	max-width: 60px;
}

.order-block-new-ad {
	min-height: 100px;
	display: flex;
}

.order-block-new-ad-top {
	display: block;
}

.order-block-new-ad-text {
	font-size: 20px;
	width: 75%;
}

.order-block-new-ad-top {
	font-family: "TT-700";
	color: rgb(101, 165, 255);
	white-space: nowrap;
}

.order-block-new-ad-types {
	margin-top: 5px;
	font-size: 16px;
	color: rgb(156, 156, 156);
}

.order-block-new-buttons {
	display: flex;
	margin-top: auto;
	gap: 20px;
	justify-content: space-between;
}

.order-block-new button#deny {
	margin-top: 32px;
	border:  0;
	background-color: transparent;
	margin-left: auto;
	cursor: pointer;
}

.order-block-new-more {
	border-radius: 8px;
	color: rgb(24, 104, 198);
	white-space: nowrap;
	text-decoration: none;
	padding: 10px 40px;
	font-size: 24px;
	font-family: "TT-500";
	background-color: rgb(215, 245, 245);
	cursor: pointer;
	transition: .3s;
}

.order-block-new-more:hover {
	background-color: rgb(155, 245, 255) !important;
}

.order-block-new-order {
	border-radius: 8px;
	white-space: nowrap;
	border: 0;
	font-size: 24px;
    padding: 10px 30px;
	color: rgb(215, 245, 245);
	background-color: rgb(101, 165, 255);
}

.order-block-new-order:hover {
	background-color: #4682B4 !important;
}

.order-block-new-id {
	margin-top: 5px;
	color: rgb(156, 156, 156);
}

.price-wb {
	color: rgb(141, 3, 251);
	font-family: "TT-700";
	text-align: end;
	font-size: 1.2em;
}

.cross-out {
	text-decoration: line-through;
}

.order-block-new-buttons.mobile {
	display: none;
}

.order-block-new-inner {
	display: flex;
	gap: 30px;
}

.order-block-new button.freezed[disabled] {
	background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

.order-block-new aside.hint {
	white-space: wrap;
}

.order-block-new .sent {
	background-color: rgb(221, 247, 245) !important;
	color: rgb(0, 114, 255) !important;
	border: 0;
	font-size: 20px;
    padding: 10px 20px;
}

.order-block-new .order-block-new-buttons button#accept {
	color: white;
    background-color: rgb(101, 165, 255);
	border: 0;
}

.order-block-new .order-block-new-buttons .secondary#accept {
	font-size: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.full__buttons-new-wrapper .secondary.full-hint-blocked-btn {
	background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

.in-work#accept {
	background-color: rgb(200, 200, 200) !important;

}

@media (min-width: 1921px) and (max-width: 4000px) {
	.tasks-container-new {
		width: 70%;
	}

	.order-block-new-right {
		min-width: 62%;
	}

	.order-block-new-img {
		max-width: 225px;
        width: 100%;
        height: 270px;
	}

	.order-block-new-title-subtitle {
        height: 70px;
		font-size: 18px;
	}

	.order-block-new-left {
		min-width: 30%;
	}

	.order-block-new-ad {
		min-height: 100px;
	}

	.order-block-new-ad-img {
		width: 70%;
	}

	.order-block-new button#deny {
		margin-top: 20px;
		justify-content: end;
	}

	.order-block-new-ad-text {
		width: 80%;
	}

	.order-block-new {
		max-height: 450px;
	}

	.order-block-new-order {
		padding: 10px 26px;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
		margin-bottom: 5px;
	}

	.order-block-new-order {
		font-size: 22px;
		width: 50%;
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		font-size: 22px;
		width: 50%;
	}

	.order-block-new .sent {
		font-size: 22px;
	}

	.order-block-new-buttons {
		gap: 20px;
	}
}

@media (min-width: 1921px) and (max-width: 2400px) {
	.tasks-container-new {
		width: 80%;
	}

	.order-block-new-right {
		min-width: 66%;
	}
}

@media (min-width: 1921px) and (max-width: 2170px) {
	.order-block-new-order {
		font-size: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.order-block-new-more {
		font-size: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.order-block-new-right {
		min-width: 64%;
	}
}

@media (max-width: 2000px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		margin-top: 25px;
	}

	.order-block-new {
		padding: 15px;
		border-width: 2px;
		max-height: 355px;
		border-radius: 16px;
	}

	.order-block-new-title {
		font-size: 20px;
		min-height: 55px;
	}

	.order-block-new-title-subtitle {
		margin-top: 0px;
		font-size: 16px;
		min-height: 60px;
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-more {
		padding: 10px 35px;
	}

	.order-block-new-left {
		min-width: 33%;
	}

	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 12px;
		margin-top: 5px;
	}
	
	.order-block-new-author-img {
		height: 60px;
	}

	.order-block-new-img {
		height: 100%;
        width: auto;
		max-height: 245px;
	}

	.order-block-new-price {
		font-size: 15px;
	}

	.price-wb {
		margin-left: 10px;
	}

	.order-block-new button#deny {
		margin-bottom: 5px;
        margin-top: 15px;
	}

	.order-block-new-ad-img {
		height: 60%;
		width: auto;
	}

	.order-block-new-ad {
		min-height: 90px;
	}

	.order-block-new-order {
		font-size: 18px;
		border-radius: 8px;
		padding: 10px 25px;
	}

	.order-block-new-more {
		border-radius: 8px;
		font-size: 18px;
		padding: 10px 30px;
	}

	.order-block-new-img {
		height: 100%;
        width: auto;
	}

	.order-block-new-id {
		margin-bottom: 20px;
	}

	.order-block-new-order.sent {
		font-size: 16px;
		padding: 10px 10px;
	}

	.order-block-new-buttons {
		margin-top: -5px;
		gap: 15px;
	}

	.order-block-new-price-wrapper {
		margin-top: -5px;
	}
}

@media (max-width: 1465px) and (min-width: 1440px) {
	.tasks-container-new {
		width: 56%;
	}
}

@media (max-width: 1580px) and (min-width: 1465px) {
	.order-block-new-img {
		height: 70%;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1740px) and (min-width: 1650px) {
	.order-block-new-img {
		height: auto;
        width: 190px;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (min-width: 1800px) and (max-width: 1920px) {
	.order-block-new .order-block-new-buttons .secondary#accept {
		width: 150% !important;
		font-size: 18px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.order-block-new-more {
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 1740px) and (max-width: 1860px) {
	.tasks-container-new {
		width: 87%;
	}
}

@media (min-width: 1465px) and (max-width: 1740px) {
	.tasks-container-new {
		width: 100%;
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.order-block-new .order-block-new-buttons .secondary#accept {
		font-size: 18px;
		width: 70%;
	}
}

@media (min-width: 1465px) and (max-width: 1530px) {
	.tasks-container-new {
		width: 102%;
		column-gap: 10px;
	}
}

@media (max-width: 1440px) and (min-width: 1370px) {
	.order-block-new-img {
		width: 145px;
		height: auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1370px) and (min-width: 1300px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 135px;
        height: auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1300px) and (min-width: 1200px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1200px) and (min-width: 1101px) {
	.order-block-new {
        width: 70%;
    }

	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1100px) and (min-width: 1025px) {
	.order-block-new {
        width: 70%;
    }

	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 930px) and (min-width: 865px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 170px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 850px) and (min-width: 801px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 180px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 769px) and (min-width: 710px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 180px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 629px) and (min-width: 601px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 150px;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 40px !important;
	}
}

@media (max-width: 580px) and (min-width: 531px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 155px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 520px) and (min-width: 451px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 450px) and (min-width: 431px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 125px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 399px) and (min-width: 341px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 127px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 340px) and (min-width: 320px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 115px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 40px !important;
	}
}

@media (max-width: 2000px) and (min-width: 1950px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2250px) and (min-width: 2001px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2400px) and (min-width: 2301px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 206px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2480px) and (min-width: 2401px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 1440px) {
	.tasks-container-new {
		width: 95%;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}

	.order-block-new {
		gap: 15px;
		border-radius: 16px;
	}

	.order-block-new-img {
		border-radius: 12px;
		max-height: 229px;
	
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-left {
		min-width: 33%;
	}

	.order-block-new-title-subtitle {
		font-size: 14px;
	}

	.order-block-new-author-text {
		font-size: 14px;
	}

	.order-block-new-author-img {
		height: 45px;
	}

	.order-block-new-ad-text {
		font-size: 14px;
	}

	.order-block-new-more {
		width: 50%;
		display: flex;
		justify-content: center;
		padding: 10px 20px;
		font-size: 14px;
	}

	.order-block-new-order {
		font-size: 14px;
		padding: 10px 20px;
	}

	.order-block-new-price {
		font-size: 13px;
	}

	.order-block-new-id {
		font-size: 12px;
	}

	.order-block-new-buttons {
		gap: 15px;
	}

	.order-block-new-ad-img {
		height: 60%;
	}

	.order-block-new-ad-text {
		width: 76%;
	}

	.order-block-new-ad-types {
		font-size: 10px;
	}

	.price-wb {
		margin-left: 0;
	}

	.order-block-new-order.sent {
		font-size: 12px;
		border-radius: 6px;
	}

	.order-block-new .order-block-new-buttons .secondary#accept {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 1430px) and (max-width: 1450px) {
	.order-block-new-title-subtitle {
		min-height: 55px;
	}
}

@media (min-width: 1369px) and (max-width: 1400px) {
	.tasks-container-new {
		width: 100%;
	}
}

@media (max-width: 1368px) {
	.tasks-container-new {
		width: 100%;
	}

	.order-block-new-title {
		font-size: 20px;
		max-height: 50px;
	}
	
	.order-block-new-title-subtitle {
		font-size: 15px;
		max-height: 65px;
	}

	.order-block-new-author-img {
        margin-top: 3px;
        height: 40px;
    }

	.order-block-new-buttons {
		gap: 15px;
	}

	.order-block-new-order {
		font-size: 13px;
		border-radius: 5px;
	}

	.order-block-new-more {
		font-size: 13px;
		border-radius: 5px;
	}

	.order-block-new-ad-text {
		width: 100%;
	}

	.order-block-new button#deny {
		margin-bottom: 0;
        margin-top: 0;
	}

	.order-block-new-ad-types {
		font-size: 9px;
	}

	.order-block-new-img {
		max-width: 145px;
		max-height: 210px;
	}

	.order-block-new-inner {
		gap: 10px;
	}

	.order-block-new-left {
		min-width: 35%;
	}

	.order-block-new-ad {
		min-height: 60px;
	}

	.order-block-new-ad-img {
		height: 50%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 13px;
		border-radius: 5px;
	}
}

@media (min-width: 1156px) and (max-width: 1300px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	}

	.order-block-new {
		width: 60%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 1100px) and (max-width: 1155px) {
	.order-block-new {
		width: 70%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 1025px) and (max-width: 1100px) {
	.order-block-new {
		width: 85%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 800px) and (max-width: 1000px) {
	.tasks-container-new {
        width: 85%;
		margin-left: auto;
		margin-right: auto;
    }
}

@media (max-width: 1024px) {
	.order-block-new {
		max-height: 370px;
	}

	.order-block-new-title {
		font-size: 24px;
        min-height: 65px;
	}

	.order-block-new-title-subtitle {
		font-size: 15px;
	}

	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 14px;
	}

	.order-block-new-ad {
		margin-top: 20px;
	}

	.order-block-new-price {
		font-size: 16px;
	}

	.order-block-new-ad {
		min-height: 100px;
	}

	.order-block-new-more {
		font-size: 18px;
        border-radius: 8px;
		width: 50%;
		text-align: center;
	}

	.order-block-new-order {
		font-size: 18px;
        border-radius: 8px;
		width: 50%;
	}

	.order-block-new-img {
		max-width: 200px;
		max-height: 265px;
	}

	.order-block-new-order.sent {
        font-size: 18px;
		border-radius: 8px;
    }

	.order-block-new-left {
		min-width: 35%;
        max-width: 35%;
	}

	.order-block-new-inner {
		gap: 15px;
	}

	.order-block-new-id {
		margin-bottom: 25px;
	}

	.order-block-new-price-wrapper {
		transform: translateY(-5px);
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		width: 100%;
		font-size: 18px;
		border-radius: 8px;
	}
}

@media (min-width: 865px) and (max-width: 1000px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-right {
		min-width: 71%;
	}

	.order-block-new-left {
		min-width: 27%;
        max-width: 27%;
	}
}

@media (min-width: 769px) and (max-width: 864px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-left {
		min-width: 30%;
        max-width: 30%;
	}
}

@media (max-width: 768px) {
	.order-block-new-title {
		font-size: 30px;
        min-height: 80px;
	}

	.order-block-new-title-subtitle {
		font-size: 20px;
	}

	.order-block-new-author-img {
		margin-top: 5px;
        height: 55px;
	}

	.order-block-new-author-text {
        font-size: 20px;
    }

	.order-block-new-ad-text {
		font-size: 20px;
	}

	.order-block-new-ad-types {
		font-size: 16px;
	}

	.order-block-new-buttons {
		display: none;
	}

	.order-block-new-buttons.mobile {
		margin-top: 10px;
		gap: 15px;
		display: flex;
		justify-content: space-around;
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		font-size: 24px;
		padding: 10px 80px;
		width: 50%;
	}

	.order-block-new-order {
		font-size: 24px;
		padding: 10px 80px;
		width: 50%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		width: 50% !important;
	}

	.order-block-new-id {
		display: none;
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-img {
		max-width: 210px;
		max-height: 280px;
	}

	.order-block-new-price-wrapper {
		margin-top: 15px;
	}

	.order-block-new-title-subtitle {
		max-height: 75px;
	}

	.order-block-new {
		max-height: unset;
	}

	.order-block-new-ad {
		margin-top: 20px;
		min-width: 90px;
    }

	.order-block-new-ad-img {
		height: 65%;
	}

	.order-block-new button#deny {
		margin-top: 20px;
	}

	.order-block-new-order.sent {
		padding: 10px 40px;
		font-size: 24px;
	}

	.order-block-new-price {
		font-size: 16px;
	}

	.order-block-new-left {
		min-width: 30%;
        max-width: 30%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 24px;
	}

	.order-block-new-right {
		min-width: 67%;
	}
}

@media (max-width: 710px) {
	.order-block-new-title {
		font-size: 24px;
		min-height: 65px;
	}

	.order-block-new-title-subtitle {
		font-size: 18px;
	}

	.order-block-new-ad {
		margin-top: 0;
	}

	.order-block-new-author-wrapper {
		margin-top: 20px;
	}

	.order-block-new-ad {
		min-height: 80px;
	}

	.order-block-new-ad-types {
		font-size: 14px;
	}

	.order-block-new-ad {
		margin-top: auto;
	}

	.order-block-new-order {
		font-size: 20px;
        padding: 10px 50px;
	}

	.order-block-new-more {
		font-size: 20px;
        padding: 10px 50px;
	}

	.order-block-new {
		padding-bottom: 15px;
	}

	.order-block-new-buttons.mobile {
		margin-top: 0;
	}

	.order-block-new-img {
		height: 80%;
	}

	.order-block-new-order.sent {
		padding: 10px 30px;
	}
}

@media (max-width: 630px) {
	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 12px;
	}

	.order-block-new button#deny {
		margin-top: 10px;
	}

	.order-block-new-img {
		max-width: 156px;
	}

	.order-block-new-order.sent {
        font-size: 18px;
        padding: 10px 25px;
    }

	.price-wb {
		font-size: 1.1em;
	}
}

@media (max-width: 580px) {
	.order-block-new-title {
		font-size: 20px;
        min-height: 55px;
	}

	.order-block-new-title-subtitle {
		font-size: 16px;
	}

	.order-block-new-img {
		height: 75%;
	}

	.order-block-new-ad-types {
		font-size: 10px;
	}

	.order-block-new-ad-img {
		height: 50%;
	}

	.order-block-new-order {
		padding: 10px 30px;
	}

	.order-block-new-more {
		padding: 10px 45px;
	}
}

@media (max-width: 520px) {
	.order-block-new-author-img {
		height: 40px;
	}

	.order-block-new-price {
		font-size: 13px;
	}

	.order-block-new-price-wrapper {
		margin-top: 15px;
	}

	.order-block-new-title {
		font-size: 18px;
        min-height: 48px;
	}

	.order-block-new-title-subtitle {
		font-size: 13px;
	}

	.order-block-new-ad-types {
		font-size: 9px;
	}

	.order-block-new-order.sent {
		padding: 10px 15px;
	}
}

@media (max-width: 450px) {
	.order-block-new-left {
		min-width: 35%;
	}

	.order-block-new {
		border-width: 2px;
		border-radius: 10px;
	}

	.order-block-new-ad-img {
        height: 40%;
    }

	.order-block-new-order {
		font-size: 14px;
		padding: 10px 40px;
	}

	.order-block-new-more {
		padding: 10px 50px;
		font-size: 14px;
	}

	.order-block-new-inner {
		gap: 10px;
	}

	.order-block-new-title {
		font-size: 14px;
        min-height: 40px;
	}

	.order-block-new-title-subtitle {
		font-size: 12px;
		-webkit-line-clamp: 4;
	}

	.order-block-new-price-wrapper {
		margin-top: 17px;
	}

	.order-block-new-right {
		min-width: 63%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 13px;
	}

	.order-block-new {
		padding: 10px 10px;
	}

	.order-block-new-buttons.mobile {
		margin-top: -10px;
		gap: 10px;
	}

	.order-block-new-author-wrapper {
		margin-top: 8px;
	}

	.order-block-new-price {
		font-size: 12px;
	}

	.order-block-new-order.sent {
		font-size: 14px;
        padding: 10px 20px;
	}

	.order-block-new-img {
		height: 74%;
		border-radius: 10px;
		max-height: 175px;
	}

	.order-block-new-more {
		border-radius: 6px;
	}

	.order-block-new-order {
		border-radius: 6px;
	}

	.order-block-new .order-block-new-buttons button#accept {
		font-size: 14px;
		margin-right: 0;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 14px;
	}

	.order-block-new-ad-text {
		width: 100% !important;
		min-width: 0;
		flex-shrink: 0;
	}

	.order-block-new-ad-top {
		width: 100% !important;
		min-width: 0;
	}

	.order-block-new-ad-types {
		font-size: 9px;
		width: 100% !important;
		min-width: 0;
	}

	.order-block-new button#deny {
		flex-shrink: 1;
		display: none; /* Скрытие глаза */
	}
}

@media (max-width: 600px) and (min-width: 500px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 35%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 65%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}
}

@media (max-width: 500px) and (min-width: 450px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 38%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 62%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}
}

@media (max-width: 410px) {
	.order-block-new-title {
		font-size: 15px;
		min-height: 40px;
	}

	.order-block-new-title-subtitle {
		font-size: 11px;
	}

	.order-block-new-buttons.mobile {
		margin-top: 0;
	}

	.order-block-new-order {
		padding: 10px 25px;
	}

	.order-block-new-more {
		padding: 10px 30px;
	}

	.order-block-new-price {
		font-size: 10px;
	}

	.order-block-new button#deny {
		margin-top: 7px;
	}
}

@media (max-width: 400px) and (min-width: 320px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 45%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 55%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}

	.full__info-new-left {
		width: 40% !important;
	}

	.full__text-new-description {
		border-top-right-radius: 0 !important;
	}
}

@media (max-width: 450px) and (min-width: 400px) {
	.full__img {
		height: 80% !important;
	}
}

@media (max-width: 380px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	
	.order-block-new-ad-types {
		font-size: 8px;
	}

	.order-block-new-title {
		font-size: 13px;
        min-height: 35px;
	}

	.order-block-new-author-text {
		font-size: 14px;
	}

	.order-block-new-ad-text {
        font-size: 14px;
    }
}

.full__title-new {
	margin-top: 20px;
	font-size: 26px;
	font-family: "TT-700";
	text-align: center;
}

.full__info-new {
	margin-top: 16px;
	display: flex;
	gap: 10px;
	min-height: 205px;
	height: 205px;
}

.full__info-new-left {
	width: 35%;
	display: flex;
	flex-direction: column;
}

.full__info-new-small {
	display: flex;
	font-size: 8px;
	color: rgb(190, 190, 190);
	gap: 5px;
	margin-right: 10px;
}

.full__date-new {
	white-space: nowrap;
}

.full__id-new {
	white-space: nowrap;
}

.full__img {
	border-radius: 10px;
	cursor: zoom-in;
	height: 75%;
	max-height: 383px;
	object-fit: cover;
}

.info__price-new {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	font-size: 13px;
}

.info__price-real-new {
	line-height: 0.9;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
	align-items: end;
}

.info__price-zero-new {
	line-height: 0.9;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.full__info-new-right {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.full__info-new-description-small {
	line-height: 1.1;
    font-size: 14px;
	min-height: 100px;
}

.full__info-new-author-wrapper {
	display: flex;
	min-height: 30px;
}

.full__info-new-author-top {
	font-family: "TT-700";
	color: rgb(89, 176, 89);
}

.bloger-style .full__info-new-author-top {
	color: rgb(101, 165, 255);
}

.full__info-new-author-text {
	font-size: 14px;
	display: flex;
	flex-direction: column;
}

.full__info-new-author-name {
	color: black;
	text-decoration: none;
	max-width: 100%;
}

.full__info-new-author-img-wrapper {
	width: 60px;
	height: 100%;
	margin-left: auto;
}

.full__info-new-author-img {
	width: 100%;
	border-radius: 6px;
	max-height: 50px;
	object-fit: cover;
}

.full__info-new-ad {
	margin-top: auto;
}

.full__info-new-ad-top {
	font-size: 14px;
	font-family: "TT-700";
	color: rgb(89, 176, 89);
}

.bloger-style .full__info-new-ad-top {
	color: rgb(101, 165, 255);
}

.full__info-new-ad-text {
	margin-top: auto;
}

.full__info-new-ad-types {
	margin-top: 2px;
	font-size: 10px;
	line-height: 1.2;
	color: rgb(156, 156, 156);
}

.full__buttons-new {
	margin-top: 50px;
	display: flex;
	gap: 10px;
}

.full__buttons-new-description {
	border-radius: 8px;
	font-family: "TT-700";
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 10px 10px;
	transition: 0s;
	color: rgb(0, 133, 66);
	border-color: #C0E8C0;
	background-color: #C0E8C0;
}

.full__buttons-new-description:active {
	transform: scale(1);
}

.full__buttons-new-description.active {
	border: 2px solid rgb(190, 190, 190);
	position: relative;
	background: #DDFFDD;
}

.full__buttons-new-description.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background: #DDFFDD;
	z-index: 11;
}

.bloger-style .full__buttons-new-description {
	border: 2px solid rgb(174, 234, 255);
	color: rgb(0, 108, 255);
	background-color: rgb(174, 234, 255);
}

.bloger-style .full__buttons-new-description.active {
	border: 2px solid rgb(190, 190, 190);
	background-color:  rgb(237, 252, 255);
	color: rgb(80, 178, 255);
}

.bloger-style .full__buttons-new-description.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background-color: rgb(237, 252, 255);
	z-index: 11;
}

.full__buttons-new-tz {
	border-radius: 8px;
	font-family: "TT-700";
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 10px 10px;
	transition: 0s;
	color: rgb(0, 133, 66);
	border-color: #C0E8C0;
	background-color: #C0E8C0;
}

.full__buttons-new-tz:active {
	transform: scale(1);
}

.full__buttons-new-tz.active {
	border: 2px solid rgb(190, 190, 190);
	position: relative;
	background: #DDFFDD;
}

.full__buttons-new-tz.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background: #DDFFDD;
	z-index: 11;
}

.bloger-style .full__buttons-new-tz {
	border: 2px solid rgb(174, 234, 255);
	color: rgb(0, 108, 255);
	background-color: rgb(174, 234, 255);
}

.bloger-style .full__buttons-new-tz.active {
	border: 2px solid rgb(190, 190, 190);
	background-color:  rgb(237, 252, 255);
	color: rgb(80, 178, 255);
}

.bloger-style .full__buttons-new-tz.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background-color: rgb(237, 252, 255);
	z-index: 11;
}

.full__text-new-description {
	display: none;
	border-radius: 8px;
	padding: 10px 15px;
	border-top-left-radius: 0;
	border: 2px solid rgb(190, 190, 190);
	background: #DDFFDD;
}

.full__text-new-description.active {
	display: block;
}

.bloger-style .full__text-new-description {
	background-color:  rgb(237, 252, 255);
}

.full__text-new-tz {
	display: none;
	border-radius: 8px;
	padding: 10px 15px 20px;
	border-top-left-radius: 0;
	border: 2px solid rgb(190, 190, 190);
	background: #DDFFDD;
}

.full__text-new-tz.active {
	display: block;
}

.bloger-style .full__text-new-tz {
	background-color:  rgb(237, 252, 255);
}

.full__text-new-tz .tz-files {
	font-family: "TT-500";
	font-size: 16px;
}

.full__buttons-new-wrapper {
	margin-top: 30px;
	display: flex;
	gap: 10px;
	justify-content: space-around;
}

.full__buttons-new-wrapper .secondary {
	width: auto;
	padding: 10px 35px;
	font-family: "TT-400";
	order: 2;
}

.bloger-style .full__buttons-new-wrapper .secondary {
	background-color: rgb(80, 177, 255);
	color: white;
	border: 0;
	font-size: 16px;
	border-radius: 4px;
	height: 40px;
	white-space: nowrap;
}

.full__buttons-new-wrapper #back-to-lenta {
	order: 1;
	width: auto;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 4px;
}

@media (min-width: 500px) {
	.full__info-new {
		min-height: 425px;
		height: auto;
	}

	.full__info-new-small {
		font-size: 9px;
	}

	.full__buttons-new-wrapper .secondary {
		padding: 10px 50px;
	}
	
	.full__buttons-new-wrapper #back-to-lenta {
		padding: 10px 45px;
	}

	.full__img {
		margin-bottom: 15px;
	}
}

@media (min-width: 580px) {
	.full__info-new-right {
		margin-top: 15px;
	}

	.full__img {
		width: 100%;
	}

	.full__info-new-small {
		font-size: 12px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 20px !important;
		height: 40px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 20px !important;
	}

	.full__info-new-description-small {
		font-size: 20px;
		min-height: 140px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-ad {
		margin-top: 0;
	}

	.full__info-new-author-wrapper {
		min-height: 84px;
	}

	.info__price-new {
		font-size: 20px;
	}

	.info__price-real-new {
		line-height: 1.1;
	}

	.info__price-zero-new {
		line-height: 1.1;
	}

	.full__info-new-ad-types {
		font-size: 16px;
	}

	.full__info-new-ad-top {
		font-size: 20px;
	}

	.full__title-new {
		margin-top: 30px;
	}

	.full__info-new {
		margin-top: 32px;
	}
}

@media (min-width: 768px) {
	.full__info-new {
		gap: 20px;
		min-height: 365px;
	}

	.full__title-new {
		font-size: 40px;
	}

	.full__info-new-left {
		width: 40%;
	}

	.full__info-new-small {
		font-size: 14px;
	}

	.full__info-new-description-small {
		font-size: 20px;
		min-height: 155px;
	}

	.full__info-new-author-text {
		font-size: 24px;
	}

	.full__info-new-ad-top {
		font-size: 24px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.full__info-new-author-wrapper {
		min-height: 105px;
	}

	.full__info-new-author-img-wrapper {
		width: 70px;
	}

	.full__info-new-author-img {
		max-height: 85px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__buttons-new-description {
		font-size: 24px;
		padding: 10px 20px;
	}

	.full__buttons-new-tz {
		font-size: 24px;
		padding: 10px 20px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 24px !important;
		height: 50px;
		border-radius: 6px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 24px !important;
		height: 50px;
		border-radius: 6px;
	}

	.full__text-new-description {
		font-size: 20px;
		padding: 15px 20px;
	}

	.full__text-new-tz {
		font-size: 20px;
		padding: 15px 20px 25px;
	}

	.full__text-new-tz .tz-files {
		display: block;
		font-size: 24px;
		margin-bottom: 5px;
	}

	.full__text-new-tz .tz-files + br {
		display: none;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		height: 50px;
	}
}

@media (min-width: 1000px) {
	.full__info-new {
		min-height: unset;
	}

	.full__title-new {
		text-align: left;
	}

	.full__buttons-new-wrapper #back-link {
		order: 2;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		border-radius: 8px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		border-radius: 8px;
	}

	.full__title-new {
        font-size: 28px;
	}

	.full__info-new-description-small {
		font-size: 18px;
	}

	.full__info-new-author-text {
		font-size: 18px;
	}

	.full__info-new-ad-top {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 18px;
	}

	.full__info-new-ad-types {
		font-size: 14px;
	}

	.full__info-new-author-wrapper {
		min-height: 140px;
    }
}

@media (min-width: 1360px) {
	.full__info-new-author-wrapper {
		min-height: 135px;
    }

	.full__title-new {
		margin-top: 20px;
	}

	.full__info-new-left {
		width: 28%;
	}

	.full__info-new {
		margin-top: 20px;
		max-width: 800px;
	}

	.full__title-new {
		max-width: 800px;
	}

	.full__info-new-small {
		gap: 15px;
	}

	.full__info-new-description-small {
		font-size: 20px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-author-img-wrapper {
		width: 90px;
	}

	.full__info-new-ad-top {
        font-size: 20px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__text-new-description {
		font-size: 24px;
		max-width: 1000px;
	}

	.full__buttons-new-description {
		font-size: 28px;
	}

	.full__buttons-new-tz {
		font-size: 28px;
	}

	.full__text-new-tz {
		font-size: 24px;
		max-width: 1000px;
	}

	.full__text-new-tz p + br {
		display: none;
	}

	.full__text-new-tz .tz-files {
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.full__text-new-tz .tz-files ~ b {
		font-size: 24px;
	}

	.full__buttons-new-wrapper {
		justify-content: space-between;
		width: 60%;
	}
}

@media (min-width: 1430px) {
	.full__title-new {
		font-size: 30px;
	}

	.full__info-new-description-small {
		font-size: 20px;
	}

	.full__info-new-small {
		font-size: 13px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-ad-top {
		font-size: 20px;
	}

	.full__info-new-ad-types {
		font-size: 16px;
	}

	.full__buttons-new-wrapper {
		width: 55%;
	}

	.full__info-new-ad-types {
		max-width: 85%;
		font-size: 16px;
	}

	.full__info-new-author-wrapper {
		min-height: 127px;
	}

	.info__price-new {
		font-size: 20px;
	}

	.full__text-new-description {
		font-size: 20px;
	}

	.full__text-new-tz {
		font-size: 20px;
	}
}

@media (min-width: 1590px) {
	.full__info-new-left {
		width: 32%;
	}

	.full__info-new-small {
		font-size: 14px;
	}

	.full__info-new-author-wrapper {
		min-height: 142px;
	}

	.full__title-new {
		font-size: 40px;
		margin-top: 30px;
	}

	.full__info-new-description-small {
		font-size: 22px;
	}

	.full__info-new-author-text {
		font-size: 22px;
	}

	.full__info-new-ad-top {
		font-size: 22px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__text-new-description {
		font-size: 22px;
	}

	.full__text-new-tz {
		font-size: 22px;
	}

	.full__info-new {
		margin-top: 30px;
	}

	.full__info-new {
		gap: 40px;
		max-width: 900px;
	}

	.full__title-new {
		max-width: 900px;
	}

	.full__info-new-left {
		padding-right: 40px;
		position: relative;
	}

	.full__info-new-left::after {
		content: "";
		display: block;
		position: absolute;
		width: 3px;
		height: 100%;
		right: 0;
		background-color: rgb(220, 220, 220);
		transform: translateY(18px);
	}

	.full__buttons-new-wrapper {
		width: 100%;
		justify-content: left;
		gap: 30px;
	}

	.full__buttons-new-wrapper .secondary {
		padding: 10px 60px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		padding: 10px 55px;
	}
}

@media (min-width: 2500px) {
	.full__title-new {
		font-size: 46px;
		max-width: 1100px;
	}

	.full__info-new-description-small {
		font-size: 28px;
		min-height: 225px;
	}

	.full__info-new-author-text {
		font-size: 28px;
		min-height: 200px;
	}

	.full__info-new-ad-top {
		font-size: 28px;
	}

	.full__info-new-ad-types {
		margin-top: 8px;
		font-size: 20px;
	}

	.full__info-new-left {
		min-width: 38%;
	}

	.full__info-new-small {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 28px;
	}

	.full__info-new-author-wrapper {
		min-height: 115px;
		height: 160px;
	}

	.full__buttons-new {
		margin-top: 100px;
	}

	.full__buttons-new-description {
		font-size: 28px;
		padding: 10px 30px;
		border-radius: 16px;
		border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
	}

	.full__buttons-new-tz {
		font-size: 28px;
		padding: 10px 30px;
		border-radius: 16px;
		border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
	}

	.full__text-new-description {
		font-size: 26px;
	}

	.full__text-new-tz {
		font-size: 26px;
	}

	.full__text-new-tz .tz-files {
		font-size: 26px;
	}

	.full__text-new-tz .tz-files ~ b {
		font-size: 26px;
	}

	.full__buttons-new-wrapper {
		margin-top: 60px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 26px !important;
		height: 60px;
		padding: 10px 85px;
		border-radius: 16px !important;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 26px !important;
		height: 60px;
		padding: 10px 80px;
		border-radius: 16px;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		width: 358px;
		height: 60px;
	}

	.bloger-style .full__buttons-new-wrapper .secondary#accept-2 {
		width: unset;
	}
}

.full-hint-blocked-btn .hint {
	white-space: wrap;
	top: unset;
	bottom: 130%;
}

.full-hint-blocked-btn .hint::after {
	top: 100%;
	transform: translateX(-50%) rotate(180deg);
}

button.waitResponse:disabled {
    font-size: 0;
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0) !important;
}

button.waitResponse img {
    height: 20px;
    width: auto;
    display: none;
    animation: around 3s infinite linear;
}

button.waitResponse:disabled img {
    display: block;
}

@keyframes around {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}


li.my.review-message {
    display: none !important;
}
/* Стили для ссылок в меню — ИСПРАВЛЕНО (зеленый фон на всю ширину) */
.kb-sidebar li a {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: 0.3s;
    font-family: "TT-400";
    font-size: 16px;
    padding: 0;
}

/* Пункты меню */
.kb-sidebar li {
    padding: 0;
    margin: 0;
    background: none;
    transition: background 0.3s;
}

/* Стили для глубоко вложенных ссылок (3-й уровень) */
li[data-l1] li[data-l2] li[data-l3] a {
    padding-left: 0;
}

/* Эффекты при наведении на обычный пункт (не активный) */
.kb-sidebar li:not(.active):hover {
    background: #e0f5e8;
}

/* Активный пункт статьи */
.kb-sidebar li[data-l3].active {
    color: white;
    background: #346839;
}

/* Активный пункт при наведении — чуть светлее */
.kb-sidebar li[data-l3].active:hover {
    background: #3d7a45;
}

/* Ссылка внутри активного пункта — белый текст, фон наследуется от li */
.kb-sidebar li[data-l3].active > a {
    color: white;
    background: transparent;
}

/* Разделители между пунктами в подменю */
.kb-sidebar > ol > li > ol > li {
    border-top: 1px solid #dfdfdf;
}
.kb-sidebar > ol > li > ol > li:first-child {
    border-top: none;
}

/* "Статьи и новости сервиса" — выравнивание с L1 разделами */
li.kb-sidebar-news-link {
    padding: 14px 0;
    display: block;
    border-top: 1px solid #dfdfdf;
}
li.kb-sidebar-news-link a {
    display: block;
    padding: 0 12px 0 20px;
    color: #346839;
    font-family: "TT-400";
    font-size: 16px;
    transition: 0.3s;
}
li.kb-sidebar-news-link:hover {
    background: #f0fff7;
}
li.kb-sidebar-news-link.active {
    background: #346839;
}
li.kb-sidebar-news-link.active a {
    color: white;
}
li.kb-sidebar-news-link.active:hover {
    background: #3d7a45;
}


/* Полное скрытие картинки в разделе База знаний */
.knowledge-title img {
    display: none;
}

/* Исправление размера самолетика в мобильных чатах */
.chat-field-send-mobile img {
    width: 20px;
    height: 20px;
}

/* <================< Future Studio >================> */

/* MAIN STYLES Version 1.0 */

/* <================ Links =================> */

/* 

Common weight name mapping

100 -> Thin (Hairline)

200 -> Extra Light (Ultra Light)

300 -> Light

400 -> Normal

500 -> Medium

600 -> Semi Bold (Demi Bold)

700 -> Bold

800 -> Extra Bold (Ultra Bold)

900 -> Black (Heavy) 

*/

@font-face {
    font-family: "TT-100";
    src: url('/fonts/TT-Hoves-Pro-Trial-Thin.ttf');
}

@font-face {
    font-family: "TT-200";
    src: url('/fonts/TT-Hoves-Pro-Trial-ExtraLight.ttf');
}

@font-face {
    font-family: "TT-300";
    src: url('/fonts/TT-Hoves-Pro-Trial-Light.ttf');
}

@font-face {
    font-family: "TT-400";
    src: url('/fonts/TT-Hoves-Pro-Trial-Regular.ttf');
}

@font-face {
    font-family: "TT-500";
    src: url('/fonts/TT-Hoves-Pro-Trial-Medium.ttf');
}

@font-face {
    font-family: "TT-600";
    src: url('/fonts/TT-Hoves-Pro-Trial-DemiBold.ttf');
}

@font-face {
    font-family: "TT-700";
    src: url('/fonts/TT-Hoves-Pro-Trial-Bold.ttf');
}

@font-face {
    font-family: "TT-800";
    src: url('/fonts/TT-Hoves-Pro-Trial-ExtraBold.ttf');
}

@font-face {
    font-family: "TT-900";
    src: url('/fonts/TT-Hoves-Pro-Trial-Black.ttf');
}

/* <================ Default Styles =================> */

*,
*:after,
*:before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: "TT-400";
    font-size: 16px;
    background: #ffffff;
    min-height: 100vh;
    scrollbar-gutter: stable both-edges;
}


html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

body.sticky {
    overflow-x: unset;
}

body.sticky {
    max-width: 100vw;
}

button {
    border: 2px solid rgb(49, 105, 49);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 1.125rem;
    font-family: "TT-500";
    font-weight: normal;
    transition: .3s;
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

a {
    -webkit-tap-highlight-color: transparent;
}



button:hover {
    background: #DDFFDD;
}

button:active {
    transform: scale(0.98);
    background: #316931;
    color: white;
}

img {
    width: 100%;
    user-select: none;
    -webkit-user-drag: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 83.3vw;
    scrollbar-gutter: stable both-edges;
}

section .container {
    padding: 0 14vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

button.secondary {
    border-radius: 10px;
    color: white;
    background: #1A7537;
}

button.secondary:hover {
    background: #30AD58;
    border-color: rgb(48, 173, 88);
}

p {
    margin: 0;
    padding: 0;
}

b {
    font-weight: normal;
    font-family: "TT-600";
}


.mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.6;
    left: 0;
    top: 0;
    z-index: 12;
    transition: 0.3s, z-index 0s;
}

.mask.ch {
    z-index: 50;
}

.img-focus {
    position: fixed;
    max-width: 80vw;
    max-height: 80vh;
    width: 100%;
    height: 100%;
    z-index: 12;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    text-align: center;
    transition: .3s;
}

.img-focus img {
    height: 100%;
    width: auto;
    transition: .3s;
    transform: scale(1);
    max-width: 100%;
    object-fit: contain;
}

.img-focus.hide img{
    transform: scale(0);
}

.img-focus.hide {
    z-index: -1;
}

.mask.hide , .mask.hide.ch {
    z-index: -1000 !important;
    opacity: 0;
}

/* ::-webkit-scrollbar {
    position: absolute;
    width: 0;
    display: none;
    appearance: none;
} */

/* Adaptive */

@media screen and (max-width: 900px) {
    .img-focus img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    .img-focus {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/* <================ Header Styles =================> */


header.header {
    height: 101px;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    display: flex;
    align-items: center;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.header__logo {
    height: 40px;
    width: 220px;
}

.header__logo img {
    height: 100%;
    width: auto;
}

.header__controls {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header__controls nav.main-nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

nav.main-nav button {
    height: 40px;
    width: 250px;
    font-size: 18px;
}

nav.main-nav button.active {
    color: white;
    background: #316931;
    font-family: "TT-700";
}

.header__login button {
    height: 40px;
    width: 170px;
}

.header__login button#go-profile {
    width: auto;
    height: 40px;
    padding: 0 12px;
    background: #316931;
    border: 0;
    transition: .3s;
}

.header__login button#go-profile img {
    height: 36px;
}

.header__login button#go-profile:hover {
    background: #e4fede;
}

/* Adaptive */

@media screen and (max-width: 1520px) {
    .container {
        max-width: 85vw;
    }
}

@media screen and (max-width: 1460px) {
    .header__logo {
        height: 35px;
    }

    header.header {
        height: 70px;
    }

    nav.main-nav button {
        width: 140px;
        height: 35px;
        font-size: 14px;
    }

    .header__login button {
        width: 120px;
        font-size: 14px;
        height: 35px;
    }
}

@media screen and (max-width: 1000px) {
    header.header {
        height: 120px;
        align-items: start;
        padding-top: 15px;
    }

    .header__controls {
        top: 100%;
        margin-top: 20px;
        width: 100%;
    }

    .header__controls nav.main-nav {
        display: flex;
        justify-content: center;
        gap: 40px;
    }
}

@media screen and (max-width: 530px) {
    .header__controls nav.main-nav {
        gap: 6px;
        justify-content: space-between;
    }

    nav.main-nav a {
        width: 33%;
        text-decoration: none;
    }

    nav.main-nav button {
        width: 100%;
        font-size: 14px;
        height: 30px;
        /* white-space: nowrap; */
    }

    .header__login button {
        height: 30px;
        width: 100px;
        font-size: 14px;
    }

    .header__logo {
        height: 30px;
    }

    .header__logo img {
        height: 100%;
        width: auto;
    }

    .header__logo {
        position: relative;
        left: 0;
        margin-right: auto;
    }
}


/* <================ Intro Styles =================> */

.intro {
    padding-top: 150px;
}

.intro__img {
    width: 40%;
}
.intro__content {
    max-width: 50%;
}

.intro__inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 50px;
    justify-content: space-between;
}

.content__bloger .intro__content h1.intro__title{
    font-size: 42px;
    margin-bottom: 18px;
    margin-top: 42px;
}

.content__bloger .intro__content h3.intro__text {
    font-size: 16px;
    margin-bottom: 15px;
}

.content__bloger .intro__socials {
    width: 272px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.content__bloger .intro__controls button {
    text-transform: none;
}

.intro__content h2.intro__text {
    color: rgb(0, 130, 61);
    font-family: "TT-400";
    font-size: 24px;
    margin-top: 44px;
    text-align: center;
    margin-bottom: 17px;
}

.intro__content h2.intro__text.font-small {
    font-size: 18px;
}

.intro__content h3.intro__text {
    color: rgb(0, 130, 61);
    font-family: "TT-400";
    font-size: 20px;
    text-align: center;
    margin-bottom: 17px;
    margin-bottom: 35px;
}

.intro__content h1 {
    font-size: 44px;
    font-family: "TT-700";
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 17px;
    line-height: 1.075;
}

.intro__controls {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.intro__controls button {
    font-size: 24px;
    font-family: "TT-600";
    text-transform: uppercase;
    font-weight: normal;
    width: 250px;
    height: 45px;
}

.intro__stickers {
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

aside.intro-sticker {
    position: relative;
    width: 306px;
}

aside.intro-sticker p {
    position: absolute;
    text-align: center;
    max-width: 170px;
    font-size: 0px;
    font-family: "TT-300";
    right: 30px;
    top: 40px;
}

aside.intro-sticker:first-child p {
    max-width: 140px;
}

/* Adaptive */

@media screen and (max-width: 1835px) {
    section .container {
        padding: 0 8vw;
    }
}

@media screen and (max-width: 1500px) {
    section .container {
        padding: 0 0vw;
    }
}

@media screen and (max-width: 1200px) {
    .intro__img {
        width: 400px;
    }

    .intro__inner {
        align-items: center;
    }

    aside.intro-sticker {
        width: 220px;
    }

    aside.intro-sticker p {
        right: 10px;
        font-size: 14px;
        max-width: 140px;
        top: 25px;
    }

    aside.intro-sticker:first-child p {
        right: 20px;
        width: 100px;
    }

    .intro__stickers {
        margin-top: 24px;
    }

    .intro__content h2.intro__text {
        margin-top: 0;
    }

    .intro__content h1 {
        font-size: 28px;
    }

    .intro__controls button {
        font-size: 18px;
        width: 200px;
        height: 40px;
    }

    .intro__controls {
        justify-content: space-between;
    }
}

@media screen and (max-width: 1080px) {
    .intro__img {
        width: 300px;
    }
}

@media screen and (max-width: 900px) {
    .intro__img {
        display: none;
    }

    .intro__content {
        max-width: 80%;
        margin: 0 auto;
    }

    .content__bloger .intro__content h1.intro__title {
        margin-top: 0;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 800px) {
    aside.intro-sticker {
        width: 150px;
    }

    .intro__stickers {
        gap: 5px;
    }

    aside.intro-sticker p {
        right: 6px;
        font-size: 0px;
        max-width: 100px;
        top: 17px;
    }

    aside.intro-sticker:first-child p {
        right: 8px;
        width: 80px;
    }
}

@media screen and (max-width: 580px) {
    .intro__content {
        max-width: 100%;
    }

    section .container {
        max-width: 96vw;
    }
}

@media screen and (max-width: 530px) {
    .intro {
        padding-top: 120px;
    }

    .intro__content h2.intro__text {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .intro__content h1 {
        font-size: 28px;
    }

    .intro__content h3.intro__text {
        font-size: 20px;
        margin-bottom: 17px;
    }

    .intro__controls button {
        font-size: 16px;
        width: 150px;
        height: 35px;
    }

    .intro__controls {
        justify-content: center;
        gap: 4px;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 20px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .intro__stickers {
        justify-content: center;
    }
}

@media screen and (max-width: 420px) {
    .intro__content h3.intro__text {
        font-size: 16px;
    }
}


/* <================ Video Styles =================> */

section.video {
    padding: 120px 0;
    background: linear-gradient(180.00deg, rgba(218, 237, 224, 0),rgb(218, 237, 224) 18.274%,rgb(218, 237, 224) 83.158%,rgba(218, 237, 224, 0) 98.61%);
}

.video__block video {
    width: 100%;
}

.video__block {
    width: 100%;
    overflow: hidden;
    height: 700px;
    border-radius: 40px;
}


.video__block video {
    border-radius: 30px;
}

h3.video__title {
    font-size: 36px;
    font-family: "TT-600";
    color: rgb(26, 117, 55);
}

h5.video__subtitle {
    color: rgb(26, 117, 55);
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

/* Adaptive */

@media screen and (max-width: 800px) {
    .video__block video {
        border-radius: 10px;
    }

    .video__block {
        height: 300px;
        border-radius: 20px;
    }

    section.video {
        padding: 40px 0;
        background: linear-gradient(180.00deg, rgba(218, 237, 224, 0),rgb(218, 237, 224) 18.274%,rgb(218, 237, 224) 83.158%,rgba(218, 237, 224, 0) 98.61%);
    }

    h3.video__title {
        font-size: 20px;
    }

    h5.video__subtitle {
        font-size: 16px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 500px) {
    .video__block {
        width: 90%;
        overflow: hidden;
        margin: 0 auto;
        height: 200px;
    }
}



/* <================ How Styles =================> */

.how {
    margin-bottom: 60px;
}


h3.medium__title {
    font-family: "TT-600";
    font-size: 36px;
}

.how__line {
    display: flex;
    align-items: center;
    border: 3px solid rgb(0, 130, 61);
    border-radius: 10px;
    padding: 16px 20px;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px;
}

.how__line button {
    width: 100%;
    height: 100px;
    text-align: center;
    white-space: wrap;
    background: rgb(235, 255, 245);
    border: 0;
    color: black;
    font-size: 20px;
    font-family: "TT-400";
}

.how__line button.active {
    background: rgb(0, 130, 61);
    color: white;
    font-family: "TT-500";
}

.how__line button:hover {
    background: rgb(189, 255, 220);
}

.how__line button.active:hover {
    background: rgb(0, 130, 61);
    color: white;
}

.how__line button:active {
    background: rgb(0, 130, 61);
    color: white;
}

.how-content {
    display: none;
    justify-content: space-between;
    margin-top: 35px;
    gap: 30px;
}

.how-content.active {
    display: flex;
}

.how-content__text {
    max-width: 33%;
}

.how-content__text h4 {
    font-size: 24px;
    color: rgb(0, 130, 61);
    font-family: "TT-500";
    margin-bottom: 10px;
}

.how-content__text p {
    font-family: "TT-300";
    margin-bottom: 24px;
}

.how-content__text button {
    padding: 8px 23px;
    font-size: 18px;
    font-family: "TT-500";
}

.how-content__photo {
    width: 660px;
    border: 3px solid rgb(0, 130, 61);
    border-radius: 10px;
    overflow: hidden;
}

.how-content__photo img {
    height: 100%;
    object-fit: cover;
}

/* Adaptive */



@media screen and (max-width: 950px) {
    h3.medium__title {
        font-size: 28px;
    }

    .how__line {
        margin-top: 20px;
        padding: 8px;
        border-width: 2px;
        gap: 10px;
    }

    .how__line button {
        font-size: 16px;
        height: 80px;
    }

    .how-content__photo {
        width: 380px;
    }

    .how-content__text h4 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .how-content {
        margin-top: 12px;
    }

    .how-content__text p {
        font-size: 14px;
    }

    .how-content__text button {
        font-size: 16px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 800px) {
    .how-content__photo {
        max-width: 300px;
        width: 100%;
    }

    .how-content__text {
        max-width: 50%;
    }
}

@media screen and (max-width: 670px) {
    h3.medium__title {
        font-size: 20px;
    }

    .how__line {
        flex-direction: column;
        gap: 5px;
    }

    .how__line button {
        height: 36px;
        font-size: 16px;
    }
}

@media screen and (max-width: 580px) {
    .how-content {
        flex-direction: column;
        gap: 10px;
    }

    .how-content__photo {
        max-width: 100%;
        width: 100%;
    }

    .how-content__text {
        max-width: 100%;
    }
}


/* <================ Price Styles =================> */

.price h3.medium__title {
    text-transform: uppercase;
}

.tariffs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 70px;
    gap: 5px;
}

aside.tariff {
    padding: 28px 19px;
    border: 3px solid rgb(26, 117, 55);
    border-radius: 10px;
    color: rgb(26, 117, 55);
    text-align: center;
    width: 250px;
    margin-top: 20px;
}

aside.tariff.top {
    background: rgb(0, 175, 123);
    color: white;
    border-color: rgb(0, 175, 123);
    position: relative;
}

aside.tariff.top:before {
    content: 'Рекомендуем';
    position: absolute;
    top: -3px;
    color: black;
    font-size: 20px;
    font-family: "TT-500";
    padding: 5px 30px;
    border-radius: 30px;

    background: rgb(255, 230, 52);
    z-index: 2;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

aside.tariff h2 {
    font-size: 30px;
    font-family: "TT-700";
    line-height: 1.1;
    margin-bottom: 24px;
    height: 62px;
}

aside.tariff span.it-count {
    font-size: 36px;
    font-family: "TT-700";
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

aside.tariff p.it-comment {
    font-size: 20px;
    margin-bottom: 24px;
}

aside.tariff span.price__count {
    font-size: 36px;
    font-family: "TT-700";
    margin-bottom: 5px;
    line-height: 1;
}

aside.tariff p.price-comment {
    font-size: 20px;
    font-family: "TT-600";
    margin-bottom: 24px;
}

aside.tariff button {
    width: 100%;
    background: rgb(161, 233, 184);
    border: 0;
    height: 35px;
    color: black;
}

aside.tariff button:hover {
    background: rgb(79, 197, 116);
}

/* Adaptive */

@media screen and (max-width: 680px) {
    .tariffs {
        justify-content: center;
        gap: 10px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}


/* <================ Advantages Styles =================> */


section.advantages {
    background: rgb(0, 175, 123);
    padding: 34px 0;
}

img.advantages__title {
    width: 514px;
}

.advantages__inner center h3 {
    color: white;
    font-size: 48px;
    font-family: "TT-500";
    margin-top: 24px;
}

aside.adv__block {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    padding: 20px 14px;
    width: 300px;
    height: 240px;
    padding-top: 12px;
}

aside.adv__block h4 {
    color: rgb(0, 175, 123);
    font-size: 24px;
    font-family: "TT-500";
    text-align: center;
    line-height: 1;
    margin-bottom: 27px;
}

aside.adv__block img {
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 9px;
}

aside.adv__block p {
    text-align: center;
    font-size: 18px;
    text-align: center;
}

.advantages__blocks {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 46px;

    gap: 60px;
    margin-bottom: 40px;
}


/* Adaptive */


@media screen and (max-width: 1200px) {
    .advantages__blocks {
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
    section.advantages {
        padding: 14px 0;
    }

    img.advantages__title {
        width: 285px;
    }

    .advantages__inner center h3 {
        font-size: 24px;
        margin-top: 5px;
    }

    .advantages__blocks {
        margin-top: 20px;
        gap: 20px;
    }
}

@media screen and (max-width: 730px) {
    .advantages__blocks {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    aside.adv__block {
        width: 95%;
        height: auto;
        min-height: 195px;
        padding-top: 10px;
        padding-bottom: 7px;
    }

    aside.adv__block h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    aside.adv__block p {
        font-size: 16px;
    }

    aside.adv__block img {
        max-width: 44px;
    }

    aside.adv__block:first-child img {
        max-width: 35px;
    }
}


/* <================ Motive Styles =================> */

section.motive {
    margin-top: 100px;
    margin-bottom: 110px;
}

h3.motive__title {
    color: rgb(26, 117, 55);
    font-size: 36px;
    font-family: "TT-600";
    margin-bottom: 20px;
}

h5.motive__subtitle {
    color: #525252;
	font-size: 28px;
    margin-bottom: 15px;
    font-family: "TT-500";
}

ol.motive__list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #525252;
    font-size: 24px;
    font-family: "TT-400";
    margin-bottom: 20px;
}

ol.motive__list li {
    margin: 5px 0;
}

ol.motive__list li span {
    color: #459045;
}

.motive button {
    padding: 10px 38px;
    font-size: 20px;
}

/* Adaptive */

@media screen and (max-width: 900px) {
    section.motive {
        margin-top: 15px;
        margin-bottom: 40px;
    }

    h3.motive__title {
        font-size: 24px;
        margin-bottom: 4px;
    }

    h5.motive__subtitle {
        font-size: 20px;
        margin-bottom: 0;
    }

    ol.motive__list {
        font-size: 18px;
        margin-top: 10px;
    }

    ol.motive__list li {
        margin: 2px 0;
    }

    .motive button {
        font-size: 18px;
        padding: 6px 20px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 620px) {
    ol.motive__list {
        font-size: 14px;
        margin-top: 10px;
    }

    h3.motive__title {
        font-size: 18px;
    }

    h5.motive__subtitle {
        font-size: 14px;
    }
}

@media screen and (max-width: 520px) {
    .motive button {
        width: 100%;
    }
}


/* <================ Footer Styles =================> */

footer.footer {
    padding-top: 100px;
    padding-bottom: 40px;
    background: linear-gradient(180.00deg, rgba(49, 105, 49, 0) 0%,rgb(0, 175, 123) 49.935%,rgb(0, 175, 123) 100%);
}

.footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.footer-col.cont img {
    width: 276px;
    margin-bottom: 30px;
}

.footer-data {
    font-family: "TT-600";
    font-size: 18px;
    color: white;
    margin-bottom: 30px;
}

footer a.policy {
    color: white;
    text-decoration: underline;
    font-size: 18px;
    font-family: "TT-500";
    display: block;
    margin-bottom: 10px;
    transition: .3s;
}

footer a.policy:hover {
    color: rgb(243, 244, 243);
}

footer p.copyright {
    margin-top: 30px;
    color: white;
    font-size: 18px;
    font-family: "TT-500";
}

button.footer-btn {
    border-radius: 5px;

    background: rgb(255, 255, 255);
    padding: 10px 0;
    color: black;
    font-size: 20px;
    width: 250px;
    border: 0;
}

button.footer-btn:hover {
    background: rgb(174, 242, 174);
}

.footer__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    width: 250px;
}

.footer-col.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Adaptive */

@media screen and (max-width: 1100px) {
    .footer-col.cont img {
        width: 156px;
        margin-bottom: 20px;
    }

    .footer-data {
        font-size: 14px;
        margin-bottom: 15px;
    }

    footer a.policy {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .footer-col.center img {
        width: 237px;
    }

    button.footer-btn {
        font-size: 18px;
        padding: 6px 0;
        width: 100%;
    }

    .footer__controls {
        gap: 8px;
        width: 200px;
    }
}


@media screen and (max-width: 790px) {
    .footer-col {
        position: relative;
        z-index: 2;
    }
    .footer-col.center {
        top: calc(100% + 20px);
        z-index: 0;
    }

    footer {
        overflow-y: hidden;
    }
}


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

    p.copyright {
        display: none;
    }

    .footer__controls {
        width: 100%;
        margin-top: 20px;
        justify-content: space-between;
    }

    button.footer-btn:nth-child(1) , button.footer-btn:nth-child(2) {
        width: 48%;
    }

    footer.footer .footer__inner {
        padding-bottom: 70px;
    }
}


/* <================ About Us Styles =================> */

.about {
    padding-top: 130px;
    margin-bottom: 240px;
}

.about__inner {
    display: flex;
    align-items: end;
    gap: 20px;
}

h1.about__title {
    color: rgb(26, 117, 53);
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
	margin-top: 30px;
    margin-bottom: 17px;
}

p.about__text-p {
    color: rgb(49, 49, 49);
    font-size: 18px;
}

.about__text {
    max-width: 60%;
}


/* Adaptive */

@media screen and (max-width: 1000px) {
    .about {
        padding-top: 90px;
    }

    h1.about__title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    p.about__text-p {
        font-size: 16px;
    }
}

@media screen and (max-width: 850px) {
    .about {
        padding-top: 120px;
    }
}

@media screen and (max-width: 700px) {
    .about__inner {
        flex-direction: column;
    }

    .about__text {
        max-width: 100%;
    }

    .about__img {
        width: 60%;
        margin: 0 auto;
    }

    .about {
        margin-bottom: 90px;
    }

    h1.about__title {
        font-size: 24px;
    }
}



/* <================ Audience Styles =================> */


h3.left__green-title {
    color: rgb(26, 117, 55);
    font-size: 36px;
    font-family: "TT-600";
    text-transform: uppercase;
    margin-bottom: 2px;
}

h5.audience__subtitle {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "TT-500";
    margin-bottom: 23px;
}

aside.audience__block {
    border-radius: 10px;
    background: rgb(218, 237, 224);
    padding: 36px 34px;
    padding-bottom: 25px;
    margin-bottom: 43px;
}

aside.audience__block:last-child {
    margin-bottom: 0;
}

.audi-person {
    display: flex;
    align-items: center;
    gap: 32px;
    font-family: "TT-300";
    margin-bottom: 20px;
}

.audi-person img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
}

.audi-person__info h4 {
    font-size: 36px;
}

.audi-person__info span {
    color: rgb(90, 90, 90);
    font-size: 24px;
}

.audience__block-content h6 {
    font-size: 16px;
    margin-bottom: 10px;
}

.audience__block-content p {
    font-family: "TT-300";
}

.audience__block-content p span {
    color: #1CC31C;
    font-family: "TT-600";
}

.audience-block__img {
    max-width: 100%;
    width: 100%;
    height: 225px;
    border-radius: 15px;
    overflow: hidden;
    cursor: zoom-in;
}

.audience-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.audience__block-slider {
    margin-top: 32px;
    position: relative;
}

.swiper-audience {
    overflow: hidden;
    width: 100%;
}

.audience .swiper-button-prev, .audience .swiper-button-next {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    background: rgb(54, 75, 255);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: .3s;
    transform-origin: 50% 50%;
}

.audience .swiper-button-prev {
    left: -15px;
}

.audience .swiper-button-next {
    right: -15px;
}

.audience .swiper-button-prev:active , .audience .swiper-button-next:active {
    transform: scale(0.9);
}

.audience .swiper-button-next::after , .audience .swiper-button-prev::after {
    font-size: 0;
    background-image: url("/img/slider_arrow_right.svg");
    width: 16px;
    height: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.audience .swiper-button-prev::after {
    background-image: url("/img/slider_arrow_left.svg");
}

/* Adaptive */

@media screen and (max-width: 900px) {
    h3.left__green-title {
        text-align: center;
        font-size: 20px;
    }

    h5.audience__subtitle {
        font-size: 16px;
        text-align: center;
        margin-bottom: 12px;
    }

    aside.audience__block {
        padding: 22px 12px;
        padding-bottom: 25px;
    }

    .audi-person img {
        width: 70px;
        height: 70px;
    }

    .audi-person {
        margin-bottom: 14px;
        gap: 15px;
    }

    .audi-person__info h4 {
        font-size: 20px;
    }

    .audi-person__info span {
        font-size: 18px;
    }

    .audience__block-content {
        font-size: 14px;
    }

    .swiper-audience {
        width: 90%;
        margin: 0 auto;
    }

    .audience .swiper-button-prev {
        left: 0;
    }
    
    .audience .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 720px) {
    .swiper-slide {
        text-align: center;
    }

    .audience-block__img {
        height: 192px;
        width: 192px;

        margin: 0 auto;
    }

    aside.audience__block {
        margin-bottom: 14px;
    }
}



/* <================ How_blog Styles =================> */

.how__blog {
    margin-top: 85px;
}

.how__blog .how-content:nth-child(3) .how-content__photo {
    height: 100%;
    max-height: 390px;
}

.how__blog .how-content:nth-child(3) .how-content__photo img {
    object-fit: contain;
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
}

/* Adaptive */

@media screen and (max-width: 800px) {
    .how__blog .how-content:nth-child(3) .how-content__photo {
        max-width: 100%;
    }

    .how__blog {
        margin-top: 30px;
    }

    .how__blog .how-content:nth-child(3) .how-content__photo {
        max-height: 290px;
    }

    .how__blog .how-content:nth-child(3) .how-content__photo img {
        max-height: 290px;
    }
}


/* <================ Banner Styles =================> */

article.banner-block {
    margin: 0;
    padding: 0;
    border-radius: 10px;

    background: rgb(0, 175, 123);
    padding: 30px 40px;
    display: flex;
    align-items: center;

    justify-content: space-between;

    gap: 75px;
    margin: 85px 0;
}

.banner-text h2 {
    font-size: 48px;
    color: white;
    text-transform: uppercase;
    font-family: "TT-600";
    margin-bottom: 20px;
}

.banner-text p {
    color: white;
    text-transform: uppercase;
    font-family: "TT-500";
}

.banner-text p b {
    font-family: "TT-600";
    margin-top: 7px;
    display: block;
}

.banner-img {
    width: 171px;
    min-width: 171px;
}


/* Adaptive */

@media screen and (max-width: 900px) {
    article.banner-block {
        padding: 10px 14px;
        margin: 28px 0;
    }

    .banner-text h2 {
        font-size: 28px;
        margin-bottom: 0;
    }

    .banner-text p {
        font-size: 18px;
    }

    .banner-text p b {
        font-size: 16px;
    }

    .banner-img {
        width: 100px;
        min-width: 100px;
    }
}

@media screen and (max-width: 550px) {
    article.banner-block {
        flex-direction: column;
        gap: 0;
    }

    .banner-text h2 {
        font-size: 24px;
    }

    .banner-text p {
        font-size: 14px;
    }

    .banner-text p b {
        font-size: 12px;
    }

    .banner-img {
        width: 57px;
        min-width: 57px;
        margin-left: auto;
    }
}



/* <================ Examples Styles =================> */

.examples h3.medium__title {
    text-transform: uppercase;
    margin-bottom: 60px;
}

.example-info h4 {
    color: rgb(0, 175, 123);
    font-size: 24px;
    font-family: "TT-500";
    margin-bottom: 23px;
}

.example-author img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
}

.example-author {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

.example-author span {
    font-size: 24px;
    font-family: "TT-600";
    max-width: 166px;
}

h2.example-title {
    color: rgb(0, 175, 123);
    font-size: 36px;
    font-family: "TT-500";
}

.example-info {
    max-width: 55%;
}

p.example-description {
    font-size: 20px;
    margin-top: 3px;
    max-width: 80%;
    margin-bottom: 28px;
}

p.example-property {
    font-size: 18px;
    font-family: "TT-600";
}

p.example-property span , p.example-property del {
    color: #00AF7B;
}

article.example {
    display: flex;
    align-items: start;
    gap: 140px;
    margin-bottom: 48px;
    justify-content: space-between;
}

.example-img {
    /* border: 3px solid rgb(0, 130, 61); */
    border-radius: 10px;
    max-width: 380px;
    display: flex;
}

/* Adaptive */

@media screen and (max-width: 1100px) {
    article.example {
        gap: 30px;
    }
}

@media screen and (max-width: 900px) {
    .examples h3.medium__title {
        margin-bottom: 20px;
        margin-top: 40px;
        text-align: left;
    }

    .example-info h4 {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .example-author img {
        width: 80px;
        height: 80px;
    }

    .example-author span {
        font-size: 20px;
    }


    .example-author {
        gap: 15px;
    }

    h2.example-title {
        font-size: 18px;
    }

    p.example-description {
        font-size: 16px;
        margin-bottom: 12px;
    }

    p.example-property {
        font-size: 16px;
    }
}


@media screen and (max-width: 600px) {
    /* article.example {
        flex-direction: column;
        gap: 12px;
    } */

    .example-img {
        max-width: 200px;
    }
}

@media screen and (max-width: 475px) {
    article.example {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 36px;
    }

    .examples h3.medium__title {
        max-width: 275px;
        margin: 0 auto;
    }

    .example-info {
        max-width: 273px;
        width: 100%;
        margin: 0 auto;
    }

    .example-img {
        max-width: 273px;
        margin: 0 auto;
    }

    article.example:nth-child(2) {
        flex-direction: column-reverse;
    }
}


/* <================ Motive-banner Styles =================> */


article.banner-motive {
    padding: 20px 30px;
    border-radius: 10px;

    background: rgb(0, 175, 123);
    margin-top: 60px;
    margin-bottom: 110px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.bm-col h2 {
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
    color: white;
    margin-bottom: 13px;
}

.bm-col {
    max-width: 338px;
    display: flex;
    flex-direction: column;
}

.bm-col p {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    font-family: "TT-300";
    min-height: 100px;
}

.bm-col button.secondary {
    width: 100%;
    border-radius: 10px;

background: rgb(185, 255, 208);
border: 0;
color: black;
height: 40px;
margin-top: 23px;
}

.bm-col button.secondary:hover {
    background: rgb(79, 197, 116);
}


.bm-col button.secondary img {
    width: 35px;
    height: 35px;
    margin-left: 9px;
}

.bm-col img {
    width: 260px;
}

/* Adaptive */

@media screen and (max-width: 1180px) {
    .bm-col h2 {
        font-size: 24px;
        margin-bottom: 1px;
    }

    .bm-col p{
        font-size: 14px;
        min-height: 80px;
    }

    article.banner-motive {
        padding: 12px 14px;
    }

    .bm-col img {
        width: 140px;
    }

    .bm-col {
        max-width: 250px;
    }

    .bm-col button.secondary {
        font-size: 16px;
        height: 35px;
    }

    .bm-col button.secondary img {
        width: 25px;
        height: 25px;
    }
}


@media screen and (max-width: 800px) {
    .bm-col h2 {
        font-size: 20px;
    }
    article.banner-motive {
        flex-direction: column;
        align-items: center;
        position: relative;
        gap: 96px;
        width: 274px;
        margin: 0 auto;
    }

    .bm-col.image {
        transform: rotate(60deg) translateY(-50%) translateX(-50%);
        position: absolute;
        width: 126px;
        top: 55%;
        left: 8%;

    }

    .bm-col button.secondary {
        margin-top: 12px;
        border-radius: 5px;
    }

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

    .bm-col p {
        min-height: 0;
        font-size: 14px;
    }

    .bm-col:last-child h2 , .bm-col:last-child p {
        text-align: right;
    }

    .bm-col:last-child h2 {
        margin-top: 20px;
    }
}


/* <================ Register Styles =================> */


.register__inner {
    display: flex;
    align-items: start;
    height: 100%;
    padding: 30px 44px;
}

.register__preview {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;

    background: rgb(223, 237, 224);
    margin-left: 0;
    height: 100%;
    font-size: 36px;
}

.register__preview h1 {
    color: #a38347;
    font-family: "TT-600";
}


.register__preview ol {
    list-style-type: disc;
}

.register__preview ol li {
    font-family: "TT-300";
    position: relative;
    z-index: 3;
    color: #444444 ;
}

.register__preview {
    position: relative;
    
}

.register__preview img {
    position: absolute;
    right: 180px;
    bottom: 0;
    width: 400px;
    z-index: 0;
}

main.register {
    height: 100vh;
}

.register__col {
    max-width: 620px;
    width: 100%;
    min-width: 520px;
    padding-left: 90px;
    padding-right: 130px;
}

.register__logo {
    margin-bottom: 34px;
    cursor: pointer;
}

h3.register__title {
    font-size: 36px;
    font-family: "TT-500";
    white-space: nowrap;
    text-align: center;
}

p.register__subtitle {
    font-size: 20px;
    color: rgb(96, 96, 96);
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.input-block input {
    outline: none;
    border-radius: 10px;
    background: rgb(209, 255, 222);
    width: 100%;
    padding: 0 13px;
    font-size: 18px;
    font-family: "TT-400";
    border: 2px solid rgb(209, 255, 222);
    transition: .3s;
    height: 45px;
}

.input-block input.error {
    border-color: rgb(255, 69, 69);
    background: rgb(255 200 200);
}

.input-block input.success , 
.input-block input:focus {
    border-color: rgb(26, 117, 53);;
}

.input-block:has(input.success:not([type="radio"])):before {
    opacity: 1;
}

.input-block {
    position: relative;
}

.input-block:has(input:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url('img/check.svg');
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block.link:has(input:not([type="radio"])):before {
    top: 50%;
}

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

.input-block input::placeholder {
    color: rgb(96, 96, 96);
}

p.form-hint {
    font-size: 20px;
    color: rgb(96, 96, 96);
    margin: 7px 0;
    max-width: 100%;
    text-align: center;
}

p.form-hint b {
    font-family: "TT-500";
}

.input-block input[type="radio"] {
    width: 34px;
    height: 34px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    border: 4px solid black;
    background: transparent;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.input-block label {
    cursor: pointer;
}

.input-block input[type="radio"]:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    transition: .3s;
}

.input-block input[type="radio"]:checked:after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.input-block:has(input[type="radio"]) {
    display: flex;
    align-items: center;
    margin-top: 14px;
    gap: 10px;
    font-size: 20px;
}


.input-block.link {
    margin-top: 14px;
    margin-bottom: 4px;
    transition: .3s height, .3s opacity;
    height: 85px;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.register-view-1,
.register-view-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 60px;
}

.input-block.link.hide {
    opacity: 0;
    height: 0;
    z-index: -1;
}

p.link-error {
    color: red;
    font-size: 20px;
    opacity: 0;
}

p.pass-error , p.pass2-error {
    color: red;
    font-size: 14px;
}

p.link-error.show {
    opacity: 1;
}

button.secondary#reg-form-send {
    height: 60px;
    width: 100%;
    font-size: 18px;
}

.register-rules {
    font-size: 12px;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 16px;
}

.register-rules a {
    color: #3751F1;
    white-space: nowrap;
}

.register-support {
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
    color: #666;
}

.register-support + .input-code {
    margin-top: 8px;
}

.register-support a {
    color: #3751F1;
    white-space: nowrap;
}

/* Стили для чекбокса согласия */
.register-consent {
    margin-top: 10px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.consent-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
    max-width: 500px;
}

.consent-label input[type="checkbox"] {
    margin-top: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: #3751F1;
}

.consent-text {
    color: #333;
}

.consent-text a {
    color: #3751F1;
    text-decoration: underline;
    white-space: nowrap;
}

.consent-text a:hover {
    color: #2a3fc9;
}

/* Disabled состояние для кнопки регистрации */
button.secondary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.radio-row {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.radio-row .input-block.rad {
    margin: 0;
}

p.register-form-toggle {
    font-family: "TT-500";
    font-size: 22px;
    text-align: center;
}

p.register-form-toggle a {
    font-family: "TT-700";
    text-decoration: underline;
    color: black;
}

a.register-confirm {
    color: rgb(55, 81, 241);
    font-size: 20px;
    cursor: pointer;
}

[id^="second__stag"] , [id^="third__stage"] {
    display: none;
}

a.forgot__password {
    font-size: 16px;
    margin-bottom: 16px;
    text-decoration: underline;
    color: black;
    display: block;
}

main.auth h3.register__title[id^="second__stage"] , main.auth h3.register__title[id^="third__stage"] {
    margin-top: 90px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input-code input {
    margin-top: 18px;
    margin-bottom: 10px;
    width: 52px;
    height: 52px;
    border-radius: 13px;
    background: rgb(223, 237, 224);
    border: 2px solid rgb(223, 237, 224);
    font-size: 36px;
    font-family: "TT-600";
    text-align: center;
    padding: 5px 0;
    margin-right: 7px;
    outline: 0;
}

.input-code input.error {
    border-color: red;
}

.input-code input:focus {
    border: 2px solid rgb(26, 117, 53);
}

.input-block.cp {
    margin-top: 32px;
}

.input-block.cp + .input-block {
    margin-bottom: 32px;
}

p.code-error {
    display: none;
    color: red;
    font-size: 16px;
    margin-bottom: 20px;
}


p.repeat-code {
    color: black;
    /* display: flex; */
    gap: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    align-items: center;
}

p.repeat-code a {
    color: black;
    text-decoration: underline;
    font-family: "TT-500";
    transition: .3s;
    opacity: 1;
    cursor: pointer;
}

p.repeat-code a.dis {
    opacity: 0.5;
    text-decoration: none;
    cursor: default;
}

.register-view-1,
.register-view-2 {
    transition: 2s all;
}

.register-view-1.hide,
.register-view-2.hide {
    opacity: 0;
}

/* Adaptive */

@media screen and (max-width: 1850px) {
    .register__preview img {
        width: 200px;
        right: 20px;
    }

    .register__preview h1 {
        font-size: 36px;
    }

    .register__preview ol li {
        font-size: 20px;
    }

    .register-view-1,
    .register-view-2 {
        padding: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .register__preview {
        font-size: 14px;
    }

    .register__col {
        padding-right: 44px;
        padding-left: 0px;
        padding-bottom: 60px;
    }

    .input-block.link:has(input:not([type="radio"])):before {
        top: auto;
        bottom: 20px;
        transform: translateY(0);
    }
}

@media screen and (max-width: 850px) {
    .register__preview {
        display: none;
    }

    .register__col {
        padding: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 700px) {
    .register__logo {
        width: 207px;
        height: 43px;
        margin: 0 auto;
        margin-bottom: 23px;
    }

    h3.register__title {
        font-size: 20px;
    }

    p.register__subtitle {
        font-size: 16px;
    }

    .input-block input {
        height: 40px;
        font-size: 16px;
        padding: 0 14px;
    }

    p.form-hint {
        font-size: 16px;
    }

    .input-block input[type="radio"] {
        width: 26px;
        height: 26px;
        margin: 0;
        padding: 0;
        border-width: 2px;
    }

    .input-block input[type="radio"]:after {
        width: 16px;
        height: 16px;
    }

    .input-block:has(input[type="radio"]) {
        gap: 8px;
        font-size: 16px;
    }

    button.secondary#reg-form-send {
        height: 50px;
        font-size: 16px;
    }

    .register-rules {
        font-size: 12px;
    }

    p.register-form-toggle {
        font-size: 18px;
    }

    .register__col {
        min-width: 0;
    }

    .register__inner {
        padding: 14px 20px;
    }

    p.link-error {
        font-size: 14px;
    }

    .input-block:has(input:not([type="radio"])):before {
        width: 20px;
        height: 20px;
    }

    .input-block.link:has(input:not([type="radio"])):before {
        top: auto;
        bottom: 35px;
        transform: translateY(0);
    }

    .input-code {
        margin-top: 16px;
        margin-bottom: 50px;
    }

    .input-code input {
        font-size: 24px;
        border-width: 1px;
        width: 42px;
        height: 42px;
        margin-right: 6px;
        margin: 0;
    }
}


@media screen and (max-width: 500px) {
    .input-block.link:has(input:not([type="radio"])):before {
        top: 30px;
        transform: translateY(0);
    }
}

@media screen and (max-width: 358px) {
    .input-block.link:has(input:not([type="radio"])):before {
        top: 30px;
        transform: translateY(0);
    }
}



/* <================ Policy Styles =================> */

h1.policy__title {
    margin-top: 120px;
    text-align: center;
    color: rgb(26, 117, 53);
    font-size: 48px;
    font-family: "TT-600";
    text-transform: uppercase;
}

ol.level__one {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 60px;
}

ol.level__one ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol.level__one > li {
    color: #00AA32;
    font-family: "TT-600";
    margin-left: 8px;
}

ol.level__one li::before {
    font-family: "TT-600";
    margin-right: 5px;
    color: black;
}

ol.level__one > li p , ol.level__one > li li {
    font-family: "TT-500";
    color: black;
    margin-bottom: 15px;
}

/* Adaptive */

@media screen and (max-width: 900px) {
    h1.policy__title {
        font-size: 20px;
    }

    ol.level__one > li p , ol.level__one > li li {
        margin-bottom: 9px;
        font-family: "TT-400";
        font-size: 14px;
    }
}



/* <================ Inner-Main Styles =================> */

.layout {
    padding: 28px;
}

.sidebar-menu {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    width: 370px;
    min-width: 370px;
    max-width: 370px;
    padding: 14px 30px;
}

.sidebar-logo {
    padding: 0 45px;
    margin-bottom: 10px;
}

.sidebar__icons , .sidebar__icons-controls {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    padding: 10px 12px;
}

.sidebar__icons-controls button.secondary.need-activation {
	border-radius: 10px;
	background-color: #ff5e5e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.need-activation:hover {
	border-radius: 10px;
	background-color: #ff5e5e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.half-activation {
	border-radius: 10px;
	background-color: #006cff !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.half-activation:hover {
	border-radius: 10px;
	background-color: #006cff !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.full-activation {
	border-radius: 10px;
	background-color: #50af4e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary.full-activation:hover {
	border-radius: 10px;
	background-color: #50af4e !important;
	color: #fff !important;
	width: 100%;
    height: 40px;
    border: 0;
    font-size: 18px;
    font-family: "TT-400";
}

@media screen and (max-width: 1000px) {
    .sidebar__icons-controls button.secondary.need-activation {
        font-size: 16px;
		height: 48px;
	}

	.sidebar__icons-controls button.secondary.half-activation {
        font-size: 16px;
	}

	.sidebar__icons-controls button.secondary.full-activation {
        font-size: 16px;
	}
}

.sidebar__icons {
    margin-bottom: 14px;
}

.sidebar__icons-title {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.sidebar__icons-title p {
    color: rgb(49, 49, 49);
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.sidebar__icons-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar__icons-rating img {
    width: 18px;
}

.sidebar__icons-rating img.zoomed {
    width: 24px;
}

.sidebar__icons-rating span {
    color: rgb(49, 49, 49);
    font-family: "TT-700";
    font-size: 18px;
}

.sidebar__icons-row {
    display: flex;
    align-items: center;
    gap: 36px;
    margin-top: 13px;
}

.sidebar__icons-row img {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
}

.sidebar__icons-controls {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar__icons-controls button.secondary , .sidebar__balance button.secondary {
    background: rgb(218, 237, 224);
    width: 100%;
    height: 40px;
    border: 0;
    color: rgb(0, 133, 66);
    font-size: 18px;
    font-family: "TT-400";
}

.sidebar__icons-controls button.secondary:hover , .sidebar__balance button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.sidebar__icons-controls button.secondary:active , .sidebar__balance button.secondary:active {
    background: rgb(160, 221, 164);
}

nav.sidebar-links {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    padding-bottom: 120px;
}

h5.sidebar-title {
    text-transform: uppercase;
    color: rgb(139, 139, 139);
    font-size: 18px;
    font-family: "TT-400";
    margin-bottom: 2px;
    margin-top: 20px;
}

h5.sidebar-title:first-child {
    margin-top: 0;
}

a.sidebar-link {
    border-radius: 10px;

    background: transparent;

    height: 40px;

    width: 100%;
    display: flex;
    align-items: center;

    padding: 7px 10px;
    gap: 14px;

    font-size: 18px;
    color: black;
    text-decoration: none;

    transition: .3s;
}

.sidebar__icons-controls a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

a.sidebar-link .sidebar-link-block {
    width: 30px;
}

a.sidebar-link .sidebar-link-block img {
    width: auto;
    display: block;

    margin: 0 auto;
}


a.sidebar-link span {
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    padding: 0 7px;
    min-width: 22px;
    height: 22px;
    background: rgb(255, 66, 66);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-left: auto;
}

/* Зеленый счетчик для каталога блогеров */
a.sidebar-link[data-content="catalog"] span {
    background: #4a9e54;
}

.sidebar__icons-controls button.secondary.active {
    background: rgb(160, 221, 164);
    color: black;
}

a.sidebar-link:hover {
    background: rgb(228, 255, 242);
}

a.sidebar-link:active , a.sidebar-link.active {
    background: rgb(255, 255, 255);
}

.layout {
    display: flex;
    gap: 35px;
}

section.page-content {
    font-size: 16px;
    color: red;
    transition: 0.3s;
    opacity: 1;
}

section.page-content.fade-out {
    opacity: 0;
}

.sidebar-menu {
    position: fixed;
    top: 10px;
    left: 10px;
    height: 100vh;
    overflow-y: scroll;
}

.sidebar-menu::-webkit-scrollbar {
    display: none;
}

.layout {
    padding-left: 400px;
}

/* Adaptive */

.sidebar-toggle {
    display: none;
}


@media screen and (max-width: 1000px) {
    .sidebar-menu {
        position: fixed;
        left: 0;
        top: 0;
        border-radius: 0;
        height: 100vh;
        z-index: 20;
        width: 260px;
        min-width: 260px;
        max-width: 260px;
        padding: 16px 10px;
        overflow-y: scroll;
    }

    .sidebar-menu::-webkit-scrollbar {
        display: none;
    }

    .sidebar-logo {
        padding: 0;
        width: 160px;
        margin-right: auto;
        margin-bottom: 13px;
    }

    .sidebar__icons-title p {
        font-size: 16px;
    }

    .sidebar__icons-row img {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        height: 58px;
        min-height: 58px;
        max-height: 58px;
    }

    .sidebar__icons-row {
        gap: 20px;
    }

    .sidebar__icons-controls button.secondary {
        font-size: 16px;
        height: 35px;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .sidebar-toggle {
        position: fixed;
        left: 8px;
        border-radius: 5px;
        background: rgb(242, 242, 242);
        height: 40px;
        width: 40px;
        top: 8px;
        z-index: 25;
        display: block;
        transition: 0.5s;
    }

    .sidebar-toggle span, .sidebar-toggle:after, .sidebar-toggle:before{
        height: 4px;
        width: 100%;
        position: absolute;
        background: #000000;
        margin: 0 auto;
        width: 25px;
        border-radius: 6px;
        margin-left: 6px;
        transition: 0.5s; 
    }
    .sidebar-toggle span{
        top: 18px;
    }
    .sidebar-toggle:after, .sidebar-toggle:before{
        content: '';
    }
    .sidebar-toggle:after{
        bottom: 9px;
        width: 20px;
    }
    .sidebar-toggle:before{
        top: 9px;
        width: 28px;
    }

    .sidebar-toggle.open-menu span {
        opacity:0; 
        transition: 0.5s; 
    }
    .sidebar-toggle.open-menu:before {
        transform: rotate(45deg);
        top: 18px;
        transition: 0.4s;
        width: 28px;
    }
    .sidebar-toggle.open-menu:after {
        transform: rotate(-45deg);
        bottom: 18px;
        transition: 0.4s;
        width: 28px;
    }

    .sidebar-toggle.open-menu {
        left: 268px;
    }

    a.sidebar-link {
        font-size: 16px;
    }

    .sidebar-menu {
        transition: 0.5s;
        transform: translateX(-100%);
    }

    .sidebar-menu.open {
        transform: translateX(0);
        
    }

    html:has(.sidebar-menu.open)  {
        max-height: 100vh !important;
        overflow-y: hidden;
    }

    .layout {
        padding-left: 20px;
    }
}


/* <================ Menu Styles =================> */

section.page-content {
    color: black;
    font-size: 16px;
    width: 100%;
    margin-right: 8vw;
}

.nav-bar__title {
    display: flex;
    align-items: center;
    color: black;
    gap: 24px;
}


.nav-bar__title h6 {
    font-size: 16px;
    white-space: nowrap;
}

.nav-bar__title h6:last-child {
    color: rgb(158, 158, 158);
}

.nav-bar__title img {
    width: 12px;
}

h3.nav-title {
    margin-top: 13px;
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 23px;
}

.nav-bar hr {
    background: rgb(150, 150, 150);
    height: 2px;
    width: 100vw;
}

.nav-bar.catalog {
    z-index: 11;
}

@media screen and (max-width: 1000px) {
    .nav-bar__title h6 {
        font-size: 14px;
        max-width: 100px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .nav-bar__title {
        gap: 10px;
        width: 100%;
        justify-content: end;
    }

    .nav-bar__title img {
        width: 6px;
    }

    .nav-bar {
        position: relative;
        margin-top: 20px;
    }

    section.page-content {
        margin-right: 0;
    }

    h3.nav-title {
        margin: 0;
        font-size: 18px;
        position: absolute;
        right: 0;
        bottom: 37px;
    }

    .nav-bar {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        z-index: 11;
        background: white;
        padding-top: 50px;
        margin: 0;
        padding-right: 20px;
    }

    h3.nav-title {
        right: 20px;
        max-width: 230px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .nav-bar hr {
        margin-bottom: 0;
    }

    section.page-content {
        padding-top: 50px;
    }
}



/* <================ Chat Styles =================> */

.chat-page {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}

.chat-container {
    border-radius: 15px;
    background: #459045;
    padding: 24px 25px;
    padding-bottom: 10px;
    width: 790px;
    height: 625px;
}

.chat-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.chat-header img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.chat-header h4 {
    color: white;
    font-size: 20px;
    font-family: "TT-400";
}

.chat-header h4 b {
    font-family: "TT-500";
}

.chat-wrapper {
    background: white;
    border-radius: 10px;
    height: 434px;
    padding: 10px;
    max-height: 434px;
}

ol.message-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    overflow-y: scroll;
    max-height: 413px;
    padding-right: 20px;
}

ol.message-list::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

ol.message-list::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

ol.message-list::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

ol.message-list li {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    padding: 6px 11px;
    font-size: 18px;
    max-width: 380px;
    word-break: break-word;
}

.message-info {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: rgb(158, 158, 158);
}

.message-info span {
    margin-right: 5px;
    display: block;
}

.message-info .message-status {
    width: 15px;
    margin-right: auto;
}

ol.message-list li.my {
    background: #459045;
    color: white;
    margin-left: auto;
}

ol.message-list li p {
    white-space: break-spaces;
}

ol.message-list li.my .message-info {
    color: white;
}

ol.message-list li.date-exploder {
    text-align: left;
    font-size: 18px;
    margin: 10px auto;
    background-color: #f3f4f6 !important;
    border-radius: 12px;
    padding: 10px 16px;
    list-style: none;
    max-width: 70%;
}

ol.message-list li:not(.my) .message-status {
    display: none;
}

ol.message-list li:not(.my) .message-info {
    justify-content: space-between;
}

.chat-field textarea {
    outline: none;
    transition: 0.3s;
    resize: none;
    
    width: calc(100% - 50px);
    background: transparent;
    font-size: 16px;
    padding: 0 13px;
    font-family: "TT-400";
    padding-bottom: 6px;
    padding-top: 10px;
    border: 0;
    max-height: 150px;
    padding-top: 0;
}

.chat-field textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.chat-field textarea::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

.chat-field textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

.chat-field:has(textarea:focus) {
    border: 2px solid black;
}

.chat-container {
    position: relative;
}

.chat-field {
    margin-top: 8px;
    display: flex;
    border: 2px solid white;
    border-radius: 10px;
    background: white;
    overflow: hidden;
    transition: 0.3s;
    margin-bottom: 10px;
    min-height: 45px;
    width: 100%;
    padding: 6px 0;
    padding-top: 9px;
}

.chat-field img {
    width: 25px;
    position: absolute;

    bottom: 5px;
    left: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.chat-field img:hover {
    transform: scale(1.05);
}

.chat-field img:active {
    transform: scale(0.98);
}

.chat-field-send {
    position: relative;
}

.chat-clip {
    margin-top: 65px;
    transition: 0.3s;
    display: inline-block;
    
}

.chat-clip label:hover span{
    color: rgb(215, 215, 215);
}

.chat-clip label {
    display: flex;
    gap: 10px;
    cursor: pointer;
    justify-content: flex-start;
}

.chat-clip label img {
    width: 20px;
}

.chat-clip label span {
    color: white;
    font-size: 16px;
    transition: .3s;
    max-width: 200px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.chat-clip input[type="file"] {
    display: none;
}

.mask.in {
    z-index: 30;
}

.img-focus.chats {
    z-index: 35;
}

.img-focus.chats.hide {
    z-index: -1;
}

.chat-list-block {
    width: 40%;
}

@media screen and (max-width: 1650px) {
    .chat-list-block {
        width: unset;
    }
}


li.my {
    transform: translateX(0px);
    opacity: 1;
    transition: 0.3s;
}


li.my.faded {
    transform: translateX(10px);
    opacity: 0;
}


.chat-list {
    border-radius: 15px;
    background: #f7f7f7;
    list-style: none;
    max-height: 641px;
    height: auto;
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.chat-list ol {
    overflow-y: scroll;
    max-height: inherit;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}

li.chat-li {
    border-radius: 15px;
    padding: 21px 22px;
    display: flex;
    align-items: start;
    gap: 10px;
    transition: .3s;
    cursor: pointer;
    position: relative;
}

li.chat-li.unread::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background: rgb(255, 69, 69);
    border-radius: 50%;
    right: 16px;
    top: 26px;
}

li.chat-li.active , li.chat-li:hover {
    background: #dedede;
}

li.chat-li img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 70px;
}

.chat-list ol::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.chat-list ol::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

.chat-list ol::-webkit-scrollbar-track {
    background: white;
    border-radius: 6px;
}

.chat-list ol::-webkit-scrollbar-button {
    background: transparent;
}

.chat-info h5 {
    font-size: 16px;
    font-family: "TT-600";
    text-decoration: underline;
    color: rgb(24, 24, 255);
    margin-right: 30px;
    display: inline-flex;
}

.chat-info p {
    font-size: 16px;
    font-family: 'TT-500';
    font-weight: bold;
}

.chat-info p span {
    opacity: 80%;
    font-family: 'TT-400';
    font-weight: normal;
}


.chat-info p a {
    color: rgb(24, 24, 255);
    font-family: "TT-500";
    text-decoration: underline;
}

.chat-container {
    height: auto;
    min-height: 640px;
    height: 0%;
}

.chat-clip {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    gap: 8px;
}

.message-info .message-status {
    margin-left: 4px;
    margin-right: 0;
}

span.file-remove {
    color: rgb(207, 0, 0);
    cursor: pointer;
}

.chat-list.full {
    height: 100%;
    max-height: none;
}

span.file-remove p {
    display: none;
}

.message-info p {
    margin-left: auto;
    padding-left: 10px;
}

/* Adaptive */

@media screen and (max-width: 1650px) {
    .chat-page {
        flex-direction: column-reverse;
    }

    .chat-container {
        width: 100%;
    }

    .chat-list {
        max-height: 400px;
        height: auto;
    }
}

.arrow-back {
    display: none;
}


@media screen and (max-width: 650px) {
    /* .chat-container {
        display: none;
    }

    .chat-container.open {
        display: block;
    } */

    

    .chat-list ol::-webkit-scrollbar {
        display: none;
    }

    .chat-list ol {
        padding-right: 0;
    }

    .chat-list ol li {
        padding: 11px 17px;
    }

    .chat-list {
        padding-right: 0;
        height: 620px;
        max-height: unset;
    }

    li.chat-li.unread::after {
        top: 11px;
    }

    .chat-list:has(ol.hide) {
        display: none;
    }

    .chat-container {
        background: transparent;
        padding: 0;
    }

    .chat-header h4 {
        color: black;
        font-size: 16px;
    }

    .chat-header h4 b {
        display: block;
        white-space: nowrap;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .arrow-back {
        display: flex;
        margin-right: 8px;
        align-items: center;
    }

    .arrow-back img {
        width: 30px;
        object-fit: contain;
    } 

    ol.message-list li {
        font-size: 16px;
        padding: 6px;
        max-width: 226px;
    }

    .message-info span , .message-info p {
        font-size: 12px;
    }

    .message-info {
        margin-top: 7px;
    }

    .chat-field {
        background: rgb(255, 255, 255);
        width: 100%;
        border: 2px solid rgb(189, 189, 189);
        min-height: 40px;
    }

    .chat-field textarea {
        max-height: 100px;
        -webkit-overflow-scrolling: auto !important;
    }

    .chat-clip {
        margin-top: 8px;

        
        text-align: center;
        padding: 0 11px;
        position: relative;
        height: auto;
        align-items: center;
        display: flex;
        transition: 0.3s;
        padding: 0;
    }

    .chat-clip {
        display: flex;
        flex-direction: column;
    }

    .chat-clip label {
        background: #459045;
        width: 100%;
        height: 40px;
        border-radius: 10px;
        padding-left: 10px;
        align-items: center;
        display: flex;
    }


    .chat-clip:active {
        background: rgb(0, 120, 36);
    }

    .chat-list-block {
        transition: .3s all;
        background: white;
        position: absolute;
        top: 100px;
        width: calc(100% - 20px);
    }

    .chat-list-block.hide {
        transform: translateX(-120%);
        /* width: 0;
        overflow: hidden;
        height: 0; */
        position: absolute;
        top: 100px;
    }

    .chat-page {
        display: flex;
        gap: 0;
    }

    .chat-container {
        transition: .3s;
        transform: translateX(120%);
    }

    .chat-container.not__width {
        width: 0;
    }

    .chat-container.open {
        transform: translateX(0);
        position: fixed;
        top: 90px;
        width: calc(100vw - 22px);
        bottom: 0;
        /* height: calc(100vh - 90px); */
    }

    span.file-remove b {
        display: none;
    }

    span.file-remove p {
        text-decoration: underline;
        display: block;
    }

    .chat-clip label span {
        font-size: 14px;
        text-align: center;
        left: 50%;
        margin: 0;
        padding: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateX(-20px);
        max-width: 200px;
        white-space: nowrap;
        overflow-x: hidden;

        text-overflow: ellipsis;
    }

    .chat-field {
        bottom: 60px;
    }

    .chat-field textarea {
        font-size: 14px;
    }

    .chat-field img {
        bottom: 4px;
    }

    ol.message-list {
        padding-right: 0;
        padding-left: 0;
    }

    ol.message-list::-webkit-scrollbar {
        width: 3px;
        display: none;
    }

    .chat-wrapper {
        padding: 0;
    }

    .layout {
        padding: 20px 12px;
    }

    .chat-header {
        position: fixed;
        background: white;
        width: 100vw;
        padding-bottom: 10px;
        top: 0px;
    }

    .chat-page {
        margin-top: 0;
    }

    .chat-wrapper {
        margin-top: 60px;
        height: 100%;
        max-height: calc(100% - 172px);
    }

    .chat-wrapper.full-view {
        margin-top: 50px;
        height: 100%;
        max-height: calc(100% - 60px);
    }

    .chat-header img {
        width: 35px;
        height: 35px;
    }

    .chat-header h4 {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
        max-width: 200px;
    }

    /*.chat-wrapper ol {
        position: relative;
        z-index: 1000;
    }*/

    .chat-container {
        display: block;
        min-height: 0;
    }

    body:has(.chat-container.open) {
        overflow-y: hidden;
    }

    ol.message-list {
        max-height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .chat-footer {
        position: fixed;
        width: 100%;
        background: white;
        bottom: 0px;
    }

    section.page-content:has(.chat-container.open) {
        padding-top: 70px;
    }

    .chat-header {
        margin-bottom: 0;
    }

    .chat-wrapper ol {
        overflow-y: auto;
        overscroll-behavior: contain;
        overscroll-behavior-y: contain;
        transform: translateZ(0);
        display: block;
        padding-bottom: 4px;
    }

    .chat-wrapper ol li {
        margin-top: 17px;
    }

    .chat-wrapper ol li:first-child {
        margin-top: 0;
    }

    li.chat-li.active , li.chat-li:hover {
        background: unset;
    }

    li.chat-li { background: #edecee; }
    li.chat-li:nth-child(odd) { background: #e9fff6; }

    p.error.noOrders {
        margin-top: 10px;
    }
}

/* <================ Кастомные селекты (new-select) =================> */
/* Восстановлено из старой версии для исправления фильтра в чатах */

.new-select {
    position: relative;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 40px;
    padding: 0 12px;
    padding-right: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: "TT-500";
    margin-bottom: 20px;
    min-width: 0;
    flex-shrink: 1;
}

.select-block {
    width: 100%;
}

.new-select span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-width: calc(100% - 30px);
    min-width: 0;
    display: block;
}

.new-select:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2.5px solid #000;
    border-bottom: 2.5px solid #000;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    transform: rotate(45deg);
    transform-origin: 5px 5px;
    transition: transform 0.2s ease;
}

.card--footer {
    position: relative;
    display: flex;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.new-select ol {
    position: absolute;
    display: none;
    z-index: 100;
    background: white;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 0;
    top: calc(100% + 5px);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    font-family: "TT-400";
    opacity: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.new-select ol li:hover {
    background: #f1f1f1;
    border-radius: 5px;
}

.new-select ol li.rejected {
    color: #ff0000 !important;
}

/* Стиль для сообщения "нет проектов" */
.new-select ol li.no-projects {
    color: #999;
    text-align: center;
    font-style: italic;
    cursor: default;
    pointer-events: none;
}

.new-select ol li.no-projects:hover {
    background: transparent;
}

/* Стиль для кнопки с отклоненным проектом */
.btn--secondary[style*="background: rgb(255, 223, 223)"] {
    background: #ffdfdf !important;
}

/* Состояния кнопки интеграции */
.btn--secondary.rejected-state {
    background: #ffdfdf !important;
    color: #000 !important;
}

.btn--secondary.pending-state {
    background: #b5b5b5 !important;
    color: #fff !important;
}

.btn--secondary.active-state {
    background: #b5b5b5 !important;
    color: #fff !important;
}

/* Замороженный аккаунт */
.btn--secondary.freezed {
    background: #b5b5b5 !important;
    color: #fff !important;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn--secondary.freezed:hover {
    background: #b5b5b5 !important;
}

.new-select ol li{
    padding: 10px 10px;
    margin: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-select.open ol {
    display: block;
    z-index: 10;
    opacity: 1;
}

.new-select.open {
    border: 3px solid #26a668;
}

.new-select.open:after {
    transform: rotate(225deg);
    margin-top: -1px;
}

/* <================ Support Styles =================> */

.support-container {
    margin-top: 40px;
}

h2.support__title {
    font-size: 20px;
    font-family: "TT-600";
    margin: 0;
}

h5.support__subtitle {
    font-size: 16px;
    font-family: "TT-400";
    color: rgb(158, 158, 158);
    margin: 0;
}

.support-flex {
    margin-top: 25px;
    display: flex;
    align-items: start;
    gap: 60px;
}


.support-flex img {
    width: 365px;
}

.support-flex .input-block input {
    background: rgb(225, 225, 225);
    border-color: transparent;
}

.support-flex form {
    width: 790px;
}

.support-flex .input-block input:focus {
    border-color: #316931;
}

.support-flex .input-block {
    margin-bottom: 12px;
}


.support-flex .input-block input.error , .support-flex .input-block textarea.error {
    border-color: red;
}

.support-flex .input-block input.success , .support-flex .input-block textarea.success {
    border-color: limegreen;
}


.support-flex .input-block textarea {
    border-radius: 10px;
    background: rgb(245, 245, 245);
    padding: 10px 15px;
    border-width: 2px;
    border-color: transparent;
    outline: 0;
    transition: 0.3s;
    font-family: "TT-400";
    font-size: 16px;
    resize: none;
    width: 100%;
    min-height: 100px;
    max-height: 200px;
}


.support-flex .input-block textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

.support-flex .input-block textarea::-webkit-scrollbar-thumb {
    background: rgb(0, 170, 50);
    border-radius: 6px;
}

.support-flex .input-block textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

.support-flex .input-block {
    width: 100%;
}

.support-flex .input-block textarea:focus {
    border-color: #316931;
}

.support-flex .input-block textarea::placeholder {
    color: rgb(137, 136, 136);
}

.support-flex button.secondary {
    margin-top: 5px;
    border-radius: 10px;

    background: rgb(160, 221, 164);
    border-color: transparent;
    color: black;
    font-size: 16px;
    width: 385px;
    height: 40px;
}

.support-flex button.secondary:hover {
    background: rgb(79, 197, 116);
}

/* Adaptive */

@media screen and (max-width: 1300px) {
    .support-flex img {
        width: 150px;
    }

    .support-flex {
        gap: 20px;
    }
}


@media screen and (max-width: 650px) {
    .support-flex img {
        display: none;
    }

    .support-container {
        margin-top: 10px;
        padding-right: 10px;
    }

    h2.support__title {
        font-size: 18px;
    }

    h5.support__subtitle {
        font-size: 14px;
    }

    .support-flex {
        margin-top: 20px;
    }

    .support-flex .input-block {
        margin-bottom: 10px;
    }

    .support-flex button.secondary {
        width: 100%;
    }
}

/* <================ Guides Styles =================> */

.guides-grid {
    display: grid;
    grid-auto-flow: row;

    width: 80%;

    grid-template-columns: repeat(auto-fit, minmax(325px, 325px));

    gap: 80px;
    margin-top: 30px;
}

article.guide {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: rgb(225, 225, 225);
    padding-bottom: 13px;
    overflow: hidden;
    min-width: 385px;
}

article.guide video {
    width: 100%;
    border-radius: 10px;
}

h4.guide-title {
    padding-left: 12px;
    margin-top: 8px;
    font-size: 18px;
    font-family: "TT-500";
    margin-bottom: 7px;
    line-height: 1;
}

article.guide span {
    color: rgb(166, 166, 166);
    font-size: 16px;
    padding-left: 12px;
}

article.guide.exc span {
    color: rgb(0, 170, 50);
}

/* Adaptive */ 

@media screen and (max-width: 1000px) {
    .guides-grid {
    
        grid-template-columns: repeat(auto-fit, minmax(385px, 1fr));
    
    }

    .guides-grid {   
        width: 100%;
    }
}


@media screen and (max-width: 550px) {
    article.guide {
        min-width: 290px;
    }
    .guides-grid {
    
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    
        gap: 17px;
        margin-top: 18px;
    }
}


/* <================ Notify Styles =================> */


ol.notify-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 17px;
    max-width: 50%;
}

p.notice-header {
    display: flex;
    gap: 8px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 25px;
    flex-wrap: wrap;
    align-items: center;
}

ol.notify-list li {
    border-bottom: 2px solid black;
    transition: .3s;
}

.notice p.notice-header span {
    font-size: 18px;
    color: #459045;
    font-family: "TT-400";
    font-weight: normal;
}

.notice.unread p.notice-header span {
    color: #FF4545;
    font-family: "TT-500";
}

p.notice-body {
    font-size: 18px;
}


p.notice-body a {
    text-decoration: underline;
    color: #3751F1;
}

a.notice-link {
    color: #00AA32;
    font-family: "TT-500";
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 18px;
    position: relative;
}

a.notice-link:after {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    width: 100%;
    background: #00AA32;
    height: 2px;
    transition: 0.3s;
}

li.notice .notice-header button {
    display: none;
}

li.notice.unread .notice-header button {
    display: flex;
}

p.notice-header button.secondary {
    border: 0;
    border-radius: 6px;
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
}

/* Adaptive */


@media screen and (max-width: 1000px) {
    ol.notify-list {
        max-width: 100%;
        width: 100%;
    }

    p.notice-header {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .notice p.notice-header span {
        font-size: 16px;
    }

    p.notice-body {
        font-size: 16px;
    }

    a.notice-link {
        margin-top: 16px;
    }

    a.notice-link:after {
        height: 1px;
    }

    p.notice-header button.secondary {
        font-size: 16px;
    }
}


/* <================ Feedbacks Styles =================> */

ol.feedback-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 40px;
}

li.feedback-block {
    border-radius: 10px;
    background: rgb(246, 246, 246);
    padding: 9px;
    width: 60%;
    margin-bottom: 10px;
}

.feedback-header {
    color: rgb(162, 162, 162);
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 13px;
    margin-bottom: 6px;
}

.feedback-stars {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feedback-stars img {
    width: 15px;
}

p.feedback-order {
    color: #459045;
    font-family: "TT-400";
    font-size: 16px;
    margin-bottom: 2px;
}

p.feedback-order span {
    font-family: "TT-500";
}

p.feedback-text {
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 4px;
}


/* Adaptive */

@media screen and (max-width: 1270px) {
    li.feedback-block {
        width: 100%;
    }
}


@media screen and (max-width: 550px) {
    .feedback-header {
        font-size: 14px;
        justify-content: space-between;
    }

    .feedback-header img {
        height: 15px;
        margin-bottom: 4px;
    }

    p.feedback-order {
        font-size: 14px;
    }

    p.feedback-text {
        font-size: 14px;
    }

    ol.feedback-list {
        margin-top: 27px;
    }

    li.feedback-block {
        margin-bottom: 12px;
    }
}

/* <================ Popup Styles =================> */

.popup {
    border-radius: 15px;
    background: rgb(255, 255, 255);
    padding: 22px 0;
    width: 500px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 90;
	max-width: 90vw;
}

.popup.success {
    border: 2px solid rgb(0, 170, 50);
}

h5.popup-notice {
    font-size: 18px;
    font-family: "TT-600";
    margin-top: 10px;
}

.popup button.secondary {
    height: 40px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 16px;
    font-family: "TT-400";
    border: 0;
}

.popup.success button.secondary {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
}

.popup.success button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.popup.error button.secondary:hover {
    background: rgb(255, 201, 201);
    color: black;
}

.popup.error button.secondary {
    background: rgb(237, 218, 218);
    color: rgb(133, 0, 0);
}

.popup.error {
    border: 2px solid rgb(170, 0, 0);
}

.popup.hide {
    display: none;
}




/* <================ Orders Styles =================> */


aside.order-block {
    margin-top: 36px;
    border: 2px solid rgb(222, 222, 222);
    border-radius: 12px;
    width: 80%;
    display: flex;
}

.order-header {
    display: flex;
    align-items: start;
    gap: 12px;
    height: 144px;
    border-bottom: 2px solid #dfdfdf;
}

.order-header img {
    min-width: 120px;
    min-height: 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

h2.order-title , h2.author-title {
    color: rgb(89, 176, 89);
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 5px;
}

p.order-subtitle {
    color: rgb(158, 158, 158);
    margin-bottom: 5px;
    font-size: 16px;
}

p.order-item {
    margin-bottom: 5px;
    font-size: 16px;
    color: black;
}


.order-price b {
    font-family: "TT-500";
}


h4.order-desc {
    color: rgb(89, 176, 89);
    font-size: 20px;
    font-family: "TT-600";
    margin-top: 12px;
    margin-bottom: 7px;
}

p.order-desc {
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 10px;
}

.order-info {
    border-right: 2px solid rgb(222, 222, 222);
}

.order-info , .order-author {
    padding: 27px 20px;
    padding-bottom: 18px;
    width: 100%;
}

h2.author-title {
    margin-bottom: 13px;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-info img {
    width: 55px;
    height: 55px;
    border-radius: 5px;
}

h3.author-name {
    font-size: 20px;
    font-family: "TT-600";
}

.order-author-header {
    height: 144px;
    border-bottom: 2px solid #dfdfdf;
}

.order-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: auto;
}

.order-block button {
    height: 40px;
    border-color: transparent;
    font-family: "TT-400";
    width: 160px;
    color: white;
    font-size: 16px;
    background: #59b059;
}

.order-block button[disabled] {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 16px;
    cursor: default;
}

.order-block button:hover {
    border-color: transparent;
}

.order-block button.secondary#go-full {
    width: 300px;
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 16px;
}

.order-controls button.secondary#go-full {
    width: 160px;
}

.order-block button.secondary#go-full:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.order-controls button.secondary#deny {
    background: #FF4545;
}

.order-controls button.secondary#deny:hover {
    background: #d73434;
}

.order-author {
    min-width: 385px;
    max-width: 385px;
    display: flex;
    flex-direction: column;
}


/* Adaptive */

.mobile-order-info {
    display: none;
}

@media screen and (max-width: 1700px) {
    aside.order-block {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    .order-header img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
    }

    .order-header {
        gap: 10px;
        height: 160px;
        position: relative;
    }

    h2.order-title, h2.author-title {
        font-size: 18px;
    }

    .order-header p.desc {
        display: none;
    }

    .mobile-order-info {
        display: block;
        position: absolute;
        bottom: 10px;
    }

    .author-info img {
        width: 40px;
        height: 40px;
    }

    h2.author-title {
        margin-bottom: 5px;
    }

    h3.author-name {
        font-size: 16px;
    }

    .order-author-header {
        height: 160px;
    }

    .order-block button {
        width: 100%;
    }

    .order-controls {
        flex-direction: column;
        gap: 10px;
    }

    .order-author {
        min-width: 290px;
        max-width: 290px;
    }

    .order-block button.secondary#go-full {
        width: 100%;
    }
}


@media screen and (max-width: 1100px) {
    h2.order-title {
        white-space: nowrap;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .order-data {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1000px) {
    h2.order-title {
        white-space: wrap;
        max-width: none;
        overflow-x: visible;
    }

    .order-data {
        margin-top: 0px;
    }
}


@media screen and (max-width: 650px) {
    .order-block {
        flex-direction: column;
    }

    .order-info {
        border-right: 0;
        border-bottom: 2px solid rgb(222, 222, 222);
    }

    .order-header {
        border: 0;
        height: auto;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .mobile-order-info {
        position: static;
    }

    .order-author {
        min-width: none;
        max-width: none;
    }

    .order-author-header {
        border: 0;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    h2.order-title {
        max-width: 50vw;
		overflow-x: hidden;
        text-overflow: ellipsis;
    }
	
	h2.author-title {
	font-size: 20px;	
	}	
}

@media screen and (max-width: 400px) {
    .popup {
        width: 300px;
    }

    .popup h5 {
        padding: 0 10px;
    }

    .popup button.secondary {
        width: 260px;
    }
}



/* <================ Tasks Styles =================> */

.search-input input {
    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 45px;
    padding-left: 20px;
    font-size: 16px;
    font-family: "TT-400";
    padding-right: 150px;
}

.search-input {
    position: relative;
    width: 80%;
    margin-top: 20px;
    z-index: 5;
}

.search-input.tasks {
    z-index: 1;
}

.search-input button.secondary {
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    background: rgb(0, 170, 50);
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    height: 30px;
    width: 130px;
    border: 0;
}

.search-input button.secondary:hover  {
    background: rgb(0, 170, 50);
}

.order-info img {
    cursor: zoom-in;
}

.search-input:has(ol.search-result.open) {
    z-index: 10;
}

ol.search-result {
    width: 100%;
    background: rgb(250, 255, 253);
    position: absolute;

    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: calc(100% - 10px);
    z-index: -4;
    padding-top: 16px;
    padding-bottom: 6px;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-20px);
    overflow-y: scroll;
    max-height: 0px;
    overflow-x: hidden;
}

ol.search-result::-webkit-scrollbar {
    appearance: none;
    width: 5px;
    background: transparent;

}

ol.search-result::-webkit-scrollbar-thumb {
    background: rgb(49, 105, 49);
    width: 100%;
    border-radius: 5px;
}

ol.search-result.open {
    opacity: 1;
    transform: translateY(0);
    z-index: -1;
    max-height: 500px;
}

ol.search-result p {
    margin-left: 10px;
    margin-bottom: 20px;
}

ol.search-result li {
    padding: 8px 10px;
    font-size: 16px;
    cursor: default;
    transition: 0.3s;
}

ol.search-result.open li {
    cursor: pointer;
}

ol.search-result li:hover {
    background: rgb(0, 170, 50);
    color: white;
}

ol.search-result p {
    font-size: 0;
    margin: 0;
    margin-left: 10px;
}

ol.search-result.error p {
    color: red;
    margin-bottom: 0;
    font-size: 16px;
}

ol.search-result.error li {
    display: none;
}

aside.order-block {
    position: relative;
    z-index: 0;
}

aside.order-block.upper {
    z-index: 10;
}

.search-input.tasks .clear__btn {
    top: 12px;
    right: 125px;
}

.search-input.tasks button.secondary {
    width: 110px;
}

.search-input.tasks .clear__btn {
    display: flex;
}


/* Adaptive */

@media screen and (max-width: 1740px) {
    .search-input {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .bloger-online.hint.left {
        position: relative;
    }
    .bloger-online.hint.left aside.hint {
        left: 0;
        transform: translateX(0);
    }

    .bloger-online.hint.left aside.hint:after {
        left: 42px;
    }
}


/* <================ Full Styles =================> */

h1.full__title {
    font-size: 24px;
    text-transform: uppercase;
    font-family: "TT-600";
    margin-top: 20px;
}

.full-order img {
    width: 210px;
    height: 210px;
    margin-bottom: 22px;
    border-radius: 50%;
    object-fit: cover;
    cursor: zoom-in;
}

.full__info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    width: 80%;
}

.full-desc {
    width: 100%;
}

.full-author .order-author-header {
    border: 0;
    height: auto;
}

.full-author {
    border-left: 2px solid #dfdfdf;
    min-height: 300px;
    margin-left: 120px;
    width: 360px;
    padding-left: 22px;
}

.full-author .order-author-header {
    margin-top: 44px;
}

.full-desc {
    border-top: 2px solid #dfdfdf;
    margin-top: 44px;
}

h4.full-desc__title {
    color: rgb(89, 176, 89);
    font-size: 22px;
    margin-top: 13px;
    margin-bottom: 7px;
    font-family: "TT-600";
}

p.fdesc {
    font-size: 16px;
    margin-bottom: 37px;
}

p.fdesc button , .full-author button{
    width: 250px;
    height: 40px;
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    background: rgb(0, 170, 50);
    border: 0;
}

button#back-to-lenta ,
button.secondary.inf {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    border: 0;
    width: 250px;
    height: 40px;
    font-size: 16px;
    font-family: "TT-400";
}

button#back-to-lenta:hover {
    background: rgb(185, 254, 207);
    color: black;
}

.fdesc__line {
    display: flex;
    align-items: center;
    gap: 20px;
}

.fdesc__line button#accept,
.fdesc__line button#accept-2,
.fdesc__line button#acceptOk {
    width: 250px;
    height: 40px;
    color: white;
    font-size: 16px;
    font-family: "TT-400";
    background: rgb(0, 170, 50);
    border: 0;
}

.fdesc__line button {
    padding: 4px 20px;
}

/* Adaptive */

.full-author button {
    display: none;
}

@media screen and (max-width: 1500px) {
    .full__info {
        width: 100%;
    }
}

@media screen and (max-width: 1260px) {
    .full-author {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1150px) {
    .full-author {
        width: 250px;
    }

    h1.full__title {
        font-size: 16px;
        margin-top: 10px;
    }

    .full-order img {
        width: 80px;
        height: 80px;
    }

    .full-order {
        width: 200px;
    }
}


@media screen and (max-width: 1000px) {
    .full-order {
        width: 100%;
        display: flex;
        gap: 10px;
        align-items: start;
    }

    .full-order img {
        margin-bottom: 0;
    }

    .full-order p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .full-author {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border: 0;
    }

    .full-desc {
        order: 2;
        border: 0;
        margin-top: 4px;
        padding-top: 0;
    }

    .full-author {
        order: 3;
    }

    h4.full-desc__title {
        font-size: 16px;
    }

    p.fdesc {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .full-author button {
        display: block;
    }

    .full-desc button {
        display: none;
    }

    .full-author .order-author-header {
        margin-top: 0;
    }
}


@media screen and (max-width: 600px) {
    .full-author button {
        margin: 0 auto;
    }
    
    h1.full__title {
        margin-top: 20px;
    }
	
	h4.full-desc__title {
    font-size: 20px;
    }
}



/* <================ My tasks Styles =================> */


strong {
    font-weight: normal;
}

.warning {
    border-radius: 10px;
    background: rgb(255, 111, 111);
    width: 80%;
    padding: 12px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.warning p {
    color: white;
    font-size: 20px;
}

.warning p strong {
    text-transform: uppercase;
    font-family: "TT-600";
}

.new-select.task {
    width: 385px;
    margin-bottom: 0;
}

aside.task__block {
    border-radius: 10px;
    background: rgb(247, 247, 247);
    padding: 38px 42px;
    width: 80%;
    margin-top: 13px;
}

.task-header img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 130px;
    min-height: 130px;
}

.task-header {
    display: flex;
    gap: 17px;
}

h1.task-title {
    color: rgb(0, 170, 50);
    font-size: 24px;
    margin: 0;
    margin-bottom: 18px;
    font-family: "TT-600";
}

.task-controls {
    display: flex;
    margin-top: 25px;
}

.task-controls button#go-full {
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    margin-right: 12px;
}

.task-controls button.secondary {
    width: 290px;
    height: 40px;
    border: 0;
    font-family: "TT-400";
    font-size: 16px;
}


.task-controls button#go-chat {
    background: rgb(0, 170, 50);
    color: white;
}

.task-controls button.secondary#go-full:hover {
    background: rgb(160, 221, 164);
    color: black;
}


.task-controls button.secondary#go-chat:hover {
    background: rgb(0, 163, 11);
}

.task-steps {
    margin-top: 20px;
    border-top: 2px solid rgb(75, 75, 75);
    padding-top: 16px;
}

h3.task-steps__title {
    font-family: "TT-500";
    font-size: 20px;
    margin-bottom: 20px;
}

ol.task-steps__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

ol.task-steps__list li {
    border-bottom: 2px solid rgb(216, 216, 216);
    font-family: "TT-400";
    font-size: 16px;
    padding: 10px 0;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

ol.task-steps__list li span {
    font-size: 18px;
    color: black;
    text-decoration: none;
    font-family: "TT-500";
    white-space: nowrap;
}

ol.task-steps__list li.completed {
    color: #00AA32;
    font-size: 18px;
    font-family: "TT-500";
}


ol.task-steps__list li.actually {
    color: #FF4545;
    font-family: "TT-500";
}

ol.task-steps__list li.actually p {
    text-decoration: underline;
    cursor: pointer;
}

ol.task-steps__list li.hidden {
    opacity: 0.4;
}

ol.task-steps__list li.hidden span {
    display: none;
}

/* Adaptive */

aside.task__block p.mob {
    display: none;
}

aside.task__block p.mob + .task-controls {
    display: none;
}

@media screen and (max-width: 1730px) {
    .warning {
        width: 100%;
    }

    aside.task__block {
        width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    .task-header-content .task-controls {
        display: none;
    }

    aside.task__block p.mob {
        display: block;
        margin-top: 14px;
    }

    aside.task__block p.mob + .task-controls {
        display: flex;
    }

    .task-controls button.secondary {
        width: 100%;
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    .warning {
        font-size: 14px;
        padding: 6px;
        margin-top: 20px;
        margin-bottom: 14px;
    }

    aside.task__block p.desc {
        display: none;
    }

    .new-select.task {
        width: 100%;
    }

    aside.task__block {
        padding: 16px 11px;
    }

    .task-header img {
        width: 75px;
        height: 75px;
        min-width: 75px;
        min-height: 75px;
    }

    h1.task-title {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .task-data p {
        font-size: 14px;
    }

    aside.task__block p.mob + .task-controls {
        margin-top: 13px;
    }

    h3.task-steps__title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    ol.task-steps__list li.completed {
        font-size: 16px;
    }

    ol.task-steps__list li span {
        font-size: 16px;
    }

    ol.task-steps__list li {
        font-size: 16px;
    }

    .warning p {
        font-size: 14px;
    }

    ol.task-steps__list li:first-child {
        flex-wrap: wrap;
    }

    .task-controls a , .task-controls > button {
        width: 48%;
    }

    .task-controls button#go-chat {
        width: 100%;
    }

    .task-controls {
        justify-content: space-between;
    }
}


/* <================ User Styles =================> */


.user-header {
    margin-top: 30px;
    display: flex;
    justify-content: left;
    gap: 20px;
    max-width: 800px;
}

.user-avatar {
    width: 250px;
    height: 250px;
    border-radius: 10px;
    /* overflow: hidden; */
    min-width: 250px;
}

.user-rating.hint.left {
    position: relative;
}

.user-rating.hint.left aside.hint {
    left: 0;
    transform: translateX(0);
}

.user-rating.hint.left aside.hint:after {
    left: 42px;
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in;
}

.user-name p {
    font-size: 24px;
    font-family: "TT-600";
    line-height: 1;
}

.user-name {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.user-name span {
    border-radius: 30px;
    background: rgb(255, 69, 69);
    padding: 1px 20px;
    font-size: 14px;
    color: white;
    font-family: "TT-400";
}

.user-data {
    display: flex;
    color: rgb(100, 100, 100);
    font-family: "TT-500";
    font-size: 18px;
    gap: 10px;
}

.user-description {
    margin-top: 15px;
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 15px;
}

.user-tags {
    opacity: 0.5;
    margin-bottom: 15px;
}

.user-socials {
    display: flex;
    gap: 10px;
}

.user-socials a {
    width: 45px;
    height: 45px;
}

.user-socials span {
    border-radius: 0px;
    background: rgb(55, 81, 241);
    color: white;
    height: 45px;
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: "TT-600";
}


.user-stats {
    display: flex;
    align-items: end;
    width: 80%;
    margin-top: 10px;
}

.user-rating {
    border-radius: 5px;

    background: rgb(223, 237, 224);
    padding: 5px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 40px;
}

.user-rating img {
    width: 30px;
}

.user-rating span {
    font-size: 20px;
    font-family: "TT-600";
}

.user-opinions {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 24px;
    font-family: "TT-600";
}

.user-opinions span:first-child {
    text-decoration: underline;
    color: #4FE400;
}

.user-opinions span:last-child {
    text-decoration: underline;
    color: #FF4545;
}

.user-verify {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(145, 144, 144);
    font-size: 20px;
    font-family: "TT-500";
    margin-right: 58px;
}

.user-verify img {
    height: 57px;
    width: 57px;
}


.user-itsme {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(145, 144, 144);
    font-size: 20px;
    font-family: "TT-500";
}

.user-itsme img {
    height: 57px;
    width: auto;
}


.user-stats-site {
    display: flex;
    width: 250px;
    margin-right: 20px;
}


.user-texts {
    display: flex;
    margin-top: 28px;
    width: 80%;
}

.user-format {
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
    padding: 10px 0;
    min-width: 250px;
    width: 250px;
    margin-right: 20px;
}

.user-format h3 {
    color: #459045;
    font-family: "TT-600";
    font-size: 20px;
}


.user-format ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-format ol li {
    margin-top: 5px;
}

.user-fulldesc {
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
    padding: 10px 0;
    padding-top: 14px;
    width: 100%;
}


.user-footer {
    display: flex;
    align-items: start;
    margin-top: 14px;
    width: 80%;
}

.user-price p {
    color: #459045;
    font-size: 20px;
    font-family: "TT-600";
}

.user-price-current {
    color: #459045;
    font-size: 20px;
    font-family: "TT-600";
    line-height: normal;
    margin-top: 1px;
    margin-bottom: 10px;
}

.user-price-current span{
    font-size: 48px;
    line-height: normal;
}

.user-price button.secondary {
    border-radius: 10px;
    background: rgb(218, 237, 224);
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
    border: 0;
    color: rgb(0, 133, 66);
    font-family: "TT-400";
}

.user-price {
    min-width: 250px;
    width: 250px;
    margin-right: 20px;
}

.user-price button.secondary:hover {
    background: rgb(160, 221, 164);
    color: black;
}

.user-reviews h2 {
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 7px;
}

.user-reviews ol.feedback-list {
    margin-top: 20px;
}

.user-reviews {
    width: 100%;
}

.user-reviews li.feedback-block {
    width: 100%;
}


/* Adaptive */

.user-mobile {
    display: none;
}

@media screen and (max-width: 1780px) {
    .user-stats , .user-texts , .user-footer {
        width: 100%;
    }
}

@media screen and (max-width: 1520px) {
    .user-verify , .user-itsme {
        font-size: 14px;
    }

    .user-verify img {
        width: auto;
        height: 40px;
    }

    .user-itsme img {
        width: auto;
        height: 40px;
    }
}

@media screen and (max-width: 1310px) {
    .user-header {
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 1200px) {
    .user-socials a {
        width: 34px;
        height: 34px;
    }

    .user-socials {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .user-socials span {
        width: 100%;
        font-size: 16px;
        height: 35px;
        padding: 0;
        margin-bottom: 10px;
    }

    .user-name p {
        font-size: 16px;
    }

    .user-name span {
        font-size: 12px;
        padding: 1px 10px;
    }

    .user-data {
        gap: 20px;
        font-size: 16px;
    }

    .user-description {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 7px;
    }

    .user-tags {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .user-fulldesc {
        font-size: 14px;
    }

    .user-format h3 {
        font-size: 18px;
    }

    .user-format ol li {
        font-size: 14px;
    }
}


@media screen and (max-width: 1060px) {
    .user-reviews li.feedback-block {
        width: 100%;
    }

    .user-reviews .new-select {
        width: 100%;
    }
}


@media screen and (max-width: 650px) {
    .user-avatar {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    
    .user-verify.desktop {
        display: none !important;
    }

    .user-header {
        gap: 6px;
        flex-wrap: wrap;
        justify-content: left;
    }

    .user-info .user-tags , .user-info .user-socials {
        display: none;
    }

    .user-mobile {
        display: block;
        width: 100%;
    }

    .user-description {
        margin-top: 7px;
    }

    .user-stats {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .user-rating {
        margin-right: auto;
    }

    .user-stats-site {
        margin-right: 0;
        width: 100%;
    }

    .user-texts {
        flex-direction: column-reverse;
    }

    .user-format {
        margin-right: 0;
        width: 100%;
        border-top: 0;
    }

    .user-fulldesc {
        padding-top: 10px;
    }

    .user-footer {
        flex-direction: column;
    }

    .user-price {
        margin-right: 0;
        margin-bottom: 60px;
    }
}


@media screen and (max-width: 420px) {
    .user-name p {
        max-width: 140px;
    }

    .user-name {
        align-items: start;
    }

    .user-socials {
        justify-content: space-between;
    }

    .user-data {
        font-size: 14px;
    }
}


@media screen and (max-width: 340px) {
    .user-name p {
        max-width: 120px;
    }
}


/* Hints */

aside.hint {
    font-size: 14px;
    background: #4e4e53;
    padding: 16px 14px;
    border-radius: 10px;
    transition: 0.3s;
    position: absolute;
    top: 100%;
    transform: translateY(-5px);
    cursor: default;
    opacity: 0;
    transition: 0.3s all;
    z-index: -1;
    color: white;
    box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.43);
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.user-progress-img.hint {
    position: relative;
}

.user-progress-img.hint.left aside.hint {
    transform: translateX(0);
    left: 0;
}

.user-progress-img.hint.left:hover aside.hint {
    transform: translateY(8px);
}

.user-progress-img.hint.left aside.hint:after {
    left: 35px;
}

aside.hint:after {
    width: 34px;
    height: 34px;
    position: absolute;
    content: '';
    background: #4e4e53;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #4e4e53;
    top: -30px;
}

aside.hint.open {
    transform: translateY(8px);
    opacity: 1;
    z-index: 2;
    height: auto;
    padding: 16px 14px;
    overflow: visible;
}

*.hint:hover aside.hint {
    transform: translateY(8px) translateX(-50%);
    opacity: 1;
    z-index: 2;
    height: auto;
    padding: 16px 14px;
    overflow: visible;
}

*.hint {
    position: relative;
    cursor: help;
}

*.hint.right aside.hint {
    transform: translateX(-250px);
    right: 0;
}

*.hint.right:hover aside.hint {
    transform: translateY(8px) translateX(-250px);
}

*.hint.right aside.hint:after {
    right: 15px;
    left: auto;
}


@media screen and (max-width: 1000px) {
    .sidebar__icons-rating.hint.right aside.hint {
        transform: translateX(-170px);
        right: 0;
    }
    
    .sidebar__icons-rating.hint.right:hover aside.hint {
        transform: translateY(8px) translateX(-170px);
    }
    
    .sidebar__icons-rating.hint.right aside.hint:after {
        right: 15px;
        left: auto;
    }
}

.sidebar-menu aside.hint {
    width: 300px;
}

.sidebar-menu .min aside.hint {
    width: 230px;
}

.user-progress-img.hint.left img{
    border-radius: 50%;
}


@media screen and (max-width: 1000px) {
    .sidebar-menu aside.hint {
        width: 220px;
    }

    .sidebar-menu .min aside.hint {
        width: 170px;
    }

    .user-progress-img.hint.right aside.hint {
        transform: translateX(-180px);
        right: 0;
    }
    
    .user-progress-img.hint.right:hover aside.hint {
        transform: translateY(8px) translateX(-180px);
    }

    .user-progress-img.hint.right aside.hint:after {
        right: 5px;
        left: auto;
    }

    .user-progress-img.hint.left aside.hint:after {
        left: 30px;
    }
}


@media screen and (max-width: 650px) {
    aside.hint {
        width: 200px;
    }
}


.user-description , .user-tags , .user-fulldesc {
    word-break: break-word;
}


/* <================ Settings Styles =================> */


label.in-placeholder {
    position: absolute;
    top: 12px;
    font-size: 16px;
    font-family: "TT-400";
    color: #898888;
    left: 15px;
    cursor: text;
    transition: .3s;
    display: none;
}

label.in-placeholder b {
    color: #FF4545;
    display: none;
}

input:focus + label.in-placeholder , textarea:focus + label.in-placeholder {
    opacity: 0;
}


h2.settings__title {
    margin-top: 40px;
    font-size: 24px;
    font-family: "TT-500";
    margin-bottom: 4px;
}

p.settings__subtitle {
    font-size: 16px;
    font-family: "TT-400";
    width: 60%;
    margin-bottom: 10px;
}

p.settings__subtitle span {
    color: #459045;
}

.settings__form-main {
    width: 60%;
}

.settings__form-main .input-block input {
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    font-size: 16px;
}

.settings__form-main .input-block input:focus {
    border: 2px solid rgb(26, 117, 53);
    /* background: rgb(209, 255, 222); */
}

.settings__form-main .input-block input.success {
    background: rgb(209, 255, 222);
}

.input-block.in-btn button {
    position: absolute;
    top: 8px;
    height: 30px;
    width: 196px;
    color: black;
    font-size: 16px;
    background: rgb(223, 237, 224);
    border: 0;
    font-family: "TT-400";
    right: 8px;
    transition: .3s;
    border-radius: 5px;
}

.input-block.in-btn button:hover {
    background: rgb(208, 255, 211);
}

.settings__form-main .input-block textarea {
    border-radius: 10px;
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    outline: none;
    width: 100%;
    resize: none;
    min-height: 50px;
    padding: 8px 15px;
    font-size: 16px;
    font-family: "TT-400";
    transition: .3s;
    overflow-y: hidden;
}

.settings__form-main .input-block textarea.success {
    background: rgb(209, 255, 222);
}

.input-block:has(textarea:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url(img/check.svg);
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block:has(input:not([type="radio"])):before {
    position: absolute;
    content: '';
    background-image: url(img/check.svg);
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 0;
}

.input-block:has(span#desc1):before {
    top: 60%;
}

.input-block:has(input.success:not([type="radio"])):before {
    opacity: 1;
}

.input-block:has(textarea.success:not([type="radio"])):before {
    opacity: 1;
}

.settings__form-main .input-block textarea:focus {
    border: 2px solid rgb(26, 117, 53);
    outline: 0;
}

.settings__form-blocks {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

aside.setting-links {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 10px;
    padding: 16px 18px;
    width: 48%;
}

aside.setting-links h3 {
    text-align: center;
    font-size: 16px;
    font-family: "TT-400";
    margin-bottom: 16px;
}

.setting-formats .input-checkbox {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    margin-bottom: 8px;
}

.setting-formats .input-checkbox input {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 10px;
    background: rgb(255, 255, 255);
    appearance: none;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}


.setting-formats .input-checkbox input:after {
    position: absolute;
    content: '';
    width: 23px;
    height: 24px;
    background: url(/img/checkbox.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateX(4px) translateY(-2px);
    opacity: 0;
    transition: .3s;
}


.setting-formats .input-checkbox input.error {
    border-color: red;
}


.setting-formats .input-checkbox input:checked:after {
    opacity: 1;
}

label.setting-hint {
    font-size: 16px;
    color: rgb(116, 116, 116);
    margin-bottom: 5px;
    display: block;
}

.new-select.settings {
    width: 48%;
    border-width: 2px;
}

.settings-file {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-file input {
    display: none;
}

.settings-file p {
    font-size: 16px;
    color: black;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

label.set-file {
    border-radius: 5px;
    background: rgb(118, 118, 118);
    color: white;
    height: 28px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
    min-width: 200px;
}


label.set-file:hover {
    background: rgb(99, 99, 99);
}

label.set-file:active {
    transform: scale(0.98);
}

button.secondary.submit_set {
    margin-top: 16px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    width: 48%;
    height: 40px;
    color: black;
    border: 0;
    transition: .3s;
}

button.secondary.submit_set:hover {
    background: rgb(114, 216, 121);
}


form#settings_form {
    display: flex;
    align-items: start;
    gap: 60px;
}


.settings__change-avatar input {
    display: none;
}

.settings__change-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings__change-avatar p {
    color: red;
    text-decoration: underline;
    margin-bottom: 20px;
    cursor: pointer;
}

.settings-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 5px;
}

.settings-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.settings__change-avatar label {
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 20px;
    white-space: nowrap;
}

.settings__form-secondary .img-verify {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.settings__form-secondary .img-confirm {
    width: 50px;
    margin: 0 auto;
}

h2.settings__title-change {
    margin-top: 66px;
    font-size: 20px;
    font-family: "TT-500";
}


p.settings__subtitle-change {
    color: rgb(137, 136, 136);
    font-size: 18px;
    margin-bottom: 16px;
}

form#password_change-form .input-block input {
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
}

form#password_change-form .input-block input.success {
    background: rgb(209, 255, 222);
}

form#password_change-form .input-block input.error {
    border: 2px solid red;
}

form#password_change-form .input-block input:focus {
    border: 2px solid rgb(26, 117, 53);
}

form#password_change-form {
    width: 60%;
}

form#password_change-form button.secondary {
    margin-top: 16px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    font-family: "TT-500";
    color: black;
    border: 0;
    width: 48%;
    height: 40px;
}

form#password_change-form button.secondary:hover {
    background: rgb(114, 216, 121);
}

.settings-file p b {
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
}

.settings-file p b:hover {
    text-decoration: underline;
}

form#settings_form .verify-block .settings-file span {
    color: inherit;
}

span#desc1 , span#desc2 , span#desc3 {
    color: #bebebe;
    margin-left: auto;
    font-family: "TT-500";
    display: block;
    text-align: end;
}

.settings-file p span strong {
    font-family: "TT-400";
    max-width: 150px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.settings-file p span {
    display: flex;
}

.settings-file p {
    display: flex;
}

/* Adaptive */

.input-block button#edit-phone-mob {
    display: none;
}

@media screen and (max-width: 1500px) {
    p.settings__subtitle {
        width: 100%;
    }

    .settings__form-main {
        width: 100%;
    }

    form#password_change-form {
        width: 100%;
    }
}


@media screen and (max-width: 1280px) {
    .settings__form-blocks {
        flex-direction: column;
        gap: 15px;
    }

    aside.setting-links {
        width: 100%;
    }

    .new-select.settings {
        width: 100%;
    }

    button.secondary.submit_set {
        width: 100%;
    }

    form#password_change-form button.secondary {
        width: 100%;
    }

    .input-block button#edit-phone {
        display: none;
    }

    .input-block button#edit-phone-mob {
        display: block;
        width: 26px;
        height: 26px;
        top: 10px;
    }

    
}


@media screen and (max-width: 650px) {
    h2.settings__title {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 3px;
    }

    p.settings__subtitle {
        font-size: 14px;
    }

    form#settings_form {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .settings__form-secondary {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 40px;
    }

    .settings__form-main .input-block:has(input:not([type="radio"])):before {
        display: none;
    }


    .settings__change-avatar p {
        position: absolute;
        top: 100%;
        white-space: nowrap;
        margin-top: 28px;
    }

    .settings-avatar {
        width: 70px;
        height: 70px;
        margin-left: 18px;
    }

    .settings__change-avatar {
        align-items: start;
        position: relative;
    }

    .settings__change-avatar label {
        margin-bottom: 0;
        font-size: 16px;
        position: absolute;
        top: 100%;
    }

    .settings__form-secondary .img-verify {
        width: auto;
        margin: 0;
        height: 50px;
        margin-right: 38px;
    }

    .settings__form-secondary .img-verify img{
        height: 100%;
        width: 52px;
    }

    .settings__form-secondary .img-confirm {
        width: auto;
        margin: 0;
        height: 50px;
    }

    .settings__form-secondary .img-confirm img{
        height: 100%;
        width: 50px;
    }

    .settings-file {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    h2.settings__title-change {
        margin-top: 40px;
        font-size: 20px;
    }

    p.settings__subtitle-change {
        font-size: 14px;
    }

    button.secondary.submit_set {
        font-size: 16px;
    }

    form#password_change-form button.secondary {
        font-size: 16px;
    }

    .input-block:has(input:not([type="radio"])):before {
        display: none;
    }

    .settings__form-secondary .img-verify {
        order: 3;
        margin-right: 0;
        height: 70px;
    }

    .settings__form-secondary .img-verify img {
        width: 70px;
    }

    .settings__form-secondary .img-confirm img {
        width: 70px;
    }

    .img-confirm {
        order: 2;
    }

    .settings__form-secondary .img-confirm {
        height: 70px;
    }

    .input-block button#edit-phone-mob img {
        width: 14px;
        height: 14px;
    }

    .input-block button#edit-phone-mob {
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }
}






/* <================ Seller Menu Styles =================> */

.sidebar__balance a {
    text-decoration: none;
}

.sidebar__balance p {
    color: rgb(139, 139, 139);
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 23px;
}


.sidebar__balance button.secondary.active {
    background: rgb(160, 221, 164);
    color: black;
}



/* <================ Balance Styles =================> */

p.balance-title {
    margin-top: 50px;
    font-size: 20px;
    font-family: "TT-600";
}

p.balance-title.second {
    margin-top: 0;
    margin-bottom: 50px;
}

p.balance-title b {
    color: #00AA32;
}

p.balance-title + p.balance-title {
    margin-top: 5px;
    margin-bottom: 50px;
}

p.balance__selector-title {
    color: #00AA32;
    font-size: 18px;
    font-family: "TT-600";
    margin-bottom: 13px;
}

.new-select.balance {
    width: 385px;
    border-width: 2px;
    margin-bottom: 12px;
}

.new-select.balance + button.secondary {
    border-radius: 10px;
    background: rgb(0, 170, 50);
    font-size: 16px;
    font-family: "TT-600";
    color: white;
    width: 385px;
    height: 40px;
    border: 0;
}

.new-select.balance + button.secondary:hover {
    background: rgb(0, 145, 43);
}


h4.balance-history-title {
    margin-top: 38px;
    font-size: 20px;
    font-family: "TT-600";
    margin-bottom: 14px;
}

ol.balance-ol {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 520px;
}

ol.balance-ol li {
    border-radius: 10px;
    background: rgb(223, 237, 224);
    padding: 12px;
    margin-bottom: 12px;
}

ol.balance-ol li.error {
    background: rgb(255, 157, 157);
}

p.history-string {
    margin-bottom: 5px;
}

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

p.history-string {
    font-size: 16px;
}


/* Adaptive */

@media screen and (max-width: 650px) {
    p.balance-title {
        margin-top: 16px;
        font-size: 18px;
    }

    p.balance-title + p.balance-title {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .new-select.balance {
        width: 100%;
    }

    .new-select.balance + button.secondary {
        width: 100%;
    }

    h4.balance-history-title {
        font-size: 18px;
    }

    ol.balance-ol li {
        padding: 8px 12px;
        margin-bottom: 10px;
    }

    ol.balance-ol {
        width: 100%;
    }

    p.history-string {
        font-size: 14px;
        margin-bottom: 7px;
    }
}


/* <================ Seller Styles =================> */

.user-texts.seller {
    margin-top: 0;
}

.user-verify.mobile {
    display: none;
}

.user-texts.seller .user-stats-site {
    margin-top: 20px;
}

/* Adaptive */

@media screen and (max-width: 650px) {
    .user-texts.seller {
        display: flex;
        flex-direction: column;
    }

    .user-verify.mobile {
        display: flex;
        margin-top: 8px;
        margin-bottom: 14px;
    }

    .user-verify.desc {
        display: none;
    }

    .user-footer.seller .user-price {
        display: none;
    }
}


/* <================ Projects Styles =================> */


p.empty-title {
    font-size: 20px;
    font-family: "TT-500";
    margin-top: 40px;
}

button.secondary.create__project {
    margin-top: 18px;
    width: 385px;
    height: 40px;
    border-radius: 10px;
    background: rgb(160, 221, 164);
    font-size: 16px;
    color: black;
    border: 0;
}

button.secondary.create__project a {
	padding: 0 120px;
}

button.secondary.create__project:hover {
    background: rgb(117, 189, 121);
}


.projects__empty img {
    width: 438px;
    margin: 0 auto;
    display: block;
    margin-top: 68px;
}


.settings__form-main.seller .input-block textarea#in5 {
    min-height: 76px;
}

.settings__form-main.seller .input-block textarea::placeholder , .settings__form-main.seller .input-block input::placeholder {
    color: rgb(137, 136, 136);
}

p#cp-error.quick-move {
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

span#setsel.quick-move {
    display: block;
    position: relative;
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

a#stage2-conf {
    color: #459045;
    font-family: "TT-600";
    text-decoration: underline;
}

@keyframes quick {
    0% {
        transform: translateX(0px);
    }
    14% {
        transform: translateX(6px);
    }
    28% {
        transform: translateX(-6px);
    }
    42% {
        transform: translateX(4px);
    }
    56% {
        transform: translateX(-4px);
    }
    70% {
        transform: translateX(2px);
    }
    84% {
        transform: translateX(-2px);
    }
    98% {
        transform: translateX(0px);
    }
}

/* Adaptive */

@media screen and (max-width: 900px) {
    .img-focus.chats.user img {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    p.empty-title {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }

    button.secondary.create__project {
        margin-top: 10px;
        width: 100%;
    }

    .projects__empty img {
        width: 60%;
    }
}



/* <================ Projects Styles =================> */


aside.project {
    border-radius: 10px;
    background: rgb(247, 247, 247);
    padding: 38px 42px;
    width: 82%;
}


.project-avatar {
    width: 130px;
    height: 130px;
	min-width: 130px;
	min-height: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 17px;
    cursor: pointer;
}

.project-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-header {
    display: flex;
    flex-wrap: wrap;
}

.project-controls {
    width: 100%;
    display: flex;
    margin-left: 147px;
    margin-top: 20px;
    gap: 20px;
    margin-bottom: 28px;
}

.project-controls button {
    width: 250px;
    height: 40px;
    font-size: 16px;
    font-family: "TT-400";
    border: 0;
}

.project-controls button#proj-edit {
    background: rgb(218, 237, 224);
    color: rgb(0, 0, 0);
}

.project-controls button#proj-edit:hover {
    background: rgb(182, 246, 202);
}

.project-controls button#proj-end {
    background: rgb(0, 170, 50);
}

.project-controls button#proj-end:hover {
    background: rgb(0, 146, 44);
}

.project-controls button#proj-report {
    background: rgb(255, 69, 69);
}

.project-controls button#proj-report:hover {
    background: rgb(210, 27, 27);
}

h2.project-title {
    color: rgb(0, 170, 50);
    font-size: 24px;
    font-family: "TT-600";
    margin-bottom: 18px;
}


p.project-p {
    font-size: 18px;
    margin-bottom: 4px;
}

.project-body {
    border-top: 2px solid rgb(75, 75, 75);
    padding-top: 16px;
}

h4.project-int {
    font-size: 20px;
    font-family: "TT-600";
}

h4.project-int span {
    color: #5B5B5B;
}

ol.project__integrations-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    counter-reset: int;
}

ol.project__integrations-list li {
    display: flex;
    align-items: center;
    padding: 14px 0;
    padding-left: 30px;
    border-bottom: 2px solid rgb(216, 216, 216);
    position: relative;
}

ol.project__integrations-list li:before {
    counter-increment: int;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: counter(int) ":";
    font-size: 18px;
    font-family: "TT-600";
}

/* ol.project__integrations-list li:first-child {
    border-top: 0;
} */

ol.project__integrations-list li:last-child {
    margin-bottom: 30px;
}

.project__integrations-list li strong {
    font-weight: normal;
    color: rgb(0, 170, 50);
    font-size: 18px;
    font-family: "TT-600";
    max-width: 192px;
    margin-right: 25px;
}

.int-chat {
    width: 40px;
    margin-right: 34px;
    cursor: pointer;
    height: 40px;
    border-radius: 50%;
    background: limegreen;
    display: flex;
    align-items: center;
    justify-content: center;
}

.int-chat img {
    width: 60%;

}

.int-chat.unread {
    position: relative;
}

.int-chat.unread {
    
    animation: pulse 1s linear infinite;
}

@keyframes pulse {
    0% {
        background: limegreen;
    }
    50% {
        background: red;
        transform: scale(1.1);
    }
    100% {
        background: limegreen;
    }
}

.int-report {
    margin-left: auto;
    width: 30px;
}

.int-status p {
    text-decoration: underline;
    cursor: default;
}

ol.project__blogers-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 4px;
}

ol.project__blogers-list li {
    display: flex;
    align-items: center;
    border-top: 2px solid rgb(216, 216, 216);
    padding: 14px 0;
}

ol.project__blogers-list li:first-child {
    border-top: 0;
}

.project__blogers-list a {
    color: #3751F1;
    font-size: 18px;
    font-family: "TT-500";
    text-decoration: underline;
    margin-right: 12px;
}

.bloger-rating {
    border-radius: 5px;
    background: rgb(240, 240, 240);
    padding: 4px 16px;
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.bloger-rating img {
    width: 24px;
    margin-right: 8px;
}


.bloger-rating span {
    font-family: "TT-600";
    font-size: 16px;
}

.bloger-reviews span{
    font-size: 16px;
    font-family: "TT-600";
    text-decoration: underline;
}

.bloger-reviews span:first-child {
    color: #4FE400;
}

.bloger-reviews span:last-child {
    color: #FF4545;
}

.bloger-reviews {
    margin-right: 22px;
}

.bloger-icons {
    display: flex;
    gap: 10px;
    margin-right: 24px;
}

.bloger-icons img {
    height: 23px;
    width: 23px;
}


.bloger-icons img.not {
    filter: grayscale(100%);
}

.bloger-mass {
    background: rgb(55, 81, 241);
    height: 35px;
    width: 192px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-family: "TT-600";
    margin-right: auto;
}



.bloger-controls button#accept {
    background: rgb(0, 170, 50);
}

.bloger-controls button#accept:hover {
    background: rgb(0, 146, 44);
}

.bloger-controls button#deny {
    background: rgb(255, 69, 69);
}

.bloger-controls button#deny:hover {
    background: rgb(210, 27, 27);
}

.bloger-controls button {
    border: 0;
    width: 150px;
    height: 35px;
    font-family: "TT-600";
}

.bloger-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-select.proj {
    margin-top: 30px;
}

aside.project {
    transition: .3s;
    margin-bottom: 20px;
}

aside.project.hide {
    transform: translateX(10px);
    opacity: 0;
}

button.secondary#popup_not {
    background: rgb(253, 71, 71);
    color: rgb(255, 255, 255);
}

.popup h5 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Adaptive */


@media screen and (max-width: 1820px) {
    aside.project {
        width: 100%;
    }
}


@media screen and (max-width: 1440px) {
    ol.project__blogers-list li {
        flex-wrap: wrap;
    }

    .bloger-controls {
        width: 100%;
        margin-top: 10px;
    }

    .project-controls {
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bloger-rating {
        margin-bottom: 10px;
    }

    ol.project__integrations-list li {
        flex-wrap: wrap;
    }
}

.proj-rep {
    display: none;
}


@media screen and (max-width: 650px) {
    ol.project__blogers-list li {
        justify-content: left;
        gap: 10px;
    }
    aside.project {
        padding: 16px 11px;
    }

    .project-avatar {
        width: 75px;
        height: 75px;
        margin-right: 7px;
    }

    h2.project-title {
        font-size: 18px;
        margin-bottom: 0;
    }

    .proj-rep {
        width: 20px;
        display: block;
        margin-left: auto;
    }

    p.project-p {
        font-size: 14px;
        margin-bottom: 2px;
    }

    .project-controls {
        gap: 10px;
    }

    .project-controls button {
        width: 48%;
        font-size: 14px;
    }

    .project-info {
        max-width: 180px;
    }

    ol.project__integrations-list li {
        justify-content: space-between;
        padding-left: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .int-chat {
        margin-right: 0;
    }

    .project__integrations-list li strong {
        font-size: 16px;
    }

    .bloger-controls {
        order: 6;
    }

    .int-status p {
        font-size: 14px;
        margin-top: 7px;
    }

    ol.project__integrations-list li:before {
        top: 14px;
        transform: translateY(0);
        font-size: 16px;
    }

    h4.project-int {
        font-size: 18px;
    }

    .project-body {
        padding-top: 8px;
    }

    ol.project__integrations-list {
        margin-top: 10px;
    }

    .int-report {
        width: 20px;
    }

    .project__blogers-list a {
        font-size: 16px;
        display: block;
        line-height: 1;
        margin-right: 5px;
    }

    .project__blogers-list {
        align-items: center;
    }

    .project__blogers-list li {
        justify-content: space-between;
    }

    .bloger-rating {
        margin-bottom: 0;
        margin-right: 6px;
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
        order: 3;
    }

    .bloger-reviews {
        margin-right: 0;
        order: 4;
    }

    .bloger-mass {
        margin-top: 0px;
        margin-right: 0;
        font-size: 14px;
        height: 30px;
        width: 100%;
        order: 2;

    }

    .bloger-icons {
        margin-top: 8px;
        order: 5;
    }

    .bloger-controls {
        gap: 30px;
    }

    .bloger-controls button {
        width: 100%;
        font-size: 16px;
    }

    .int-chat {
        width: 30px;
        height: 30px;
    }

    .int-report {
        width: 100%;
        display: flex;
        justify-content: end;
    }

    .int-report img {
        width: 20px;
    }
}




/* <================ Catalog Styles =================> */


aside.bloger-card {
    padding: 16px;
    border: 2px solid rgb(0, 170, 50);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.card-header {
    display: flex;
    align-items: center;
    width: 100%;
}

.card-header .bloger-online {
    margin-left: auto;
    border-radius: 30px;
    background: rgb(255, 69, 69);
    padding: 1px 20px;
    font-size: 14px;
    color: white;
    font-family: "TT-500";
}

.card-body {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.card-body .user-avatar {
    width: 108px;
    height: 108px;
    min-width: 108px;
    margin-right: 10px;
}

.card-body .user-avatar img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 10px;
}

.card-body .user-name p {
    font-size: 16px;
}

.card-body .user-data {
    gap: 0;
    display: block;
    font-size: 14px;
}

.card-body .user-socials {
    flex-wrap: wrap-reverse;
    gap: 8px;
    width: 190px;
}

.card-body .user-socials a {
    width: 25px;
    height: 25px;
}

.card-body .user-socials span {
    width: 100%;
    height: 30px;
    font-size: 16px;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.card-body .card-desc {
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
}

.card-body {
    width: 62%;
    padding-right: 7%;
    height: 100%;
}


.card-end {
    padding-left: 12px;
    border-left: 2px solid rgb(0, 170, 50);
    margin-top: 12px;
    width: 38%;
}

.card-end p.card-end-title {
    text-align: center;
    color: rgb(0, 170, 50);
    margin-bottom: 10px;
    font-size: 16px;
}

.new-select.card {
    margin-bottom: 6px;
    width: 100%;
}

.card-end .user-price-current {
    margin-bottom: 0;
}

.card-end .user-price button.secondary {
    width: 100%;
}

.warning.catalog {
    margin-bottom: 14px;
    font-size: 16px;
    background: rgb(255, 69, 69);
}

.warning.catalog strong {
    display: none;
}

.catalog-inner {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 80%;
    min-height: calc(100vh + 20px);
}

.catalog-filter {
    width: 250px;
    min-width: 250px;
    border-radius: 10px;
    background: rgb(218, 237, 224);
    padding: 14px 10px;
}

.catalog-inner:has(.catalog-filter.fixed) {
    padding-right: 270px;
}

.search-input.catalogPage {
    position: sticky;
    top: 0px;
}

.catalog-filter {
    position: sticky;
    background: rgb(218, 237, 224);
    z-index: 9;
    height: 740px;
    top: 80px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

h3.cat-filter {
    text-align: center;
    font-family: "TT-600";
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

h5.filter-property {
    font-size: 16px;
    font-family: "TT-500";
    margin-top: 15px;
}

h5.filter-property:first-child {
    margin-top: 0;
}

.input-filter-prop label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.input-filter-prop {
    margin-top: 6px;
}


.input-filter-prop label input {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgb(0, 170, 50);
    border-radius: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.input-filter-prop label input:after {
    position: absolute;
    content: '';
    background: url(/img/check.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    opacity: 0;
    transition: .2s;
}

.input-filter-prop label input:checked:after {
    opacity: 1;
}

button.secondary.filter-ok {
    background: transparent;
    width: 100%;
    color: black;
    height: 34px;
    border: 1px solid black;
    margin-top: 16px;
    font-family: "TT-600";
    font-size: 16px;
}

button.secondary.filter-ok:hover {
    cursor: pointer;
    background: rgba(173, 173, 173, 0.4);
}


button.secondary.filter-ok.worked {
    background: #18ca18;
    width: 100%;
    color: white;
    height: 34px;
    border: 0;
    margin-top: 16px;
    font-family: "TT-600";
    font-size: 16px;
}

button.secondary.filter-ok.worked:hover {
    background: rgb(0, 141, 42);
}


.warning.catalog {
    padding-right: 20px;
    position: relative;
    z-index: 5;
    margin-bottom: 0;
}

.catalog-inner {
    margin-top: 20px;
}

.warning.catalog span {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
}

.warning.catalog span:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: white;
    right: 0;
    transform: rotate(45deg);
}

.warning.catalog span:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: white;
    right: 0;
    transform: rotate(-45deg);
}

.card-body .card-desc p{
    word-break: break-word;
}

span.quick-move#result-int {
    display: block;
    animation: quick 0.5s 1 linear;
}


/* Adaptive */

.card-body .bloger-online {
    display: none;
}

@media screen and (max-width: 1730px) {
    .catalog-inner {
        width: 100%;
    }
}


@media screen and (max-width: 1530px) {
    .card-body {
        padding-right: 0;
        width: 100%;
    }

    .card-end {
        padding-left: 0;
        border: 0;
        width: 100%;
    }

    .card-body .card-desc {
        margin-top: 0;
    }
}


@media screen and (max-width: 1200px) {
    .catalog-inner {
        flex-direction: column-reverse;
    }

    .catalog-filter {
        width: 100%;
        height: 40px;
        padding-top: 10px;
        overflow: hidden;
        transition: 0.3s;
    }
    .bloger-card .user-socials {
        justify-content: left;
    }
}


.search-input.catalog ol , .search-input.catalog ol li {
    height: 0;
    padding: 0;
}

.search-input.catalog ol.open , .search-input.catalog ol.open li {
    height: auto;
}

.search-input.catalog ol.open {
    padding-top: 16px;
    padding-bottom: 8px;
}

.search-input.catalog ol.open li {
    padding: 8px 10px;
}

.warning.catalog {
    z-index: 3;
}

.search-input .clear__btn {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: gray;
    position: absolute;
    top: 12px;
    right: 146px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .3s all, 0s top;
    cursor: pointer;

}

.search-input.catalogPage .clear__btn {
    top: 31px;
}

.search-input input {
    padding-right: 178px;
}

.search-input.catalogPage {
    z-index: 10;
    height: 70px;
    background: white;
    padding-top: 20px;
}

.search-input button {
    transition: .3s all, 0s top;
}

.search-input.catalogPage button {
    top: 28px;
}

.up-hide {
    display: none;
}

@media screen and (max-width: 650px) {
    .card-body .user-avatar {
        width: 90px;
        height: 120px;
        min-width: 90px;
        padding-bottom: 30px;
        position: relative;
    }

    .search-input.catalogPage {
        top: 65px;
    }

    .form-filter-fields {
        max-height: 40vh;
        overflow-y: auto;
        padding-right: 5px; /* Отступ чтобы скроллбар не наезжал на чекбоксы */
    }

    /* Стилизация скроллбара для фильтра */
    .form-filter-fields::-webkit-scrollbar {
        width: 6px;
    }
    .form-filter-fields::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }
    .form-filter-fields::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }
    .form-filter-fields::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

    .search-input input {
        padding-right: 148px;
    }

    .white__top {
        background: white;
        position: fixed;
        height: 200px;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 7;
    }

    .warning.catalog.clip {
        position: relative;
        z-index: 8;
        top: 0;
        margin-top: 5px;
    }

    .search-input .clear__btn {
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: gray;
        position: absolute;
        top: 32px;
        right: 125px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: .3s;
    }

    .search-input button.secondary {
        width: 110px;
    }

    .card-header .bloger-online {
        display: none;
    }

    .card-body .user-avatar .bloger-online {
        display: block;
        margin-left: 0;
        width: 100%;
        text-align: center;
        color: white;
        font-family: "TT-500";
        font-size: 14px;
        border-radius: 30px;
        background: rgb(255, 69, 69);
    }

    .card-body .user-info .user-socials {
        display: flex;
        width: 170px;
        gap: 5px;
    }

    .card-body .user-socials span {
        width: 220px;
        margin-right: auto;
        height: 22px;
        font-size: 12px;
        margin-top: 12px;
    }

    .card-body .user-info {
        width: 400px;
        /* height: 120px; */
    }

    .card-body .user-name {
        max-width: 100%;
    }

    .card-header .bloger-icons{
        margin-top: 0;
        margin-left: 8px;
    }

    .catalog-inner {
        min-height: unset;
    }

    .card-end .user-price {
        margin-bottom: 0;
    }

    .catalog-filter h3 {
        position: relative;
    }

    .catalog-filter {
        top: 150px;
    }

    .catalog-filter h3:after {
        position: absolute;
        content: '';
        right: 10px;
        top: 0px;
        transform: rotate(90deg);
        transform-origin: 20% 50%;
        width: 16px;
        height: 20px;
        background: url(img/nav_arrow.svg);
        background-repeat: no-repeat;
        transition: .3s;
    }

    .catalog-filter.selected {
        background: rgb(24, 202, 24);
    }

    .catalog-filter.selected h3 {
        color: white;
        transition: .3s;
    }

    .catalog-filter.selected h3:after {
        filter: invert(100%);
    }


    .catalog-filter.open.selected {
        background: rgb(218, 237, 224);
    }

    .catalog-filter.open.selected h3 {
        color: black;
    }

    .catalog-filter.open.selected h3:after {
        filter: invert(0%);
    }

    .catalog-filter.open h3:after {
        transform: rotate(-90deg);
    }

    .search-input.catalog {
        position: fixed;
        z-index: 6;
        width: calc(100vw - 20px);
        left: 10px;
        background: white;
        height: 60px;
        padding-top: 20px;
        top: 50px;
    }

    .search-input.catalog button.secondary {
        width: 100px;
        top: 28px;
    }

    .warning.catalog {
        margin-top: 80px;
        z-index: 1;
    }

    .catalog-filter {
        transition: .3s all, 0s width;
    }

    .catalog-filter.fixedMobile {
        position: fixed;
        top: 150px;
        width: calc(100vw - 20px);
        left: 10px;
        right: 10px;
        z-index: 8;
    }

    .catalog-inner:has(.catalog-filter.fixedMobile) {
        padding-top: 60px;
    }

    .catalog-filter.fixedMobile {
        z-index: 3;
    }

    .search-input.catalog.op + .up-hide {
        display: block;
        position: fixed;
        top: 90px;
        width: 100vw;
        height: 120px;
        background: #fff;
        left: 0;
        z-index: 2;
    }
}




@media screen and (max-width: 570px) {
    .card-body .user-info {
        width: 240px;
    }

    .card-desc p {
        margin-top: 10px;
    }

    .card-end .user-price {
        width: 100%;
    }
}

@media screen and (max-width: 410px) {
    .card-body .user-info {
        width: 170px;
    }

    .card-body .user-name p {
        max-width: 100%;
    }
}




/* <================ FAQ Styles =================> */

.about__text:has(ol.faq-list) {
    width: 100%;
    max-width: 100%;
}

ol.faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.faq-header {
    font-size: 24px;
    font-family: "TT-500";
    padding: 12px 0;
    border-bottom: 2px solid #cdcdca;
    cursor: pointer;
    position: relative;
    color: rgb(60, 60, 60);
    padding-right: 36px;
}


.faq-header:after {
    position: absolute;
    right: 20px;
    content: '+';
}

.faq-header.open:after {
    content: '-';
}

p.faq-answer {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "TT-300";
    margin: 0;
    transition: 0.3s;
}


ol.faq-list li.open p {
    margin: 20px 0;
}


ol.faq-list li p{
    height: 0;
    overflow: hidden;
}


@media screen and (max-width: 650px) {
    .faq-header {
        font-size: 18px;
    }

    ol.faq-list li.open p {
        margin: 10px 0;
    }

    ol.faq-list li p {
        font-size: 16px;
    }
}



/* <================ Contacts Styles =================> */


h2.cont-title {
    font-size: 48px;
    text-transform: uppercase;
    color: rgb(0, 138, 0);
    font-family: "TT-500";
	margin-top: 60px;
    margin-bottom: 20px;
}

.contacts__inner {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.contacts-info {
    width: 50%;
}

p.cont-line {
    margin-bottom: 5px;
    max-width: 80%;
}

p.cont-line b {
    color: #3b3b3b;
}

.contacts-form .input-block input {
    background: rgb(225, 225, 225);
    border-color: transparent;
}


.contacts-form .input-block textarea {
    border-radius: 10px;
    background: rgb(225, 225, 225);
    border: 2px solid transparent;
    outline: none;
    width: 100%;
    resize: none;
    min-height: 80px;
    padding: 8px 15px;
    font-size: 16px;
    font-family: "TT-400";
    transition: .3s;
}

.contacts-form .input-block textarea.success , .contacts-form .input-block input.success {
    background: rgb(209, 255, 222);
}

.contacts-form button {
    width: 100%;
    height: 40px;
    background: rgb(74, 227, 125);
    border: 0;
    color: black;
}

.contacts-form button:hover {
    background: rgb(57, 198, 104);
}



/* Adaptive */

@media screen and (max-width: 1000px) {
    .contacts__inner {
        flex-direction: column;
        margin-top: 20px;
    }

    h2.cont-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .contacts-info {
        width: 100%;
    }

    p.cont-line {
        width: 100%;
        max-width: 100%;
    }
}





/* <================ SECONDARY STYLES =================> */




/* <================ Not_Found Styles =================> */


h1.not__found-title {
    display: flex;
    font-size: 528px;
    align-items: end;
    font-family: "TT-500";
    line-height: 1;
    justify-content: center;
    position: relative;
    margin-bottom: -40px;
}

h1.not__found-title img {
    width: 400px;
    object-fit: contain;
    margin-bottom: 60px;
    margin-right: -25px;
}


.not__found-page {
    margin: 0 auto;
    margin-top: 180px;
    position: relative;
    color: #371a45;
}

.not__found-page .container {
    position: relative;
}

h1.not__found-title:after {
    content: 'Хьюстон, у нас проблема!';
    font-size: 48px;
    text-transform: uppercase;
    font-family: "TT-600";
    max-width: 500px;
    position: absolute;
    top: 60px;

    left: 50%;
    transform: translateX(-80%);
}

h2.not__found-counter {
    text-align: center;
    font-size: 78px;
    font-family: "TT-600";
}

h5.not__found-hint {
    text-align: center;
    margin-top: 10px;
    font-size: 48px;
    font-family: "TT-400";
}


h5.not__found-hint a {
    color: #0078ff;
    transition: .3s;
}

h5.not__found-hint a:hover {
    color: #003775;
}

p.not__found-comment {
    text-align: center;
    font-size: 24px;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    margin-bottom: 60px;
}


/* Adaptive */

@media screen and (max-width: 1000px) {
    h1.not__found-title {
        font-size: 256px;
    }

    h1.not__found-title img {
        width: 200px;
        margin-bottom: 25px;
    }

    h1.not__found-title:after {
        font-size: 28px;
        max-width: 260px;
        left: 50%;
        transform: translateX(-90%);
        top: 30px;
    }

    h2.not__found-counter {
        font-size: 28px;
    }

    h5.not__found-hint {
        font-size: 16px;
    }

    p.not__found-comment {
        font-size: 16px;
        max-width: 360px;
        margin-top: 20px;
    }

    .not__found-page {
        margin-top: 150px;
    }

    h1.not__found-title img {
        margin-right: -10px;
    }

    h1.not__found-title {
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 530px) {
    .not__found-page {
        margin-top: 120px;
    }

    h1.not__found-title {
        font-size: 196px;
    }

    h1.not__found-title:after {
        font-size: 22px;
        max-width: 220px;
        left: 50%;
        transform: translateX(-80%);
    }

    h1.not__found-title img {
        width: 150px;
    }
}

@media screen and (max-width: 410px) {
    h1.not__found-title:after {
        font-size: 20px;
        max-width: 220px;
        left: 50%;
        transform: translateX(-90%);
    }
}

@media screen and (max-width: 400px) {
    h2.not__found-counter {
        font-size: 24px;
    }
}

@media screen and (max-width: 360px) {
    h1.not__found-title {
        font-size: 128px;
    }

    h1.not__found-title img {
        width: 100px;
        margin-bottom: 15px;
    }

    h1.not__found-title:after {
        font-size: 18px;
        max-width: 200px;
        left: 50%;
        transform: translateX(-70%);
        top: 10px;
    }

    h2.not__found-counter {
        font-size: 24px;
    }

    h5.not__found-hint {
        font-size: 16px;
    }

    p.not__found-comment {
        font-size: 16px;
        max-width: 360px;
        margin-top: 20px;
    }

    .not__found-page {
        margin-top: 150px;
    }

    h1.not__found-title:after {
        font-size: 14px;
    }

    h2.not__found-counter {
        font-size: 18px;
    }
}



/* <================ Preloader Styles =================> */


#lottie-animation {
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 2;
}

.preloader {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    width: 100vw;
    height: 100vh;
    transition: .3s;
    opacity: 1;
    z-index: 1000;
}

.preloader.fade-out {
    opacity: 0;
}



.preloader-secondary {
    position: fixed;
    width: calc(100vw - 380px);
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
    background: white;
    z-index: -100;
    transition: 0.3s;
    opacity: 1;
}

.preloader-secondary #lottie-animation2 {
    width: 100px;
}

.preloader-secondary.fade-out {
    opacity: 0;
}

/* Adaptive */


@media screen and (max-width: 1000px) {
    .preloader-secondary {
        width: 100vw;
        left: 0;
        top: 0;
    }

    #lottie-animation {
        width: 100px;
    }
}



/* <================ Chat-Review Styles =================> */



li.my.review-message {
    width: 100%;
    max-width: 100%;
}

li.my.review-message .review-chat-stars {
    display: flex;
}

li.my.review-message p {
    font-family: "TT-600";
    font-size: 18px;
    margin-bottom: 8px;
}

li.my.review-message textarea {
    width: 100%;
    height: 100px;
    outline: 0;
    font-family: "TT-400";
    font-size: 16px;
    resize: none;
    height: 80px;
    min-height: 80px;
    border: 0;
    padding: 0;
    line-height: 1;
}

li.my.review-message textarea::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 7px;
}

li.my.review-message textarea::-webkit-scrollbar-thumb {
    background: #459045;
    border-radius: 6px;
}

li.my.review-message textarea::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
    border-radius: 6px;
}

li.my.review-message textarea:focus {
    border-color: #000000;
}

.review-chat-opinion {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    font-family: "TT-400";
    align-items: center;
}


.review-chat-opinion img {
    width: 20px;
    cursor: pointer;
}

li.my.review-message .review-chat-opinion p {
    font-family: "TT-300";
    font-size: 16px;
}

.review-chat-stars {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.review-chat-stars img.hide {
    filter: grayscale(100%);
}

.review-chat-controls {
    display: flex;
    gap: 20px;
    margin-top: 20px;

}

.review-chat-controls button {
    padding: 8px 20px;
    background: #e4e4e4;
    border: 0;
    color: black;
    border-radius: 8px;
    font-size: 16px;
}

ol.message-list li.my.message-review .message-info {
    margin-top: 0;
}

ol.message-list li.my.message-review .message-info .message-status {
    display: none;
}

.review-chat-controls button:hover {
    background: rgb(207, 207, 207);
}


li.my.review-message .message-info p {
    font-size: 14px;
    margin: 0;
    margin-left: auto;
    font-family: "TT-400";
}

.review-chat-block {
    padding: 10px;
    border-radius: 10px;
    border: 2px solid transparent;
    background: white;
    overflow: hidden;
    transition: .3s;
    padding-bottom: 8px;
}

.review-chat-block:has(textarea:focus) {
    border-color: #000;
}

/* Adaptive */


@media screen and (max-width: 650px) {
    li.my.review-message p {
        font-size: 16px;
    }

    ol.message-list li.my.review-message {
        margin-left: 0;
        padding: 8px 10px;
    }


    li.my.review-message textarea {
        font-size: 14px;
        min-height: 60px;
        height: 60px;
    }

    .review-chat-block {
        border-radius: 5px;
    }

    .review-chat-controls button {
        padding: 6px 16px;
        border-radius: 5px;
        font-size: 14px;
        width: 100%;
    }

    .review-chat-controls {
        gap: 10px;
        margin-top: 10px;
    }

    li.my.review-message .message-info p {
        font-size: 12px;
    }

    .review-chat-block {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .chat-wrapper.review-active {
        padding-top: 50px;
        height: 100%;
        max-height: 100%;
        margin-top: 0;
    }
}


@media screen and (max-width: 440px) {
    li.my.review-message textarea {
        font-size: 12px;
    }

    .review-chat-controls button {
        font-size: 12px;
    }
}


@media screen and (max-width: 390px) {
    .review-chat-controls button {
        font-size: 10px;
        padding-left: 6px;
        padding-right: 6px;
    }
}


.arrow-chat-down {
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 10px black;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 1;
    transform: translateY(0px);
    transition: .3s;
}

.arrow-chat-down.fade-out {
    opacity: 0;
    transform: translateY(10px);
}


.arrow-chat-down img {
    height: 30px;
    transform: rotate(90deg);
    margin-top: 5px;
}

@media screen and (max-width: 1000px) {
    .arrow-chat-down {
        display: flex;
    }
}


@media screen and (max-width: 650px) {
    .arrow-chat-down {
        display: none;
    }
}


/* <================ Pay-page Styles =================> */


img.pay_check-img {
    width: 350px;
    margin: 0 auto;
    display: block;
    margin-top: 120px;
}

h1.pay-title {
    text-align: center;
    margin-top: 60px;
    font-family: "TT-500";
    font-size: 80px;
    color: #363636;
    margin-bottom: 20px;
}

h3.pay-subtitle {
    color: #838383;
    text-align: center;
    font-size: 40px;
}

hr.pay-line {
    height: 2px;
    border: 0;
    background: #7d7d7d;
    margin-top: 90px;
    margin-bottom: 40px;
}

button.secondary.pay {
    background: #00ab32;
    border-radius: 10px;
    padding: 16px 48px;
    border: 0;
    margin: 0 auto;
    font-size: 40px;
    font-family: "TT-400";
    margin-top: 30px;
    margin-bottom: 60px;
    transition: .3s;
}

button.secondary.pay:hover {
    background: rgb(0, 131, 0);
}

/* Adaptive */

@media screen and (max-width: 1050px) {
    img.pay_check-img {
        width: 178px;
    }

    h1.pay-title {
        font-size: 32px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    h3.pay-subtitle {
        font-size: 24px;
    }

    hr.pay-line {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    button.secondary.pay {
        padding: 12px 32px;
        font-size: 18px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 650px) {

    img.pay_check-img {
        width: 120px;
    }

    h1.pay-title {
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h3.pay-subtitle {
        font-size: 20px;
        max-width: 300px;
        margin: 0 auto;
    }

    h3.pay-subtitle.mob {
        font-size: 16px;
    }

    button.secondary.pay {
        padding: 8px 32px;
        font-size: 16px;
        margin-top: 10px;
    }
}



/* <================ Tz Styles =================> */

.tz-title {
    color: #59b059;
    font-size: 22px;
    font-family: "TT-600";
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.tz-title span {
    width: 16px;
    height: 16px;
    border-left: #59b059 3px solid;
    border-bottom: #59b059 3px solid;
    display: block;
    transform: rotate(-45deg);
    margin-bottom: 5px;
    transition: .3s;
    transform-origin: 30% 70%;
}

.tz-container {
    width: 100%;

    height: auto;

    padding: 16px 10px;
    background: #ececec;
    border-radius: 10px;
    margin-bottom: 20px;
}

.tz-container p {
    font-size: 18px;
    white-space: pre-line;
    text-align : left;
}

.tz-container strong {
    color: #4f4f4f;
    font-size: 20px;
    font-family: "TT-600";
    margin-top: 20px;
    display: block;
}

ol.tz-list {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

ol.tz-list b {
    color: rgb(0, 0, 0);
    font-family: "TT-400";
    font-size: 18px;
}

ol.tz-list li {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    margin-bottom: 5px;
}

ol.tz-list li img {
    width: 40px;
    margin: 0;
    padding: 0;
}

ol.tz-list li a {
    font-size: 18px;
    margin-left: 5px;
    text-decoration: underline;
    color: black;
    display: block;
    overflow-x: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tz-container {
    transition: .3s all;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.tz-container * {
    transition: .1s opacity;
    opacity: 0;
}

.tz-container.open {
    padding: 16px 10px;
    padding-top: 0;
}

.tz-container.view , aside[data-scroll].faded {
    animation: view 1 3s ease-in-out;
}

@keyframes view {
    0% {
        box-shadow: 0;
    }
    20% {
        box-shadow: 0 0 10px black;
    }
    100% {
        box-shadow: 0;
    }
}

.tz-container.open * {
    opacity: 1;
}

.tz-title.open span {
    transform: rotate(135deg);
}

/* Adaptive */

@media screen and (max-width: 650px) {
    .tz-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .tz-title span {
        width: 10px;
        height: 10px;
        border-width: 2px;
        margin-left: 0;
        margin-top: 4px;
    }

    .tz-container p {
        font-size: 14px;
    }

    .tz-container strong {
        margin-top: 10px;
        font-size: 16px;
    }

    ol.tz-list li img {
        width: 30px;
    }

    ol.tz-list li a {
        font-size: 14px;
    }

    ol.tz-list li {
        margin-bottom: 0;
    }
}


/* Info Popup */

.popup.popup__info {
    border: 2px solid #00AA32;
    width: 500px;
}

.popup.popup__info p {
    padding: 20px;
    padding-bottom: 0;
}

@media screen and (max-width: 600px) {
    .popup.popup__info {
        border: 1px solid #00AA32;
        width: 300px;
    }
    .popup.popup__info p {
        padding: 10px;
        padding-bottom: 0;
        font-size: 12px;
    }

    .popup.popup.popup__info h5 {
        font-size: 16px;
        margin-top: 0;
    }

    .popup.popup__info button.secondary {
        height: 30px;
        width: 230px;
        margin-top: 10px;
        font-size: 14px;
    }
}


/* ДОП - ТГ-бот */


h5.settings__notify-subtitle {
    font-style: italic;
    font-family: "TT-300";
    font-size: 20px;
    opacity: 0.7;
    margin-bottom: 20px;
    width: 48%;
}

h5.settings__notify-subtitle b {
    font-family: "TT-500";
    font-style: normal;
}

p.settings__notify-telegram {
    color: rgb(255, 34, 34);
    margin-top: 30px;
    font-size: 20px;
    margin-bottom: 30px;
    width: 48%;
}

button.secondary.link-tg {
    background: #529fe3;
    color: white;
    font-size: 18px;
    padding: 5px 20px;
    transition: 0.3s;
    margin-bottom: 40px;
    border: 0;
    border-radius: 5px;
}

button.secondary.link-tg a {
    color: white;
    text-decoration: none;
    font-family: "TT-300";
}

button.secondary.link-tg:hover {
    background: #0078ff;
}

p.settings__notify-qr , p.success-link-tg {
    font-size: 20px;
    opacity: 0.8;
    width: 48%;
}

article.qr-code__container {
    width: 112px;
    height: 112px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -11px;
}
p.error-link {
    color: rgb(255, 37, 37);
    font-size: 16px;
}

@media screen and (max-width: 1280px) {
    p.settings__notify-qr , p.success-link-tg {

        width: 100%;
    }

    p.settings__notify-telegram {
        width: 100%;
    }

    h5.settings__notify-subtitle {
        width: 100%;
    }
}



@media screen and (max-width: 650px) {
    h5.settings__notify-subtitle {
        font-size: 14px;
        margin-bottom: 14px;
    }

    p.settings__notify-telegram {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    button.secondary.link-tg {
        font-size: 18px;
        padding: 5px 20px;
        transition: 0.3s;
        margin-bottom: 20px;
        border: 0;
        border-radius: 5px;
    }

    p.settings__notify-qr, p.success-link-tg {
        font-size: 14px;
        opacity: 0.8;
    }

    p.error-link {
        color: rgb(255, 37, 37);
        font-size: 14px;
    }

    
    article.qr-code__container , p.settings__notify-qr.first  {
        display: none;
    }
}

li.date-exploder.nt .notice-system-content #time-message{
    display: none;
}




/* ДОП Пагинация в каталоге */


.pagination-list {
    display: flex;
    align-items: center;
}

.pagination-list ol {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 20px;
}

.pagination-list ol li {
    margin: 0 5px;
    cursor: pointer;
}

.pagination-list ol li:hover {
    text-decoration: underline;
}

.hint aside.hint.mob-del {
    width: auto;
    min-width: fit-content;
    white-space: nowrap;
}


button#cancel-int_mob {
    display: none;
}


button.link-popup {
    border: 0;
    background: transparent;
    font-size: 16px;
    color: #ffffff;
    text-decoration: underline;
    margin-left: auto;
    padding: 0;
}

.popup.popup-field {
    border: 1px solid #406834;
    width: 700px;
    padding-left: 60px;
    padding-right: 60px;
}

h3.pf-title {
    font-size: 32px;
    width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: "TT-500";
}

textarea.pf-textarea {
    width: 100%;
    margin-top: 20px;
    border-radius: 15px;
    border: 1px solid #c2c2c2;
    height: 200px;
    resize: none;
    outline: 0;
    transition: 0.3s;
    padding: 16px;
    font-size: 18px;
    font-family: "TT-400";
}

textarea.pf-textarea.error {
    border-color: red;
}

textarea.pf-textarea:focus {
    border-color: black;
}

.pf-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    border-radius: 5px;
    font-size: 20px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 50px;
}

button.secondary.pf-btn-2 {
    background: #dfede0;
    color: #44932c;
}

button.secondary.pf-btn-2:hover {
    background: #bedcbe;
    color: black;
}

button.secondary.pf-btn-1 {
    background: rgb(157, 157, 157);
    color: white;
}

button.secondary.pf-btn-1.active {
    background: #d52c2c;
    color: #ffffff;
}

#apl_popup button.secondary.pf-btn-1 {
    background: #13c100;
    color: #ffffff;
}

#apl_popup button.secondary.pf-btn-1:hover {
    background: #00a510;
    color: #ffffff;
}

#apl_popup h3.pf-title {
    font-size: 28px;
    max-width: 90%;
    margin-bottom: 30px;
}

#apl_popup p.pf-subtitle {
    font-size: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 650px) {
    a.hint:hover aside.hint.mob-adapt {
        transform: translateX(-85%);
        width: 200px;
    }
    a.hint aside.hint.mob-adapt:after {
        left: 85%;
    }

    #apl_popup p.pf-subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #apl_popup h3.pf-title {
        font-size: 18px;
        width: 90%;
        margin-bottom: 20px;
    }

    .hint aside.hint.mob-del {
        display: none;
    }

    button#cancel-int_mob[data-stage="2"] {
        display: block;
        border: 0;
        background: transparent;
        padding: 0;
        margin-left: auto;
        margin-right: 28px;
    }

    button.link-popup {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .popup.popup-field {
        width: 90vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    h3.pf-title {
        font-size: 20px;
        width: 300px;
    }
    textarea.pf-textarea {
        border-radius: 8px;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 8px;
    }

    button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    font-size: 18px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 40px;
}
}

@media screen and (max-width: 525px) {
    .popup.popup-field {
        width: 90vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    h3.pf-title {
        font-size: 20px;
        width: 100%;
    }
    textarea.pf-textarea {
        border-radius: 8px;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 8px;
    }

    button.secondary.pf-btn-1,
button.secondary.pf-btn-2 {
    font-size: 14px;
    margin-top: 16px;
    font-family: "TT-500";
    height: 40px;
}
}

.popup.popup-sel {
    border: 1px solid #1A7537;
    padding-left: 30px;
    padding-right: 30px;
}

h3.ps-title {
    font-size: 24px;
    font-family: "TT-500";
    color: #00872b;
    margin-bottom: 10px;
}


a.click-proj {
    cursor: pointer !important;
}

span.adapt-formats-selector {
    max-width: 30vw;
}

@media screen and (max-width: 1530px) {
    span.adapt-formats-selector {
        max-width: 38vw;
    }
}

@media screen and (max-width: 1280px) {
    span.adapt-formats-selector {
        max-width: 30vw;
    }
}


@media screen and (max-width: 1200px) {
    span.adapt-formats-selector {
        max-width: 60vw;
    }
}

@media screen and (max-width: 1000px) {
    span.adapt-formats-selector {
        max-width: 85vw;
    }
}

.popup.popup-sel {
    width: 600px;
    border: 2px solid limegreen;
}


.new-select.ps {
    text-align: left;
}

button.secondary.ps-btn {
    width: 300px;
    margin-top: 60px;
    margin-bottom: 15px;
    background: rgb(218, 237, 224);
    color: rgb(0, 133, 66);
    font-size: 20px;
    height: 46px;
    font-family: "TT-500";
}

button.secondary.ps-btn:hover {
    color: black;
    background: rgb(164, 239, 188);
}

.new-select.ps span.quick-move{
    animation: quick 0.5s ease-in 1;
    transition: 0.2s;
}

@media screen and (max-width: 600px) {
    .popup.popup-sel {
        width: 90vw;
    }

    button.secondary.ps-btn {
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    h3.ps-title {
        font-size: 20px;
    }
}

.header__login button#go-profile span {
    white-space: nowrap;
    color: white;
    margin-left: 15px;
}

.header__login button#go-profile:hover {
    background: #008b41;
}

.header__login #go-profile img {
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 1460px) {
    .header__login button#go-profile {
        height: 35px;
    }
    .header__login #go-profile img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 530px) {
    .header__login button#go-profile {
        height: 30px;
    }
    .header__login button#go-profile span {
        margin-left: 8px;
    }
}

@media screen and (max-width: 360px) {
    .header__login button#go-profile span {
        display: none;
    }
}

/* observer */

/* nav.main-nav a:nth-child(1) button {
    transform: translateY(-20px);
    opacity: 0;
    transition: 1s;
}

nav.main-nav a:nth-child(2) button {
    transform: translateY(-40px);
    opacity: 0;
    transition: 1.5s;
}

nav.main-nav a:nth-child(3) button {
    transform: translateY(-60px);
    opacity: 0;
    transition: 2s;
}

*.fadeIn {
    transform: translateX(0) translateY(0) scale(1) !important;
    opacity: 1 !important;
} */


.il__block-slider {
    position: relative;
    padding: 0 60px;
}

.swiper-il {
    overflow: hidden;
}

h4.il-title {
    font-family: "TT-600";
    font-size: 36px;
    text-align: center;
    color: #39743a;
}

p.il-subtitle {
    color: #787878;
    font-size: 32px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 0 110px;
}


.il-img .il-block__img img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

p.il-subs {
    color: #787878;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
}

button.secondary.il-btn {
    width: 400px;
    height: 46px;
    font-size: 20px;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 90px;
}

.inst__list-inner {
    text-align: center;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev,
.il__block-slider .swiper-container.swiper-il .swiper-button-next {
    width: 48px;
    height: 48px;
    background: #1A7537;
    border-radius: 50%;
    background-image: url(/img/sl_arrow.png);
    background-size: 80% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: 0;
    top: 40%;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev:active,
.il__block-slider .swiper-container.swiper-il .swiper-button-next:active {
    transform: scale(0.98);
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev {
    transform: rotate(180deg);
    left: 0;
}

.il__block-slider .swiper-container.swiper-il .swiper-button-prev:active {
    transform: scale(0.98) rotate(180deg);
}


.il__block-slider .swiper-container.swiper-il .swiper-button-prev:after,
.il__block-slider .swiper-container.swiper-il .swiper-button-next:after {
    display: none;
}


.swiper-il .swiper-slide{
    height: auto !important;                  
}

@media screen and (max-width: 1300px) {
    h4.il-title {
        font-size: 28px;
    }

    p.il-subtitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 850px) {
    h4.il-title {
        font-size: 28px;
    }

    p.il-subtitle {
        font-size: 24px;
        padding: 0;
        margin-top: 40px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 18px;
    }

    .content__bloger .intro__content h1.intro__title {
        font-size: 28px;
    }

    .content__bloger .intro__content h3.intro__text {
        font-size: 20px;
    }


}
 
@media screen and (max-width: 650px) {
    .il__block-slider .swiper-container.swiper-il .swiper-button-prev,
    .il__block-slider .swiper-container.swiper-il .swiper-button-next {
        width: 36px;
        height: 36px;
        top: 45%;
    }

    .il__block-slider {
        padding: 0 40px;
    }

    button.secondary.il-btn {
        width: 95vw;
        font-size: 20px;
    }

    .il-img .il-block__img img {
        width: 160px;
        height: 160px;
    }
}

@media screen and (max-width: 450px) {
    .il-img .il-block__img img {
        width: 120px;
        height: 120px;
    }
    p.il-subs {
        font-size: 16px;
    }

    h4.il-title {
        font-size: 22px;
    }

    p.il-subtitle {
        font-size: 20px;
    }

    button.secondary.il-btn {
        font-size: 18px;
    }
}

@media screen and (max-width: 370px) {
    .il-img .il-block__img img {
        width: 90px;
        height: 90px;
    }

    button.secondary.il-btn {
        font-size: 16px;
    }
}

.intro__content h2.intro__text {
    margin-top: 0;
}

@media screen and (min-width: 1960px) {
    section.intro .container {
        max-width: 1600px;
        padding: 0 228px;
    }

    .intro__content h2.intro__text {
        margin-top: 0;
    }
}

.content__bloger .intro__content h1.intro__title {
    margin-top: 0;
}

.content__bloger .intro__content h3.intro__text {
    font-size: 18px;
}

@media screen and (max-width: 1400px) {
    .intro__content h2.intro__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 440px) {
    .content__bloger .intro__content h3.intro__text {
        font-size: 14px;
    }
    .intro__content h2.intro__text {
        font-size: 14px;
    }
}

.catalog-list {
    width: 100%;
}


button.secondary.noClick#reg-form-send {
    background: gray;
    color: white;
    border: 0;
}



.bm-col.fhd p {
    font-size: 18px;
}

.bm-col.fhd {
    font-size: 36px;
}

.bm-col.fhd:first-child {
    max-width: 448px;
}

.bm-col.fhd:first-child p {
    max-width: 75%;
}

.bm-col.fhd h2 {
    font-size: 36px;
}

.bm-col.fhd:last-child h2 {
    max-width: 60%;
}

.bm-col.fhd:first-child button.secondary {
    width: 75%;
}

.bm-col.fhd img {
    width: 240px;
    margin-left: -100px;
}

.motive__banner.fhd {
    margin-top: 120px;
}

@media screen and (max-width: 1180px) {
    .bm-col.fhd img {
        width: 200px;
    }

    .bm-col.fhd:first-child {
        max-width: 348px;
    }

    .bm-col.fhd:last-child {
        max-width: 300px;
    }

    .bm-col.fhd h2 {
        font-size: 28px;
    }

    .bm-col.fhd img {
        margin-left: -50px;
    }

    .bm-col.fhd:first-child p {
        max-width: 85%;
    }

    .bm-col.fhd:first-child button.secondary {
        max-width: 85%;
    }
}

@media screen and (max-width: 940px) {
    .bm-col.fhd img {
        width: 200px;
    }

    .bm-col.fhd:last-child {
        width: 200px;
    }

    .bm-col.fhd:first-child {
        width: 250px;
    }

    .bm-col.fhd:last-child h2 {
        width: 100%;
    }

    .motive__banner.fhd {
        margin-top: 60px;
    }

    h5.motive__subtitle.fhd {
        margin-bottom: 15px !important;
    }
}


@media screen and (max-width: 800px) {
    .bm-col.fhd.image {
        transform: none;
        margin-top: 10px;
        margin-bottom: 10px;
        position: static;
        width: 200px;
    }

    .bm-col.fhd:last-child h2 {
        width: 100%;
        max-width: 100%;
    }

    .bm-col.fhd.image img {
        width: 100%;
    }

    article.banner-motive:has(.bm-col.fhd) {
        gap: 5px;
    }

    .bm-col.fhd img {
        margin-left: 0px;
    }

    .bm-col.fhd h2 {
        font-size: 20px;
    }

    .bm-col.fhd p {
        font-size: 14px;
    }

    .bm-col.fhd:first-child button.secondary {
        max-width: 100%;
        width: 100%;
    }

    .bm-col.fhd:last-child {
        width: 100%;
    }
}



/* Knowledge Base */

.knowledge-content {
    padding-top: 180px;
}

h1.knowledge-title,
.knowledge-title {
    text-align: center;
    font-size: 56px;
    text-transform: uppercase;
    font-family: "TT-500";
    color: #08772f;
}

.knowledge-search {
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 30px;
}

.knowledge-search input {
    width: 100%;
    border-radius: 12px;
    height: 40px;
    border: 3px solid limegreen;
    outline: none;
    padding-left: 16px;
    font-size: 20px;
    font-family: "TT-400";
    padding-right: 130px;
}

.knowledge-search label {
    position: absolute;
    font-size: 20px;
    font-family: "TT-400";
    color: gray;
    transition: 0.3s all;
    top: 50%;
    transform: translateY(-50%);
    left: 19px;
    z-index: 0;
    cursor: text;
}

.knowledge-search:has(input:focus) label {
    font-size: 14px;
    top: 0;
    background: white;
    padding: 5px;
    color: black;
}

.knowledge-search button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 28px;
    border-radius: 4px;
    background-color: #10a810;
    font-family: "TT-400";
    border: 0;
    font-size: 16px;
}

.knowledge-search button:active {
    transform: translateY(-50%) scale(0.98);
}

h2.kb-sidebar-title {
    font-size: 24px;
    font-family: "TT-400";
    color: #525252;
}

aside.kb-sidebar {
    /* border: 1px solid #dfdfdf; */
    position: sticky;
    top: 15px;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    width: 308px;
    box-shadow: 0 2px 5px rgb(92, 92, 92);
}

aside.kb-sidebar ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

aside.kb-sidebar > ol > li span {
    height: auto;
    padding: 14px 12px;
    width: 100%;
    display: block;
    border-top: 1px solid #dfdfdf;
    padding-left: 20px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
}

aside.kb-sidebar > ol > li:nth-child(4) span {
    border-bottom: 1px solid #dfdfdf;
}

aside.kb-sidebar > ol > li span img {
    transition: 0.3s;
    width: 8px;
    height: 14px;
    margin-top: 4px;
    margin-right: 5px;
}

aside.kb-sidebar > ol > li.active span img {
    transform: rotate(90deg);
    filter: grayscale(1) brightness(1000%);
}

aside.kb-sidebar > ol > li span:hover {
    background: #f0fff7;
}

aside.kb-sidebar > ol > li {
    cursor: pointer;
    font-family: "TT-400";
    font-size: 16px;
    height: auto;
    color: #346839;
}


aside.kb-sidebar > ol > li > ol {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

aside.kb-sidebar > ol > li > ol > li {
    height: auto;
    padding: 0px 0px;
    transition: 0.15s;
}

aside.kb-sidebar > ol > li > ol > li[data-l3]:hover {
    background: #f0fff7;
}

aside.kb-sidebar > ol > li.active > span {
    color: white;
    background: #346839; 
}

aside.kb-sidebar > ol > li.active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 1100px;
}

.knowledge-data {
    display: flex;
    gap: 20px;
    margin-top: 90px;
}


p.kba-date {
    color: #cccccc;
    margin-bottom: 16px;
    margin-top: 14px;
}

h2.kba-title,
h1.kba-title {
    color: #424242;
    font-family: "TT-500";
    font-size: 40px;
    margin-bottom: 20px;
}

p.kba-text,
div.kba-text {
    color: #424242;
	font-size: 20px;
}

aside.kb-sidebar li[data-l3].active {
    color: white;
    background: #346839;
}

aside.kb-sidebar li[data-l2] {
    padding: 0;
}

aside.kb-sidebar li[data-l2] span {
    padding-left: 40px;
}

aside.kb-sidebar li[data-l3] {
    padding: 10px 12px;
    transition: 0.3s;
}

aside.kb-sidebar li[data-l2].active span {
    color: white;
    background: #346839;
}

aside.kb-sidebar li[data-l2] > ol {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

aside.kb-sidebar li[data-l2].active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 3000px;
    overflow-y: auto;
}

aside.kb-sidebar li[data-l1].active li[data-l2] img {
    filter: none;
    transform: rotate(0);
}

aside.kb-sidebar li[data-l1].active li[data-l2].active img {
    filter: grayscale(1) brightness(1000%);
    transform: rotate(90deg);
}


a.full-ord {
    width: 30%;
}

@media screen and (max-width: 650px) {
    a.full-ord {
        width: 100%;
    }
}

li[data-l1] li[data-l3] {
    padding-left: 40px;
}

li[data-l1] li[data-l2] li[data-l3] {
    padding-left: 60px;
}

@media screen and (max-width: 1000px) {
    .header__logo.kb {
        margin-left: 3vw;
    }

    aside.kb-sidebar {
        position: fixed;
        top: 0;
        margin-top: 0;
        left: 0;
        box-shadow: none;
        z-index: 12;
        background: white;
        width: 260px;
        transform: translateX(-100%);
        transition: 0.4s;
        overflow-y: scroll;
        max-height: calc(100vh - 210px);
    }

    .user-description.mobi {
        display: none;
    }

    aside.kb-sidebar.open {
        transform: translateX(0);
    }

    aside.kb-sidebar > ol > li span img {
        margin-right: 4px;
    }
    aside.kb-sidebar > ol > li {
        font-size: 14px;
    }

    h2.kb-sidebar-title {
        display: none;
    }

    .knowledge-data {
        gap: 0;
        display: block;
        margin-top: 60px;
    }

    h1.knowledge-title {
        font-size: 36px;
    }

    .knowledge-content {
        padding-top: 150px;
    }
}

@media screen and (max-width: 490px) {
    .header__logo.kb {
        margin-left: 10vw;
    }
}
/**/
aside.kb-sidebar > ol > li.active > ol {
    transition: max-height 0.35s ease-in;
    max-height: 5000px;
    overflow-y: auto;
}
.search-input.kb {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

article.kb-article.news , article.kb-article.blog {
    background: #fafafa;
    padding: 6px 18px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.43);
    margin-bottom: 40px;
    border-radius: 10px;

}

article.kb-article.news h2.kba-title , article.kb-article.blog h2.kba-title {
    margin-bottom: 0;
    font-size: 38px;
    color: #525252;
}

h5.kba-subtitle {
    color: #969696;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: "TT-500";
}

article.kb-article.news p.kba-text,
article.kb-article.news div.kba-text {
    color: #525252;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: .3s;
}

article.kb-article.news.open p.kba-text,
article.kb-article.news.open div.kba-text {
    max-height: 5000px;
}

article.kb-article.news.open p.kba-text,
article.kb-article.news.open div.kba-text {
    margin-bottom: 0;
}

button.new-open {
    border: 0;
    background: transparent;
    color: #10a810;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

button.new-open span {
    margin-left: 10px;
    margin-top: 0px;
    width: 7px;
    transition: .3s;
}

button.new-open.open span {
    transform: rotate(-90deg);
}

.kba-slider {
    width: 220px;
    margin-right: 40px;
    min-width: 220px;
    position: relative;
}

.swiper-kba {
    overflow: hidden;
}

.kba-cont {
    display: flex;
    min-width: 0;
}

.swiper-kba {
    min-width: 0;
}

.kba-block__img {
    width: 220px;
}

article.kb-article.blog .kba-slider .swiper-button-prev ,
article.kb-article.blog .kba-slider .swiper-button-next {
    opacity: 0;
    z-index: -3;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev,
article.kb-article.blog.open .kba-slider .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #1A7537;
    border-radius: 50%;
    background-image: url(/img/sl_arrow.png);
    background-size: 80% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: -10px;
    top: 50%;
    opacity: 1;
    z-index: 2;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev:active,
article.kb-article.blog.open .kba-slider .swiper-button-next:active {
    transform: scale(0.98);
}

article.kb-article.blog.open .kba-slider .swiper-button-prev {
    transform: rotate(180deg);
    left: -10px;
}

article.kb-article.blog.open .kba-slider .swiper-button-prev:active {
    transform: scale(0.98) rotate(180deg);
}


article.kb-article.blog.open .kba-slider  .swiper-button-prev:after,
article.kb-article.blog.open .kba-slider  .swiper-button-next:after {
    display: none;
}


article.kb-article.blog p.kba-text,
article.kb-article.blog div.kba-text {
    max-height: 48px;
    overflow: hidden;
    transition: .3s;
}

article.kb-article.blog.open p.kba-text,
article.kb-article.blog.open div.kba-text {
    max-height: 1000px;
}

article.kb-article.blog .kba-slider {
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    transition: 0.3s;
}

article.kb-article.blog.open .kba-slider {
    max-height: 625px;
    overflow: unset;
}

article.kb-article.blog .kba-slider:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: #000;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0.5;
    transition: 0.3s;
}

article.kb-article.blog.open .kba-slider:after {
    z-index: -2;
    opacity: 0;
}


p.notice-body {
    padding-bottom: 15px;
}

a.notice-link {
    margin-top: 0 !important;
}

@media screen and (max-width: 650px) {
    h2.kba-title,
    h1.kba-title {
        font-family: "TT-500";
        font-size: 20px;
        margin-bottom: 20px;
    }
    p.kba-text,
    div.kba-text {
        font-size: 14px;
        color: #525252;
    }
    p.kba-date {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #525252;
    }

    .kba-block__img {
        width: 320px;
    }

    .kba-slider {
        width: 320px;
    }

    article.kb-article.blog p.kba-text,
    article.kb-article.blog div.kba-text {
        max-height: 0;
    }

    article.kb-article.news, article.kb-article.blog {
        padding: 6px 10px;
    }

    article.kb-article.news h2.kba-title,
    article.kb-article.news h1.kba-title,
    article.kb-article.blog h2.kba-title,
    article.kb-article.blog h1.kba-title {
        font-size: 18px;
    }

    h5.kba-subtitle {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 14px;
    }

    .kba-cont {
        display: block;
    }

    article.kb-article.blog .kba-slider {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    article.kb-article.blog.open p.kba-text,
    article.kb-article.blog.open div.kba-text {
        font-size: 14px;
        color: #525252 ;
    }

    h1.knowledge-title,
    .knowledge-title {
        font-size: 24px;
    }

    .knowledge-content {
        padding-top: 130px;
    }

    article.kb-article.news, article.kb-article.blog {
        margin-bottom: 20px;
    }

    .knowledge-data {
        margin-top: 30px;
    }

    /*
article.kb-article.news p.kba-text,
article.kb-article.news div.kba-text {
    color: #525252;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: .3s;
    font-size: 14px;
}
*/
}


@media screen and (max-width: 360px) {
    .kba-block__img {
        width: 280px;
    }

    .kba-slider {
        width: 280px;
    }
}

.knowledge-posts {
    width: 100%;
}

h1.knowledge-title,
.knowledge-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    text-align: center;
}

h1.knowledge-title img,
.knowledge-title img {
    width: 90px;
    left: 0;
    position: absolute;
}

@media (max-width: 800px) {
    h1.knowledge-title,
    .knowledge-title {
        font-size: 36px;
    }
    h1.knowledge-title img,
    .knowledge-title img {
        width: 60px;
    }
}

@media (max-width: 435px) {
    h1.knowledge-title img,
    .knowledge-title img {
        width: 30px;
    }
}

@media (max-width: 380px) {
    h1.knowledge-title img,
    .knowledge-title img {
        position: static;
        margin-right: 10px;
    }

    h1.knowledge-title,
    .knowledge-title {
        font-size: 20px;
    }
}

html.kb,
body.kb {
    overflow-x: unset;
    max-width: 100vw;
}

body.kb::-webkit-scrollbar {
    display: none;
}

html.kb {
    overflow-x: hidden;
}

i {
    font-style: normal !important;
}


.admin-content h1 {
    font-size: 36px;
    font-family: "TT-500";
}

.edit-block {
    margin-top: 60px;
}

.edit-block h4 {
    opacity: .7;
    font-family: "TT-500";
    font-size: 18px;
    margin-bottom: 20px;
}


.edit-block p {
    font-size: 18px;
}

.edit-block p span {
    font-family: "TT-500";
}

.docs__verify {
    display: grid;
    grid-auto-flow: row;

    width: 100%;

    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));

    gap: 20px;
    margin-top: 30px;
}

.docs__verify article {
    border: 2px solid green;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}

.docs__body {
    display: flex;
    align-items: center;
    gap: 20px;
}

.docs__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.docs__header img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.docs__header h2 {
    font-family: "TT-500";
    margin-left: 16px;
    font-size: 18px;
}

.docs__header p {
    margin-bottom: auto;
    margin-left: auto;
    opacity: 0.7;
    font-size: 16px;
}

.dosc__img-cont {
    width: 300px;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.dosc__img-cont span {
    margin-top: 8px;
    display: block;
}

.docs__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.docs__buttons button {
    padding: 8px 20px;
    width: 200px;
}

.docs__buttons button:first-child {
    background: limegreen;
    font-family: "TT-400";
    border: 0;
}

.docs__buttons button:last-child {
    background: red;
    font-family: "TT-400";
    border: 0;
}

html:has(body.kb.fix) {
    max-height: 100vh;
    overflow-y: hidden;
}

body.kb.fix {
    overflow-y: hidden;
    max-height: 100%;
}

.order-author-header.adm {
    display: flex;
    gap: 40px;
}

/* ДОП - Кол-во подписчиков */

.settings-in-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.settings-in-row input:nth-child(2) {
    width: 30%;
}

.settings-in-row input:first-child {
    width: 67%;
}

.sl-titles {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.setting-links .input-block:has(input:not([type="radio"])):before {
    width: 20px;
}

a.chh__link {
    color: white;
}

@media screen and (max-width: 650px) {
    .chat-header h4 {
        flex-wrap: nowrap;
    }

    a.chh__link {
        word-break: break-all;
        color: green;
        display: block;
        overflow-x: hidden;
        max-width: 240px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media screen and (max-width: 600px) {
    .chat-header .arrow-back img {
        width: 24px;
        height: 24px;
    }

    .chat-header > img {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

    .chat-header button img {
        width: 35px;
        height: 35px;
    }
}

.input-block input.disabled {
    position: relative;
    cursor: default;
    opacity: 0.8;
}

.input-block input.disabled:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    left: 0;
    top: 0;
    z-index: 20;
}

.input-block .settings-in-row input.error {
    border: 2px solid red;
}


.user-price button.secondary.freezed:disabled {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}

.user-price button.secondary.freezed:disabled:active {
    transform: none;
}

aside.order-block:has(.hint:hover) + aside.order-block.upper {
    z-index: unset !important;
}

.order-block button.freezed[disabled]:active {
    transform: none;
}

.order-block button.freezed[disabled] {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}


.fdesc__line button.freezed#accept:disabled, .fdesc__line button.freezed#accept-2:disabled, .fdesc__line button.freezed#acceptOk:disabled {
    background: #c5c5c5;
    color: rgb(60, 60, 60);
}

.fdesc__line button.freezed#accept:disabled:active, .fdesc__line button.freezed#accept-2:disabled:active, .fdesc__line button.freezed#acceptOk:disabled:active {
    transform: none;
}


p.kba-text,
div.kba-text {
    margin-bottom: 60px;
}

button.cancel__int--btn {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    display: block;
    padding: 0;
    margin-left: 10px;
}

button.cancel__int--btn:hover {
    background: transparent;
}

button.cancel__int--btn img {
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
}

button.cancel__int--btn img:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 6px #808080;
	}

button.cancel__int--btn.mobile {
    display: none;
}


@media (max-width: 1400px) {
    .task-header {
    position: relative;
    padding-right: 35px;
    }

    button.cancel__int--btn.mobile {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 650px) {
    .int-report {
        width: 20px;
    }

    .int-report:hover aside.hint.mob-adapt {
        transform: translateY(8px) translateX(-90%);
    }

    .int-report aside.hint.mob-adapt:after {
        left: 90%;
    }
}

ol.task-steps__list li.actually.unactive p {
    text-decoration: none;
    color: gray;
}

/* <================ Activation Styles =================> */

.activation__wrapper {
	width: 100%;
	max-width: 60%;
	/* margin-left: 15px; */
	margin-top: 25px;
}

.activation__title {
	font-family: "TT-600";
	font-size: 24px;
}

.warning-text {
	margin-top: 20px;
	font-family: "TT-500";
	color: rgb(233, 57, 44);
}

.green-text {
	margin-top: 20px;
	font-family: "TT-500";
	color: rgb(70, 150, 79);
}

.green-text + p {
	margin-top: 20px;
}

.title-wrapper {
	display: inline;
}

.activation__confirm {
	margin-top: 20px;
	background-color: rgb(243, 255, 243);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__confirm-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__confirm-actions-desc {
	font-family: "TT-600";
}

.activation__one {
	color: rgb(255, 114, 85);
	font-family: "TT-700";
	font-size: 60px;
}

.activation__confirm-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__select {
	font-family: "TT-700";
	color: rgb(92, 155, 110);
	text-decoration: underline;
}

.activation__confirm-actions {
	padding-left: 15px;
}

.notice-warning {
	margin-top: 15px;
	font-family: "TT-600";
}

.important {
	color: rgb(233, 60, 53);
	font-family: "TT-700";
	font-size: 18px;
}

.activation__verify {
	margin-top: 20px;
	background-color: rgb(243, 255, 243);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__two {
	color: #006cff;
	font-family: "TT-700";
	font-size: 60px;
}

.activation__verify-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__verify-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__verify-actions-desc {
	margin-top: 10px;
	font-family: "TT-600";
}

.activation__verify-text {
	margin-top: 16px;
}

.activation__verify p:last-child {
	margin-top: 1.3em;
}

.activation__complete {
	margin-top: 20px !important;
	font-size: 30px;
	font-family: "TT-700";
	color: rgb(38, 168, 66);
	display: flex;
	align-items: center;
}

/* .completed {
	margin-bottom: 70px;
} */

@media (max-width: 1500px) {
	.activation__wrapper {
		max-width: 80%;
	}
}

@media (max-width: 1230px) {
	.activation__wrapper {
		max-width: 100%;
	}
}

@media (max-width: 735px) {
	.activation__complete {
		font-size: 24px;
	}
}

@media (max-width: 700px) {
	.activation__title {
		font-size: 20px;
	}

	.activation__confirm-title {
		font-size: 32px;
	}

	.activation__verify-title {
		font-size: 32px;
	}

	.green-text + p {
		margin-right: 10px;
	}
}

@media (max-width: 600px) {
	.activation__confirm-title {
		font-size: 28px;
	}

	.activation__verify-title {
		font-size: 28px;
	}
}

@media (max-width: 530px) {
	.activation__title {
		margin-right: 20px;
	}

	.green-text {
		margin-right: 20px;
	}

	.activation__confirm-warning {
		margin: 0 10px;
	}

	.activation__verify-warning {
		margin: 0 10px;
	}
}

@media (max-width: 500px) {
	.activation__confirm-warning {
		width: 40px;
	}

	.activation__verify-warning {
		width: 40px;
	}

	.activation__one {
		font-size: 40px;
	}

	.activation__two {
		font-size: 40px;
	}

	.activation__confirm-title {
		font-size: 24px;
	}

	.activation__verify-title {
		font-size: 24px;
	}
}

@media (max-width: 440px) {
	.activation__confirm {
		padding-left: 20px;
	}

	.activation__verify {
		padding-left: 20px;
	}

	.activation__one {
		font-size: 32px;
	}

	.activation__two {
		font-size: 32px;
	}

	.activation__confirm-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.activation__verify-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.activation__title {
		font-size: 16px;
	}

	.activation__complete {
		font-size: 20px;
	}
}

@media (max-width: 350px) {
	.activation__title {
		font-size: 16px;
	}

	.activation__complete {
		font-size: 18px;
	}
}


.settings__form-main .input-block input.error {
    background: rgb(255, 238, 238);
}

.settings__form-main .input-block textarea.error {
	background: rgb(255, 238, 238);
}

.setting-links.error {
	border-color: red;
}

.setting-links p.error {
	display: none;
	color: red;
    font-size: 14px;
}

.setting-links.error p.error {
	display: block;
}

/* projects (кнопки) */

.projects__select-buttons {
	display: flex;
	gap: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.projects__select-button {
	background-color: transparent;
	border-radius: 20px;
	border: 2px solid #828282;
	color: #828282;
	padding: 10px 30px;
	font-size: 16px;
	white-space: nowrap;
}

.projects__select-button:hover {
	background-color: rgba(90, 165, 255, 0.3);
}

.projects__select-button.active {
	background-color: #76b0ff;
	border-color: #76b0ff;
	color: white;
}

@media (max-width: 1000px) {
	.hint-hide {
		display: none;
	}
}

@media (max-width: 500px) {
	.projects__select-buttons {
		width: 100%;
		justify-content: space-around;
		gap: 0;
	}

	.projects__select-button {
		font-size: 14px;
		padding: 10px 20px;
	}
}

@media (max-width: 430px) {
	.projects__select-button {
		font-size: 12px;
	}
}

@media (max-width: 370px) {
	.projects__select-button {
		padding: 5px 10px;
	}
}

/* project info */

.project-controls button {
	width: 180px;
	padding: 15px 30px;
	color: black;
	border-radius: 10px;
}

.project-controls button.endbutton {
	font-size: 16px;
	padding: 15px 30px;
}

.project-controls button#proj-edit {
	background-color: #daede0;
}

.project-controls button#proj-edit:hover {
	background-color: #c0d4c7;
}

.project-controls button#proj-pause {
	background-color: #3f2fda;
	color: white;
}

.project-controls button#proj-pause:hover {
	background-color: #2b2099;
}

.project-controls button#proj-continue {
	background-color: #00aa32;
	color: white;
}

.project-controls button#proj-continue:hover {
	background-color: #007823;
}

.project-controls button#proj-end {
	background-color: #ff5b5b;
	color: white;
}

.project-controls button#proj-end:hover {
	background-color: #e04242;
}

.project-controls button#proj-report {
	background-color: #ffca00;
}

.project-controls button#proj-report:hover {
	background-color: #e0b000;
}

.btn-img {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.project-avatarTitle {
	display: none;
}

.project-full {
	display: flex;
}

.project-avatar.mobile {
	display: none;
}

.project-info.mobile {
	display: none;
}

@media (max-width: 1300px) {
	.project-controls {
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 534px;
	}
}

@media (max-width: 1000px) {
	.project-header {
		flex-direction: column;
	}

	.project-controls {
		margin: 20px 0;
		width: auto;
		gap: 15px;
	}

	.project-controls button {
		font-size: 0;
		width: auto;
		padding: 10px;
	}

	.btn-img {
		width: unset;
		margin-right: 0;
	}
}

@media (max-width: 650px) {
	.project-avatarTitle {
		display: flex;
	}

	.project-full {
		display: none;
	}

	.project-avatar.mobile {
		display: flex;
	}

	.project-info.mobile {
		display: block;
		margin-top: 15px;
	}

	.proj-rep {
		display: none;
	}

	.project-info {
		max-width: none;
	}

	.project-controls {
		margin: 15px 0 20px;
		width: 100%;
		justify-content: left;
	}
}

@media (max-width: 460px) {
	.project-avatar {
		min-width: 70px;
		min-height: 70px;
	}
}

@media (max-width: 370px) {
	.project-title a {
		font-size: 15px;
	}

	.project-avatar {
		min-width: 50px;
		min-height: 50px;
		height: 50px;
		width: 50px;
	}
}

.new-select ol li {
	padding: 10px;
}

/* chats (доп) */

.chat-field-send-mobile {
	display: none;
}

@media (max-width: 650px) {
	.chat-footer {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.chat-wrapper {
		max-height: calc(100% - 110px);
	}

	.chat-wrapper ol {
		padding-bottom: 20px;
	}

	.chat-field {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 75% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 2px solid #bebebe !important;
		order: 2;
	}

	.chat-field textarea {
		flex: 1 !important;
		width: auto !important;
		max-width: none !important;
		margin-right: 5px !important;
		border: none !important;
	}

	.chat-field textarea:focus {
		border: none !important;
		outline: none !important;
	}

	.chat-field:has(textarea:focus) {
		border: 2px solid #bebebe !important;
	}

	.chat-field-send {
		display: none !important;
	}

	.chat-field-send-mobile {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background-color: #30b564;
		border-radius: 50%;
		padding: 5px;
		order: 3;
		margin-left: 5px;
	}

	.chat-clip {
		order: 1;
		margin-right: 5px;
	}

	.chat-clip label {
		width: 25px;
		padding: 0;
		background: transparent;
	}
}

@media screen and (max-width: 390px) {
	.chat-header h4 b {
		max-width: 100px;
	}
}

/* доп цвета у блогеров */

.bloger-style {
	background-color: #dcf1ff !important;
}

main.bloger-style {
	background-color: inherit !important;
}

.page-content.bloger-style {
	background-color: inherit !important;
}

.popup.bloger-style {
	background-color: inherit !important;
}

.bloger-style .new-select ol li:hover {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .sidebar-link:hover {
	background-color: #f4f8ff;
}

.bloger-style .sidebar__icons-controls button.secondary {
	background-color: #c7e8ff;
	color: black;
}

.bloger-style .sidebar__icons-controls button.secondary:hover {
	background-color: #76b0ff;
}

.search-input.tasks input {
	border-color: #006cff;
}

.search-input.tasks input:focus {
	outline: none;
	border-color: #358bff;
}

.search-input.tasks button.secondary {
	background-color: #006cff;
}

.search-input.tasks button.secondary:hover {
	background-color: #358bff;
}

.search-input.tasks ol.search-result {
	border-color: #358bff;
}

.search-input.tasks ol.search-result li:hover {
	background-color: #358bff;
}

.order-block button {
	background-color: #76b0ff;
	color: white;
}

.order-block button:hover {
	background-color: #5ea2ff;
}

.order-block button.secondary#go-full {
	background-color: #ddf7f5;
	color: #0072ff;
}

.order-block button.secondary#go-full:hover {
	background-color: #c8f3f0;
	color: #0072ff;
}

.order-controls button.secondary#deny {
	background: #fa5252;
	color: white;
}

.order-controls button.secondary#deny:hover {
	background-color: #ff3d3d;
}

h2.order-title {
	color: #404040 !important;
}

.bloger-style h4.order-desc, .bloger-style h2.author-title {
	color: #76b0ff;
}

.order-price b {
	color: #870df6;
	font-family: "TT-700";
}

.bloger-style h4.full-desc__title, .bloger-style .tz-title {
	color: #76b0ff;
}

.bloger-style .fdesc__line button#accept-2 {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .fdesc__line button#accept-2:hover {
	background-color: #5ea2ff;
}

.bloger-style button#back-to-lenta {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style button#back-to-lenta:hover {
	background-color: #c8f3f0;
}

.bloger-style .tz-title span {
	border-color: #76b0ff;
}

.bloger-style h1.task-title {
	color: #404040;
}

.bloger-style .task-controls button#go-full {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style .task-controls button#go-full:hover {
	background-color: #c8f3f0;
}

.bloger-style .task-controls button#go-chat {
	background-color: #76b0ff;
	color: white;
}

.bloger-style .task-controls button#go-chat:hover {
	background-color: #5ea2ff;
}

.bloger-style ol.task-steps__list li.completed {
	color: #76b0ff;
}

.bloger-style ol.task-steps__list li.completed a button {
	background: #76b0ff !important;
	color: white !important;
}

.bloger-style button.secondary.pf-btn-2 {
	background-color: #ddf7f5;
	color: #0072ff;
}

.bloger-style button.secondary.pf-btn-2:hover {
	background-color: #c8f3f0;
}

.popup.success.bloger-style {
	border-color: #358bff;
}

.popup.success.bloger-style button.secondary {
	background-color: #ddf7f5;
	color: #0072ff;
}

.popup.success.bloger-style button.secondary:hover {
	background-color: #c8f3f0;
}

.activation__confirm {
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
}

.activation__verify {
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
}

.bloger-style .settings__form-main .input-block input.success {
	background-color: #f1feff;
}

.bloger-style .settings__form-main .input-block input:focus {
	border-color: #358bff;
}

.settings__form-main .input-block textarea.success {
	background-color: #f1feff;
}

.bloger-style .settings__form-main .input-block textarea:focus {
	border-color: #358bff;
}

.bloger-style .input-block.in-btn button {
	background-color: #c5f0ff;
}

.bloger-style .input-block.in-btn button:hover {
	background-color: #9de5ff;
}

.bloger-style button.secondary.submit_set {
	background-color: #acdbff;
}

.bloger-style button.secondary.submit_set:hover {
	background-color: #8fceff;
}

.bloger-style form#password_change-form button.secondary {
	background-color: #acdbff;
}

.bloger-style form#password_change-form button.secondary:hover {
	background-color: #8fceff;
}

.bloger-style .chat-container {
	background-color: #006cff;
}

.bloger-style ol.message-list::-webkit-scrollbar-thumb {
    background: #006cff;
}

.bloger-style ol.message-list li.my {
	background: #006cff;
}

.bloger-style ol.message-list li {
	background: #dcf1ff;
}

.bloger-style .chat-clip:hover .chat-clip label span {
	color: #d6faff;
}

.bloger-style li.notice.unread .notice-header button {
	background-color: #006cff;
}

.bloger-style a.notice-link {
	color: #006cff;
}

.bloger-style a.notice-link:after {
	background-color: #006cff;
}

.bloger-style .notice p.notice-header span {
	color: #006cff;
}

.bloger-style .support-flex .input-block textarea:focus {
	border-color: #358bff;
}

.bloger-style .support-flex button.secondary {
	background-color: #acdbff;
}

.bloger-style .support-flex button.secondary:hover {
	background-color: #8fceff;
}

.bloger-style button.secondary.create__project {
	background-color: #acdbff;
}

.bloger-style button.secondary.create__project:hover {
	background-color: #8fceff;
}

.bloger-style p.feedback-order {
	color: #006cff;
}

.bloger-style .chat-field-send-mobile {
	background-color: #76b0ff;
}

.bloger-style .user-format h3 {
	color: #76b0ff;
}

.bloger-style .user-price p {
	color: #76b0ff;
}

.bloger-style .user-price-current {
	color: #76b0ff;
}

.bloger-style .input-block input {
	background-color: #f1feff;
	border-color: #acdbff;
}

.bloger-style .input-block input.error {
	border-color: rgb(255, 69, 69);
    background: rgb(255 200 200);
}

.bloger-style .input-block input:focus {
    border-color: #358bff;
}

.bloger-style button.secondary#reg-form-send {
	background-color: #006cff;
	border-color: #006cff;
}

.bloger-style button.secondary#reg-form-send:hover {
	background-color: #5ea2ff;
	border-color: #5ea2ff;
}

.bloger-style .order-block button[disabled] {
	background-color: rgb(221, 247, 245) !important;
	color: rgb(0, 114, 255) !important;
}

.bloger-style .order-block button[disabled]:hover {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

.bloger-style button.secondary.inf {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

.bloger-style button.secondary.inf:hover {
	background-color: rgb(221, 247, 245);
	color: rgb(0, 114, 255);
}

/* доп 3 бэйдж с отзывами */

.user-verify {
	display: inline-flex;
	margin-right: 0;
}

.user-itsme {
	display: inline-flex;
}

.user-stats {
	gap: 10px;
}

@media (max-width: 1250px) {
	.user-stats {
		gap: 10px;
	}

	.user-verify {
		font-size: 12px;
		max-width: 130px;
		gap: 5px;
	}

	.user-itsme {
		font-size: 12px;
		max-width: 130px;
		gap: 5px;
	}

	#reviews-badge {
		max-width: 100px;
	}
}

@media (max-width: 650px) {
	.user-verify {
		font-size: 16px;
		gap: 20px;
	}

	.user-itsme {
		font-size: 16px;
		gap: 20px;
	}
}

.activation__reviews {
	margin-top: 20px;
	background-color: #ffffff;
	border: 1px solid rgb(147, 147, 147);
	padding: 10px 30px 30px;
	border-radius: 12px;
}

.activation__reviews-title {
	display: flex;
	align-items: center;
	font-size: 36px;
	font-family: "TT-700";
}

.activation__reviews-warning {
	margin: 0 20px;
	width: 50px;
}

.activation__three {
	color: rgb(211, 117, 253);
	font-family: "TT-700";
	font-size: 60px;
}

.reviews-counter {
	margin-left: 0.3em;
	margin-right: 0.3em;
	color: rgb(0, 176, 80);
}

.activation__reviews p:last-child {
	margin-top: 1.3em;
}

.activation__one-complete {
	color: rgb(38, 168, 66);
}

.activation__two-complete {
	color: rgb(38, 168, 66);
}

.activation__three-complete {
	color: rgb(38, 168, 66);
}

.no-reviews-activation {
	display: inline;
	background-color: rgb(211, 117, 253) !important;
	color: white !important;
	height: 50px !important;
}

.no-reviews-activation:hover {
	background-color: rgb(171, 93, 207) !important;
}

.no-reviews-activation b {
	display: inline;
}

@media (max-width: 1260px) {
	.activation__reviews-title {
		font-size: 34px;
	}
}

@media (max-width: 1070px) {
	.activation__reviews-title {
		font-size: 28px;
	}
}

@media (max-width: 1000px) {
	.project-controls button#proj-edit {
		width: auto;
	}
	
	.project-controls button#proj-pause {
		width: 40px;
	}
	
	.project-controls button#proj-continue {
		width: 40px;
	}
	
	.project-controls button#proj-end {
		width: 40px;
	}
	
	.project-controls button#proj-report {
		width: 40px;
	}

	.no-reviews-activation {
		font-size: 14px !important;
	}
}

@media (max-width: 600px) {
	.activation__reviews-title {
		font-size: 20px;
	}
}

@media (max-width: 530px) {
    .activation__reviews-warning {
        margin: 0 10px;
    }
}

@media (max-width: 500px) {
    .activation__three {
        font-size: 40px;
    }

	.activation__reviews-warning {
        width: 40px;
    }
}

@media (max-width: 440px) {
    .activation__three {
        font-size: 32px;
    }
}

@media (max-width: 400px) {
	.activation__reviews-title {
		font-size: 16px;
	}
}

.order-block button.freezed[disabled] {
    background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

/* доп тг авторизация */

.tg_button {
	display: block;
	text-align: center;
	width: 100%;
	background-color: rgb(95, 154, 230);
	padding: 10px 0;
	margin-top: 50px;
	border-radius: 15px;
	color: white;
	text-decoration: none;
	font-family: "TT-700";
	margin-top: 30px;
}

.br_wrapper {
	margin-top: 20px;
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.br_or {
	font-family: "TT-300";
	flex-grow: 1;
	font-size: 20px;
	text-align: center;
}

.br_right {
	flex-grow: 10;
	display: block;
	content: "";
	border-bottom: 2px solid rgb(176, 176, 176);
	transform: translateY(-10px);
	margin-right: 15px;
}

.br_left {
	flex-grow: 10;
	display: block;
	content: "";
	border-bottom: 2px solid rgb(176, 176, 176);
	transform: translateY(-10px);
	margin-left: 15px;
}

.after_reg {
	margin-top: 5px;
	font-size: 14px;
	font-family: "TT-300";
	text-align: center;
}

.hint-left-user {
	margin-left: 55px;
}

@media (max-width: 650px) {
	.hint {
		max-width: 95vw;
	}

	.bloger-icon-hint .hint {
		width: 150px !important;
		white-space: normal !important;
	}
}

/* карточка товара */

.tasks-container-new {
	margin-top: 50px;
	width: 80%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.order-block-new {
	border: 3px solid #dfdfdf;
	border-radius: 20px;
	max-height: 440px;
	padding: 20px;
	gap: 30px;
}

.order-block-new-left {
	position: relative;
	display: flex;
	flex-direction: column;
}

.order-block-new-img {
	border-radius: 15px;
	height: 70%;
	max-width: 250px;
	object-fit: cover;
	cursor: zoom-in;
	max-height: 100%;
}

.order-block-new-price-wrapper {
	margin-top: auto;
}

.order-block-new-price {
	line-height: 0.9;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.order-block-new-right {
	display: flex;
	flex-direction: column;
}

.order-block-new-title {
	font-size: 26px;
	font-family: "TT-700";
	min-height: 66px;
	justify-self: center;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.order-block-new-title-subtitle {
	margin-top: 10px;
	font-size: 20px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.order-block-new-author-wrapper {
	display: flex;
	margin-top: 10px;
}

.order-block-new-author-text {
	font-size: 20px;
}

.order-block-new-author-top {
	font-family: "TT-700";
	color: rgb(101, 165, 255);
}

.order-block-new-author-name {
	color: black;
	text-decoration: none;
}

.order-block-new-author-name {
	margin-left: auto;
	flex-basis: 80px;
}

.order-block-new-author-text + a {
	margin-left: auto;
}

.order-block-new-author-img {
	margin-right: 10px;
	margin-left: auto;
	width: auto;
	height: 60px;
	justify-self: flex-end;
	border-radius: 5px;
	max-width: 60px;
}

.order-block-new-ad {
	min-height: 100px;
	display: flex;
}

.order-block-new-ad-top {
	display: block;
}

.order-block-new-ad-text {
	font-size: 20px;
	width: 75%;
}

.order-block-new-ad-top {
	font-family: "TT-700";
	color: rgb(101, 165, 255);
	white-space: nowrap;
}

.order-block-new-ad-types {
	margin-top: 5px;
	font-size: 16px;
	color: rgb(156, 156, 156);
}

.order-block-new-buttons {
	display: flex;
	margin-top: auto;
	gap: 20px;
	justify-content: space-between;
}

.order-block-new button#deny {
	margin-top: 32px;
	border:  0;
	background-color: transparent;
	margin-left: auto;
	cursor: pointer;
}

.order-block-new-more {
	border-radius: 8px;
	color: rgb(24, 104, 198);
	white-space: nowrap;
	text-decoration: none;
	padding: 10px 40px;
	font-size: 24px;
	font-family: "TT-500";
	background-color: rgb(215, 245, 245);
	cursor: pointer;
	transition: .3s;
}

.order-block-new-more:hover {
	background-color: rgb(155, 245, 255) !important;
}

.order-block-new-order {
	border-radius: 8px;
	white-space: nowrap;
	border: 0;
	font-size: 24px;
    padding: 10px 30px;
	color: rgb(215, 245, 245);
	background-color: rgb(101, 165, 255);
}

.order-block-new-order:hover {
	background-color: #4682B4 !important;
}

.order-block-new-id {
	margin-top: 5px;
	color: rgb(156, 156, 156);
}

.price-wb {
	color: rgb(141, 3, 251);
	font-family: "TT-700";
	text-align: end;
	font-size: 1.2em;
}

.cross-out {
	text-decoration: line-through;
}

.order-block-new-buttons.mobile {
	display: none;
}

.order-block-new-inner {
	display: flex;
	gap: 30px;
}

.order-block-new button.freezed[disabled] {
	background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

.order-block-new aside.hint {
	white-space: wrap;
}

.order-block-new .sent {
	background-color: rgb(221, 247, 245) !important;
	color: rgb(0, 114, 255) !important;
	border: 0;
	font-size: 20px;
    padding: 10px 20px;
}

.order-block-new .order-block-new-buttons button#accept {
	color: white;
    background-color: rgb(101, 165, 255);
	border: 0;
}

.order-block-new .order-block-new-buttons .secondary#accept {
	font-size: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.full__buttons-new-wrapper .secondary.full-hint-blocked-btn {
	background: #c5c5c5 !important;
    color: rgb(60, 60, 60) !important;
}

.in-work#accept {
	background-color: rgb(200, 200, 200) !important;

}

@media (min-width: 1921px) and (max-width: 4000px) {
	.tasks-container-new {
		width: 70%;
	}

	.order-block-new-right {
		min-width: 62%;
	}

	.order-block-new-img {
		max-width: 225px;
        width: 100%;
        height: 270px;
	}

	.order-block-new-title-subtitle {
        height: 70px;
		font-size: 18px;
	}

	.order-block-new-left {
		min-width: 30%;
	}

	.order-block-new-ad {
		min-height: 100px;
	}

	.order-block-new-ad-img {
		width: 70%;
	}

	.order-block-new button#deny {
		margin-top: 20px;
		justify-content: end;
	}

	.order-block-new-ad-text {
		width: 80%;
	}

	.order-block-new {
		max-height: 450px;
	}

	.order-block-new-order {
		padding: 10px 26px;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
		margin-bottom: 5px;
	}

	.order-block-new-order {
		font-size: 22px;
		width: 50%;
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		font-size: 22px;
		width: 50%;
	}

	.order-block-new .sent {
		font-size: 22px;
	}

	.order-block-new-buttons {
		gap: 20px;
	}
}

@media (min-width: 1921px) and (max-width: 2400px) {
	.tasks-container-new {
		width: 80%;
	}

	.order-block-new-right {
		min-width: 66%;
	}
}

@media (min-width: 1921px) and (max-width: 2170px) {
	.order-block-new-order {
		font-size: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.order-block-new-more {
		font-size: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.order-block-new-right {
		min-width: 64%;
	}
}

@media (max-width: 2000px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		margin-top: 25px;
	}

	.order-block-new {
		padding: 15px;
		border-width: 2px;
		max-height: 355px;
		border-radius: 16px;
	}

	.order-block-new-title {
		font-size: 20px;
		min-height: 55px;
	}

	.order-block-new-title-subtitle {
		margin-top: 0px;
		font-size: 16px;
		min-height: 60px;
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-more {
		padding: 10px 35px;
	}

	.order-block-new-left {
		min-width: 33%;
	}

	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 12px;
		margin-top: 5px;
	}
	
	.order-block-new-author-img {
		height: 60px;
	}

	.order-block-new-img {
		height: 100%;
        width: auto;
		max-height: 245px;
	}

	.order-block-new-price {
		font-size: 15px;
	}

	.price-wb {
		margin-left: 10px;
	}

	.order-block-new button#deny {
		margin-bottom: 5px;
        margin-top: 15px;
	}

	.order-block-new-ad-img {
		height: 60%;
		width: auto;
	}

	.order-block-new-ad {
		min-height: 90px;
	}

	.order-block-new-order {
		font-size: 18px;
		border-radius: 8px;
		padding: 10px 25px;
	}

	.order-block-new-more {
		border-radius: 8px;
		font-size: 18px;
		padding: 10px 30px;
	}

	.order-block-new-img {
		height: 100%;
        width: auto;
	}

	.order-block-new-id {
		margin-bottom: 20px;
	}

	.order-block-new-order.sent {
		font-size: 16px;
		padding: 10px 10px;
	}

	.order-block-new-buttons {
		margin-top: -5px;
		gap: 15px;
	}

	.order-block-new-price-wrapper {
		margin-top: -5px;
	}
}

@media (max-width: 1465px) and (min-width: 1440px) {
	.tasks-container-new {
		width: 56%;
	}
}

@media (max-width: 1580px) and (min-width: 1465px) {
	.order-block-new-img {
		height: 70%;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1740px) and (min-width: 1650px) {
	.order-block-new-img {
		height: auto;
        width: 190px;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (min-width: 1800px) and (max-width: 1920px) {
	.order-block-new .order-block-new-buttons .secondary#accept {
		width: 150% !important;
		font-size: 18px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.order-block-new-more {
		width: 100%;
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 1740px) and (max-width: 1860px) {
	.tasks-container-new {
		width: 87%;
	}
}

@media (min-width: 1465px) and (max-width: 1740px) {
	.tasks-container-new {
		width: 100%;
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.order-block-new .order-block-new-buttons .secondary#accept {
		font-size: 18px;
		width: 70%;
	}
}

@media (min-width: 1465px) and (max-width: 1530px) {
	.tasks-container-new {
		width: 102%;
		column-gap: 10px;
	}
}

@media (max-width: 1440px) and (min-width: 1370px) {
	.order-block-new-img {
		width: 145px;
		height: auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1370px) and (min-width: 1300px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 135px;
        height: auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1300px) and (min-width: 1200px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1200px) and (min-width: 1101px) {
	.order-block-new {
        width: 70%;
    }

	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 1100px) and (min-width: 1025px) {
	.order-block-new {
        width: 70%;
    }

	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 930px) and (min-width: 865px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 170px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 850px) and (min-width: 801px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 180px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 769px) and (min-width: 710px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 180px;
        height: auto;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: auto;
	}
}

@media (max-width: 629px) and (min-width: 601px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 150px;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 40px !important;
	}
}

@media (max-width: 580px) and (min-width: 531px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 155px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 520px) and (min-width: 451px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 145px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 450px) and (min-width: 431px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 125px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 399px) and (min-width: 341px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 127px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 20px !important;
	}
}

@media (max-width: 340px) and (min-width: 320px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 115px !important;
        height: auto !important;
		margin: 0 auto;
	}

	.order-block-new-price-wrapper {
		margin-top: 40px !important;
	}
}

@media (max-width: 2000px) and (min-width: 1950px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2250px) and (min-width: 2001px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2400px) and (min-width: 2301px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 206px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 2480px) and (min-width: 2401px) {
	.order-block-new-img {
		max-width: unset;
        max-height: unset;
		width: 190px;
        height: auto;
		margin: 0 auto;
	}
}

@media (max-width: 1440px) {
	.tasks-container-new {
		width: 95%;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}

	.order-block-new {
		gap: 15px;
		border-radius: 16px;
	}

	.order-block-new-img {
		border-radius: 12px;
		max-height: 229px;
	
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-left {
		min-width: 33%;
	}

	.order-block-new-title-subtitle {
		font-size: 14px;
	}

	.order-block-new-author-text {
		font-size: 14px;
	}

	.order-block-new-author-img {
		height: 45px;
	}

	.order-block-new-ad-text {
		font-size: 14px;
	}

	.order-block-new-more {
		width: 50%;
		display: flex;
		justify-content: center;
		padding: 10px 20px;
		font-size: 14px;
	}

	.order-block-new-order {
		font-size: 14px;
		padding: 10px 20px;
	}

	.order-block-new-price {
		font-size: 13px;
	}

	.order-block-new-id {
		font-size: 12px;
	}

	.order-block-new-buttons {
		gap: 15px;
	}

	.order-block-new-ad-img {
		height: 60%;
	}

	.order-block-new-ad-text {
		width: 76%;
	}

	.order-block-new-ad-types {
		font-size: 10px;
	}

	.price-wb {
		margin-left: 0;
	}

	.order-block-new-order.sent {
		font-size: 12px;
		border-radius: 6px;
	}

	.order-block-new .order-block-new-buttons .secondary#accept {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 1430px) and (max-width: 1450px) {
	.order-block-new-title-subtitle {
		min-height: 55px;
	}
}

@media (min-width: 1369px) and (max-width: 1400px) {
	.tasks-container-new {
		width: 100%;
	}
}

@media (max-width: 1368px) {
	.tasks-container-new {
		width: 100%;
	}

	.order-block-new-title {
		font-size: 20px;
		max-height: 50px;
	}
	
	.order-block-new-title-subtitle {
		font-size: 15px;
		max-height: 65px;
	}

	.order-block-new-author-img {
        margin-top: 3px;
        height: 40px;
    }

	.order-block-new-buttons {
		gap: 15px;
	}

	.order-block-new-order {
		font-size: 13px;
		border-radius: 5px;
	}

	.order-block-new-more {
		font-size: 13px;
		border-radius: 5px;
	}

	.order-block-new-ad-text {
		width: 100%;
	}

	.order-block-new button#deny {
		margin-bottom: 0;
        margin-top: 0;
	}

	.order-block-new-ad-types {
		font-size: 9px;
	}

	.order-block-new-img {
		max-width: 145px;
		max-height: 210px;
	}

	.order-block-new-inner {
		gap: 10px;
	}

	.order-block-new-left {
		min-width: 35%;
	}

	.order-block-new-ad {
		min-height: 60px;
	}

	.order-block-new-ad-img {
		height: 50%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 13px;
		border-radius: 5px;
	}
}

@media (min-width: 1156px) and (max-width: 1300px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	}

	.order-block-new {
		width: 60%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 1100px) and (max-width: 1155px) {
	.order-block-new {
		width: 70%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 1025px) and (max-width: 1100px) {
	.order-block-new {
		width: 85%;
	}

	.order-block-new-order {
		width: 50%;
	}
}

@media (min-width: 800px) and (max-width: 1000px) {
	.tasks-container-new {
        width: 85%;
		margin-left: auto;
		margin-right: auto;
    }
}

@media (max-width: 1024px) {
	.order-block-new {
		max-height: 370px;
	}

	.order-block-new-title {
		font-size: 24px;
        min-height: 65px;
	}

	.order-block-new-title-subtitle {
		font-size: 15px;
	}

	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 14px;
	}

	.order-block-new-ad {
		margin-top: 20px;
	}

	.order-block-new-price {
		font-size: 16px;
	}

	.order-block-new-ad {
		min-height: 100px;
	}

	.order-block-new-more {
		font-size: 18px;
        border-radius: 8px;
		width: 50%;
		text-align: center;
	}

	.order-block-new-order {
		font-size: 18px;
        border-radius: 8px;
		width: 50%;
	}

	.order-block-new-img {
		max-width: 200px;
		max-height: 265px;
	}

	.order-block-new-order.sent {
        font-size: 18px;
		border-radius: 8px;
    }

	.order-block-new-left {
		min-width: 35%;
        max-width: 35%;
	}

	.order-block-new-inner {
		gap: 15px;
	}

	.order-block-new-id {
		margin-bottom: 25px;
	}

	.order-block-new-price-wrapper {
		transform: translateY(-5px);
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		width: 100%;
		font-size: 18px;
		border-radius: 8px;
	}
}

@media (min-width: 865px) and (max-width: 1000px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-right {
		min-width: 71%;
	}

	.order-block-new-left {
		min-width: 27%;
        max-width: 27%;
	}
}

@media (min-width: 769px) and (max-width: 864px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.order-block-new-left {
		min-width: 30%;
        max-width: 30%;
	}
}

@media (max-width: 768px) {
	.order-block-new-title {
		font-size: 30px;
        min-height: 80px;
	}

	.order-block-new-title-subtitle {
		font-size: 20px;
	}

	.order-block-new-author-img {
		margin-top: 5px;
        height: 55px;
	}

	.order-block-new-author-text {
        font-size: 20px;
    }

	.order-block-new-ad-text {
		font-size: 20px;
	}

	.order-block-new-ad-types {
		font-size: 16px;
	}

	.order-block-new-buttons {
		display: none;
	}

	.order-block-new-buttons.mobile {
		margin-top: 10px;
		gap: 15px;
		display: flex;
		justify-content: space-around;
	}

	.order-block-new-more {
		display: flex;
		justify-content: center;
		font-size: 24px;
		padding: 10px 80px;
		width: 50%;
	}

	.order-block-new-order {
		font-size: 24px;
		padding: 10px 80px;
		width: 50%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		width: 50% !important;
	}

	.order-block-new-id {
		display: none;
	}

	.order-block-new-inner {
		gap: 20px;
	}

	.order-block-new-img {
		max-width: 210px;
		max-height: 280px;
	}

	.order-block-new-price-wrapper {
		margin-top: 15px;
	}

	.order-block-new-title-subtitle {
		max-height: 75px;
	}

	.order-block-new {
		max-height: unset;
	}

	.order-block-new-ad {
		margin-top: 20px;
		min-width: 90px;
    }

	.order-block-new-ad-img {
		height: 65%;
	}

	.order-block-new button#deny {
		margin-top: 20px;
	}

	.order-block-new-order.sent {
		padding: 10px 40px;
		font-size: 24px;
	}

	.order-block-new-price {
		font-size: 16px;
	}

	.order-block-new-left {
		min-width: 30%;
        max-width: 30%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 24px;
	}

	.order-block-new-right {
		min-width: 67%;
	}
}

@media (max-width: 710px) {
	.order-block-new-title {
		font-size: 24px;
		min-height: 65px;
	}

	.order-block-new-title-subtitle {
		font-size: 18px;
	}

	.order-block-new-ad {
		margin-top: 0;
	}

	.order-block-new-author-wrapper {
		margin-top: 20px;
	}

	.order-block-new-ad {
		min-height: 80px;
	}

	.order-block-new-ad-types {
		font-size: 14px;
	}

	.order-block-new-ad {
		margin-top: auto;
	}

	.order-block-new-order {
		font-size: 20px;
        padding: 10px 50px;
	}

	.order-block-new-more {
		font-size: 20px;
        padding: 10px 50px;
	}

	.order-block-new {
		padding-bottom: 15px;
	}

	.order-block-new-buttons.mobile {
		margin-top: 0;
	}

	.order-block-new-img {
		height: 80%;
	}

	.order-block-new-order.sent {
		padding: 10px 30px;
	}
}

@media (max-width: 630px) {
	.order-block-new-author-text {
		font-size: 16px;
	}

	.order-block-new-ad-text {
		font-size: 16px;
	}

	.order-block-new-ad-types {
		font-size: 12px;
	}

	.order-block-new button#deny {
		margin-top: 10px;
	}

	.order-block-new-img {
		max-width: 156px;
	}

	.order-block-new-order.sent {
        font-size: 18px;
        padding: 10px 25px;
    }

	.price-wb {
		font-size: 1.1em;
	}
}

@media (max-width: 580px) {
	.order-block-new-title {
		font-size: 20px;
        min-height: 55px;
	}

	.order-block-new-title-subtitle {
		font-size: 16px;
	}

	.order-block-new-img {
		height: 75%;
	}

	.order-block-new-ad-types {
		font-size: 10px;
	}

	.order-block-new-ad-img {
		height: 50%;
	}

	.order-block-new-order {
		padding: 10px 30px;
	}

	.order-block-new-more {
		padding: 10px 45px;
	}
}

@media (max-width: 520px) {
	.order-block-new-author-img {
		height: 40px;
	}

	.order-block-new-price {
		font-size: 13px;
	}

	.order-block-new-price-wrapper {
		margin-top: 15px;
	}

	.order-block-new-title {
		font-size: 18px;
        min-height: 48px;
	}

	.order-block-new-title-subtitle {
		font-size: 13px;
	}

	.order-block-new-ad-types {
		font-size: 9px;
	}

	.order-block-new-order.sent {
		padding: 10px 15px;
	}
}

@media (max-width: 450px) {
	.order-block-new-left {
		min-width: 35%;
	}

	.order-block-new {
		border-width: 2px;
		border-radius: 10px;
	}

	.order-block-new-ad-img {
        height: 40%;
    }

	.order-block-new-order {
		font-size: 14px;
		padding: 10px 40px;
	}

	.order-block-new-more {
		padding: 10px 50px;
		font-size: 14px;
	}

	.order-block-new-inner {
		gap: 10px;
	}

	.order-block-new-title {
		font-size: 14px;
        min-height: 40px;
	}

	.order-block-new-title-subtitle {
		font-size: 12px;
		-webkit-line-clamp: 4;
	}

	.order-block-new-price-wrapper {
		margin-top: 17px;
	}

	.order-block-new-right {
		min-width: 63%;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 13px;
	}

	.order-block-new {
		padding: 10px 10px;
	}

	.order-block-new-buttons.mobile {
		margin-top: -10px;
		gap: 10px;
	}

	.order-block-new-author-wrapper {
		margin-top: 8px;
	}

	.order-block-new-price {
		font-size: 12px;
	}

	.order-block-new-order.sent {
		font-size: 14px;
        padding: 10px 20px;
	}

	.order-block-new-img {
		height: 74%;
		border-radius: 10px;
		max-height: 175px;
	}

	.order-block-new-more {
		border-radius: 6px;
	}

	.order-block-new-order {
		border-radius: 6px;
	}

	.order-block-new .order-block-new-buttons button#accept {
		font-size: 14px;
		margin-right: 0;
	}

	.order-block-new .order-block-new-buttons button.secondary#accept {
		font-size: 14px;
	}

	.order-block-new-ad-text {
		width: 100% !important;
		min-width: 0;
		flex-shrink: 0;
	}

	.order-block-new-ad-top {
		width: 100% !important;
		min-width: 0;
	}

	.order-block-new-ad-types {
		font-size: 9px;
		width: 100% !important;
		min-width: 0;
	}

	.order-block-new button#deny {
		flex-shrink: 1;
		display: none; /* Скрытие глаза */
	}
}

@media (max-width: 600px) and (min-width: 500px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 35%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 65%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}
}

@media (max-width: 500px) and (min-width: 450px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 38%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 62%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}
}

@media (max-width: 410px) {
	.order-block-new-title {
		font-size: 15px;
		min-height: 40px;
	}

	.order-block-new-title-subtitle {
		font-size: 11px;
	}

	.order-block-new-buttons.mobile {
		margin-top: 0;
	}

	.order-block-new-order {
		padding: 10px 25px;
	}

	.order-block-new-more {
		padding: 10px 30px;
	}

	.order-block-new-price {
		font-size: 10px;
	}

	.order-block-new button#deny {
		margin-top: 7px;
	}
}

@media (max-width: 400px) and (min-width: 320px) {
	.order-block-new-left {
		min-width: unset;
		max-width: unset;
		flex-basis: 45%;
	}

	.order-block-new-right {
		min-width: unset;
		max-width: unset;
		flex-basis: 55%;
	}

	.order-block-new-img {
		max-width: unset;
		width: 100%;
	}

	.full__info-new-left {
		width: 40% !important;
	}

	.full__text-new-description {
		border-top-right-radius: 0 !important;
	}
}

@media (max-width: 450px) and (min-width: 400px) {
	.full__img {
		height: 80% !important;
	}
}

@media (max-width: 380px) {
	.tasks-container-new {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	
	.order-block-new-ad-types {
		font-size: 8px;
	}

	.order-block-new-title {
		font-size: 13px;
        min-height: 35px;
	}

	.order-block-new-author-text {
		font-size: 14px;
	}

	.order-block-new-ad-text {
        font-size: 14px;
    }
}

.full__title-new {
	margin-top: 20px;
	font-size: 26px;
	font-family: "TT-700";
	text-align: center;
}

.full__info-new {
	margin-top: 16px;
	display: flex;
	gap: 10px;
	min-height: 205px;
	height: 205px;
}

.full__info-new-left {
	width: 35%;
	display: flex;
	flex-direction: column;
}

.full__info-new-small {
	display: flex;
	font-size: 8px;
	color: rgb(190, 190, 190);
	gap: 5px;
	margin-right: 10px;
}

.full__date-new {
	white-space: nowrap;
}

.full__id-new {
	white-space: nowrap;
}

.full__img {
	border-radius: 10px;
	cursor: zoom-in;
	height: 75%;
	max-height: 383px;
	object-fit: cover;
}

.info__price-new {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	font-size: 13px;
}

.info__price-real-new {
	line-height: 0.9;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
	align-items: end;
}

.info__price-zero-new {
	line-height: 0.9;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.full__info-new-right {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.full__info-new-description-small {
	line-height: 1.1;
    font-size: 14px;
	min-height: 100px;
}

.full__info-new-author-wrapper {
	display: flex;
	min-height: 30px;
}

.full__info-new-author-top {
	font-family: "TT-700";
	color: rgb(89, 176, 89);
}

.bloger-style .full__info-new-author-top {
	color: rgb(101, 165, 255);
}

.full__info-new-author-text {
	font-size: 14px;
	display: flex;
	flex-direction: column;
}

.full__info-new-author-name {
	color: black;
	text-decoration: none;
	max-width: 100%;
}

.full__info-new-author-img-wrapper {
	width: 60px;
	height: 100%;
	margin-left: auto;
}

.full__info-new-author-img {
	width: 100%;
	border-radius: 6px;
	max-height: 50px;
	object-fit: cover;
}

.full__info-new-ad {
	margin-top: auto;
}

.full__info-new-ad-top {
	font-size: 14px;
	font-family: "TT-700";
	color: rgb(89, 176, 89);
}

.bloger-style .full__info-new-ad-top {
	color: rgb(101, 165, 255);
}

.full__info-new-ad-text {
	margin-top: auto;
}

.full__info-new-ad-types {
	margin-top: 2px;
	font-size: 10px;
	line-height: 1.2;
	color: rgb(156, 156, 156);
}

.full__buttons-new {
	margin-top: 50px;
	display: flex;
	gap: 10px;
}

.full__buttons-new-description {
	border-radius: 8px;
	font-family: "TT-700";
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 10px 10px;
	transition: 0s;
	color: rgb(0, 133, 66);
	border-color: #C0E8C0;
	background-color: #C0E8C0;
}

.full__buttons-new-description:active {
	transform: scale(1);
}

.full__buttons-new-description.active {
	border: 2px solid rgb(190, 190, 190);
	position: relative;
	background: #DDFFDD;
}

.full__buttons-new-description.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background: #DDFFDD;
	z-index: 11;
}

.bloger-style .full__buttons-new-description {
	border: 2px solid rgb(174, 234, 255);
	color: rgb(0, 108, 255);
	background-color: rgb(174, 234, 255);
}

.bloger-style .full__buttons-new-description.active {
	border: 2px solid rgb(190, 190, 190);
	background-color:  rgb(237, 252, 255);
	color: rgb(80, 178, 255);
}

.bloger-style .full__buttons-new-description.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background-color: rgb(237, 252, 255);
	z-index: 11;
}

.full__buttons-new-tz {
	border-radius: 8px;
	font-family: "TT-700";
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 10px 10px;
	transition: 0s;
	color: rgb(0, 133, 66);
	border-color: #C0E8C0;
	background-color: #C0E8C0;
}

.full__buttons-new-tz:active {
	transform: scale(1);
}

.full__buttons-new-tz.active {
	border: 2px solid rgb(190, 190, 190);
	position: relative;
	background: #DDFFDD;
}

.full__buttons-new-tz.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background: #DDFFDD;
	z-index: 11;
}

.bloger-style .full__buttons-new-tz {
	border: 2px solid rgb(174, 234, 255);
	color: rgb(0, 108, 255);
	background-color: rgb(174, 234, 255);
}

.bloger-style .full__buttons-new-tz.active {
	border: 2px solid rgb(190, 190, 190);
	background-color:  rgb(237, 252, 255);
	color: rgb(80, 178, 255);
}

.bloger-style .full__buttons-new-tz.active::after {
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	bottom: -4px;
	background-color: rgb(237, 252, 255);
	z-index: 11;
}

.full__text-new-description {
	display: none;
	border-radius: 8px;
	padding: 10px 15px;
	border-top-left-radius: 0;
	border: 2px solid rgb(190, 190, 190);
	background: #DDFFDD;
}

.full__text-new-description.active {
	display: block;
}

.bloger-style .full__text-new-description {
	background-color:  rgb(237, 252, 255);
}

.full__text-new-tz {
	display: none;
	border-radius: 8px;
	padding: 10px 15px 20px;
	border-top-left-radius: 0;
	border: 2px solid rgb(190, 190, 190);
	background: #DDFFDD;
}

.full__text-new-tz.active {
	display: block;
}

.bloger-style .full__text-new-tz {
	background-color:  rgb(237, 252, 255);
}

.full__text-new-tz .tz-files {
	font-family: "TT-500";
	font-size: 16px;
}

.full__buttons-new-wrapper {
	margin-top: 30px;
	display: flex;
	gap: 10px;
	justify-content: space-around;
}

.full__buttons-new-wrapper .secondary {
	width: auto;
	padding: 10px 35px;
	font-family: "TT-400";
	order: 2;
}

.bloger-style .full__buttons-new-wrapper .secondary {
	background-color: rgb(80, 177, 255);
	color: white;
	border: 0;
	font-size: 16px;
	border-radius: 4px;
	height: 40px;
	white-space: nowrap;
}

.full__buttons-new-wrapper #back-to-lenta {
	order: 1;
	width: auto;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 4px;
}

@media (min-width: 500px) {
	.full__info-new {
		min-height: 425px;
		height: auto;
	}

	.full__info-new-small {
		font-size: 9px;
	}

	.full__buttons-new-wrapper .secondary {
		padding: 10px 50px;
	}
	
	.full__buttons-new-wrapper #back-to-lenta {
		padding: 10px 45px;
	}

	.full__img {
		margin-bottom: 15px;
	}
}

@media (min-width: 580px) {
	.full__info-new-right {
		margin-top: 15px;
	}

	.full__img {
		width: 100%;
	}

	.full__info-new-small {
		font-size: 12px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 20px !important;
		height: 40px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 20px !important;
	}

	.full__info-new-description-small {
		font-size: 20px;
		min-height: 140px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-ad {
		margin-top: 0;
	}

	.full__info-new-author-wrapper {
		min-height: 84px;
	}

	.info__price-new {
		font-size: 20px;
	}

	.info__price-real-new {
		line-height: 1.1;
	}

	.info__price-zero-new {
		line-height: 1.1;
	}

	.full__info-new-ad-types {
		font-size: 16px;
	}

	.full__info-new-ad-top {
		font-size: 20px;
	}

	.full__title-new {
		margin-top: 30px;
	}

	.full__info-new {
		margin-top: 32px;
	}
}

@media (min-width: 768px) {
	.full__info-new {
		gap: 20px;
		min-height: 365px;
	}

	.full__title-new {
		font-size: 40px;
	}

	.full__info-new-left {
		width: 40%;
	}

	.full__info-new-small {
		font-size: 14px;
	}

	.full__info-new-description-small {
		font-size: 20px;
		min-height: 155px;
	}

	.full__info-new-author-text {
		font-size: 24px;
	}

	.full__info-new-ad-top {
		font-size: 24px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.full__info-new-author-wrapper {
		min-height: 105px;
	}

	.full__info-new-author-img-wrapper {
		width: 70px;
	}

	.full__info-new-author-img {
		max-height: 85px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__buttons-new-description {
		font-size: 24px;
		padding: 10px 20px;
	}

	.full__buttons-new-tz {
		font-size: 24px;
		padding: 10px 20px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 24px !important;
		height: 50px;
		border-radius: 6px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 24px !important;
		height: 50px;
		border-radius: 6px;
	}

	.full__text-new-description {
		font-size: 20px;
		padding: 15px 20px;
	}

	.full__text-new-tz {
		font-size: 20px;
		padding: 15px 20px 25px;
	}

	.full__text-new-tz .tz-files {
		display: block;
		font-size: 24px;
		margin-bottom: 5px;
	}

	.full__text-new-tz .tz-files + br {
		display: none;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		height: 50px;
	}
}

@media (min-width: 1000px) {
	.full__info-new {
		min-height: unset;
	}

	.full__title-new {
		text-align: left;
	}

	.full__buttons-new-wrapper #back-link {
		order: 2;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		border-radius: 8px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		border-radius: 8px;
	}

	.full__title-new {
        font-size: 28px;
	}

	.full__info-new-description-small {
		font-size: 18px;
	}

	.full__info-new-author-text {
		font-size: 18px;
	}

	.full__info-new-ad-top {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 18px;
	}

	.full__info-new-ad-types {
		font-size: 14px;
	}

	.full__info-new-author-wrapper {
		min-height: 140px;
    }
}

@media (min-width: 1360px) {
	.full__info-new-author-wrapper {
		min-height: 135px;
    }

	.full__title-new {
		margin-top: 20px;
	}

	.full__info-new-left {
		width: 28%;
	}

	.full__info-new {
		margin-top: 20px;
		max-width: 800px;
	}

	.full__title-new {
		max-width: 800px;
	}

	.full__info-new-small {
		gap: 15px;
	}

	.full__info-new-description-small {
		font-size: 20px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-author-img-wrapper {
		width: 90px;
	}

	.full__info-new-ad-top {
        font-size: 20px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__text-new-description {
		font-size: 24px;
		max-width: 1000px;
	}

	.full__buttons-new-description {
		font-size: 28px;
	}

	.full__buttons-new-tz {
		font-size: 28px;
	}

	.full__text-new-tz {
		font-size: 24px;
		max-width: 1000px;
	}

	.full__text-new-tz p + br {
		display: none;
	}

	.full__text-new-tz .tz-files {
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.full__text-new-tz .tz-files ~ b {
		font-size: 24px;
	}

	.full__buttons-new-wrapper {
		justify-content: space-between;
		width: 60%;
	}
}

@media (min-width: 1430px) {
	.full__title-new {
		font-size: 30px;
	}

	.full__info-new-description-small {
		font-size: 20px;
	}

	.full__info-new-small {
		font-size: 13px;
	}

	.full__info-new-author-text {
		font-size: 20px;
	}

	.full__info-new-ad-top {
		font-size: 20px;
	}

	.full__info-new-ad-types {
		font-size: 16px;
	}

	.full__buttons-new-wrapper {
		width: 55%;
	}

	.full__info-new-ad-types {
		max-width: 85%;
		font-size: 16px;
	}

	.full__info-new-author-wrapper {
		min-height: 127px;
	}

	.info__price-new {
		font-size: 20px;
	}

	.full__text-new-description {
		font-size: 20px;
	}

	.full__text-new-tz {
		font-size: 20px;
	}
}

@media (min-width: 1590px) {
	.full__info-new-left {
		width: 32%;
	}

	.full__info-new-small {
		font-size: 14px;
	}

	.full__info-new-author-wrapper {
		min-height: 142px;
	}

	.full__title-new {
		font-size: 40px;
		margin-top: 30px;
	}

	.full__info-new-description-small {
		font-size: 22px;
	}

	.full__info-new-author-text {
		font-size: 22px;
	}

	.full__info-new-ad-top {
		font-size: 22px;
	}

	.full__info-new-ad-types {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 22px;
	}

	.full__text-new-description {
		font-size: 22px;
	}

	.full__text-new-tz {
		font-size: 22px;
	}

	.full__info-new {
		margin-top: 30px;
	}

	.full__info-new {
		gap: 40px;
		max-width: 900px;
	}

	.full__title-new {
		max-width: 900px;
	}

	.full__info-new-left {
		padding-right: 40px;
		position: relative;
	}

	.full__info-new-left::after {
		content: "";
		display: block;
		position: absolute;
		width: 3px;
		height: 100%;
		right: 0;
		background-color: rgb(220, 220, 220);
		transform: translateY(18px);
	}

	.full__buttons-new-wrapper {
		width: 100%;
		justify-content: left;
		gap: 30px;
	}

	.full__buttons-new-wrapper .secondary {
		padding: 10px 60px;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		padding: 10px 55px;
	}
}

@media (min-width: 2500px) {
	.full__title-new {
		font-size: 46px;
		max-width: 1100px;
	}

	.full__info-new-description-small {
		font-size: 28px;
		min-height: 225px;
	}

	.full__info-new-author-text {
		font-size: 28px;
		min-height: 200px;
	}

	.full__info-new-ad-top {
		font-size: 28px;
	}

	.full__info-new-ad-types {
		margin-top: 8px;
		font-size: 20px;
	}

	.full__info-new-left {
		min-width: 38%;
	}

	.full__info-new-small {
		font-size: 18px;
	}

	.info__price-new {
		font-size: 28px;
	}

	.full__info-new-author-wrapper {
		min-height: 115px;
		height: 160px;
	}

	.full__buttons-new {
		margin-top: 100px;
	}

	.full__buttons-new-description {
		font-size: 28px;
		padding: 10px 30px;
		border-radius: 16px;
		border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
	}

	.full__buttons-new-tz {
		font-size: 28px;
		padding: 10px 30px;
		border-radius: 16px;
		border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
	}

	.full__text-new-description {
		font-size: 26px;
	}

	.full__text-new-tz {
		font-size: 26px;
	}

	.full__text-new-tz .tz-files {
		font-size: 26px;
	}

	.full__text-new-tz .tz-files ~ b {
		font-size: 26px;
	}

	.full__buttons-new-wrapper {
		margin-top: 60px;
	}

	.full__buttons-new-wrapper .secondary {
		font-size: 26px !important;
		height: 60px;
		padding: 10px 85px;
		border-radius: 16px !important;
	}

	.full__buttons-new-wrapper #back-to-lenta {
		font-size: 26px !important;
		height: 60px;
		padding: 10px 80px;
		border-radius: 16px;
	}

	.bloger-style .full__buttons-new-wrapper .secondary {
		width: 358px;
		height: 60px;
	}

	.bloger-style .full__buttons-new-wrapper .secondary#accept-2 {
		width: unset;
	}
}

.full-hint-blocked-btn .hint {
	white-space: wrap;
	top: unset;
	bottom: 130%;
}

.full-hint-blocked-btn .hint::after {
	top: 100%;
	transform: translateX(-50%) rotate(180deg);
}

button.waitResponse:disabled {
    font-size: 0;
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0) !important;
}

button.waitResponse img {
    height: 20px;
    width: auto;
    display: none;
    animation: around 3s infinite linear;
}

button.waitResponse:disabled img {
    display: block;
}

@keyframes around {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}


li.my.review-message {
    display: none !important;
}
/* Стили для ссылок в меню — ИСПРАВЛЕНО (зеленый фон на всю ширину) */
.kb-sidebar li a {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: 0.3s;
    font-family: "TT-400";
    font-size: 16px;
    padding: 0;
}

/* Пункты меню */
.kb-sidebar li {
    padding: 0;
    margin: 0;
    background: none;
    transition: background 0.3s;
}

/* Стили для глубоко вложенных ссылок (3-й уровень) */
li[data-l1] li[data-l2] li[data-l3] a {
    padding-left: 0;
}

/* Эффекты при наведении на обычный пункт (не активный) */
.kb-sidebar li:not(.active):hover {
    background: #e0f5e8;
}

/* Активный пункт статьи */
.kb-sidebar li[data-l3].active {
    color: white;
    background: #346839;
}

/* Активный пункт при наведении — чуть светлее */
.kb-sidebar li[data-l3].active:hover {
    background: #3d7a45;
}

/* Ссылка внутри активного пункта — белый текст, фон наследуется от li */
.kb-sidebar li[data-l3].active > a {
    color: white;
    background: transparent;
}

/* Разделители между пунктами в подменю */
.kb-sidebar > ol > li > ol > li {
    border-top: 1px solid #dfdfdf;
}
.kb-sidebar > ol > li > ol > li:first-child {
    border-top: none;
}

/* "Статьи и новости сервиса" — выравнивание с L1 разделами */
li.kb-sidebar-news-link {
    padding: 14px 0;
    display: block;
    border-top: 1px solid #dfdfdf;
}
li.kb-sidebar-news-link a {
    display: block;
    padding: 0 12px 0 20px;
    color: #346839;
    font-family: "TT-400";
    font-size: 16px;
    transition: 0.3s;
}
li.kb-sidebar-news-link:hover {
    background: #f0fff7;
}
li.kb-sidebar-news-link.active {
    background: #346839;
}
li.kb-sidebar-news-link.active a {
    color: white;
}
li.kb-sidebar-news-link.active:hover {
    background: #3d7a45;
}


/* Полное скрытие картинки в разделе База знаний */
.knowledge-title img {
    display: none;
}

/* Исправление размера самолетика в мобильных чатах */
.chat-field-send-mobile img {
    width: 20px;
    height: 20px;
}