/* Start:/local/templates/Mediamint/mrb.css?1726750135211*/
.mrb {
    margin-bottom: 150px;
}

@media screen and (max-width: 992px) {
    .mrb {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 576px) {
    .mrb {
        margin-bottom: 67px;
    }
}
/* End */


/* Start:/local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/style.css?178953801921981*/
/*div#panel*/
/*{*/
/*	display: none;*/
/*}*/

/* code block */
pre[class^="language-"] {
    font-size: 1.6rem;
}
pre[class^="language-"]::before,
pre[class^="language-"]::after {
    display: none;
}

pre[class*="language-"] > code.language-php {
    border-left-color: #793862;
}
pre[class*="language-"] > code.language-html {
    border-left-color: #e54d26;
}
pre[class*="language-"] > code.language-css {
    border-left-color: #1b73ba;
}
pre[class*="language-"] > code.language-js,
pre[class*="language-"] > code.language-javascript {
    /*border-left-color: #F7DF1E;*/
    border-left-color: #d6b732;
}

pre[class*="language-"] > code {
    /* чтобы кнопка "Скопировать" не перекрывала первую строку */
    padding-top: 25px;

    scrollbar-width: thin;
    scrollbar-color: #979fa9 transparent;
}

pre[class*="language-"] > code::-webkit-scrollbar {
    width: 15px !important;
    background-color: transparent !important;
}

pre[class*="language-"] > code::-webkit-scrollbar-thumb {
    background-color: #979fa9 !important;
    border: 5px solid transparent !important;
    border-radius: 20px !important;
}

pre[class*="language-"] > code::-webkit-scrollbar-track {
    background: transparent !important;
}

pre[class*="language-"] > code::-webkit-scrollbar-button {
    display: none !important;
}

div.code-toolbar > .toolbar {
    opacity: 1;
    right: 5px;
    top: 25px;
}

div.code-toolbar > .toolbar > .toolbar-item > button.copy-to-clipboard-button {
    /*padding: 10px 20px;*/
    padding: 2px 10px 3px 10px;
    background: var(--grey-color);
    box-shadow: none;
    border-radius: 70px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    --grey-color-default: #979fa9;
}

div.code-toolbar
    > .toolbar
    > .toolbar-item
    > button.copy-to-clipboard-button
    span {
    display: block;
    margin-right: 6px;
    text-transform: lowercase;
    color: var(--grey-color-default);
    font-weight: 600;

    transition: color 0.3s;
    /*font-size: 1.8rem;*/
}
div.code-toolbar
    > .toolbar
    > .toolbar-item
    > button.copy-to-clipboard-button
    svg {
    fill: var(--grey-color-default);
    transition: fill 0.3s;
}

div.code-toolbar
    > .toolbar
    > .toolbar-item
    > button.copy-to-clipboard-button:hover
    span {
    color: var(--violet-color);
}
div.code-toolbar
    > .toolbar
    > .toolbar-item
    > button.copy-to-clipboard-button:hover
    svg {
    fill: var(--violet-color);
}

/**
Картинки с подписями
*/
figure {
    margin-bottom: 40px;
}
figure[id] {
    scroll-margin-top: 220px;
}
@media screen and (max-width: 768px) {
    figure[id] {
        scroll-margin-top: 120px;
    }
}

figcaption {
    text-align: center;
    font-style: italic;
}

body {
    background-color: #f8f8f8;
}

.detail {
    padding: 9rem 0 11rem;
}

@media screen and (max-width: 768px) {
    .detail {
        padding: 6rem 0 8rem;
    }
}

.linked {
    background-color: #fff;
    padding-bottom: 11rem;
}

@media screen and (max-width: 768px) {
    .linked {
        padding-bottom: 8rem;
    }
}

.detail__flex {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
    .detail__flex {
        flex-direction: column-reverse;
    }
}

.detail-text {
    width: 930px;
    margin-right: 50px;
    flex-shrink: 0;
    color: var(--coal-color);
}

@media screen and (max-width: 1400px) {
    .detail-text {
        width: 800px;
    }
}

@media screen and (max-width: 1200px) {
    .detail-text {
        width: 650px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 992px) {
    .detail-text {
        width: 100%;
        margin-right: 0px;
        margin-top: 40px;
    }
}

.detail-text > *:first-child {
    margin-top: 0;
}

.detail-sticky {
    max-height: calc(100vh - 180px);
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .detail-sticky {
        width: 100%;
        max-height: unset;
        position: static;
        display: block;
    }
}

.detail-text,
.detail-text p,
.detail-text a,
.detail-text li,
.detail-text figcaption {
    font-family: var(--roboto-font), sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.detail-text a {
    color: var(--blue-color);
    transition: 0.3s;
}

@media screen and (hover: hover) {
    .detail-text a:hover,
    .detail-text a:focus-visible {
        color: var(--purple-color);
    }
}

.detail-text span {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-style: inherit;
}

.detail-text h2,
.detail-text h3,
.detail-text h4,
.detail-text h5 {
    margin: 40px 0 20px;
}

.detail-text p,
.detail-text ul,
.detail-text ol {
    margin: 20px 0;
}

.detail-text ul {
    padding-left: 20px;
}

.detail-text ul li {
    padding-left: 30px;
    list-style-type: none;
    position: relative;
}

.detail-text ul li::before {
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--grey-color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}

.detail-text ol {
    list-style-type: none;
    counter-reset: li;
}

.detail-text ol > li:before {
    color: var(--coal-color);
    counter-increment: li;
    content: counters(li, ".") ". " !important;
}

.detail-text li {
    margin-bottom: 10px;
}

.detail-text li > *:first-child {
    margin-top: 0;
}

.detail-text li > *:last-child {
    margin-bottom: 0;
}

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

/* .detail-text li > * {
	margin-top: 10px;
} */

.detail-text img {
    width: 100%;
    margin: 20px 0;
    object-fit: contain;
    /*border-radius: 25px;*/
}

/*@media screen and (max-width: 992px) {*/
/*	.detail-text img {*/
/*		border-radius: 20px;*/
/*	}*/
/*}*/

.banner {
    width: 100%;
    aspect-ratio: 2.3;
    padding: 50px;
    margin-bottom: 50px;
    position: relative;
    color: #fff;
}

@media screen and (max-width: 992px) {
    .banner {
        height: auto;
        aspect-ratio: unset;
        padding: 0;
        color: var(--coal-color);
    }
}

@media screen and (max-width: 992px) {
    .banner {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 576px) {
    .banner {
        margin-bottom: 20px;
    }
}

.banner__img-wrap {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner__img-wrap::after {
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        0deg,
        rgba(34, 34, 34, 0.7) 0%,
        rgba(34, 34, 34, 0.7) 100%
    );
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 992px) {
    .banner__img-wrap {
        height: unset;
        margin-bottom: 30px;
        aspect-ratio: 360/238;
        border-radius: 20px;
        position: static;
    }

    .banner__img-wrap::after {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .banner__img-wrap {
        margin-bottom: 20px;
    }
}

.banner__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner__top.mob {
    display: none;
}

@media screen and (max-width: 992px) {
    .banner__top.mob {
        display: flex;
    }

    .banner__top.desk {
        display: none;
    }
}

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

.banner__text {
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 992px) {
    .banner__text {
        color: var(--semidark-grey-color);
    }
}

@media screen and (max-width: 576px) {
    .banner__text {
        font-family: var(--roboto-font), var(--montserrat-font), sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
}

.banner__top-right {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 576px) {
    .banner__top-right {
        margin-bottom: -10px;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

.banner__text_view-count,
.banner__text_timer {
    padding-left: 36px;
    position: relative;
}

.banner__top-right .banner__text {
    margin-left: 30px;
}

@media screen and (max-width: 576px) {
    .banner__top-right .banner__text {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .banner__text_date {
        white-space: nowrap;
    }
}

.banner__text_view-count::before,
.banner__text_timer::before {
    width: 26px;
    height: 26px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: 0;
}

.banner__text_view-count::before {
    background-image: url(/local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/icons/eye-white.svg);
}

.banner__text_timer::before {
    background-image: url(/local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/icons/sand-clocks-white.svg);
}

@media screen and (max-width: 992px) {
    .banner__text_view-count::before {
        background-image: url(/local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/icons/eye-gray.svg);
    }

    .banner__text_timer::before {
        background-image: url(/local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/icons/sand-clocks-gray.svg);
    }
}

.banner__middle {
    padding: 110px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .banner__middle {
        padding: 80px 0 30px;
    }
}

@media screen and (max-width: 992px) {
    .banner__middle {
        padding: 0;
        align-items: flex-start;
    }
}

.banner__title {
    max-width: 930px;
    margin: 30px 0;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
}

@media screen and (max-width: 1200px) {
    .banner__title {
        font-size: 32px;
        line-height: 43px;
    }
}

@media screen and (max-width: 992px) {
    .banner__title {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .banner__title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media screen and (max-width: 576px) {
    .banner__title {
        margin: 15px 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }
}

.link-tags.mob {
    display: none;
}

h3.link-tags__title {
    margin: 0 0 20px;
    color: var(--coal-color);
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.link-tags__flex {
    margin-bottom: -10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    .link-tags.mob {
        margin-top: 40px;
        display: block;
    }

    .link-tags.desk {
        display: none;
    }
}

.link-tags a.link-tag {
    margin-right: 10px;
    margin-bottom: 10px;
}

a.link-tag {
    padding: 10px 15px;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    border-radius: 70px;
    background: var(--grey-color);
    transition: 0.3s;
}

@media screen and (hover: hover) {
    a.link-tag:hover,
    a.link-tag:focus-visible {
        background-color: var(--blue-color);
        color: #fff;
    }
}

@media screen and (max-width: 576px) {
    a.link-tag {
        padding: 7px 11px;
        font-size: 14px;
        line-height: 17px;
    }
}

.share-links {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .banner .share-links {
        margin-top: 30px;
    }
}

@media screen and (max-width: 576px) {
    .banner .share-links {
        margin-top: 20px;
    }

    .detail-bottom .share-links {
        flex-wrap: wrap;
    }
}

p.share-links__text {
    margin: 0 20px 0 0;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.detail-bottom__white p.share-links__text {
    color: var(--semidark-grey-color);
}

@media screen and (max-width: 992px) {
    .banner p.share-links__text {
        color: var(--semidark-grey-color);
    }
}

@media screen and (max-width: 576px) {
    p.share-links__text {
        width: 100%;
        margin: 0 0 10px;
        font-size: 18px;
    }

    .banner p.share-links__text {
        display: none;
    }
}

.share-link {
    margin-right: 10px;
    display: block;
    transition: 0.3s;
}

.share-link:last-of-type {
    margin-right: 0;
}

@media screen and (hover: hover) {
    .share-link:hover,
    .share-link:focus-visible {
        opacity: 0.8;
    }
}

.share-link.mob {
    display: none;
}

@media screen and (max-width: 992px) {
    .share-link.mob {
        display: block;
    }

    .share-link.desk {
        display: none;
    }
}

img.share-link__icon {
    width: 42px;
    height: 42px;
    margin: 0;
    object-fit: cover;
    border-radius: 50%;
}

@media screen and (max-width: 576px) {
    img.share-link__icon {
        width: 40px;
        height: 40px;
    }
}

.toc {
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 25px;
    background: #fff;
    flex-shrink: 1;
    overflow: auto;
}

@media screen and (max-width: 992px) {
    .toc {
        margin-bottom: 0;
        border-radius: 20px;
    }
}

@media screen and (max-width: 576px) {
    .toc {
        padding: 20px;
    }
}

.toc.hidden {
    display: none;
}

.toc ol {
    list-style-type: none;
    counter-reset: li;
}

.toc ol li {
    padding-left: 0;
    margin-bottom: 15px;
}

.toc ol li:last-of-type {
    margin-bottom: 0;
}

.toc ol li a {
    font-family: var(--montserrat-font), sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 21.6px;
    color: var(--coal-color);
    transition: 0.3s;

    display: inline;
}

@media screen and (hover: hover) {
    .toc ol li a:focus-visible,
    .toc ol li a:hover {
        color: var(--blue-color);
    }
}

.toc > ol {
    margin: 0;
    padding-left: 0;
}

.toc > ol > li ol {
    padding-left: 15px;
    margin-top: 15px;
}

.toc ol li:before {
    counter-increment: li;
    content: counters(li, ".") ". " !important;
    color: var(--blue-color);
    white-space: nowrap;
    vertical-align: top;
}

.detail-bottom {
    margin-top: 40px;
    margin-bottom: -10px;
    display: flex;
    align-items: stretch;
}

@media screen and (max-width: 1400px) {
    .detail-bottom {
        flex-wrap: wrap;
    }
}

.detail-bottom__white {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 20px 25px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
}

.detail-bottom__white:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1400px) {
    .detail-bottom__white_long {
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    .detail-bottom__white {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .detail-bottom__white_long {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 576px) {
    .detail-bottom__white {
        align-items: flex-start;
        justify-content: space-between;
    }

    .detail-bottom__white_views {
        flex-direction: column-reverse;
    }

    .detail-bottom__white_rating {
        flex-direction: column;
    }
}

p.detail-bottom__white-text {
    margin: 0;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: var(--semidark-grey-color);
}

@media screen and (max-width: 576px) {
    p.detail-bottom__white-text {
        font-size: 18px;
    }
}

img.detail-bottom__white-icon {
    width: 26px;
    margin: 0 10px 0 0;
}

@media screen and (max-width: 576px) {
    img.detail-bottom__white-icon {
        margin-right: 0;
        margin-top: 10px;
    }
}

.rating {
    padding: 15px 20px;
    margin-left: 10px;
    border-radius: 70px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

@media screen and (max-width: 576px) {
    .rating {
        margin-left: 0;
        margin-top: 10px;
    }
}

@keyframes like {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1.1);
    }
}

.rating.active {
    background: var(--blue-color);
}

p.rating__num {
    margin: 0 0 0 10px;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--coal-color);
    user-select: none;
    transition: 0.3s;
}

.rating.active p.rating__num {
    color: #fff;
}

.rating__heart path {
    transition: 0.3s;
}

.rating .rating__heart {
    transition: 0.3s;
}

.rating.active .rating__heart {
    animation: like 0.5s 1;
}

.rating.active .rating__heart path {
    fill: #fff;
}

@media screen and (hover: hover) {
    .rating:hover .rating__heart {
        transform: scale(1.1);
    }
}

.detail-navigation {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    .detail-navigation {
        flex-direction: column-reverse;
    }
}

a.detail-navigation__link {
    padding: 10px 20px;
    border-radius: 70px;
    background: var(--grey-color);
    display: flex;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    transition: 0.3s;
}

a.detail-navigation__link path {
    transition: 0.3s;
}

a.detail-navigation__link_prev svg {
    margin-right: 5px;
}

a.detail-navigation__link_next svg {
    margin-left: 5px;
}

@media screen and (hover: hover) {
    a.detail-navigation__link:hover,
    a.detail-navigation__link:focus-visible {
        background: var(--blue-color);
        color: #fff;
    }

    a.detail-navigation__link:hover path,
    a.detail-navigation__link:focus-visible path {
        fill: #fff;
    }
}

@media screen and (max-width: 1200px) {
    .detail-navigation__link_prev {
        margin-top: 20px;
    }
}

.qrcode__wrapper {
    border-radius: 20px;
    background: #fff;
    padding: 18px;
    padding-bottom: 0;
    margin-top: 30px;
}
.qrcode__block {
    display: grid;
    height: 40px;
    grid-template-columns: 1fr 100px 22px;
    grid-gap: 16px;
    transition: all 0.3s;
    overflow: hidden;
}

.qrcode__wrapper.active {
    padding-bottom: 18px;
}
.qrcode__helper {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    max-width: 200px;
}
.qrcode__helper-title {
    color: #222;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.qrcode__helper-description {
    color: #979fa9;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 121.429% */
    letter-spacing: 0.02px;
}

.qrcode__img {
    width: 100%;
    max-width: 100px;
}

.qrcode__show-full {
    transition: all 0.3s;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.qrcode__show-full path {
    transition: all 0.3s;
}
.qrcode__show-full:hover path {
    stroke: #4340e8;
}

.qrcode__wrapper.active .qrcode__show-full {
    transform: rotate(180deg);
}

@media screen and (max-width: 992px) {
    .qrcode__wrapper {
        display: none;
    }
}
.detail-text .form__checkboxes-wrapper_policy .form__checkbox-label a{
    font-size: 1.4rem;
}
/* @media screen and (max-width: 768px) { */
    .detail-text .static-form__btn-wrapper{
        flex-direction: column-reverse;
        grid-gap: 20px;
        align-items: flex-start;
    }
/* } */

fieldset.static-form__fieldset.static-form__checkboxes-fieldset,
.detail-text .input_nickname {
    width: 100%;
    max-width: 407.5px;
}

@media screen and (min-width: 577px) {
    .detail-text .static-form__checkboxes-fieldset {
        margin-bottom: 10px;
    }
}

.detail-text .static-form__btn-wrapper {
    margin-top: 0;
}

.detail-text .input_nickname {
    margin-bottom: 0;
}

.expert__block{
    border-radius: 25px;
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background-color: #222222;
}

.detail-text h2.expert__block-title{
    margin: 0;
    color: #FFF;
    font-weight: 500;
}
.detail-text h2.expert__block-title b {
    font-weight: 700;
}

.expert__block-description{
    margin-top: 25px;
    color: #FFF;
}

.expert__block-btn{
    margin-top: 25px;
    display: flex;
    padding: 19px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 70px;
    background-color: #FFCF00;
    border: none;
    text-decoration: none;

    color: #222 !important;
    font-family: Montserrat;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}
@media screen and (max-width: 576px) {
    .expert__block-description{
        margin-top: 10px;
    }

    .expert__block-btn{
        margin-top: 30px;
    }
}
/* End */


/* Start:/local/templates/Mediamint/components/bitrix/main.feedback/static_form_white_small/style.css?17422322067950*/
.static-form.static-form_small {
    max-width: 930px;
    width: 100%;
    padding: 5rem;
    margin: 40px 0;
    background-color: #fff;
    border-radius: 30px;
    color: #000;
    box-shadow: 0px 4px 80px 0px rgba(212, 211, 210, 0.50);
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 576px) {
    .static-form.static-form_small {
        max-width: unset;
        padding: 3rem;
        border-radius: 20px;
    }
}

h2.static-form__title {
    margin: 0 0 30px;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 3.2rem;
    line-height: 4.3rem;
    font-weight: 700;
}

@media screen and (max-width: 576px) {
    h2.static-form__title {
        margin-bottom: 20px;
        font-size: 2.4rem;
        line-height: 2.9rem;
    }
}

.input {
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (max-width: 576px) {
    .input {
        margin-bottom: 20px;
    }
}

p.input__label,
label.input__label {
    margin-bottom: 15px;
    margin-top: 0;

    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 2rem;
    line-height: normal;
    font-weight: 600;
    display: block;
}

@media screen and (max-width: 576px) {
    p.input__label,
    label.input__label {
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
}

.input__wrapper {
    padding: 2rem;
    border-radius: 20px;
    border: 1px solid #B5C3DA;
    background: transparent;
    transition: .3s;
}

@media screen and (max-width: 576px) {
    .input__wrapper {
        padding: 1.5rem;
        border-radius: 15px;
    }
}

.input__wrapper.focus {
    border-color: var(--yellow-color);
}

.input__wrapper.error {
    position: relative;
    border-color: var(--error-color);
}

.input__wrapper.error::after {
    width: 24px;
    height: 24px;
    content: '';
    background: url(/upload/brifs/error-x.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

@media screen and (max-width: 576px) {
    .input__wrapper.error::after {
        width: 18px;
        height: 18px;
    }
}

.static-form .input__input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #000;
}

@media screen and (max-width: 576px) {
    .static-form .input__input {
        font-family: var(--roboto-font), var(--montserrat-font), sans-serif;
        font-size: 1.4rem;
        line-height: 1.7rem;
        letter-spacing: 0.02px;
    }
}

.static-form .input__input::placeholder {
    color: #B5C3DA;
}

.input__textarea {
    height: 88px;
    resize: none;
}

.static-form__submit {
    margin: 30px 0 15px;
}

@media screen and (max-width: 576px) {
    .static-form__submit {
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 400px) {
    .static-form__submit.button-S {
        width: 100%;
        max-width: unset;
    }
}

.static-form__fieldset {
    display: flex;
    border: none;
}

.static-form__fieldset .input:not(:last-child) {
    margin-right: 15px;
}

.static-form__checkboxes {
    padding: 2rem 2rem 1rem;
    margin-bottom: -10px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.static-form__checkboxes:not(:last-of-type) {
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .static-form__fieldset {
        flex-direction: column;
    }

    .static-form__checkboxes:not(:last-of-type) {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 576px) {
    
    .static-form__checkboxes {
        padding: 0;
        border-radius: 0px;
        background: transparent;
    }
}

.static-form__checkboxes-wrapper {
    display: flex;
    margin-bottom: 10px;
}

.static-form__checkboxes-wrapper:not(:last-of-type) {
    margin-right: 15px;
}

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

    .static-form__checkboxes-wrapper:not(:last-of-type) {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.static-form__checkbox {
    width: 0;
    opacity: 0;
}

.static-form__checkbox-label {
    padding-left: 30px;
    color: #6B6F81;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.static-form__checkbox-label::before {
    width: 20px;
    height: 20px;
    content: '';
    border-radius: 5px;
    border: 1px solid #000;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
}

.static-form__checkbox:focus-visible ~
.static-form__checkbox-label::before {
	border-color: var(--yellow-color);
}

.static-form__checkbox:checked ~
.static-form__checkbox-label::before {
    background: url(/upload/forms/ok.svg) no-repeat center/11px, var(--blue-color);
}

.static-form__result {
    width: 100%;
    height: 100%;
    padding: 0 5rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .4s;
    opacity: 0;
    z-index: -1;
}

@media screen and (max-width: 576px) {
    .static-form__result {
        padding: 0 3rem;
    }
}

@media screen and (max-width: 390px) {
    .static-form__result {
        padding: 0 1.5rem;
    }
}

.static-form__result.active {
    opacity: 1;
    z-index: 1;
}

.static-form__result-img {
    max-width: 80px;
    margin-bottom: 20px;
}

@media screen and (max-width: 576px) {
    .static-form__result-img {
        max-width: 50px;
        margin-bottom: 15px;
    }
}

p.static-form__result-title {
    margin-bottom: 10px;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.9rem; /* 122.5% */
}

@media screen and (max-width: 576px) {
    p.static-form__result-title {
        font-size: 2.4rem;
        line-height: 2.9rem; /* 122.5% */
    }
}

p.static-form__result-text {
    max-width: 360px;
    color: #6B6F81;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 576px) {
    p.static-form__result-text {
        max-width: 245px;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.static-form__btn-wrapper {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.static-form__btn-wrapper .static-form__submit {
    margin: 0 30px 0 0;
    white-space: nowrap;
}

p.static-form__attention {
    margin: 0;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 500;
    color: #B5C3DA;
}

@media screen and (max-width: 576px) {
    p.static-form__attention {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 390px) {
    p.static-form__attention {
        max-width: 250px;
    }
}

.static-form__attention a {
    color: var(--blue-color);
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
}

@media screen and (max-width: 768px) {
    .static-form__btn-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .static-form__btn-wrapper .static-form__submit {
        margin: 0 0 20px;
        white-space: unset;
    }

    .static-form__btn-wrapper .static-form__attention {
        text-align: center;
    }
}

.static-form .smart-captcha {
    height: 0;
}
/* End */


/* Start:/local/templates/Mediamint/components/bitrix/news.list/linked-blog/style.css?17406460008507*/
.blog__swiper.swiper {
	padding: 0 calc(((100vw - var(--container-1410-width)) / 2));
    overflow: hidden;
}

@media screen and (max-width: 576px) {
	.blog__swiper.swiper {
		padding: 0 2rem;
	}
}

.blog__swiper .pagination__elem.active {
    background-color: var(--color);
}

.blog-item {
	max-width: 370px;
}

@media screen and (max-width: 576px) {
    .blog-item.swiper-slide {
        width: 90%;
    }
}

.blog-item__wrapper {
    width: 100%;
    aspect-ratio: 1.5;
    margin-bottom: 20px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 992px) {
    .blog-item__wrapper {
        border-radius: 20px;
    }
}

.blog-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.blog-item__block {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: .3s;
}

.blog-item__grey-item {
    padding: 6px 12px;
    border-radius: 500px;
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 20px;
    left: 20px;
    color: #FFF;
    font-family: var(--montserrat-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.blog-item__grey-item_view-count {
    padding-left: 34px;
    top: unset;
    bottom: 20px;
}

.blog-item__grey-item_view-count::before {
    width: 17px;
    height: 17px;
    content: '';
    background-image: url(/local/templates/Mediamint/components/bitrix/news.list/linked-blog/icons/eye-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.blog-item__name {
    font-family: var(--montserrat-font), sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--coal-color);
    transition: .3s;
}

.linked-blog_dark .blog-item__name {
	color: #FFF;
}

/* @media screen and (max-width: 576px) {
    .blog-item__name {
        font-size: 16px;
        line-height: 22px;
    }
} */

@media screen and (hover:hover) {
    .blog-item:hover .blog-item__block,
    .blog-item:focus-visible .blog-item__block {
        opacity: 1;
    }

    .blog-item:hover .blog-item__img,
    .blog-item:focus-visible .blog-item__img {
        transform: scale(1.1);
    }

    .blog-item:hover .blog-item__name,
    .blog-item:focus-visible .blog-item__name {
        color: var(--blue-color);
    }

    .linked-blog_dark .blog-item:hover .blog-item__name,
    .linked-blog_dark .blog-item:focus-visible .blog-item__name {
        color: var(--yellow-color);
    }
}


/* .linked-blog__title-wrapper {
    margin-top: 11rem;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .linked-blog__title-wrapper {
        margin-top: 8rem;
        margin-bottom: 30px;
    }
}

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

.linked-blog__link {
    margin-left: 40px;
    color: rgba(0, 0, 0, 0.70);
    white-space: nowrap;
    transition: .3s;
}

.linked-blog_dark .linked-blog__link {
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (hover:hover) {
    .linked-blog__link:hover,
    .linked-blog__link:focus-visible {
        color: rgba(0, 0, 0);
    }

    .linked-blog_dark .linked-blog__link:hover,
    .linked-blog_dark .linked-blog__link:focus-visible {
        color: rgb(255, 255, 255);
    }

}

@media screen and (max-width: 576px) {
    .linked-blog__link {
        margin-left: 0;
        margin-top: 10px;
    }
}

.blog__section-name {
    margin-top: 50px;
    margin-bottom: 30px;
    text-decoration: none;
    position: relative;
    transition: all linear .2s;
}

a.blog__section-name::before {
    content: '';
    position: absolute;
    left: calc(100%);
    opacity: 0;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-position: center;
    background-size: cover;
    transition: all linear .2s;
    background-image: url('/local/templates/Mediamint/components/bitrix/news.list/blog-list/include/arrow.png');
}

@media (hover:hover) {
    a.blog__section-name:hover {
        color: #1C3DF5;
        text-decoration: none;
    }

    a.blog__section-name:hover::before{
        transform: translateY(-50%);
        opacity: 1;
        left: calc(100% + 10px);
    }
}

.blog__item {
	max-width: 370px;
	position: relative;
}

@media screen and (max-width: 576px) {
    .blog__item.swiper-slide {
        width: 90%;
    }
}

.blog__top-block {
	width: 100%;
	height: 260px;
	padding: 2rem;
	border-radius: 20px;
    color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	transition: all linear .25s;
	position: relative;
}

@media screen and (max-width: 576px) {
    .blog__top-block {
        height: 160px;
    }
}

.blog__image {
	width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
}

.blog__image::before {
	width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
    background: var(--bg) no-repeat center/cover;
    transition: all linear .25s;
	border-radius: 20px;
}

.blog__date {
	max-width: max-content;
	padding: .6rem;
	background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
	opacity: 0;
    transition: all linear .4s;
}

.blog__views {
	padding-left: 3rem;
	position: relative;
	opacity: 0;
    transition: all linear .4s;
}

.blog__views::before {
	width: 21px;
    height: 21px;
	content: '';
    position: absolute;
    left: 0;
    top: -3px;
    background: url(/local/templates/Mediamint/components/bitrix/news.list/blog-list/include/eye.png) no-repeat center/cover;
}

@media (hover:hover) {

	.blog__top-block:hover {
		background-color: rgba(0, 0, 0, .4);
	}

	.blog__top-block:hover .blog__image::before {
		transform: scale(1.1);
	}

	.blog__top-block:hover .blog__date, .blog__top-block:hover .blog__views {
		opacity: 1;
	}
}

.blog__title {
	margin-top: 20px;
	transition: all linear .25s;
}

.linked-blog_dark .blog__title {
	color: #FFF;
}

.blog__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media (hover:hover) {

	.blog__item:hover .blog__top-block {
		background-color: rgba(0, 0, 0, .4);
	}

	.blog__item:hover .blog__image::before {
		transform: scale(1.1);
	}

	.blog__item:hover .blog__date, .blog__item:hover .blog__views {
		opacity: 1;
	}

	.blog__item:hover .blog__title {
		opacity: .7;
	}
}

.blog__last-slide {
    width: 100%;
	height: 260px;
	border-radius: 20px;
	padding: 4rem;
    border-width: 2px;
    border-style: dashed;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 576px) {
    .blog__last-slide {
        height: 220px;
    }
}

.blog__last-slide {
    border-color: #000;
    color: #000;
}

.linked-blog_dark .blog__last-slide {
    border-color: #FFF;
    color: #FFF;
}

.blog__arrow {
	max-width: 100px;
	margin-bottom: 20px;
}

.linked-blog_dark .blog__last-slide .blog__arrow {
	filter: invert(100%);
}

.blog__show-more-button {
	padding: 1.5rem 3rem;
    border-width: 2px;
    border-style: solid;
	border-radius: 10px;
    transition: all .3s;
}

.blog__last-slide .blog__show-more-button {
    border-color: #000;
    color: #000;
}

.linked-blog_dark .blog__last-slide .blog__show-more-button {
    border-color: #FFF;
    color: #FFF;
}

@media (hover:hover) {
    .blog__link:hover ~ .blog__last-slide .blog__show-more-button {
        background-color: #000;
        color: #FFF;
    }

    .linked-blog_dark .blog__link:hover ~ .blog__last-slide .blog__show-more-button {
        background-color: #FFF;
        color: #000;
    }
} */


/* End */


/* Start:/local/templates/Mediamint/components/bitrix/news.list/linked-cases/style.css?17282787153027*/
/* 
<article class="cases">
    <div class="container-1410">
        <h2 class="article-title">Присмотритесь к нашим работам</h2>
    </div>
    <div class="cases__swiper swiper">
        <div class="swiper-wrapper">
            <? foreach($arResult["KEYS_ID"] as $arItem): ?>
                <div class="swiper-slide case">
                    <div class="case__block">
                        <img class="case__image" src="<?= CFile::GetPath($arItem["PREVIEW_PICTURE"])?>" alt="главное изображение кейса">
                        <a class="case__link" href="<?=$arItem['DETAIL_PAGE_URL']?>"></a>
                    </div>
                    <a class="montserrat-24-B case__title" href="<?=$arItem['DETAIL_PAGE_URL']?>"><?=$arItem['NAME']?></a>
                    
                </div>
            <? endforeach ?>
        </div>
		<div class="pagination" style="--color: <?=$paginationColor?>"></div>
    </div>
</article>
*/

.section__link {
	white-space: nowrap;
}
@media screen and (max-width: 450px) {
	.section__link {
		white-space: wrap;
	}
}

.cases__swiper.swiper {
	padding: 0 calc((100vw - var(--container-1410-width)) / 2);
}

@media screen and (max-width: 576px) {
	.cases__swiper.swiper {
		padding: 0 2rem;
	}
}

.case {
	max-width: 570px;
}

@media screen and (max-width: 768px) {
	.case {
		max-width: 500px;
	}
}

@media screen and (max-width: 576px) {
	.case {
		max-width: 90%;
	}
}


.case__block {
	width: 100%;
	height: 400px;
	border-radius: 25px;
	-moz-border-radius: 25px; /* Firefox */
    -webkit-border-radius: 25px; /* Safari, Chrome */
    -khtml-border-radius: 25px; /* KHTML */
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 768px) {
	.case__block {
		height: 380px;
	}
}

@media screen and (max-width: 576px) {
	.case__block {
		height: 220px;
	}
}

.case__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .4s linear;
}

.case__link {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.case__title {
	display: block;
	margin-top: 15px;
	text-decoration: none;
	color: #000;
	transition: .3s;
}

.case__title.montserrat-24-B {
	font-weight: 600;
}

.section_dark .case__title {
	color: #fff;
}

@media (hover:hover) {
	.case:hover .case__image,
	.case:focus-visible .case__image {
		transform: scale(1.1);
	}

	.case:hover .case__title,
	.case:focus-visible .case__title {
		color: var(--color);
	}
}

/* @media screen and (max-width: 992px) {
	.cases__swiper .pagination {
		display: none;
	}
} */

.cases__swiper .pagination__elem.active {
	background-color: var(--color);
}


/* End */


/* Start:/local/templates/Mediamint/components/bitrix/news.list/linked-services/style.css?17841152033565*/
.relevants {
    margin-top: 11rem;
}

@media screen and (max-width: 768px) {
    .relevants {
        margin-top: 8rem;
    }
}

.relevants__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 30px;
    position: relative;
}

.relevants__wrapper_mob.swiper {
    padding: 0 calc(((100vw - var(--container-1410-width)) / 2));
    display: none;
}

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

    .relevants__wrapper_mob.swiper {
        display: block;
    } 
}

@media screen and (max-width: 576px) {
    .relevants__wrapper_mob.swiper {
        padding: 0 2rem;
    } 
}

.relevant,
.relevant.swiper-slide {
    padding: 5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 4px 80px 0px rgba(212, 211, 210, 0.50);
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .3s;
    position: relative;
    overflow: hidden;
}

.relevant::before,
.relevant.swiper-slide::before {
    width: 100%;
    height: 100%;
    content: '';
    /* background: var(--rel-bg-img) no-repeat right top/30%, #000; */
    background-image: var(--rel-bg-img);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 30%;
    background-color: #000;
    border-radius: 22px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: .6s;
    opacity: 0;
}

@media screen and (hover:hover) {
    .relevant:hover,
    .relevant.swiper-slide:hover {
        background: transparent;
        color: #fff;
    }

    .relevant:hover::before,
    .relevant.swiper-slide::before {
        background-size: 50%;
        opacity: 1;
    }
}

@media screen and (max-width: 992px) {
    .relevant,
    .relevant.swiper-slide {
        width: 570px;
        aspect-ratio: 1.65;
        box-shadow: none;
        color: #fff;
        
    }

    .relevant::before,
    .relevant.swiper-slide::before {
        background-size: 90%;
        opacity: 1;
    }

    .relevant::after,
    .relevant.swiper-slide::after {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .relevant,
    .relevant.swiper-slide {
        width: 500px;    
    }
}

@media screen and (max-width: 576px) {
    .relevant,
    .relevant.swiper-slide {
        max-width: 90%;
        padding: 4rem 2rem;
    }
}

.relevant__name {
    position: relative;
    z-index: 2;
}

.relevant__text {
    margin-top: 20px;
}

@media screen and (max-width: 576px) {
    .relevant__name.montserrat-32 {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .relevant__text.montserrat-24 {
        margin-top: 10px;
        font-size: 1.6rem;
        line-height: normal;
    }
}

.relevants__button.montserrat-18 {
    max-width: max-content;
    margin-top: 50px;
    padding: 2rem 5rem;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    font-weight: 600;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}


@media (hover:hover) {
    .relevants__button:hover {
        background-color: var(--hover-color);
        border-color: var(--hover-color);
        color: var(--hover-text-color);
    }
}

@media screen and (max-width: 576px) {
    .relevants__button.montserrat-18 {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 400px) {
    .relevants__button.montserrat-18 {
        max-width: unset;
        width: 100%;
    }
}
/* End */


/* Start:/bitrix/components/mm/faq-expert/templates/.default/style.css?174055628911080*/
.faq-expert {
    padding-top: 11rem;
}

@media screen and (max-width: 768px) {
    .faq-expert {
        padding-top: 8rem;
    }
}

.faq-form {
    width: 100%;
    border-radius: 25px;
    background: #F8F8F8;
    display: flex;
    justify-content: space-between;
    color: #000;
    overflow: hidden;
}

@media screen and (max-width: 576px) {
    .faq-form {
        border-radius: 20px;
        box-shadow: 0px 4px 80px 0px rgba(212, 211, 210, 0.50);
        background-color: #fff;
    }
}

.faq-form__text-wrapper {
    padding: 6rem 0 6rem 6rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (max-width: 992px) {
    .faq-form__text-wrapper {
        width: 100%;
        padding: 6rem;
    }
}

@media screen and (max-width: 576px) {
    .faq-form__text-wrapper {
        padding: 3rem;
    }
}

.faq-form__img-wrapper {
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .faq-form__img-wrapper {
        width: 40%;
        align-items: flex-end;
    }
}

@media screen and (max-width: 992px) {
    .faq-form__img-wrapper {
        display: none;
    }
}

.faq-form__img {
    width: 100%;
    object-fit: contain;
}

.faq-form__title {
    max-width: max-content;
    margin-bottom: 20px;
    position: relative;
}

@media screen and (max-width: 576px) {
    .faq-form__title {
        margin-bottom: 10px;
    }
}

.faq-form__arrow {
    width: 68px;
    position: absolute;
    top: 18px;
    left: calc(100% + 40px);
}

@media screen and (max-width: 440px) {
    .faq-form__arrow {
        display: none;
    }
}

.faq-form__subtitle {
    max-width: 570px;
    margin-bottom: 30px;
    color: #222;
}

@media screen and (max-width: 576px) {
    .faq-form__subtitle {
        margin-bottom: 20px;
    }
}

.faq-form__fieldset {
    display: flex;
    flex: 1 1 0px;
    position: relative;
}

.faq-form__fieldset .input:first-of-type {
    margin-right: 20px;
}

@media screen and (max-width: 992px) {
    .faq-form__fieldset {
        flex-direction: column;
        flex: unset;
    }

    .faq-form__fieldset .input:first-of-type {
        margin-right: 0;
    }
}

.input {
    width: 100%;
}

@media screen and (max-width: 576px) {
    .faq-form .input {
        margin-bottom: 10px;
    }
}

.faq-form .input__label {
    margin-bottom: 10px;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    display: block;
}

@media screen and (max-width: 576px) {
    .faq-form .input__label {
        margin-bottom: 10px;
        font-size: 1.6rem;
        line-height: 2.2rem;
        font-weight: 600;
    }
}

.input__wrapper {
    padding: 2rem;
    border-radius: 20px;
    border: 1px solid #B5C3DA;
    transition: .3s;
}

@media screen and (max-width: 576px) {
    .input__wrapper {
        padding: 1.5rem;
        border-radius: 15px;
    }
}

.faq-form .input__wrapper {
    background: #fff;
}

.faq-form .input__wrapper.focus {
    border-color: var(--blue-color);
}

.input__wrapper.error {
    position: relative;
    border-color: var(--error-color);
}

.input__wrapper.error::after {
    width: 24px;
    height: 24px;
    content: '';
    background: url(/upload/brifs/error-x.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

@media screen and (max-width: 576px) {
    .input__wrapper.error::after {
        width: 18px;
        height: 18px;
    }
}

.faq-form .input__input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #000;
}

@media screen and (max-width: 576px) {
    .faq-form .input__input {
        font-family: var(--roboto-font), var(--montserrat-font), sans-serif;
        font-size: 1.4rem;
        line-height: 1.7rem;
        letter-spacing: 0.02px;
    }
}

.faq-form .input__input::placeholder {
    color: #B5C3DA;
}

.input__textarea {
    height: 88px;
    padding: 5px;
    overflow: auto;
    resize: none;
    scrollbar-width: thin;
    scrollbar-color: var(--blue-color) #fff;
}

.input__textarea::-webkit-scrollbar {
    width: 5px;
}
   
.input__textarea::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 0;
}
   
.input__textarea::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color:var(--blue-color);
}

.faq-form__submit {
    margin-top: 20px;
}

@media screen and (max-width: 400px) {
    .faq-form__submit.button-S {
        max-width: unset;
        width: 100%;
    }
}

.faq-from__hint {
    width: 275px;
    padding: 2rem 3rem;
    border-radius: 25px 25px 25px 0px;
    background-color: var(--blue-color);
    position: absolute;
    bottom: 25px;
    left: calc(100% + 30px);
    color: #fff;
}

.faq-from__hint::before {
    width: 19px;
    height: 19px;
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="21" viewBox="0 0 19 21" fill="none"><path d="M0 21L19 0V21H0Z" fill="%234340E8"/></svg>');
    position: absolute;
    right: calc(100% - 1px);
    bottom: 0;
}

@media screen and (max-width: 992px) {
    .faq-from__hint {
        margin-bottom: 15px;
        width: unset;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        position: static;
        color: var(--blue-color);
    }

    .faq-from__hint::before {
        display: none;
    }
}

.input,
.faq-from__hint,
.faq-form__submit,
.faq-form__title,
.faq-form__subtitle {
    transition: .4s;
}

.hidden .input,
.hidden .faq-from__hint,
.hidden .faq-form__submit,
.hidden .faq-form__title,
.hidden .faq-form__subtitle {
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 576px) {
    .faq-from__hint {
        margin-bottom: 10px;
    }
}

.faq-from__hint-text.montserrat-18 {
    font-weight: 500;
}

@media screen and (max-width: 992px) {
    .faq-from__hint-text.montserrat-18 {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
}

.faq-form__result {
    width: 100%;
    height: 100%;
    padding: 0 5rem;
    background-color: #F8F8F8;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .4s;
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 576px) {
    .faq-form__result {
        padding: 0 3rem;
    }
}

@media screen and (max-width: 390px) {
    .faq-form__result {
        padding: 0 1.5rem;
    }
}

.faq-form__result.visible {
    opacity: 1;
    pointer-events: fill;
}

.faq-form__result-img {
    max-width: 80px;
    margin-bottom: 20px;
}

@media screen and (max-width: 576px) {
    .faq-form__result-img {
        max-width: 50px;
        margin-bottom: 15px;
    }
}

.faq-form__result-title {
    margin-bottom: 10px;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.9rem; /* 122.5% */
}

@media screen and (max-width: 576px) {
    .faq-form__result-title {
        font-size: 2.4rem;
        line-height: 2.9rem; /* 122.5% */
    }
}

.faq-form__result-text {
    max-width: 360px;
    color: #6B6F81;
    text-align: center;
    font-family: var(--montserrat-font), var(--roboto-font), sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 576px) {
    .faq-form__result-text {
        max-width: 245px;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.answers {
    padding-top: 10rem;
}

@media screen and (max-width: 768px) {
    .answers {
        padding-top: 8rem;
    }
}

.answer-item {
    width: 100%;
}

.answer-item:not(:last-of-type) {
    margin-bottom: 50px;
}

.cloud {
    padding: 3rem;
    position: relative;
}

.cloud_question {
    margin-bottom: 20px;
    border-radius: 25px 25px 25px 0px;
    background: #F5F5F7;
    color: #222;
}

.cloud_answer {
    border-radius: 25px 25px 0px 25px;
    background: #4340E8;
    color: #fff;
}

@media screen and (max-width: 576px) {
    .cloud {
        padding: 2rem;
    }

    .cloud_question {
        border-radius: 20px 20px 20px 0px;
    }

    .cloud_answer {
        border-radius: 20px 20px 0px 20px;
    }
}

.cloud_question::before,
.cloud_answer::before {
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    bottom: 0;
}

.cloud_question::before {
    right: calc(100% - 5px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="21" viewBox="0 0 19 21" fill="none"><path d="M0 21L19 0V21H0Z" fill="%23F5F5F7"/></svg>');
}

.cloud_answer::before {
    left: calc(100% - 5px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="21" viewBox="0 0 19 21" fill="none"><path d="M0 21L19 0V21H0Z" fill="%234340E8"/></svg>');
    transform: scale(-1, 1);
}

.cloud__text.montserrat-24 {
    font-weight: 600;
}

.answer-item_empty .cloud_answer .cloud__text {
    text-align: right;
}

.cloud__flex {
    display: flex;
    align-items: flex-start;
}

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

.cloud__name-wrapper {
    width: 180px;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .cloud__name-wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.cloud__title.montserrat-18 {
    margin-bottom: 10px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .cloud__title.montserrat-18 {
        margin-bottom: 0;
        margin-right: 20px;
    }
}

.cloud__name {
    opacity: .7;
}

@media screen and (max-width: 768px) {
    .cloud__name {
        text-align: right;
    }
}

.cloud__text.montserrat-18 {
    margin-left: 60px;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .cloud__text.montserrat-18 {
        margin-left: 0;
        margin-top: 30px;
        font-weight: 400;
    }
}

@media screen and (max-width: 576px) {
    .cloud__text.montserrat-18 {
        margin-top: 20px;
        line-height: 2.2rem;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/coffeediz.data-vocabulary.org/style.css?1694512321989*/
.bx_breadcrumbs{
    margin-bottom:15px;
    padding-top:0px
}
.bx_breadcrumbs ul{
    margin:0;
    padding:0
}
.bx_breadcrumbs ul li{
    display:inline-block;
    line-height:20px
}
.bx_breadcrumbs ul li a{
    display:block;
    padding:0 15px;
    background:url(/bitrix/components/bitrix/breadcrumb/templates/coffeediz.data-vocabulary.org/images/breadcrumbs_arrow.png) no-repeat center right;
    color:#555;
    text-decoration:none;
    font-size:11px;
    opacity:.5
}
.bx_breadcrumbs ul li:first-child a{padding-left:0}
.bx_breadcrumbs ul li:last-child  a{background:none}
.bx_breadcrumbs ul li a:hover{
    text-decoration:underline;
    line-height:20px;
    opacity:1
}
.bx_breadcrumbs ul li span{
    display:block;
    padding:0 15px;
    color:#aaa;
    text-decoration:none;
    font-size:11px
}
.bx_breadcrumbs,
.bx_breadcrumbs ul li{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/* End */
/* /local/templates/Mediamint/mrb.css?1726750135211 */
/* /local/templates/Mediamint/components/bitrix/news/blog_new/bitrix/news.detail/.default/style.css?178953801921981 */
/* /local/templates/Mediamint/components/bitrix/main.feedback/static_form_white_small/style.css?17422322067950 */
/* /local/templates/Mediamint/components/bitrix/news.list/linked-blog/style.css?17406460008507 */
/* /local/templates/Mediamint/components/bitrix/news.list/linked-cases/style.css?17282787153027 */
/* /local/templates/Mediamint/components/bitrix/news.list/linked-services/style.css?17841152033565 */
/* /bitrix/components/mm/faq-expert/templates/.default/style.css?174055628911080 */
/* /bitrix/components/bitrix/breadcrumb/templates/coffeediz.data-vocabulary.org/style.css?1694512321989 */