@font-face {
    font-display: swap;
    font-family: Axiforma;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/Axiforma-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Axiforma;
    font-style: normal;
    font-weight: 500;
    src: url(../assets/fonts/Axiforma-Medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Axiforma;
    font-style: normal;
    font-weight: 700;
    src: url(../assets/fonts/Axiforma-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Axiforma;
    font-style: normal;
    font-weight: 900;
    src: url(../assets/fonts/Axiforma-Black.woff2) format("woff2")
}

* {
    border: 0;
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

:after,
:before {
    display: inline-block
}

input:focus,
textarea:focus {
    outline: none
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

body,
html {
    height: 100%
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input,
textarea {
    width: 100%
}

button,
option,
select {
    cursor: pointer
}

a {
    color: inherit;
    display: inline-block;
    text-decoration: none
}

li {
    list-style: none
}

img {
    object-fit: cover;
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

details summary {
    list-style: none
}

details summary::-webkit-details-marker {
    display: none
}

input {
    border-radius: 0
}

input[type=search] {
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

b {
    font-weight: 600
}

.coop-section__body:after,
.coop-section__body:before,
.expand-banner__body:after,
.expand-banner__body:before,
.how-to-fp__container:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.coop-section__body,
.expand-banner__body {
    background-color: #173ecc;
    border-radius: .625rem;
    color: #fff;
    overflow: hidden;
    position: relative
}

.coop-section__body .title,
.expand-banner__body .title {
    color: #fff
}

.coop-section__text,
.expand-banner__text {
    font-size: 1.125rem;
    line-height: 1.4
}

.text a {
    text-decoration: underline;
    text-decoration-color: inherit;
    transition: text-decoration-color .3s
}

[class*=_sprite-]:before {
    aspect-ratio: 1/1;
    background-color: #173ecc;
    content: "";
    display: block;
    flex-shrink: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: all .3s;
    width: 1rem
}

._sprite-phone:before {
    -webkit-mask-image: url(../assets/img/icons/phone.svg);
    mask-image: url(../assets/img/icons/phone.svg)
}

._sprite-email:before {
    -webkit-mask-image: url(../assets/img/icons/email.svg);
    mask-image: url(../assets/img/icons/email.svg)
}

._sprite-file:before {
    -webkit-mask-image: url(../assets/img/icons/file.svg);
    mask-image: url(../assets/img/icons/file.svg)
}

._sprite-file-bold:before {
    -webkit-mask-image: url(../assets/img/icons/file-bold.svg);
    mask-image: url(../assets/img/icons/file-bold.svg)
}

._sprite-book:before {
    -webkit-mask-image: url(../assets/img/icons/book.svg);
    mask-image: url(../assets/img/icons/book.svg)
}

._sprite-copy:before {
    -webkit-mask-image: url(../assets/img/icons/copy.svg);
    mask-image: url(../assets/img/icons/copy.svg)
}

._sprite-check:before {
    -webkit-mask-image: url(../assets/img/icons/check.svg);
    mask-image: url(../assets/img/icons/check.svg)
}

._sprite-list-mark:before {
    -webkit-mask-image: url(../assets/img/icons/list-mark.svg);
    mask-image: url(../assets/img/icons/list-mark.svg)
}

._sprite-location:before {
    -webkit-mask-image: url(../assets/img/icons/location.svg);
    mask-image: url(../assets/img/icons/location.svg)
}

._sprite-cross:before {
    -webkit-mask-image: url(../assets/img/icons/cross.svg);
    mask-image: url(../assets/img/icons/cross.svg)
}

.logo {
    aspect-ratio: 210/64;
    width: 13.125rem
}

.ibg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.ibg--contain {
    object-fit: contain
}

.text {
    line-height: 1.4
}

.text>* {
    margin-bottom: .875rem
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    font-weight: 700;
    line-height: 1.2
}

.text h2 {
    font-size: 1.5rem
}

.text h2:not(:last-child) {
    margin-bottom: 1.25rem
}

.text>:last-child {
    margin-bottom: 0
}

.text ul {
    padding-left: 1.5625rem
}

.text ul li {
    list-style: disc
}

.text ul li:not(:last-child) {
    margin-bottom: .875rem
}

.button {
    align-items: center;
    background-color: #173ecc;
    border-radius: .25rem;
    color: #fff;
    display: flex;
    gap: .375rem;
    justify-content: center;
    min-height: 3.3125rem;
    padding: .5rem 1rem;
    text-align: center;
    transition: all .3s
}

.button:before {
    background-color: #fff;
    width: 1.5rem
}

.button--gr-border {
    background-color: transparent;
    border: .0625rem solid #e5eaea;
    color: #173ecc
}

.button--gr-border:before {
    background-color: #173ecc
}

.button--border {
    background-color: transparent;
    border: .0625rem solid #173ecc;
    color: #173ecc
}

.button--border:before {
    background-color: #173ecc
}

.button--white {
    background-color: #fff;
    color: #173ecc
}

.button--white:before {
    background-color: #173ecc
}

.button--border.button--white {
    background-color: transparent;
    border: .0625rem solid #fff;
    color: #fff
}

.button--border.button--white:before {
    background-color: #fff
}

.button--wheat {
    background-color: #f4d4c3;
    color: #173ecc
}

.button--wheat:before {
    background-color: #173ecc
}

.icon-menu {
    display: none
}

.title {
    font-size: 3.125rem;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase
}

.title span {
    font-weight: 500
}

.title--main {
    font-size: 3.875rem
}

.input {
    background: hsla(0, 0%, 100%, .14);
    border: .0625rem solid hsla(0, 0%, 100%, .4);
    border-radius: .125rem;
    color: #fff;
    font-size: 1rem;
    height: 3.3125rem;
    line-height: 1.3;
    padding: .3125rem 1.6875rem
}

.input::placeholder {
    color: #fff
}

.field {
    display: flex;
    flex-direction: column;
    gap: .3125rem
}

.coop-section__body {
    align-items: center;
    display: grid;
    gap: 4.0625rem;
    grid-template-columns: 660fr 600fr;
    padding: 3.75rem 2.5rem
}

.coop-section__body>* {
    z-index: 2
}

.coop-section__body:after,
.coop-section__body:before {
    z-index: 1
}

.coop-section__body:before {
    background-color: rgba(158, 205, 244, .84);
    filter: blur(12.625rem);
    left: auto;
    right: 0;
    transform: translate(16.216216%, -18.018018%);
    width: 42.692308%
}

.coop-section__body:after {
    background-color: hsla(21, 69%, 86%, .84);
    filter: blur(12.625rem);
    top: 100%;
    transform: translate(24.279379%, -12.195122%);
    width: 69.384615%
}

.coop-section__content {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .4375rem
}

.coop-section__title {
    color: #fff;
    font-size: 3.75rem
}

.coop-map-section__title {
    color: #173ecc;
    font-size: 2.15rem
}

.coop-section__text {
    color: #fff;
    line-height: 1.4;
    max-width: 28.75rem
}

.coop-section__form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.coop-section__fields {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr)
}

.item-category-h {
    background: hsla(0, 0%, 98%, .8);
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    gap: 2.375rem;
    padding: 1.5rem;
    min-height: fit-content;
}

.item-category-h__image {
    align-items: center;
    display: flex;
    flex-grow: 1;
    width: 100%
}

.item-category-h__image img {
    /* aspect-ratio: 259/226; */
    aspect-ratio: 359 / 326;
    height: auto
}

.item-category-h__body {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: .875rem 1.25rem
}

.item-category-h__title {
    flex-grow: 1;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

.expand-banner__body {
    padding: 3.75rem .875rem
}

.expand-banner__body:after,
.expand-banner__body:before {
    z-index: 1
}

.expand-banner__body:before {
    background-color: #f4bc9e;
    filter: blur(12.625rem);
    left: 0;
    opacity: .84;
    top: 0;
    transform: translate(-30.384615%, 13.08204%);
    width: 69.384615%
}

.expand-banner__body:after {
    background-color: rgba(158, 205, 244, .84);
    filter: blur(12.625rem);
    left: auto;
    right: 0;
    transform: translate(15.135135%, -26.306306%);
    width: 42.692308%
}

.expand-banner__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 37.5rem;
    position: relative;
    z-index: 2
}

.expand-banner__title {
    color: #fff;
    font-size: 3.25rem;
    text-align: center
}

.expand-banner__title:not(:last-child) {
    margin-bottom: .4375rem
}

.expand-banner__text {
    color: #fff;
    text-align: center
}

.expand-banner__text:not(:last-child) {
    margin-bottom: 1.25rem
}

.expand-banner__actions {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

.expand-banner__button {
    flex-grow: 1
}

.item-why-us {
    backdrop-filter: blur(.625rem);
    background: hsla(0, 0%, 100%, .04);
    border: .0625rem solid hsla(0, 0%, 100%, .2);
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    justify-content: space-between;
    padding: 1.5rem
}

.item-why-us__icon {
    aspect-ratio: 1/1;
    /* width: 5rem */
    width: 50%
}

.why-us_container {
    text-align: center;
    height: 80%;
}

.item-why-us__body {
    font-size: .875rem;
    line-height: 1.4
}

.item-why-us__body h3 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.4
}

.item-why-us__body h3:not(:last-child) {
    margin-bottom: .75rem
}

.how-to-fp__container {
    position: relative
}

.how-to-fp__container:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(9.275731%, -29.606099%);
    width: 58.907186%
}

.how-to-fp__header {
    display: flex;
    flex-direction: column;
    gap: .875rem
}

.how-to-fp__header:not(:last-child) {
    margin-bottom: 2.5rem
}

.how-to-fp__text {
    line-height: 1.4;
    max-width: 33.8125rem
}

.how-to-fp__items {
    counter-reset: item-count;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr))
}

.how-to-fp__item {
    background: hsla(0, 0%, 98%, .8);
    border: .0625rem solid hsla(0, 0%, 100%, .2);
    border-radius: .625rem;
    counter-increment: item-count;
    padding: 1.5rem
}

.how-to-fp__item:before {
    content: counter(item-count, decimal-leading-zero) ".";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 4.375rem
}

.how-to-fp__bl-text {
    font-size: .875rem;
    line-height: 1.4
}

.how-to-fp__bl-text h3 {
    font-size: 1rem;
    font-weight: 700
}

.how-to-fp__bl-text h3:not(:last-child) {
    margin-bottom: .75rem
}

.contact-btn {
    align-items: center;
    display: inline-flex;
    font-size: 2.5rem;
    font-weight: 900;
    gap: .875rem;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
    transition: all .3s
}

.contact-btn__copy:before {
    width: 1rem
}

.contact-btn--mini .contact-btn__copy:before {
    width: .875rem
}

.contact-btn__copy span {
    background: #173ecc;
    border-radius: 3.125rem;
    bottom: calc(100% - .4375rem);
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    opacity: 0;
    padding: .3125rem .625rem;
    pointer-events: none;
    position: absolute;
    right: -2.25rem;
    text-transform: none;
    transition: all .3s;
    visibility: hidden;
    z-index: 10
}

.contact-btn--mini .contact-btn__copy span {
    border-radius: 3.125rem;
    bottom: calc(100% + .125rem);
    font-size: .625rem;
    padding: .125rem .375rem;
    right: -2rem
}

.contact-btn.--active .contact-btn__copy span {
    opacity: 1;
    visibility: visible
}

.contact-btn--mini {
    font-size: .875rem;
    font-weight: 500;
    gap: .3125rem
}

.map-block.--disabled,
.map-block__modal {
    pointer-events: none
}

.map-block__modal {
    bottom: calc(100% - .9375rem);
    left: 50%;
    min-width: 14.5rem;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s;
    visibility: hidden
}

.map-block__icon {
    aspect-ratio: 26/38;
    width: 1.625rem
}

.map-block__icon svg {
    height: 100%;
    width: 100%
}

.map-block__icon svg path {
    transition: all .3s
}

.map-block__wrapper {
    aspect-ratio: 850/565;
    position: relative
}

.map-block__wrapper>svg {
    height: 100%;
    width: 100%
}

.map-block__wrapper>svg path {
    transition: all .3s
}

.map-block__wrapper>svg .--active,
.map-block__wrapper>svg .--active path {
    --dn-color: #173ecc;
    fill-opacity: 1
}

.map-block__item {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.map-block__content {
    position: relative;
    transform: translateY(-50%)
}

.modal-map {
    background: #fff;
    border-radius: .625rem;
    box-shadow: 0 0 1.25rem 0 rgba(23, 62, 204, .06);
    padding: 1rem
}

.modal-map__image {
    aspect-ratio: 141/58;
    max-width: 8.8125rem;
    width: 100%
}

.modal-map__title {
    font-weight: 700;
    line-height: 1.2
}

.modal-map__title:not(:last-child) {
    margin-bottom: 1rem
}

.modal-map__button {
    font-size: .75rem;
    min-height: 2.4375rem
}

body {
    color: #173ecc;
    font-family: SimplerPro, sans-serif;
    font-size: 1rem;
    min-width: 20rem
}

[data-fls-scrolllock] body {
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: clip
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    margin: 0 auto;
    max-width: 83.5rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

body:after {
    background-color: hsla(0, 0%, 100%, .72);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .8s ease 0s;
    width: 100%;
    z-index: 149
}

.page {
    margin-bottom: 6.25rem
}

.for-partners>:not(:last-child),
.home>:not(:last-child),
.materials>:not(:last-child),
.page>:not(:last-child) {
    margin-bottom: 7.5rem
}

:root {
    --header-height: 8.461875rem
}

.menu {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between
}

.menu ul {
    align-items: center;
    border-top: .0625rem solid rgba(166, 185, 255, .11);
    display: flex;
    flex-wrap: wrap;
    gap: .3125rem 1.5rem;
    padding-top: .3125rem
}

.menu ul li {
    line-height: 1.5
}

.menu ul li a {
    transition: opacity .3s
}

.menu__button {
    align-self: center;
    min-width: 12rem
}

.header {
    left: 0;
    padding: 1.875rem 0;
    position: sticky;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 50
}

.header.--header-scroll {
    background-color: #fff
}

.header__container {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between
}

.header__body {
    flex-grow: 1;
    max-width: 60.5rem
}

.header__logo {
    flex-shrink: 0
}

.header__contacts {
    max-width: 41.875rem;
    padding-bottom: .8125rem
}

.header__menu {
    min-height: 3rem
}

.contacts-header {
    display: flex;
    gap: 1.875rem
}

.contacts-header__item {
    align-items: start;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .25rem;
    line-height: 1.2;
    text-transform: uppercase;
    transition: opacity .3s
}

.contacts-header__item:before {
    width: .6875rem
}

[data-fls-header-scroll-show].--header-scroll {
    transform: translateY(-100%);
    transition: transform .3s
}

[data-fls-header-scroll-show].--header-show {
    transform: translate(0)
}

.footer {
    padding-bottom: 1rem
}

.footer__body {
    border-radius: .625rem;
    overflow: hidden;
    padding: 2.5rem 2.5rem 1.625rem 1.875rem;
    position: relative
}

.footer__body>* {
    position: relative;
    z-index: 2
}

.footer__body:before {
    aspect-ratio: 1/1;
    background-color: hsla(21, 69%, 86%, .43);
    border-radius: 50%;
    bottom: .75rem;
    content: "";
    filter: blur(15.625rem);
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 75.769231%;
    z-index: 1
}

.footer__header {
    align-items: center;
    display: grid;
    gap: 7.1875rem;
    grid-template-columns: 581fr 524fr;
    padding-left: .625rem
}

.footer__header:not(:last-child) {
    margin-bottom: 3.5rem
}

.footer__menu ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem 1.25rem;
    justify-content: space-between
}

.footer__menu ul li {
    font-size: .875rem
}

.footer__menu ul li a {
    transition: all .3s
}

.footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.footer__button {
    flex-grow: 1;
    font-size: .75rem;
    min-height: 2.25rem;
    padding: .5rem 1rem
}

.footer__button:before {
    width: 1rem
}

.footer__contacts {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: .9375rem;
    padding-left: .625rem
}

.footer__contacts:not(:last-child) {
    margin-bottom: 1.125rem
}

.footer__bottom {
    align-items: end;
    display: grid;
    gap: 6.6875rem;
    grid-template-columns: 591fr 532fr
}

.footer__info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    gap: 1.3125rem
}

.footer__info span {
    flex-grow: 1
}

.footer__info a {
    transition: all .3s
}

.footer__logo {
    aspect-ratio: 532/81;
    width: 100%
}

.types__container:after,
.types__container:before,
.types__wrapper:after,
.types__wrapper:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.block-types__text {
    font-size: 1.125rem;
    line-height: 1.4
}

.page__types:not(:last-child) {
    margin-bottom: 7.5rem
}

.types {
    padding-top: 3rem
}

.types__container {
    position: relative
}

.types__container:after,
.types__container:before {
    left: auto;
    right: 0;
    top: 0
}

.types__container:before {
    filter: blur(15.625rem);
    transform: translate(-2.574003%, 212.612613%);
    width: 58.158683%
}

.types__container:after {
    background-color: rgba(23, 62, 204, .21);
    filter: blur(15.625rem);
    transform: translate(8.996212%, 24.05303%);
    width: 79.041916%
}

.types__title:not(:last-child) {
    margin-bottom: 5rem
}

.types__wrapper:after,
.types__wrapper:before {
    bottom: 0;
    top: auto
}

.types__wrapper:before {
    background-color: hsla(21, 69%, 86%, .6);
    bottom: 0;
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    top: auto;
    transform: translate(-11.697575%, 11.554922%);
    transform: translate(64.041605%, 4.457652%);
    width: 53.923077%;
    width: 51.769231%
}

.types__block:not(:last-child) {
    margin-bottom: 6.25rem
}

.block-types {
    display: grid;
    gap: 1.25rem 2.5rem;
    grid-template-columns: 25.0625rem 1fr;
    position: relative
}

.block-types__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.block-types__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.block-types__button {
    flex-wrap: wrap;
    font-size: .875rem;
    min-height: 3rem;
    min-width: 10.625rem
}

.block-types__body {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr)
}

.block-types__item .item-category-h__title {
    font-size: 1.25rem
}

.block-types__item .item-category-h__image img {
    /* aspect-ratio: 371/226 */
    aspect-ratio: 471 / 426;
}

.info-page__container:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.info-page__subtitle {
    font-size: 1.125rem;
    line-height: 1.4
}

.info-page {
    padding-top: 3.125rem
}

.info-page__container {
    position: relative
}

.info-page__container:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    top: 0;
    transform: translate(71.394422%, -81.035857%);
    width: 93.937126%
}

.info-page__header:not(:last-child) {
    margin-bottom: 5.625rem
}

.info-page__title:not(:last-child) {
    margin-bottom: 1.5rem
}

.info-page__subtitle {
    max-width: 40rem
}

.info-page__text {
    margin: 0 auto;
    max-width: 40rem
}

.partners__container:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.partners__container {
    position: relative
}

.partners__container:before {
    filter: blur(15.625rem);
    left: 50%;
    top: 0;
    transform: translate(-50%, 6.238004%);
    width: 77.994012%
}

.partners__title {
    text-align: center
}

.partners__title:not(:last-child) {
    margin-bottom: .3125rem
}

.partners__map {
    margin: 0 auto;
    max-width: 53.125rem
}

.partners__map:not(:last-child) {
    margin-bottom: 1.375rem
}

.partners__items {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr))
}

.partners__items:not(:last-child) {
    margin-bottom: 6.25rem
}

.item-partner {
    background: hsla(0, 0%, 98%, .8);
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    padding: 1.5rem
}

.item-partner__image {
    aspect-ratio: 227/92;
    max-width: 14.1875rem;
    width: 100%
}

.item-partner__image:not(:last-child) {
    margin-bottom: 1.25rem
}

.item-partner__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .5rem
}

.item-partner__body:not(:last-child) {
    border-bottom: .0625rem solid rgba(23, 62, 204, .13);
    margin-bottom: 1.875rem;
    padding-bottom: .875rem
}

.item-partner__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2
}

.item-partner__location {
    align-items: center;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .375rem;
    line-height: 1.2;
    opacity: .6
}

.item-partner__location:before {
    aspect-ratio: 17/20;
    width: 1.0625rem
}

.item-partner__footer {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

[data-fls-popup-body]:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.coop-popup__text {
    font-size: 1.125rem;
    line-height: 1.4
}

[data-fls-popup-open] body:after {
    opacity: 1
}

[data-fls-popup] {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility .8s ease 0s;
    visibility: hidden
}

[data-fls-popup].popup--contacts {
    padding: 0
}

[data-fls-popup][data-fls-popup-active] {
    overflow: auto;
    pointer-events: auto;
    visibility: visible;
    z-index: 150
}

[data-fls-popup-active] [data-fls-popup-body] {
    transform: scale(1);
    visibility: visible
}

[data-fls-popup-wrapper] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 1.25rem;
    width: 100%
}

.popup--contacts [data-fls-popup-wrapper] {
    justify-content: start
}

[data-fls-popup-body] {
    background-color: #173ecc;
    border-radius: .625rem;
    max-width: 43.125rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative;
    transform: scale(0);
    transition: transform .3s ease 0s, visibility .3s ease 0s;
    visibility: hidden;
    width: 100%
}

[data-fls-popup-body]:before {
    background-color: hsla(21, 80%, 79%, .84);
    bottom: 0;
    filter: blur(12.625rem);
    left: auto;
    right: 0;
    top: auto;
    transform: translate(49.002217%, 65.742794%);
    width: 138.769231%
}

[data-fls-popup-youtube-place] iframe {
    aspect-ratio: 16/9;
    width: 100%
}

.coop-popup__header {
    align-items: start;
    display: flex;
    gap: .3125rem;
    justify-content: space-between
}

.coop-popup__header:not(:last-child) {
    margin-bottom: .4375rem
}

.coop-popup__title {
    color: #fff;
    font-size: 3.75rem
}

.coop-popup__close {
    align-items: center;
    aspect-ratio: 1/1;
    background: hsla(0, 0%, 98%, .9);
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    transition: all .3s;
    width: 3rem
}

.coop-popup__close:before {
    width: 1.375rem
}

.coop-popup__text {
    color: #fff;
    max-width: 30rem
}

.coop-popup__text:not(:last-child) {
    margin-bottom: 1.875rem
}

.tabs__navigation {
    display: flex
}

.tabs__title {
    border: .0625rem solid #eee;
    border-radius: .3125rem;
    padding: .625rem .9375rem
}

.tabs__title.--tab-active {
    border: .0625rem solid #000
}

.tabs__content {
    border: .0625rem solid #eee;
    padding: .625rem .9375rem
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    width: auto;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: .0625rem;
    max-width: .0625rem;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: .0625rem;
    min-width: .0625rem;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: .625rem;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: .4375rem;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity .2s linear .5s
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: .6875rem
}

.simplebar-scrollbar:before {
    bottom: .125rem;
    left: .125rem;
    right: .125rem;
    top: .125rem
}

.simplebar-track.simplebar-horizontal {
    height: .6875rem;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    bottom: 0;
    left: 0;
    min-height: 0;
    min-width: .625rem;
    right: auto;
    top: 0;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    height: 31.25rem;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 31.25rem;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    height: 200%;
    margin: .625rem 0;
    width: 200%
}

.simplebar-hide-scrollbar {
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden;
    -ms-overflow-style: none
}

.control-mat__container:before,
.control-mat__label:after,
.hero-materials__body:after,
.hero-materials__body:before,
.types-materials__body:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.control-mat__label {
    background-color: #173ecc;
    border-radius: .625rem;
    overflow: hidden
}

.control-mat__label .title {
    color: #fff
}

.hero-materials__text {
    font-size: 1.125rem;
    line-height: 1.4
}

.materials__benefits .how-to-fp__container:before {
    display: none
}

.materials__benefits .how-to-fp__item:before {
    background-color: #173ecc;
    content: "";
    display: block;
    flex-shrink: 0;
    /* height: 1.125rem; */
    height: 24px;
    margin-bottom: 3.375rem;
    -webkit-mask-image: url(../assets/img/icons/check.svg);
    mask-image: url(../assets/img/icons/check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: all .3s;
    /* width: 1.5625rem */
    width: 30px;
}

.hero-materials__body {
    align-items: center;
    background-color: transparent;
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 3.75rem 2.5rem 0;
    position: relative
}

.hero-materials__body:before {
    filter: blur(15.625rem);
    transform: translate(-65.248869%, -67.692308%);
    width: 85%
}

.hero-materials__body:after {
    background-color: hsla(21, 69%, 86%, .38);
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(22.895928%, -20.81448%);
    width: 85%
}

.hero-materials__title:not(:last-child) {
    margin-bottom: 1.5rem
}

.hero-materials__text {
    max-width: 50.5625rem;
    text-align: center
}

.hero-materials__text:not(:last-child) {
    margin-bottom: 3.3125rem
}

.hero-materials__image {
    align-self: center;
    aspect-ratio: 529/275
}

.types-materials__title:not(:last-child) {
    margin-bottom: 2.5rem
}

.types-materials__body {
    border-radius: .625rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative
}

.types-materials__body:before {
    background-color: #173ecc;
    bottom: 0;
    filter: blur(6.6875rem);
    left: 0;
    top: auto;
    transform: translate(-8.495146%, 14.502427%);
    width: 126.769231%
}

.tabs-mat__wrapper:not(:last-child) {
    margin-bottom: 1.25rem
}

.tabs-mat__wrapper .simplebar-horizontal {
    background-color: hsla(0, 0%, 100%, .3) !important;
    border-radius: 1.875rem !important;
    height: .1875rem !important;
    top: calc(100% + .625rem)
}

.tabs-mat__wrapper .simplebar-scrollbar:before {
    background-color: #fff;
    border-radius: 1.875rem;
    bottom: 0;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0
}

.tabs-mat__navigation,
.tabs-mat__title {
    display: flex;
    gap: 1.25rem
}

.tabs-mat__title {
    align-items: center;
    border: .0625rem solid hsla(0, 0%, 100%, .2);
    border-radius: .625rem;
    color: #fff;
    flex-grow: 1;
    flex: 0 0 calc(25% - 0.9375rem);
    font-weight: 700;
    line-height: 140%;
    padding: 1.5rem;
    text-align: left;
    transition: all .3s
}

.tabs-mat__title:hover {
    transition: all .3s ease;
    background-color: hsla(0, 0%, 100%, .1) !important;
}

.tabs-mat__title.--tab-active {
    background: hsla(0, 0%, 100%, .1)
}

.tabs-mat__title img {
    aspect-ratio: 1/1;
    flex-shrink: 0;
    width: 3.125rem
}

.block-tabs-m {
    align-items: center;
    background: #fafafa;
    border-radius: .625rem;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 546fr 574fr;
    overflow: hidden;
    padding: 1.875rem
}

.block-tabs-m__image {
    aspect-ratio: 546/442;
    border-radius: .375rem;
    overflow: hidden
}

.block-tabs-m__text>* {
    margin-bottom: 1.875rem
}

.block-tabs-m__text h3 {
    font-size: 2.125rem;
    margin-bottom: 1.125rem
}

.block-tabs-m__text h4 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.block-tabs-m__text ul li {
    font-size: 1.125rem;
    line-height: 1.2;
    padding-left: 1.4375rem;
    position: relative
}

.block-tabs-m__text ul li:not(:last-child) {
    margin-bottom: .625rem
}

.block-tabs-m__text ul li:before {
    background-color: #173ecc;
    content: "";
    display: block;
    flex-shrink: 0;
    height: .875rem;
    left: 0;
    -webkit-mask-image: url(../assets/img/icons/list-mark.svg);
    mask-image: url(../assets/img/icons/list-mark.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 1rem
}

.block-tabs-m__text>:last-child {
    margin-bottom: 0
}

.control-mat__container {
    position: relative
}

.control-mat__container:before {
    background-color: rgba(23, 62, 204, .38);
    filter: blur(15.625rem);
    left: 50%;
    top: 0;
    transform: translate(-50%, -3.512015%);
    width: 40.494012%
}

.control-mat__header {
    display: flex;
    flex-direction: column;
    gap: .875rem
}

.control-mat__header:not(:last-child) {
    margin-bottom: 2.5rem
}

.control-mat__text {
    line-height: 1.4;
    max-width: 33.8125rem
}

.control-mat__items {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr))
}

.control-mat__items:not(:last-child) {
    margin-bottom: 1.875rem
}

.control-mat__item {
    background: hsla(0, 0%, 98%, .8);
    border: .0625rem solid hsla(0, 0%, 100%, .2);
    border-radius: .625rem
}

.control-mat__item .item-why-us__body h3 {
    color: #173ecc
}

.control-mat__label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.25rem;
    font-weight: 500;
    gap: .625rem;
    justify-content: center;
    line-height: 1.4;
    min-height: 6.75rem;
    padding: .75rem;
    position: relative
}

.control-mat__label:after {
    background-color: #f4bc9e;
    filter: blur(7rem);
    left: 0;
    top: 0;
    transform: translate(-27.376426%, -13.307985%);
    width: 20.230769%;
    z-index: 1
}

.control-mat__label:before {
    background-color: #fff;
    height: 1.25rem;
    width: 1.5625rem
}

.control-mat__label span,
.control-mat__label:before {
    position: relative;
    z-index: 2
}

.categories-home__items:before,
.hero-home__container:after,
.hero-home__container:before,
.locations-home__container:after,
.locations-home__container:before,
.why-us__body:after,
.why-us__body:before,
.why-us__items:after {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.why-us__body {
    background-color: #173ecc;
    border-radius: .625rem;
    color: #fff;
    overflow: hidden
}

.why-us__body .title {
    color: #fff
}

.hero-home {
    padding-top: 3.375rem
}

.hero-home__container {
    position: relative
}

.hero-home__container:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(23.665339%, -36.972112%);
    width: 96.538462%
}

.hero-home__container:after {
    background-color: hsla(21, 69%, 86%, .43);
    filter: blur(15.625rem);
    transform: translate(-43.959391%, 8.324873%);
    width: 75.769231%
}

.hero-home__title:not(:last-child) {
    margin-bottom: 1.75rem
}

.hero-home__body {
    align-items: start;
    display: grid;
    gap: 3rem;
    grid-template-columns: 600fr 640fr
}

.hero-home__body>* {
    min-width: 0
}

.hero-home__image {
    aspect-ratio: 600/426
}

.hero-home__benefits {
    margin-bottom: 2.125rem
}

.benefits-hero {
    background-color: #fff;
    border-radius: .625rem;
    padding: 1.875rem 1.5rem 1.5rem
}

.benefits-hero__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 0;
    margin: 0 -.625rem
}

.benefits-hero__items:not(:last-child) {
    margin-bottom: 1.875rem
}

.benefits-hero__wrapper {
    display: flex;
    flex: 0 0 33.333%;
    padding: 0 .625rem
}

.benefits-hero__item {
    align-items: center;
    background: #fdf9f6;
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-size: .875rem;
    gap: .5rem;
    line-height: 1.4;
    padding: 1rem;
    text-align: center
}

.benefits-hero__item img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 2.875rem
}

.benefits-hero__actions {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr)
}

.customers-hero {
    display: grid;
    gap: 3rem;
    grid-template-columns: 600fr 640fr
}

.customers-hero__title {
    font-size: 2.5rem;
    position: relative;
    text-transform: none;
    z-index: 2
}

.customers-hero__items {
    display: grid;
    gap: 1.25rem;
    grid-column: 1/-1;
    grid-template-columns: repeat(4, 1fr)
}

.customers-hero__item {
    background: hsla(0, 0%, 100%, .9);
    border-radius: .625rem;
    box-shadow: 0 0 6.25rem 1.25rem #fcf6f2;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    padding: .375rem .375rem 1.25rem
}

.customers-hero__image {
    aspect-ratio: 298/199;
    border-radius: .375rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

.customers-hero__bl-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 0 .875rem;
    position: relative;
    z-index: 2
}

.categories-home__title:not(:last-child) {
    margin-bottom: 2.5rem
}

.categories-home__items {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
    position: relative
}

.categories-home__items:before {
    aspect-ratio: 1203/890;
    background: rgba(23, 62, 204, .2);
    filter: blur(8.875rem);
    transform: translate(2.743142%, 9.438202%);
    width: 92.538462%
}

.why-us__body {
    display: flex;
    justify-content: end;
    padding: 3.125rem 2.5rem 4.375rem;
    position: relative
}

.why-us__body>* {
    position: relative;
    z-index: 2
}

.why-us__body:after,
.why-us__body:before {
    z-index: 1
}

.why-us__body:before {
    background-color: #f4bc9e;
    filter: blur(12.625rem);
    transform: translate(-57.982262%, -44.456763%);
    width: 70.769231%
}

.why-us__body:after {
    background: rgba(158, 205, 244, .84);
    filter: blur(12.625rem);
    left: auto;
    right: 0;
    top: 0;
    transform: translate(20.18018%, 44.864865%);
    width: 42.692308%
}

.why-us__title {
    color: #fff;
    font-size: 7.0625rem;
    font-weight: 900;
    line-height: 1.11
}

.why-us__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 0;
    margin: 0 -.625rem;
    position: relative;
    z-index: 3
}

.why-us__items:after {
    background: hsla(0, 0%, 100%, .25);
    filter: blur(6.6875rem);
    left: auto;
    right: 0;
    top: 0;
    transform: translate(25.526642%, -51.920694%);
    width: 88.681319%
}

.why-us__wrapper {
    display: flex;
    flex: 0 0 33.333%;
    padding: 0 .625rem
}

.why-us__item {
    width: 100%
}

.locations-home__container {
    position: relative
}

.locations-home__container:before {
    filter: blur(15.625rem);
    transform: translate(5.082592%, -8.132147%);
    width: 60.538462%
}

.locations-home__container:after {
    background-color: hsla(21, 69%, 86%, .62);
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(2.389078%, -17.406143%);
    width: 45.076923%
}

.locations-home__body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between
}

.locations-home__body,
.locations-home__body>* {
    position: relative;
    z-index: 2
}

.locations-home__label {
    width: 35%;
    font-size: 1.125rem;
    line-height: 1.4
}

.locations-home__map {
    aspect-ratio: 919/611;
    width: 70.692308%;
    z-index: 1
}

.locations-home__content {
    display: flex;
    flex-direction: column;
    gap: 1.375rem
}

.locations-home__title {
    max-width: 37.625rem
}

.locations-home__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.375rem
}

.locations-home__button {
    padding: .3125rem 1.5rem
}

.hero-fp__container:before,
.offer-fp__body:after,
.offer-fp__body:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.offer-fp__body {
    background-color: #173ecc;
    border-radius: .625rem;
    color: #fff;
    overflow: hidden
}

.offer-fp__body .title {
    color: #fff
}

.hero-fp__text,
.item-hero-fp__body {
    font-size: 1.125rem;
    line-height: 1.4
}

.hero-fp__container {
    position: relative
}

.hero-fp__container:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(24.142313%, -8.640407%);
    width: 58.907186%
}

.hero-fp__header {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.hero-fp__header:not(:last-child) {
    margin-bottom: 2.5rem
}

.hero-fp__text {
    max-width: 37.125rem
}

.hero-fp__items {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr)
}

.item-hero-fp {
    background: #fafafa;
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    padding: .625rem .625rem 1.5rem
}

.item-hero-fp__image {
    aspect-ratio: 620/239;
    border-radius: .375rem;
    overflow: hidden
}

.item-hero-fp__body {
    padding: 0 .875rem
}

.item-hero-fp__body h3 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3
}

.item-hero-fp__body h3:not(:last-child) {
    margin-bottom: 1rem
}

.offer-fp__body {
    padding: 3.75rem 2.5rem;
    position: relative
}

.offer-fp__body:after,
.offer-fp__body:before,
.offer-fp__body>* {
    z-index: 2
}

.offer-fp__body:before {
    background-color: hsla(21, 69%, 86%, .61);
    filter: blur(12.625rem);
    width: 42.692308%
}

.offer-fp__body:after {
    background-color: rgba(158, 205, 244, .84);
    filter: blur(12.625rem);
    left: auto;
    right: 0;
    transform: translate(20.18018%, 67.747748%);
    width: 45.076923%
}

.offer-fp__title:not(:last-child) {
    margin-bottom: 2.5rem
}

.offer-fp__items {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr))
}

.for-partners__coop .coop-section__title {
    font-size: 3.25rem
}

.error-page__container:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.error-page {
    padding-top: 3rem
}

.error-page__container {
    align-items: start;
    display: grid;
    gap: 1.875rem .75rem;
    grid-template-columns: 790fr 574fr;
    position: relative
}

.error-page__container:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    top: 0;
    transform: translate(71.394422%, -81.035857%);
    width: 93.937126%
}

.error-page__body {
    align-items: start;
    display: flex;
    flex-direction: column
}

.error-page__title:not(:last-child) {
    margin-bottom: 1rem
}

.error-page__text:not(:last-child) {
    margin-bottom: 1.875rem
}

.error-page__button {
    min-width: 15.875rem
}

.error-page__image {
    aspect-ratio: 574/514;
    min-width: 0
}

.contacts__body:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.contacts__body {
    background-color: #173ecc;
    border-radius: .625rem;
    color: #fff;
    overflow: hidden
}

.contacts__body .title {
    color: #fff
}

.contacts {
    padding-top: 3.125rem
}

.contacts__container {
    display: grid;
    gap: 1.375rem;
    grid-template-columns: repeat(2, 1fr)
}

.contacts__main {
    background: #fafafa;
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
    min-width: 0;
    padding: 2.5rem
}

.contacts__label:not(:last-child) {
    margin-bottom: 1.25rem
}

.contacts__info {
    display: flex;
    flex-direction: column;
    gap: .9375rem
}

.contacts__info:not(:last-child) {
    margin-bottom: .9375rem
}

.contacts__address {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

.contacts__body {
    padding: 2.5rem;
    position: relative
}

.contacts__body>* {
    position: relative;
    z-index: 2
}

.contacts__body:before {
    background-color: hsla(21, 80%, 79%, .84);
    bottom: 0;
    filter: blur(12.625rem);
    left: 0;
    top: auto;
    transform: translate(-40.980736%, 58.318739%);
    width: 89.21875%;
    z-index: 1
}

.contacts__b-title:not(:last-child) {
    margin-bottom: .4375rem
}

.contacts__text:not(:last-child) {
    margin-bottom: 1.625rem
}

.contacts__actions {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.about__body:after,
.about__body:before,
.about__container:after,
.about__container:before {
    aspect-ratio: 1/1;
    background-color: rgba(23, 62, 204, .21);
    border-radius: 50%;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.block-about__text {
    font-size: 1.125rem;
    line-height: 1.4
}

.page__about:not(:last-child) {
    margin-bottom: 6.25rem
}

.block-about {
    display: flex;
    padding: 0 1.875rem
}

.block-about__image {
    aspect-ratio: 1/1;
    border-radius: .625rem;
    min-height: 0;
    overflow: hidden
}

.block-about__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    /* justify-content: space-between; */
    padding-left: 2.8125rem
}

.block-about__title {
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none
}

.about {
    padding-top: 3.125rem
}

.about__container {
    position: relative
}

.about__container:before {
    filter: blur(15.625rem);
    transform: translate(-46.314631%, 26.512651%);
    width: 68.038922%
}

.about__container:after {
    background-color: hsla(21, 69%, 86%, .6);
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(43.202033%, 54.76493%);
    width: 58.907186%
}

.about__title {
    text-align: center
}

.about__title:not(:last-child) {
    margin-bottom: 3.75rem
}

.about__body {
    position: relative
}

.about__body:after,
.about__body:before {
    bottom: 0;
    top: auto
}

.about__body:before {
    filter: blur(15.625rem);
    left: auto;
    right: 0;
    transform: translate(11.771177%, -25.082508%);
    width: 68.038922%
}

.about__body:after {
    background-color: hsla(21, 69%, 86%, .6);
    filter: blur(15.625rem);
    left: 0;
    transform: translate(-39.263024%, -9.275731%);
    width: 58.907186%
}

.about__block {
    margin: 0 auto;
    max-width: 67.5625rem
}

.about__block:not(:last-child) {
    margin-bottom: 3.75rem
}

.about__block:nth-child(2n) {
    background: hsla(0, 0%, 98%, .8);
    border-radius: .625rem;
    padding: 1.875rem
}

@media (max-width:81.24875em) {
    .coop-section__body {
        gap: 1.25rem
    }

    .footer__header {
        gap: 1.875rem;
        padding-left: 0
    }

    .footer__menu ul {
        justify-content: start
    }

    .footer__bottom {
        gap: 1.875rem;
        padding-left: 0
    }
}

@media (max-width:74.99875em) {
    .item-category-h__body {
        align-items: stretch;
        flex-direction: column
    }

    .header__logo {
        width: 8.1875rem
    }

    .benefits-hero__wrapper {
        flex: 1 1 50%
    }

    .benefits-hero__actions {
        grid-template-columns: 1fr
    }

    .categories-home__items {
        grid-template-columns: repeat(2, 1fr)
    }

    .contacts__copy {
        font-size: 1.875rem
    }
}

@media (max-width:68.74875em) and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width:68.74875em) {
    .icon-menu {
        align-items: center;
        background: hsla(0, 0%, 98%, .9);
        border-radius: .25rem;
        display: block;
        display: flex;
        height: 3rem;
        justify-content: center;
        position: relative;
        width: 3rem;
        z-index: 3
    }

    .icon-menu span,
    .icon-menu:after,
    .icon-menu:before {
        background-color: #173ecc;
        border-radius: .4375rem;
        content: "";
        height: .125rem;
        left: 50%;
        position: absolute;
        right: 0;
        transform: translateX(-50%);
        transition: all .3s ease 0s;
        width: 1.875rem
    }

    .icon-menu:before {
        top: .8125rem
    }

    .icon-menu:after {
        bottom: .8125rem
    }

    .icon-menu span {
        top: calc(50% - .03125rem)
    }

    [data-fls-menu-open] .icon-menu span {
        width: 0
    }

    [data-fls-menu-open] .icon-menu:before {
        top: calc(50% - .0625rem);
        transform: translateX(-50%) rotate(-45deg)
    }

    [data-fls-menu-open] .icon-menu:after {
        bottom: calc(50% - .0625rem);
        transform: translateX(-50%) rotate(45deg)
    }

    .coop-section__body {
        grid-template-columns: 1fr
    }

    :root {
        --header-height: 7.461875rem
    }

    .menu,
    .menu ul {
        flex-direction: column
    }

    .menu ul {
        align-items: start;
        border-top: none;
        flex-grow: 1;
        gap: .875rem;
        min-height: 17.6875rem;
        padding-top: 0
    }

    .menu__button {
        min-width: 0;
        width: 100%
    }

    .header {
        padding: 1rem 0
    }

    .header:before {
        background-color: #fff;
        content: "";
        height: var(--header-height);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .header__container {
        display: grid;
        gap: .875rem;
        grid-template-columns: 1fr max-content
    }

    .header__body {
        grid-column: 1/-1;
        grid-row: 1
    }

    .header__logo {
        grid-column: 1;
        grid-row: 2;
        position: relative;
        z-index: 3
    }

    .header__contacts {
        border-bottom: .0625rem solid #e5eaea;
        padding-bottom: .625rem;
        position: relative;
        z-index: 3
    }

    .header__menu {
        background-color: #fff;
        border-radius: .25rem;
        left: 0;
        max-height: 100%;
        min-height: 0;
        overflow: auto;
        padding: 9.25rem 1.125rem .875rem;
        position: fixed;
        top: 0;
        transform: translateY(-100%);
        transition: transform .3s;
        width: 100%
    }

    [data-fls-menu-open] .header__menu {
        transform: none
    }

    .header__menu-btn {
        grid-column: 2;
        grid-row: 2
    }

    .block-types {
        grid-template-columns: 1fr
    }

    .customers-hero__items {
        grid-template-columns: repeat(3, 1fr)
    }

    .why-us__body {
        flex-direction: column;
        gap: 1.25rem
    }

    .why-us__title {
        font-size: 5rem
    }
}

@media (max-width:61.99875em) {

    .coop-section__title,
    .title--main {
        font-size: 2.5rem
    }

    .map-block__icon {
        width: 1.25rem
    }

    .footer__body {
        padding: 2.5rem 1.25rem
    }

    .footer__header {
        gap: 1.25rem;
        grid-template-columns: 1fr
    }

    .footer__header:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .footer__button {
        flex-grow: 0
    }

    .footer__contacts:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .coop-popup__title {
        font-size: 2.5rem
    }

    .tabs-mat__title {
        flex-basis: auto
    }

    .hero-home__body {
        align-items: center;
        gap: 1.25rem
    }

    .benefits-hero {
        padding: 1.25rem .875rem .875rem
    }

    .customers-hero {
        gap: 1.25rem;
        grid-template-columns: 1fr
    }

    .locations-home__map {
        width: 100%
    }

    .item-hero-fp__body h3 {
        font-size: 1.875rem
    }

    .contacts__container {
        gap: .75rem;
        grid-template-columns: 1fr
    }

    .block-about__title {
        font-size: 1.5rem
    }
}

@media (max-width:56.24875em) {
    .why-us__wrapper {
        flex-basis: 50%;
        flex-grow: 1
    }
}

@media (max-width:47.99875em) {
    .text {
        font-size: .875rem
    }

    .text h2 {
        font-size: 1.25rem
    }

    .pc {
        display: none !important
    }

    .button {
        font-size: .875rem;
        min-height: 3.125rem
    }

    .title {
        font-size: 1.75rem
    }

    .title--main {
        font-size: 1.5rem
    }

    .input {
        height: 3.125rem;
        padding: .3125rem .875rem
    }

    .coop-section__body:before {
        transform: translate(59.090909%, -42.424242%);
        width: 81.481481%
    }

    .coop-section__body:after {
        transform: translate(9.645233%, -34.368071%);
        width: 278.395062%
    }

    .coop-section__body {
        padding: 2.5rem .875rem
    }

    .coop-section__title {
        font-size: 1.75rem
    }

    .item-category-h__title {
        font-size: 1rem
    }

    .expand-banner__body:before {
        transform: translate(-50%, 38.622754%);
        width: 103.08642%
    }

    .expand-banner__body:after {
        transform: translate(74.110032%, -50.161812%);
        width: 95.37037%
    }

    .expand-banner__body {
        padding: 2.5rem .875rem
    }

    .expand-banner__title {
        font-size: 1.75rem;
        text-align: left
    }

    .expand-banner__text {
        text-align: left
    }

    .item-why-us__body {
        font-size: .75rem
    }

    .how-to-fp__container:before {
        transform: translate(41.541756%, -8.351178%);
        width: 129.722222%
    }

    .how-to-fp__header:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .how-to-fp__text {
        font-size: .875rem
    }

    .how-to-fp__item:before {
        margin-bottom: 1.875rem
    }

    .how-to-fp__bl-text {
        font-size: .75rem
    }

    .how-to-fp__bl-text h3 {
        font-size: .875rem
    }

    .how-to-fp__bl-text h3:not(:last-child) {
        margin-bottom: .25rem
    }

    .contact-btn__copy span {
        bottom: calc(100% - .125rem);
        font-size: .625rem;
        padding: .3125rem
    }

    .map-block__icon {
        width: .9375rem
    }

    .for-partners>:not(:last-child),
    .home>:not(:last-child),
    .materials>:not(:last-child),
    .page,
    .page>:not(:last-child) {
        margin-bottom: 3.75rem
    }

    .footer {
        padding-bottom: .75rem
    }

    .footer__body {
        padding: 2.5rem .625rem
    }

    .footer__body:before {
        left: 0;
        top: 0;
        transform: translate(-43.956044%, -18.864469%);
        width: 168.518519%
    }

    .footer__bottom {
        grid-template-columns: 1fr
    }

    .page__types:not(:last-child) {
        margin-bottom: 5rem
    }

    .types {
        padding-top: .875rem
    }

    .types__container:before {
        transform: translate(25.576037%, 196.082949%);
        width: 95.37037%
    }

    .types__container:after {
        transform: translate(74.110032%, 21.428571%);
        width: 95.37037%
    }

    .types__title:not(:last-child) {
        margin-bottom: 2.5rem
    }

    .types__wrapper:before {
        display: none;
        transform: translate(28.571429%, -60.829493%);
        width: 82.949309%
    }

    .types__block:not(:last-child) {
        margin-bottom: 3.75rem
    }

    .block-types__content {
        gap: .875rem
    }

    .block-types__button {
        min-width: 9.75rem;
        padding-left: .75rem;
        padding-right: .75rem
    }

    .block-types__item .item-category-h__title {
        font-size: 1rem
    }

    .info-page {
        padding-top: .875rem
    }

    .info-page__container:before {
        transform: translate(98.545455%, 32.363636%);
        width: 76.388889%
    }

    .info-page__header:not(:last-child) {
        margin-bottom: 2.5rem
    }

    .info-page__title:not(:last-child) {
        margin-bottom: .875rem
    }

    .partners__container:before {
        transform: translate(-50%, 3.475513%);
        width: 175.833333%
    }

    .partners__title {
        font-size: 1.875rem;
        text-align: left
    }

    .partners__map:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .partners__items:not(:last-child) {
        margin-bottom: 3.875rem
    }

    .item-partner {
        padding: .75rem
    }

    .item-partner__image {
        max-width: 9.25rem
    }

    [data-fls-popup-body] {
        padding: 1.25rem .875rem
    }

    [data-fls-popup-body]:before {
        transform: translate(73.946785%, 70.177384%);
        width: 278.395062%
    }

    .coop-popup__title {
        font-size: 1.625rem
    }

    .coop-popup__close {
        width: 2.25rem
    }

    .coop-popup__close:before {
        width: 1rem
    }

    .coop-popup__text:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .materials {
        padding-top: .25rem
    }

    .materials__benefits .how-to-fp__bl-text h3 {
        font-size: .75rem
    }

    .materials__benefits .how-to-fp__items {
        gap: .75rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .materials__benefits .how-to-fp__item:before {
        margin-bottom: 1.875rem
    }

    .hero-materials__body {
        align-items: start;
        padding: 2.5rem .875rem 0
    }

    .hero-materials__body:before {
        transform: translate(-83.9819%, -10.588235%) rotate(-60deg);
        width: 341.049383%
    }

    .hero-materials__body:after {
        left: 0;
        right: auto;
        top: 0;
        transform: translate(1.298701%, -22.857143%);
        width: 237.654321%
    }

    .hero-materials__title:not(:last-child) {
        margin-bottom: .875rem
    }

    .hero-materials__text {
        text-align: left
    }

    .hero-materials__text:not(:last-child) {
        margin-bottom: 1.9375rem
    }

    .types-materials__title:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .types-materials__body {
        padding: .875rem
    }

    .types-materials__body:before {
        left: 50%;
        transform: translateX(-50%);
        width: 365.123457%
    }

    .tabs-mat__wrapper:not(:last-child) {
        margin-bottom: 1.8125rem
    }

    .tabs-mat__title {
        font-size: .875rem;
        gap: .625rem;
        padding: .875rem
    }

    .tabs-mat__title img {
        width: 1.875rem
    }

    .block-tabs-m {
        gap: 1.25rem;
        grid-template-columns: 1fr;
        padding: .75rem
    }

    .block-tabs-m__text h3 {
        font-size: 1.25rem;
        margin-bottom: .375rem
    }

    .block-tabs-m__text h4 {
        font-size: 1rem
    }

    .block-tabs-m__text ul li {
        font-size: .875rem
    }

    .control-mat__container:before {
        display: none
    }

    .control-mat__header:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .control-mat__text {
        font-size: .875rem
    }

    .control-mat__items {
        gap: .75rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .control-mat__items:not(:last-child) {
        margin-bottom: .75rem
    }

    .control-mat__label:after {
        left: 0;
        top: 0;
        transform: translateX(-37.113402%);
        width: 59.876543%
    }

    .hero-home {
        padding-top: 1rem
    }

    .hero-home__container:before {
        background-color: #173ecc;
        transform: translate(81.458333%, 8.125%);
        width: 148.148148%
    }

    .hero-home__container:after {
        display: none
    }

    .hero-home__title:not(:last-child) {
        margin-bottom: .8125rem
    }

    .hero-home__body {
        gap: 0;
        grid-template-columns: 1fr
    }

    .hero-home__body:not(:last-child) {
        margin-bottom: 2.125rem
    }

    .hero-home__image {
        margin-left: 1rem;
        width: 83.950617%
    }

    .hero-home__benefits {
        margin-bottom: 0;
        margin-top: -1.6875rem
    }

    .benefits-hero__items {
        gap: .25rem 0;
        margin: 0 -.125rem
    }

    .benefits-hero__items:not(:last-child) {
        margin-bottom: .625rem
    }

    .benefits-hero__wrapper {
        padding: 0 .25rem
    }

    .benefits-hero__item {
        flex-direction: row;
        font-size: .75rem;
        padding: .5rem .625rem
    }

    .benefits-hero__item span {
        max-width: 10.5625rem;
        text-align: left
    }

    .benefits-hero__item img {
        width: 1.5rem
    }

    .benefits-hero__actions {
        gap: .375rem
    }

    .customers-hero {
        gap: .875rem
    }

    .customers-hero__title {
        font-size: 1.5rem
    }

    .customers-hero__items {
        gap: .75rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .customers-hero__item {
        gap: .625rem
    }

    .categories-home__title:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .categories-home__items {
        gap: .75rem
    }

    .categories-home__item {
        grid-column: 1/-1
    }

    .categories-home__item:nth-child(2),
    .categories-home__item:nth-child(3) {
        grid-column: auto
    }

    .why-us__body {
        padding: 2.5rem .875rem
    }

    .why-us__body:before {
        transform: translate(-49.364407%, -59.322034%);
        width: 145.679012%
    }

    .why-us__body:after {
        display: none
    }

    .why-us__title {
        font-size: 2.125rem
    }

    .why-us__items:after {
        display: none
    }

    .locations-home__container:before {
        transform: translate(-38.548753%, -10.657596%);
        width: 136.111111%
    }

    .locations-home__container:after {
        transform: translate(57.560976%, -22.195122%);
        width: 126.54321%
    }

    .locations-home__label {
        width: unset;
        font-size: .875rem
    }

    .locations-home__label:not(:last-child) {
        margin-bottom: .875rem
    }

    .locations-home__map:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .hero-fp__container:before {
        transform: translate(47.242921% %, -43.368107%);
        width: 186.388889%
    }

    .hero-fp__items {
        gap: .75rem;
        grid-template-columns: 1fr
    }

    .item-hero-fp {
        gap: .875rem;
        padding: .375rem
    }

    .item-hero-fp__body {
        padding: 0 .375rem
    }

    .offer-fp__body:before {
        transform: translate(-49.364407%, -59.110169%);
        width: 145.679012%
    }

    .offer-fp__body:after {
        transform: translate(66.846847%, 27.567568%);
        width: 171.296296%
    }

    .offer-fp__body {
        padding: 2.5rem .875rem
    }

    .offer-fp__title:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .for-partners__coop .coop-section__title {
        font-size: 1.75rem
    }

    .error-page {
        padding-top: 1.5rem
    }

    .error-page__container:before {
        background-color: #173ecc;
        transform: translate(98.545455%, 32.363636%);
        width: 76.388889%
    }

    .contacts {
        padding-top: .25rem
    }

    .contacts__main {
        padding: .875rem
    }

    .contacts__info {
        gap: .5rem
    }

    .contacts__info:not(:last-child) {
        margin-bottom: .5rem
    }

    .contacts__address {
        font-size: 1rem
    }

    .contacts__body:before {
        transform: translate(-46.703297%, 58.791209%);
        width: 112.345679%
    }

    .contacts__body {
        padding: 2.5rem .875rem
    }

    .contacts__text:not(:last-child) {
        margin-bottom: .625rem
    }

    .page__about:not(:last-child) {
        margin-bottom: 3.75rem
    }

    .block-about__content {
        padding-left: 1.25rem
    }

    .about {
        padding-top: .875rem
    }

    .about__container:before {
        transform: translate(-48.678414%, 104.405286%);
        width: 126.111111%
    }

    .about__container:after {
        transform: translate(53.72807%, 266.008772%);
        width: 126.666667%
    }

    .about__title {
        text-align: left
    }

    .about__title:not(:last-child) {
        margin-bottom: 2.5rem
    }

    .about__body:before {
        transform: translate(53.289474%, 389.473684%);
        width: 128.888889%
    }

    .about__body:after {
        transform: translate(-58.184765%, 5.510535%);
        width: 171.388889%
    }

    .about__block:not(:last-child) {
        margin-bottom: 2.5rem
    }
}

@media (max-width:37.49875em) {
    .coop-section__fields {
        gap: .625rem;
        grid-template-columns: 1fr
    }

    .item-why-us {
        gap: 1.875rem;
        justify-content: start;
        padding: .75rem
    }

    .item-why-us__icon {
        width: 2.5rem
    }

    .item-why-us__body h3 {
        font-size: .875rem
    }

    .item-why-us__body h3:not(:last-child) {
        margin-bottom: .25rem
    }

    .contact-btn {
        font-size: 1.375rem
    }

    .footer__menu ul {
        display: grid;
        gap: .875rem .75rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .footer__actions {
        flex-direction: column
    }

    .error-page__container {
        grid-template-columns: 1fr
    }

    .error-page__body {
        grid-row: 2
    }

    .error-page__button {
        min-width: 0;
        width: 100%
    }

    .error-page__image {
        grid-row: 1
    }

    .block-about {
        flex-direction: column;
        gap: 1.5rem;
        padding: 0
    }

    .block-about__content {
        padding: 0
    }

    .about__block:nth-child(2n) {
        padding: .75rem
    }
}

@media (max-width:31.24875em) {

    .coop-section__text,
    .expand-banner__text {
        font-size: .875rem
    }

    .item-category-h {
        padding: .75rem
    }

    .item-category-h__button {
        font-size: .75rem;
        min-height: 2.9375rem
    }

    .expand-banner__actions {
        grid-template-columns: 1fr
    }

    .item-why-us__body h3 {
        font-size: .75rem
    }

    .how-to-fp__items {
        grid-template-columns: 1fr
    }

    .how-to-fp__item {
        padding: .75rem
    }

    .map-block__icon {
        width: .625rem
    }

    .block-types__text {
        font-size: .875rem
    }

    .block-types__body {
        gap: .75rem
    }

    .info-page__subtitle,
    .item-partner__title {
        font-size: .875rem
    }

    .item-partner__location {
        font-size: .75rem
    }

    .item-partner__location:before {
        width: .75rem
    }

    .coop-popup__text,
    .hero-materials__text {
        font-size: .875rem
    }

    .control-mat__label {
        align-items: start;
        flex-direction: column;
        font-size: .875rem;
        gap: .875rem;
        min-height: 0
    }

    .customers-hero__title {
        font-size: 1.125rem
    }

    .customers-hero__bl-title {
        font-size: .75rem;
        padding: 0 .375rem
    }

    .why-us__items {
        margin: 0 -.375rem
    }

    .why-us__wrapper {
        padding: 0 .375rem
    }

    .locations-home__actions {
        flex-direction: column
    }

    .hero-fp__text,
    .item-hero-fp__body {
        font-size: .875rem
    }

    .item-hero-fp__body h3 {
        font-size: 1.5rem
    }

    .item-hero-fp__body h3:not(:last-child) {
        margin-bottom: .5rem
    }

    .offer-fp__items {
        grid-template-columns: 1fr
    }

    .block-about__text {
        font-size: .875rem
    }
}

@media (min-width:37.49875em) and (max-width:47.99875em) {
    .about__block:nth-child(2n) .block-about__content {
        padding-right: 1.25rem
    }
}

@media (min-width:37.49875em) {
    .block-about__image {
        align-self: flex-start;
        flex: 0 0 41.7238%
    }

    .about__block:nth-child(2n) {
        flex-direction: row-reverse
    }

    .about__block:nth-child(2n) .block-about__content {
        padding-left: 0;
        padding-right: 2.8125rem
    }
}

@media (min-width:47.99875em) {
    .mobile {
        display: none !important
    }

    .control-mat__item {
        min-height: 16.9375rem
    }

    .locations-home__body {
        min-height: 36.5rem
    }

    .locations-home__map {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width:61.99875em) and (max-width:81.24875em) {
    .partners__coop .coop-section__title {
        font-size: 3.125rem
    }
}

@media (min-width:61.99875em) and (max-width:74.99875em) {
    .contacts__b-title {
        font-size: 2.5rem
    }
}

@media (min-width:61.99875em) {
    .hero-home__benefits {
        margin-top: 3.0625rem
    }

    .customers-hero:before {
        content: ""
    }

    .why-us__item {
        min-height: 16.9375rem
    }

    .contacts__b-title,
    .contacts__title {
        font-size: 3.75rem
    }
}

@media (min-width:68.74875em) {
    .block-types__item {
        min-height: 21.6875rem
    }

    .why-us__title {
        bottom: 2.5rem;
        left: 2.5rem;
        max-width: 40.25rem;
        position: absolute
    }

    .why-us__items {
        justify-content: end;
        max-width: 56.875rem
    }
}

@media (min-width:74.99875em) {
    .hero-home__customers {
        margin-top: -2.75rem
    }

    .categories-home__items {
        grid-template-rows: 1fr 6.25rem
    }

    .categories-home__item:first-child {
        grid-column: 1/3;
        grid-row: 1/3
    }

    .categories-home__item:first-child .item-category-h__image {
        /* max-width: 30rem; */
        width: 100%;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .categories-home__item:first-child .item-category-h__image img {
        aspect-ratio: 419/347;
        max-width: 30rem;
    }

    .categories-home__item:nth-child(2) {
        grid-column: 3;
        grid-row: 1
    }

    .categories-home__item:nth-child(3) {
        grid-column: 4;
        grid-row: 1
    }

    .categories-home__item:nth-child(4) {
        /* grid-column: 3/5; */
        grid-column: 4 / 3;
        grid-row: 2/4
    }

    .categories-home__item:nth-child(4) .item-category-h__image {
        max-width: 18.6875rem;
        width: 100%
    }

    .categories-home__item:nth-child(4) .item-category-h__image img {
        aspect-ratio: 299/310
    }

    .categories-home__item:nth-child(5) {
        grid-column: 2;
        grid-row: 3
    }

    .categories-home__item:nth-child(6) {
        grid-column: 4 / 4;
        grid-row: 2 / 4;
    }
}

@media (any-hover:hover) {
    .text a:hover {
        text-decoration-color: transparent
    }

    .button:hover {
        background-color: rgba(23, 62, 204, .6)
    }

    .button--gr-border:hover {
        background-color: #e5eaea
    }

    .button--border:hover {
        background-color: #173ecc;
        color: #fff
    }

    .button--border:hover:before {
        background-color: #fff
    }

    .button--white:hover {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .button--border.button--white:hover {
        background-color: hsla(0, 0%, 100%, .8);
        border-color: transparent;
        color: #173ecc
    }

    .button--border.button--white:hover:before {
        background-color: #173ecc
    }

    .button--wheat:hover {
        background-color: hsla(21, 69%, 86%, .9);
        color: #173ecc
    }

    .button--wheat:hover:before {
        background-color: #173ecc
    }

    .contact-btn:hover .contact-btn__copy:before {
        opacity: .6
    }

    .map-block__item:has(.map-block__modal) {
        z-index: 10
    }

    .map-block__item:has(.map-block__modal):hover .map-block__icon svg {
        --dn-color: #f4d4c3
    }

    .map-block__item:has(.map-block__modal):hover .map-block__modal {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }

    .contacts-header__item:hover,
    .footer__info a:hover,
    .footer__menu ul li a:hover,
    .menu ul li a:hover {
        opacity: .6
    }

    .coop-popup__close:hover {
        background-color: #fff
    }

    .tabs-mat__title:hover {
        background-color: hsla(0, 0%, 100%, .02)
    }
}