*,
*:focus,
*:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    outline: none;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Inter-Regular.woff2) format('woff2');
    src: url(../fonts/Inter-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Inter-SemiBold.woff2) format('woff2');
    src: url(../fonts/Inter-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Inter-Bold.woff2) format('woff2');
    src: url(../fonts/Inter-Bold.woff) format('woff');
}
html,
body {
    min-height: 100dvh;
}

body {
    background: #fff;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}
body.locked {
    overflow: hidden;
}

body,
form,
table {
    font: normal normal 14px/18px 'Inter', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1 {
    color: #333333;
    margin: 0;
    font-weight: 600;
    line-height: 120%;
}

h1 {
    font-size: 50px;
}

.h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
    margin-bottom: 14px;
}

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

h6 {
    font-size: 18px;
    margin-bottom: 30px;
}

p {
    margin: 0;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    outline: none;
    display: inline-block;
    transition: all 0.3s ease;
}
a:hover {
    text-decoration: none;
}

button,
iframe {
    border: none;
}
button {
    background: transparent;
    cursor: pointer;
}
img {
    max-width: 100%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input,
textarea,
select,
button {
    font-family: 'Inter', sans-serif;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

@media screen and (min-width: 577px) {
    .container {
        padding: 0 20px;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}
.text-center {
    text-align: center !important;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    padding: 12px 20px;
    cursor: pointer;
    border-radius: 8px;
    background: linear-gradient(104deg, #63cc76 34.05%, #ebee2b 105.95%);
    width: -moz-fit-content;
    width: fit-content;
    background-position: 70%;
    background-size: 150%;
}
.btn:hover {
    background-position: 100%;
}

.btn_black {
    background: #333333;
}

.btn_arrow {
    color: #287ad4;
    background: transparent;
    padding: 4px 6px 4px 12px;
    border: 1px solid #ccc;
}
.btn_arrow svg {
    stroke: #287ad4;
}
.btn_arrow:hover {
    border-color: #287ad4;
}
.btn_arrow:hover svg {
    transform: translateX(5px);
}

.btn_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.section:not(:first-child) {
    padding-top: 15px;
}
.section:not(:last-child) {
    padding-bottom: 15px;
}

svg {
    transition: all 0.3s ease;
    flex: 0 0 auto;
}
svg.fill_none {
    fill: none;
}
svg.stroke_none {
    stroke: none;
}
svg.stroke_black {
    stroke: #333333;
}
svg.w24 {
    width: 24px;
    height: 24px;
}
svg.w22 {
    width: 22px;
    height: 22px;
}
svg.w18 {
    width: 18px;
    height: 18px;
}

.link {
    color: #333333;
    text-decoration-line: underline;
    transition: all 0.3s ease;
}
.link:hover {
    text-decoration: none;
}

.label {
    color: #5f5f5f;
    font-size: 10px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 8px;
    background: #f2f2f2;
    width: -moz-fit-content;
    width: fit-content;
}

.date {
    color: #858585;
    font-size: 12px;
}

.title_wrapper {
    padding: 20px 0 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.title_wrapper h4 {
    font-weight: 400;
    color: #5f5f5f;
    text-transform: uppercase;
}
.title_wrapper h1,
.title_wrapper h2,
.title_wrapper h3,
.title_wrapper h4,
.title_wrapper h5,
.title_wrapper h6,
.title_wrapper .h1 {
    margin-bottom: 0;
}

.arrows {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}
.arrows .swiper-button-next,
.arrows .swiper-button-prev {
    border-radius: 8px;
    border: 1px solid #ccc;
    position: relative;
    margin: 0;
    top: initial;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}
.arrows .swiper-button-next:after,
.arrows .swiper-button-prev:after {
    content: '';
    display: none;
}
.arrows .swiper-button-next:before,
.arrows .swiper-button-prev:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.arrows .swiper-button-next:hover,
.arrows .swiper-button-prev:hover {
    border-color: #287ad4;
}
.arrows .swiper-button-next {
    right: initial;
}
.arrows .swiper-button-next:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M9.0791 6L15.0791 12L9.0791 18' stroke='%23287AD4' stroke-width='2'/%3e%3c/svg%3e");
}
.arrows .swiper-button-prev {
    left: initial;
}
.arrows .swiper-button-prev:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.0791 6L9.0791 12L15.0791 18' stroke='%23287AD4' stroke-width='2'/%3e%3c/svg%3e ");
}

.swiper-pagination {
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    width: 3px;
    height: 3px;
    background: #333333;
    margin: 0 5px !important;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #64cc77;
}

.popular_slider {
    padding-bottom: 35px;
}

.form {
    margin-bottom: 20px;
}
.form .row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.form .col {
    padding-left: 10px;
    padding-right: 10px;
}

.form_text {
    font-size: 10px;
    color: #858585;
    max-width: 400px;
    line-height: 140%;
}

.form_input_group {
    display: block;
}

.form_input {
    width: 232px;
    border-radius: 8px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background: #333333;
    height: 40px;
}
.form_input::-moz-placeholder {
    color: #ccc;
}
.form_input::placeholder {
    color: #ccc;
}

.header {
    position: relative;
}
.header .top {
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .bottom {
    padding: 11px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.header .social_list {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
}

.logo {
    display: flex;
}

.language {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.language .item {
    color: #ccc;
    font-weight: 700;
    text-transform: uppercase;
}
.language .item.active {
    color: #333333;
}
.language .item:hover:not(.active) {
    color: #64cc77;
}

.head_info {
    display: flex;
    align-items: center;
    gap: 40px;
}
.head_info .search_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 12px;
}

.search_btn {
    display: flex;
}
.search_btn:hover .stroke_black {
    stroke: #64cc77;
}

.login_block {
    display: flex;
    align-items: center;
    gap: 20px;
}
.login_block .item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 12px;
}
.login_block .item:hover .stroke_black {
    stroke: #64cc77;
}

.social_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.social_list .item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_list .item svg {
    fill: #333333;
}
.social_list .item:hover svg {
    fill: #64cc77;
}

.social_list_text {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 20px;
}
.social_list_text .item {
    text-transform: uppercase;
    color: #fff;
}
.social_list_text .item:hover {
    color: #64cc77;
}

.menu ul {
    display: flex;
    flex-wrap: wrap;
}
.menu .item {
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
}
.menu .item:hover {
    color: #64cc77;
}

.menu_btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.menu_btn span {
    width: 16px;
    height: 2px;
    background: #333333;
    transition: all 0.3s ease;
    position: relative;
}
.menu_btn span:after,
.menu_btn span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background: #333333;
    transition: all 0.3s ease;
}
.menu_btn span:after {
    top: 5px;
}
.menu_btn span:before {
    top: -5px;
}
.menu_btn.active span {
    background: transparent;
}
.menu_btn.active span:after {
    top: 0;
    transform: rotate(135deg);
}
.menu_btn.active span:before {
    top: 0;
    transform: rotate(-135deg);
}

.plate_block {
    border-radius: 10px;
    background: #333333;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.plate_block_label {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    color: #99999b;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.plate_block_label:hover {
    color: #64cc77;
}

.plate_block_label_btn {
    width: 14px;
    height: 14px;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='14' height='14' rx='7' fill='%23EBEBED'/%3e%3ccircle cx='7' cy='4' r='1' fill='%2399999B'/%3e%3ccircle cx='7' cy='7' r='1' fill='%2399999B'/%3e%3ccircle cx='7' cy='10' r='1' fill='%2399999B'/%3e%3c/svg%3e ");
}

.plate_block_label_dropdown {
    border-radius: 10px;
    border: 1px solid #e3e1ef;
    color: #99999b;
    background: #fff;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    padding: 8px;
    flex-direction: column;
    gap: 4px;
    min-width: 122px;
    display: none;
}
.plate_block_label_dropdown.active {
    display: flex;
}
.plate_block_label_dropdown li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap;
    text-align: right;
}
.plate_block_label_dropdown li:after {
    border-radius: 100%;
    content: '';
    display: block;
    position: relative;
    top: 0;
    right: 0;
    flex: 0 0 auto;
    width: 4px;
    height: 4px;
    background: #99999b;
}

.plate_block_img {
    width: 100%;
    height: 100%;
    display: flex;
}
.plate_block_img picture {
    width: 100%;
}
.plate_block_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.plate_block_head {
    width: 300px;
    height: 600px;
}

.plate_block_top .plate_block {
    width: 100%;
    height: 250px;
    border-radius: 0;
}

.head_block {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.head_block_item:first-child {
    width: calc(54% - 160px);
}
.head_block_item:nth-child(2) {
    width: calc(45% - 160px);
}
.head_block_item .materials_list .item .title {
    font-size: 16px;
    height: 57.6px;
    margin-bottom: 22px;
}
.mailing_block_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.mailing_block {
    width: calc(50% - 10px);
    position: relative;
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 30px 40px;
    border-radius: 10px;

    z-index: 1;
    overflow: hidden;
}
.mailing_block .title {
    color: inherit;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 8px;
    font-weight: 600;
}
.mailing_block .text {
    color: inherit;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 27px;
}
.mailing_block .btn {
    margin-top: auto;
}
.mailing_block:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -54px;
    right: 18px;
    width: 253px;
    height: 218px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.mailing_block_green {
    background: linear-gradient(104deg, #63cc76 34.05%, #ebee2b 105.95%);
}
.mailing_block_green:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='253' height='218' viewBox='0 0 253 218' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.4'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.794 100.213C118.076 101.084 118.909 103.907 117.47 105.894L103.498 125.194C102.77 126.2 101.591 126.772 100.357 126.72L80.5068 125.877C80.0345 125.857 79.5725 126.02 79.2159 126.333L77.2491 128.058C76.1949 128.983 76.5007 130.707 77.8075 131.207L89.9883 135.858C92.2706 136.73 93.1034 139.553 91.6647 141.54L70.5715 170.676C69.8756 171.638 68.7661 172.206 67.5857 172.206L4.86794 172.204C1.84413 172.204 0.0996626 168.743 1.88228 166.281L80.0244 58.3411C105.216 23.5431 144.572 2.20209 186.992 0.00516472C190.012 -0.151234 191.759 3.27793 189.976 5.7403L138.186 77.2792C137.458 78.2852 136.279 78.8579 135.045 78.8055L90.4892 76.9139C86.7107 76.7535 83.0148 78.0588 80.1618 80.5614L77.6925 82.7274C76.6383 83.6521 76.9442 85.3764 78.251 85.8755L115.794 100.213Z' fill='%2364CC77'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M151.932 91.3386C151.509 90.1708 151.691 88.8671 152.418 87.8628L182.429 46.4085C183.125 45.4473 184.234 44.8789 185.415 44.8789L248.132 44.8806C251.156 44.8807 252.901 48.3416 251.118 50.8039L172.976 158.744C147.784 193.542 108.428 214.883 66.0086 217.08C62.9888 217.236 61.2419 213.807 63.0245 211.345L105.9 152.12C107.34 150.13 110.265 150.072 111.782 152.002L119.725 162.102C120.593 163.206 122.316 162.977 122.87 161.683L123.904 159.271C124.091 158.833 124.105 158.34 123.943 157.892L117.207 139.306C116.784 138.138 116.966 136.834 117.693 135.83L131.717 116.458C133.158 114.468 136.082 114.409 137.6 116.339L162.436 147.923C163.304 149.027 165.027 148.797 165.581 147.504L166.879 144.475C168.379 140.975 168.492 137.029 167.194 133.448L151.932 91.3386Z' fill='%2364CC77'/%3e%3c/g%3e%3c/svg%3e ");
}
.mailing_block_blue {
    background: linear-gradient(94deg, #276be9 31.14%, #8cdeff 116.03%);
}
.mailing_block_blue:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='253' height='218' viewBox='0 0 253 218' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.4'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.794 100.213C118.076 101.084 118.909 103.907 117.47 105.894L103.498 125.194C102.77 126.2 101.591 126.772 100.357 126.72L80.5068 125.877C80.0345 125.857 79.5725 126.02 79.2159 126.333L77.2491 128.058C76.1949 128.983 76.5007 130.707 77.8075 131.207L89.9883 135.858C92.2706 136.73 93.1034 139.553 91.6647 141.54L70.5715 170.676C69.8756 171.638 68.7661 172.206 67.5857 172.206L4.86794 172.204C1.84413 172.204 0.0996626 168.743 1.88228 166.281L80.0244 58.3411C105.216 23.5431 144.572 2.20209 186.992 0.00516472C190.012 -0.151234 191.759 3.27793 189.976 5.7403L138.186 77.2792C137.458 78.2852 136.279 78.8579 135.045 78.8055L90.4892 76.9139C86.7107 76.7535 83.0148 78.0588 80.1618 80.5614L77.6925 82.7274C76.6383 83.6521 76.9442 85.3764 78.251 85.8755L115.794 100.213Z' fill='%23286CE9'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M151.932 91.3386C151.509 90.1708 151.691 88.8671 152.418 87.8628L182.429 46.4085C183.125 45.4473 184.234 44.8789 185.415 44.8789L248.132 44.8806C251.156 44.8807 252.901 48.3416 251.118 50.8039L172.976 158.744C147.784 193.542 108.428 214.883 66.0086 217.08C62.9888 217.236 61.2419 213.807 63.0245 211.345L105.9 152.12C107.34 150.13 110.265 150.072 111.782 152.002L119.725 162.102C120.593 163.206 122.316 162.977 122.87 161.683L123.904 159.271C124.091 158.833 124.105 158.34 123.943 157.892L117.207 139.306C116.784 138.138 116.966 136.834 117.693 135.83L131.717 116.458C133.158 114.468 136.082 114.409 137.6 116.339L162.436 147.923C163.304 149.027 165.027 148.797 165.581 147.504L166.879 144.475C168.379 140.975 168.492 137.029 167.194 133.448L151.932 91.3386Z' fill='%23286CE9'/%3e%3c/g%3e%3c/svg%3e ");
}

.materials_wrapper {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
}
.materials_wrapper .materials_col {
    width: 50%;
}

.materials_col {
    padding-left: 10px;
    padding-right: 10px;
}
.materials_col:first-child .materials_item .plate_block {
    margin-top: 43px;
}
.materials_col:last-child .materials_item .plate_block {
    margin-top: 30px;
}

.materials_item {
    height: 100%;
}
.materials_item .plate_block {
    height: 160px;
}

.materials_list li:first-child .item {
    padding-top: 0;
}
.materials_list .item {
    padding: 19px 20px 20px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
}
.materials_list .item:hover {
    border-bottom-color: #858585;
}
.materials_list .item:hover .title {
    color: #64cc77;
}
.materials_list .item .title {
    margin-bottom: 14px;
    overflow: hidden;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 86px;
    transition: all 0.3s ease;
}
.materials_list .item .bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.materials_list_img li:not(:last-child) {
    margin-bottom: 20px;
}
.materials_list_img .item {
    min-height: 150px;
    gap: 20px;
    display: flex;
    padding-bottom: 20px;
}
.materials_list_img .item:hover .title {
    color: #64cc77;
}
.materials_list_img .item .title {
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
    transition: all 0.3s ease;
}
.materials_list_img .item .img {
    flex: 0 0 auto;
    border-radius: 16px 0px;
    background: #ccc;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.materials_list_img .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.materials_list_img .item .text {
    color: #5f5f5f;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 42px;
}

.cloud_section {
    position: relative;
    padding: 30px 0;
}

.cloud_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 857px;
    margin-left: auto;
    margin-right: auto;
    gap: 20px;
}
.cloud_block .item {
    background: #fff;
    font-weight: 600;
    line-height: 120%;
    border-radius: 100px;
}
.cloud_block .item:hover:not(.active) {
    color: #64cc77;
}
.cloud_block .item.active {
    color: #fff;
    background: linear-gradient(104deg, #63cc76 34.05%, #ebee2b 105.95%),
        linear-gradient(102deg, #38a74d 21.39%, #baee2b 97.87%);
}
.cloud_block .item[data-size='8'] {
    font-size: 32px;
    padding: 24px 60px;
}
.cloud_block .item[data-size='7'] {
    font-size: 30px;
    padding: 22px 55px;
}
.cloud_block .item[data-size='6'] {
    font-size: 28px;
    padding: 20px 50px;
}
.cloud_block .item[data-size='5'] {
    font-size: 26px;
    padding: 18px 45px;
}
.cloud_block .item[data-size='4'] {
    font-size: 24px;
    padding: 16px 40px;
}
.cloud_block .item[data-size='3'] {
    font-size: 22px;
    padding: 14px 35px;
}
.cloud_block .item[data-size='2'] {
    font-size: 20px;
    padding: 12px 30px;
}
.cloud_block .item[data-size='1'] {
    font-size: 18px;
    padding: 10px 25px;
}

@media screen and (max-width: 720px) {
    .cloud_block {
        gap: 10px;
    }
    .cloud_block .item[data-size='8'] {
        font-size: 16px;
        padding: 12px 20px;
    }
    .cloud_block .item[data-size='7'] {
        font-size: 15px;
        padding: 11px 19px;
    }
    .cloud_block .item[data-size='6'] {
        font-size: 14px;
        padding: 10px 17.5px;
    }
    .cloud_block .item[data-size='5'] {
        font-size: 13px;
        padding: 9px 16px;
    }
    .cloud_block .item[data-size='4'] {
        font-size: 12px;
        padding: 8px 14.5px;
    }
    .cloud_block .item[data-size='3'] {
        font-size: 11px;
        padding: 7px 13px;
    }
    .cloud_block .item[data-size='2'] {
        font-size: 10px;
        padding: 6px 11.5px;
    }
    .cloud_block .item[data-size='1'] {
        font-size: 9px;
        padding: 5px 10px;
    }
}
.bg_img {
    background: #f2f2f2;
}

@media screen and (min-width: 1201px) {
    .news_list.-col_4 .col {
        width: 25%;
    }
    .news_list.-col_4 .item .title {
        height: 110px;
    }
}
.news_list {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}
.news_list .col {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.333%;
}

.news_item {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.news_item:hover .title {
    color: #64cc77;
}
.news_item .img {
    position: relative;
    height: 0;
    padding-bottom: 65%;
    border-radius: 16px 0px;
    background: #ccc;
    overflow: hidden;
}
.news_item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.news_item .label {
    top: 20px;
    left: 20px;
    position: absolute;
    z-index: 1;
}
.news_item .info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.news_item .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 120px;
    transition: all 0.3s ease;
}
.news_item .date {
    margin-top: auto;
}
.news_item .text {
    color: #5f5f5f;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
}

.events_slider {
    width: 100%;
    height: 100%;
    height: 352px;
}
.events_slider .swiper-pagination {
    display: none;
}
.events_slider .item {
    height: 100%;
    display: flex;
}
.events_slider .item:hover .title {
    color: #287ad4;
}
.events_slider .item .date {
    border-radius: 16px 0px;
    background: var(
        --Color-Linear-1,
        linear-gradient(145deg, #4184ff -10.41%, #8cdeff 71.46%)
    );
    width: 100px;
    height: 100px;
    flex: 0 0 auto;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    gap: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    text-align: center;
}
.events_slider .item .date span {
    font-size: 40px;
    line-height: 120%;
    display: block;
}
.events_slider .item .info {
    padding: 0 20px 20px;
}
.events_slider .item .title {
    margin-bottom: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 86.36px;
    transition: all 0.3s ease;
}

.info_list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 8px;
}
.info_list li {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 140%;
}

.footer {
    background: #000;
    padding: 60px 0;
    margin-top: 60px;
}
.footer .copyright {
    font-size: 12px;
    color: #f2f2f2;
}

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

.footer_col:nth-child(2) {
    display: flex;
}

.footer_menu {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
.footer_menu h6 {
    color: #fff;
    margin-bottom: 20px;
}

.footer_list_wrapper {
    display: none;
}

@media screen and (min-width: 577px) {
    .footer_menu_col.-countries_last {
        width: 50%;
    }
    .footer_menu_col.-countries_last .dropdown_block {
        display: none;
    }
    .footer_list_wrapper {
        display: flex;
        align-items: flex-start;
    }
    .footer_list_wrapper .footer_list {
        width: 50%;
    }
}
.footer_menu_col {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}

.footer_menu_item {
    height: 100%;
}
.footer_menu_item.-countries_last .footer_list {
    padding-top: 42px;
}

.footer_list {
    display: flex;
    flex-wrap: wrap;
}
.footer_list li {
    width: 100%;
}
.footer_list li:not(:last-child) {
    margin-bottom: 12px;
}
.footer_list .footer_item_big {
    margin-bottom: 8px;
    font-size: 18px;
    color: #fff;
}
.footer_list a {
    color: #ccc;
}
.footer_list a:hover {
    color: #64cc77;
}
.footer_list .dropdown_btn {
    margin-bottom: 20px;
}

.contacts_block {
    flex: 0 0 auto;
}
.contacts_block .title {
    color: #fff;
    margin-bottom: 20px;
}

@media screen and (max-width: 1300px) {
    .menu .item {
        padding: 6px;
    }
}
@media screen and (max-width: 1200px) {
    .menu_btn {
        display: flex;
    }
    .header .bottom {
        gap: 20px;
    }
    .header .bottom .btn {
        margin-left: auto;
    }
    .header .menu {
        display: none;
    }
    .head_block_item:first-child {
        width: calc(57% - 160px);
    }
    .head_block_item:nth-child(2) {
        width: calc(41% - 160px);
    }
    h1 {
        font-size: 40px;
    }
    .h1 {
        font-size: 40px;
    }
    .events_slider {
        height: 538px;
    }
}
@media screen and (max-width: 992px) {
    .head_block {
        flex-wrap: wrap;
    }
    .head_block_item:first-child {
        width: 100%;
    }
    .head_block_item:nth-child(2) {
        width: calc(100% - 320px);
    }
    .materials_wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }
    .materials_wrapper .materials_col {
        width: 100%;
    }
    .materials_col:first-child .materials_item .plate_block {
        margin-top: 20px;
    }
    .materials_col:last-child .materials_item .plate_block {
        margin-top: 20px;
    }
    .title_wrapper {
        padding: 10px 0;
    }
    .news_list .col {
        width: 50%;
    }
    .events_slider .item .info {
        padding: 0 10px 10px;
    }
    .footer_col:nth-child(2) {
        flex-direction: column;
        gap: 20px;
    }
    .footer {
        margin-top: 45px;
    }
    .head_block_item .news_item {
        border-bottom: 1px solid #ccc;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 26px;
    }
}
@media screen and (max-width: 768px) {
    .mailing_block_wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .mailing_block {
        padding: 20px;
        width: 100%;
        min-height: 250px;
    }
    .mailing_block .btn {
        width: 100%;
    }
    .mailing_block .text {
        margin-bottom: 32px;
    }
    .header .top {
        display: none;
    }
    .head_block_item:nth-child(2) {
        width: 100%;
    }
    .head_block_item {
        width: 100%;
    }
    .plate_block_head {
        height: 250px;
        width: 100%;
    }
    .news_item .info {
        padding: 10px;
    }
    .materials_list .item {
        padding: 10px;
    }
    .head_block {
        gap: 10px;
    }
    .events_slider {
        height: 336px;
    }
    .events_slider .item {
        border-bottom: 1px solid #ccc;
    }
    .footer_menu_col {
        width: 50%;
    }
    .materials_list_img .item {
        gap: 10px;
    }
    .news_list {
        row-gap: 20px;
    }
    .events_slider .item .date {
        height: 60px;
        width: 60px;
        font-size: 10px;
        gap: 0;
    }
    .events_slider .item .date span {
        font-size: 20px;
    }
    .materials_list_img .item .img {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 576px) {
    h1 {
        font-size: 24px;
    }
    .h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 16px;
    }
    .mailing_block .title {
        font-size: 29px;
        line-height: 34px;
    }
    .mailing_block .text {
        font-size: 14px;
        line-height: 19px;
    }
    .materials_list .item .title {
        height: 72px;
        -webkit-line-clamp: 4;
    }
    .materials_list_img li:not(:last-child) {
        margin-bottom: 10px;
    }
    .materials_list_img .item {
        padding-bottom: 10px;
        min-height: initial;
        border-bottom: 1px solid #ccc;
    }
    .materials_list_img .item .text {
        display: none;
    }
    .materials_list_img .item .title {
        margin-bottom: 15px;
        height: 75px;
    }
    .news_item .title {
        max-height: 90px;
    }
    .form .row {
        flex-direction: column;
        gap: 10px;
    }
    .footer_menu_col {
        width: 100%;
    }
    .title_wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .title_wrapper .btn {
        width: 100%;
    }
    .header .bottom {
        padding: 10px 0;
    }
    .header .bottom .btn {
        display: none;
    }
    .header .logo {
        width: 99px;
    }
    .head_block_item .news_item .title {
        font-size: 16px;
    }
    .head_block_item .news_item .text {
        display: none;
    }
    .news_list .col {
        width: 100%;
    }
    .news_list {
        row-gap: 10px;
    }
    .btn_wrapper .btn {
        width: 100%;
    }
    .events_section .arrows {
        display: none;
    }
    .events_slider {
        padding-bottom: 35px;
        height: 371px;
    }
    .events_slider .swiper-pagination {
        display: flex;
    }
    .events_slider .item .title {
        font-size: 14px;
        height: 75px;
        margin-bottom: 8px;
        -webkit-line-clamp: 5;
        line-height: 110%;
    }
    .info_list {
        flex-direction: column;
    }
    .footer_menu_item {
        border-bottom: 1px solid #333333;
    }
    .dropdown_block {
        display: none;
        padding-bottom: 10px;
        padding-top: 4px;
    }
    .footer_menu {
        gap: 0;
    }
    .footer_menu_col:first-child .footer_list > li:nth-child(2) {
        margin-bottom: 0;
    }
    .footer_menu_col:first-child .footer_list > li:nth-child(3) .dropdown_btn {
        padding-top: 12px;
    }
    .footer_list .footer_item_big {
        font-weight: 600;
        color: #fff !important;
    }
    .dropdown_btn {
        position: relative;
        margin-bottom: 0 !important;
        padding: 20px 0 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 18px;
    }
    .dropdown_btn:hover {
        color: #64cc77;
        cursor: pointer;
    }
    .dropdown_btn:after {
        content: '';
        display: block;
        position: relative;
        transition: all 0.3s ease;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.0791 9L12.0791 15L6.0791 9' stroke='%23858585' stroke-width='2'/%3e%3c/svg%3e ");
    }
    .dropdown_btn.active:after {
        transform: rotate(180deg);
    }
    .footer_list a {
        font-size: 16px;
    }
    .contacts_block .title {
        margin-bottom: 30px;
    }
    .social_list_text {
        margin-bottom: 30px;
    }
    .form_input {
        width: 100%;
    }
    .form {
        margin-bottom: 30px;
    }
    .form .btn {
        width: 100%;
    }
    .footer {
        padding: 40px 0;
    }
    .footer .logo {
        width: 166px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer_row {
        gap: 30px;
    }
    .materials_item .plate_block {
        height: 250px;
        width: 100%;
    }
}
.materials_section {
    display: none;
}

.category_block {
    display: flex;
}
.category_block .left {
    width: calc(100% - 320px);
    margin-right: 20px;
    border-top: 1px solid #ccc;
    padding-top: 14px;
}
.category_block .right {
    width: 300px;
}
.category_block .right .plate_block {
    margin-bottom: 20px;
}
.category_block .materials_list .item .title {
    font-size: 16px;
    height: 57.6px;
    margin-bottom: 22px;
}

.info_text {
    width: 100%;
    font-size: 12px;
    line-height: 140%;
    color: #858585;
}

.category_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

.filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.form-select_wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.form-select_wrapper select {
    font-weight: 400;
    border: none;
    border-radius: 30px;
    background-color: #f2f2f2;
    padding: 8px 42px 8px 20px;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.0791 9L12.0791 15L6.0791 9' stroke='%23858585' stroke-width='2'/%3e%3c/svg%3e ");
}

.select2-container:first-of-type {
    height: 100%;
}
.select2-container .select2-selection--single {
    height: 100%;
    background-color: #f2f2f2;
    border-radius: 30px;
    border: 1px solid transparent;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.select2-container .select2-selection--single .select2-selection__arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.0791 9L12.0791 15L6.0791 9' stroke='%23858585' stroke-width='2'/%3e%3c/svg%3e ");
    transition: all 0.3s ease;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
    padding: 8px 42px 8px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-color: #64cc77;
    background: #fff;
}
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single
    .select2-selection__arrow:after {
    transform: rotate(180deg);
}
.select2-container--default.select2-container--open.select2-container--above
    .select2-selection--single {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    color: #333333;
}

@media screen and (min-width: 577px) {
    .select2-dropdown {
        width: 182px !important;
    }
}
.select2-dropdown {
    background: #f2f2f2;
    border: none;
    overflow: hidden;
    border-radius: 8px;
}
.select2-dropdown.select2-dropdown--below {
    border-radius: 8px;
    top: 6px;
    box-shadow: 0px 4px 14px 0px rgba(75, 80, 72, 0.4);
}
.select2-dropdown.select2-dropdown--above {
    border-radius: 8px;
    top: -6px;
    box-shadow: 0px 0px 14px 0px rgba(75, 80, 72, 0.4);
}

.select2-results__options {
    padding: 10px 0;
}

.select2-results__option {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
    background: transparent;
}
.select2-results__option.select2-results__option--selected {
    opacity: 1;
    padding-right: 36px;
    position: relative;
    color: #64cc77 !important;
    background: transparent !important;
}
.select2-results__option.select2-results__option--selected:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.5649 6.28904L9.85374 15L5.43522 10.5814' stroke='%2364CC77' stroke-width='2'/%3e%3c/svg%3e ");
}
.select2-results__option.select2-results__option--highlighted {
    color: red;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background: transparent;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background: #64cc77;
    background: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}

.date_input_input {
    min-width: 230px;
    width: 100%;
    text-align: center;
    height: 36px;
    background: #f2f2f2;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
    padding: 8px 46px 8px 20px;
}
.date_input_input:focus,
.date_input_input:hover {
    border-color: #ebebeb;
}
.date_input_input::-webkit-input-placeholder {
    color: #858585;
}
.date_input_input::-moz-placeholder {
    color: #858585;
}
.date_input_input:-moz-placeholder {
    color: #858585;
}
.date_input_input:-ms-input-placeholder {
    color: #858585;
}

.easepick-wrapper {
    bottom: 0;
}

.date_input_block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.date_input_block:after {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M7.05 3L7.05 5.5M16.95 5.5L16.95 3M3.45 10.5L20.55 10.5M19.7143 6.00136C20.0396 5.98538 20.3575 6.11032 20.5985 6.34884C20.8394 6.58737 20.9838 6.92007 21 7.27418L21 18.7267C20.9836 19.0806 20.8391 19.4131 20.5982 19.6514C20.3573 19.8898 20.0395 20.0146 19.7143 19.9986L4.28571 19.9986C3.96046 20.0148 3.64255 19.8901 3.40158 19.6517C3.16061 19.4133 3.01621 19.0807 3 18.7267L3 7.27418C3.01621 6.92007 3.16058 6.58737 3.40152 6.34884C3.64247 6.11032 3.96038 5.98538 4.28571 6.00136L19.7143 6.00136Z' stroke='%23858585' stroke-width='2'/%3e%3c/svg%3e");
}

.date_input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.date_input.completed {
    color: #333333;
}

.date_input_clear {
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
}
.date_input_clear.show {
    display: flex;
}

.mobile_menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100;
    flex-direction: column;
}
.mobile_menu.active {
    display: flex;
}
.mobile_menu .top {
    display: flex;
    align-items: center;
    padding: 10px;
}
.mobile_menu .center {
    padding: 0 10px;
    overflow: auto;
}
.mobile_menu .bottom {
    margin-top: auto;
    padding: 0 20px 20px;
}
.mobile_menu .search_btn {
    margin-right: 18px;
    margin-left: auto;
}
.mobile_menu .logo {
    width: 99px;
}
.mobile_menu .menu {
    margin-bottom: 20px;
}
.mobile_menu .menu ul {
    flex-direction: column;
}
.mobile_menu .menu .item {
    text-transform: none;
    width: 100%;
    font-size: 20px;
    line-height: 120%;
    padding: 12px 10px;
    border-bottom: 1px solid #ccc;
}
.mobile_menu .language {
    padding: 10px 0;
    gap: 20px;
    margin-bottom: 20px;
}
.mobile_menu .language .item {
    font-size: 20px;
    line-height: 120%;
}
.mobile_menu .bottom_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.mobile_menu .social_list {
    gap: 30px;
}

@media screen and (max-width: 1200px) {
    .category_block .news_list .col {
        width: 50%;
    }
    .category_title_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
}
.plate_block_body {
    display: none;
}

@media screen and (max-width: 992px) {
    .plate_block_body {
        display: flex;
        height: 250px;
        margin-bottom: 30px;
        width: 100%;
    }
    .category_block .left {
        width: 100%;
        margin-right: 0;
    }
    .category_block .right {
        display: none;
    }
    .materials_section {
        display: block;
    }
}
@media screen and (max-width: 576px) {
    .category_block .news_list .col {
        width: 100%;
    }
    .filters .form-select_wrapper {
        width: calc(50% - 6px);
    }
    .filters .date_input {
        width: 100%;
    }
    .category_title_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .info_text {
        text-align: center;
    }
}
.news_title {
    max-width: 925px;
    margin-bottom: 30px;
    padding-left: 100px;
}
.news_title .title {
    margin-bottom: 20px;
}
.news_title .subtitle {
    color: #858585;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px;
}
.news_title .info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    line-height: 140%;
    color: #858585;
    gap: 20px;
}

.news_block {
    font-size: 18px;
    line-height: 150%;
    display: flex;
}
.news_block .left {
    width: calc(100% - 320px);
    margin-right: 20px;
    padding-left: 100px;
    padding-right: 100px;
}
.news_block .left > div:first-child {
    margin-top: 0;
}
.news_block .left > div:last-child {
    margin-bottom: 0;
}
.news_block .left h2 {
    font-size: 30px;
    line-height: 120%;
}
.news_block .left h3 {
    font-size: 24px;
    line-height: 120%;
}
.news_block .left h4 {
    font-size: 20px;
    line-height: 120%;
}
.news_block .left ol {
    list-style-type: none;
    counter-reset: num;
    padding: 0;
}
.news_block .left ol li {
    position: relative;
    padding-left: 34px;
}
.news_block .left ol li:not(:last-child) {
    margin-bottom: 20px;
}
.news_block .left ol li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #64cc77;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
}
.news_block .left ul {
    padding: 0;
}
.news_block .left ul li {
    padding-left: 34px;
    position: relative;
}
.news_block .left ul li:not(:last-child) {
    margin-bottom: 20px;
}
.news_block .left ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #64cc77;
}
.news_block .left blockquote {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    padding: 40px 50px;
    border-radius: 16px 0px;
    background: #f2f2f2;
}
.news_block .left blockquote .author {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    margin-top: 30px;
    position: relative;
    padding: 9.5px 0;
}
.news_block .left blockquote .author:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 31.999px;
    height: 36.494px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='37' viewBox='0 0 32 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.00146 0C0.44918 0 0.00146484 0.447716 0.00146484 1V35.4944C0.00146484 36.0467 0.44918 36.4944 1.00146 36.4944H6.45829C6.9142 36.4944 7.31239 36.1861 7.42648 35.7447L9.24627 28.7036C11.1475 21.3476 12.1096 13.7804 12.1096 6.18264V1C12.1096 0.447715 11.6619 0 11.1096 0H1.00146ZM20.8921 0C20.3398 0 19.8921 0.447716 19.8921 1V35.4944C19.8921 36.0467 20.3398 36.4944 20.8921 36.4944H26.3489C26.8048 36.4944 27.203 36.1861 27.3171 35.7447L29.1369 28.7036C31.0381 21.3476 32.0002 13.7804 32.0002 6.18264V1C32.0002 0.447715 31.5525 0 31.0002 0H20.8921Z' fill='%2364CC77'/%3e%3c/svg%3e ");
}
.news_block .left .images .img {
    border-radius: 16px 0px;
    overflow: hidden;
    display: flex;
}
.news_block .left .images .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.news_block .left .images .text {
    margin-top: 10px;
    color: #858585;
    font-size: 16px;
    line-height: 140%;
}
.news_block .left .footnote {
    padding: 40px 50px;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    border-radius: 16px 0px;
    border-left: 4px solid #64cc77;
    background: #f2f2f2;
}
.news_block .left .gallery_wrapper .text {
    color: #858585;
    font-size: 16px;
    line-height: 140%;
    margin-top: 10px;
}
.news_block .left p,
.news_block .left h2,
.news_block .left h3,
.news_block .left h4,
.news_block .left ol,
.news_block .left ul,
.news_block .left blockquote,
.news_block .left .images,
.news_block .left .footnote,
.news_block .left .gallery_wrapper {
    margin: 30px 0;
}
.news_block .right {
    width: 300px;
}

.gallery_slider .item {
    display: flex;
}
.gallery_slider .img {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 61%;
    border-radius: 16px 0px;
    background: #ccc;
    overflow: hidden;
}
.gallery_slider .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.gallery_slider .swiper-button-next,
.gallery_slider .swiper-button-prev {
    width: 44px;
    height: 44px;
    transition: all 0.3s ease;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.8);
}
.gallery_slider .swiper-button-next:after,
.gallery_slider .swiper-button-prev:after {
    content: '';
    width: 24px;
    height: 24px;
}
.gallery_slider .swiper-button-next:hover,
.gallery_slider .swiper-button-prev:hover {
    background: #fff;
}
.gallery_slider .swiper-button-next {
    right: 10px;
}
.gallery_slider .swiper-button-next:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.0791 6.49438L15.0791 12.4943L9.0791 18.4944' stroke='%23333333' stroke-width='2'/%3e%3c/svg%3e ");
}
.gallery_slider .swiper-button-prev {
    left: 10px;
}
.gallery_slider .swiper-button-prev:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.0791 6.49438L9.0791 12.4943L15.0791 18.4944' stroke='%23333333' stroke-width='2'/%3e%3c/svg%3e ");
}
.gallery_slider .swiper-pagination {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.78);
    bottom: 8px !important;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}

.remark_block {
    margin: 30px 0;
}
.remark_block .text {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 10px 0;
    min-height: 40px;
}
.remark_block .text span {
    white-space: nowrap;
    color: #858585;
    background: #fff;
    padding-right: 10px;
    display: block;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}
.remark_block .text:after {
    content: '';
    display: block;
    position: relative;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}

.remark_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.remark_list .item {
    color: #5f5f5f;
    font-size: 10px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 8px;
    background: #f2f2f2;
    width: -moz-fit-content;
    width: fit-content;
}
.remark_list .item:hover {
    color: #287ad4;
}

.subscribe_block {
    border-radius: 16px 0px;
    background: #f2f2f2;
    padding: 40px 100px;
    margin-left: -100px;
    margin-right: -100px;
}
.subscribe_block .title {
    text-align: center;
    margin: 0 0 20px !important;
}

.subscribe_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.subscribe_list .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px 6px 20px;
    font-size: 14px;
    line-height: 140%;
    gap: 12px;
    border-radius: 100px;
    background: #fff;
}
.subscribe_list .item svg {
    fill: #333333;
}
.subscribe_list .item:hover svg {
    fill: #64cc77;
}

.share_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.share_list .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
}
.share_list .item:not(:last-child) {
    border-right: 1px solid #ccc;
}
.share_list .item svg {
    fill: #333333;
}
.share_list .item:hover svg {
    fill: #64cc77;
}

@media screen and (max-width: 1200px) {
    .news_block .left {
        padding: 0;
    }
    .news_title {
        padding-left: 10px;
        padding-right: 10px;
    }
    .subscribe_block {
        padding: 40px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 992px) {
    .news_block .left {
        margin-right: 0;
        width: 100%;
    }
    .news_block .right {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .news_title {
        margin-bottom: 20px;
    }
    .news_title .title {
        margin-bottom: 10px;
    }
    .news_title .subtitle {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .news_title .info {
        gap: 10px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .news_block {
        font-size: 16px;
        line-height: 140%;
    }
    .news_block .plate_block_body {
        margin-bottom: 20px;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .news_block .left {
        padding-left: 10px;
        padding-right: 10px;
    }
    .news_block .left .images .text {
        font-size: 12px;
    }
    .news_block .left p,
    .news_block .left h2,
    .news_block .left h3,
    .news_block .left h4,
    .news_block .left ol,
    .news_block .left ul,
    .news_block .left blockquote,
    .news_block .left .images,
    .news_block .left .footnote,
    .news_block .left .gallery_wrapper {
        margin: 20px 0;
    }
    .news_block .left .images,
    .news_block .left .footnote,
    .news_block .left .gallery_wrapper {
        margin-left: -10px;
        margin-right: -10px;
    }
    .news_block .left h2 {
        font-size: 24px;
    }
    .news_block .left h3 {
        font-size: 20px;
    }
    .news_block .left h4 {
        font-size: 18px;
    }
    .news_block .left blockquote {
        padding: 20px 10px;
        font-size: 18px;
    }
    .news_block .left blockquote .author {
        font-size: 14px;
        margin-top: 20px;
    }
    .news_block .left .gallery_wrapper .text {
        font-size: 12px;
    }
    .news_block .left .footnote {
        padding: 20px 10px;
        font-size: 18px;
    }
    .remark_block {
        margin: 20px 0;
    }
    .gallery_slider .swiper-button-next,
    .gallery_slider .swiper-button-prev {
        display: none;
    }
    .subscribe_block {
        padding: 30px 10px;
    }
    .subscribe_list {
        gap: 10px;
        flex-direction: column;
    }
    .subscribe_list .item {
        width: 100%;
    }
}
.error_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 40px;
}
.error_block .left {
    width: 335px;
}
.error_block .text {
    margin-top: 20px;
    font-size: 18px;
    line-height: 150%;
}
.error_block .btn {
    margin-top: 20px;
    gap: 10px;
    padding: 8px 20px 8px 10px;
}
.error_block .btn svg {
    stroke: #fff;
}
.error_block .right {
    padding-right: 60px;
}

.footer_secondary {
    background: #f2f2f2;
    padding: 20px 0;
    margin-top: auto;
}
.footer_secondary .logo {
    width: 132px;
}
.footer_secondary .text {
    font-size: 12px;
    line-height: 140%;
}

.footer_secondary_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media screen and (max-width: 768px) {
    .error_block {
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }
    .error_block .left {
        width: 100%;
        text-align: center;
    }
    .error_block .right {
        padding-right: 0;
    }
    .error_block .btn {
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 440px) {
    .footer_secondary_block {
        flex-direction: column;
    }
}
.search_empty {
    background: #f2f2f2;
    padding: 62px 80px;
    border-radius: 10px;
}
.search_empty .text {
    color: #858585;
}

.search_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    border-top: 1px solid #ccc;
    padding-top: 14px;
}

.search_block {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 20px;
}
.search_block svg {
    stroke: #64cc77;
}

.search_input {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.search_tags_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.search_tags_list .tag {
    position: relative;
}
.search_tags_list .tag input[type='checkbox'] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}
.search_tags_list .tag input[type='checkbox']:checked ~ span {
    background: #64cc77;
    color: #fff;
}
.search_tags_list .tag input[type='checkbox']:checked ~ span:after {
    content: '';
    display: block;
    position: relative;
    margin: -3px -6px -3px 8px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.2642 6.28904L10.553 15L6.13444 10.5814' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
}
.search_tags_list .tag span {
    color: #5f5f5f;
    font-size: 12px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    padding: 6.5px 16px;
    border-radius: 28px;
    background: #f2f2f2;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.search_tags_list .tag.hidden {
    display: none;
}

.search_tags_btn {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 140%;
    color: #64cc77;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    order: 1;
    text-transform: uppercase;
}
.search_tags_btn:after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.7783 9L12.7784 15L6.77832 9' stroke='%2364CC77' stroke-width='2'/%3e%3c/svg%3e ");
    transition: all 0.3s ease;
}
.search_tags_btn span {
    display: block;
}
.search_tags_btn span:last-child {
    display: none;
}
.search_tags_btn.active span:first-child {
    display: none;
}
.search_tags_btn.active span:last-child {
    display: block;
}
.search_tags_btn.active:after {
    transform: rotate(180deg);
}

.search_filter_wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}

.search_text_quantity {
    font-size: 18px;
    line-height: 150%;
}

@media screen and (max-width: 576px) {
    .search_empty {
        padding: 30px;
    }
    .search_text_quantity {
        font-size: 16px;
    }
}
@media screen and (min-width: 993px) {
    .search_filter_wrapper .date_input_block {
        justify-content: flex-start;
    }
    .search_filter_wrapper .easepick-wrapper {
        left: -33px;
    }
}
.video_block {
    height: auto;
    padding-bottom: initial;
    aspect-ratio: 16/9;
    width: 100%;
    position: relative;
    max-height: 100%;
}

.plyr {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    aspect-ratio: 16/9;
    width: auto;
    margin: 0 auto;
    border-radius: 10px 0;
}

.plyr__poster {
    background-size: cover;
    background-color: #fff;
}

.plyr__video-wrapper {
    height: 100%;
    background: #fff;
}
.images_first .img {
    position: relative;
    height: 0;
    padding-bottom: 65.93%;
}
.images_first .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.materials_wrapper .materials_col .materials_item {
    display: flex;
    flex-direction: column;
}
.materials_wrapper .materials_col .materials_item .plate_block {
    margin-top: auto;
}


/* Контейнер для меток */
.labels-container {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2; /* Увеличиваем z-index, чтобы метки были над изображением */
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Расстояние между метками */
    pointer-events: none; /* Позволяет кликать сквозь контейнер, но не сквозь метки */
}

/* Сами метки */
.labels-container .label {
    color: #5f5f5f;
    font-size: 10px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 8px;
    background: #f2f2f2;
    width: fit-content;
    display: inline-block;
    pointer-events: auto; /* Возвращаем возможность клика по меткам */
    transition: background-color 0.2s ease; /* Плавное изменение при наведении */
}

/* Эффект при наведении на метку */
.label:hover {
    background: #e0e0e0; /* Чуть темнее при наведении */
    cursor: pointer;
}

/* Убираем старые стили позиционирования для меток внутри news_item */
.news_item .label {
    position: static; /* Отменяем абсолютное позиционирование */
    top: auto;
    left: auto;
}

/* Убеждаемся, что news_item имеет позиционирование для абсолютного контейнера */
.news_item {
    position: relative;
    display: block;
    overflow: hidden; /* Чтобы метки не выходили за границы */
    text-decoration: none; /* Убираем подчеркивание ссылки */
}

/* Стили для изображения (на всякий случай) */
.news_item .img {
    width: 100%;
    height: auto;
}

.news_item .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}