@font-face {
    font-family: Museo Sans Cyrl;
    src: url(../fonts/MuseoSansCyrl-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Museo Sans Cyrl;
    src: url(../fonts/MuseoSansCyrl-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --primary: #c5594d;
    --primary-light: #c5594d80;
    --primary-lighter: rgba(197, 89, 77, .69);
    --primary-darker: #bb4a3d;
    --secondary: #585359;
    --background: #fff;
    --text-color: #000;
    --gray: #5f5f5f;
    --font-primary: "Comfortaa", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
    --font-museo: "Museo Sans Cyrl", sans-serif;
    --transition-ease: .3s ease;
    --transition-bezier: .3s cubic-bezier(.645, .045, .355, 1);
    --content-width: 111.25rem;
    --content-padding: 2.5rem
}

@media screen and (max-width: 79.9375rem) {
    :root {
        --content-padding: 1.25rem
    }
}

@media screen and (max-width: 40rem) {
    :root {
        --content-padding: 1rem
    }
}

.container {
    margin: 0 auto;
    padding-left: var(--content-padding);
    padding-right: var(--content-padding);
    width: 100%;
    max-width: calc(var(--content-width) + var(--content-padding) * 2)
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
    scroll-padding-top: 120px
}

body {
    color: var(--text-color, #111);
    font-family: var(--font-primary, sans-serif);
    line-height: inherit;
    text-wrap: balance;
    background: var(--background, #fff)
}

body.is-lock {
    overflow: hidden
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

b,
strong {
    font-weight: 700
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    outline: none;
    border: none;
    background: transparent
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

menu,
ol,
ul {
    list-style: none
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block
}

img,
video {
    max-width: 100%;
    height: auto
}

hr {
    border: none;
    outline: none
}

[hidden],
.hidden {
    display: none
}

.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.bg-img__fixed {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--position, center);
    object-position: var(--position, center)
}

.text-primary {
    color: var(--primary)
}

.text-gray {
    color: var(--gray, #555)
}

.font-comfortaa {
    font-family: var(--font-primary, "Comfortaa"), sans-serif
}

.font-montserrat {
    font-family: var(--font-montserrat, "Montserrat"), sans-serif
}

.font-museo {
    font-family: var(--font-museo, "Museo Sans Cyrl"), sans-serif
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.uppercase {
    text-transform: uppercase
}

.group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.group-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.group-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#app {
    width: 100%;
    overflow: hidden
}

main {
    padding-top: 10.625rem;
    width: 100%
}

@media screen and (max-width: 90rem) {
    main {
        padding-top: 7.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    main {
        padding-top: 0
    }
}

section {
    padding: 3.125rem 0
}

section:first-child {
    padding-top: 0
}

section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.125rem
}

@media screen and (max-width: 64rem) {
    section .container {
        gap: 2.1875rem
    }
}

@media screen and (max-width: 40rem) {
    section .container {
        gap: 1.5625rem
    }
}

@media screen and (max-width: 40rem) {
    section {
        padding: 1.5625rem 0
    }

    section .container {
        gap: 1.5625rem
    }
}

.text-h1 {
    font-size: 2.9375rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.35
}

@media screen and (max-width: 64rem) {
    .text-h1 {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 40rem) {
    .text-h1 {
        font-size: 2rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .text-h1 {
        font-size: 1.5rem
    }
}

.text-h1 strong {
    color: var(--primary);
    font-weight: inherit
}

.text-h2 {
    font-size: 2.5rem;
    text-transform: uppercase
}

@media screen and (max-width: 105rem) {
    .text-h2 {
        font-size: 2rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .text-h2 {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 40rem) {
    .text-h2 {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .text-h2 {
        font-size: 1.125rem
    }
}

.text-h2 strong {
    color: var(--primary);
    font-weight: inherit
}

.text-h3 {
    font-size: 1.375rem
}

@media screen and (max-width: 64rem) {
    .text-h3 {
        font-size: 1rem
    }
}

.text-h4 {
    color: var(--primary);
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width: 40rem) {
    .text-h4 {
        font-size: 1.125rem
    }
}

.text-p {
    font-size: 1.125rem;
    font-family: var(--font-museo)
}

@media screen and (max-width: 64rem) {
    .text-p {
        font-size: .875rem
    }
}

.accordion {
    width: 100%
}

.accordion:not(:first-child) {
    border-top: .0625rem solid var(--text-color)
}

.accordion:last-child {
    border-bottom: .0625rem solid var(--text-color)
}

.accordion__header {
    position: relative;
    padding: 1.125rem 0;
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem
}

@media screen and (max-width: 40rem) {
    .accordion__header {
        padding: .9375rem 0
    }
}

@media screen and (max-width: 29.6875rem) {
    .accordion__header {
        padding: .75rem 0
    }
}

.accordion__header-title {
    color: inherit;
    font-size: 1.875rem;
    font-weight: 300
}

@media screen and (max-width: 105rem) {
    .accordion__header-title {
        font-size: 1.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .accordion__header-title {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 40rem) {
    .accordion__header-title {
        font-size: 1.125rem
    }
}

.accordion__header-icon {
    color: inherit;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    --icon-size: 2.5rem
}

@media screen and (max-width: 40rem) {
    .accordion__header-icon {
        --icon-size: 2rem
    }
}

.accordion__header[data-state=opened] {
    border-bottom: .0625rem solid var(--text-color)
}

.accordion__header[data-state=opened] .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion__body {
    max-height: 0;
    -webkit-transition: max-height var(--transition-bezier);
    transition: max-height var(--transition-bezier);
    overflow: hidden
}

.accordion__content {
    padding: 1.75rem 0 2.375rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.25rem
}

@media screen and (max-width: 40rem) {
    .accordion__content {
        padding: 1.25rem 0 1.875rem
    }
}

.accordion__content ul {
    padding-left: 24px;
    list-style-type: disc
}

.accordion__content p {
    max-width: 70.9375rem
}

.icon {
    min-width: var(--icon-size, 1.5rem);
    width: var(--icon-size, 1.5rem);
    height: var(--icon-size, 1.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon img,
.icon svg {
    width: 100%;
    height: 100%
}

.icon img {
    -o-object-fit: contain;
    object-fit: contain
}

.btn {
    color: initial;
    font-weight: 500;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.btn-primary {
    position: relative;
    padding: 0 .9375rem;
    width: 16.5625rem;
    height: 3.75rem;
    border: .1875rem solid var(--primary);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .3125rem;
    overflow: hidden
}

@media screen and (max-width: 64rem) {
    .btn-primary {
        border-width: .125rem
    }
}

.btn-primary:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - .875rem);
    height: calc(100% - .875rem);
    border: .0625rem solid var(--primary);
    pointer-events: none
}

.btn-primary hr {
    width: .0625rem;
    height: 1.75rem;
    background: var(--text-color);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.btn-primary span {
    font-size: 1.375rem;
    text-transform: uppercase;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

@media screen and (max-width: 79.9375rem) {
    .btn-primary span {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 64rem) {
    .btn-primary span {
        font-size: 1.125rem
    }
}

.btn-primary span.font-montserrat {
    color: var(--primary)
}

.btn-primary:hover {
    background: var(--primary)
}

.btn-primary:hover hr {
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.btn-primary:hover span:first-child {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.btn-primary:hover span:last-child {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.btn-secondary {
    position: relative;
    gap: .875rem
}

.btn-secondary span {
    position: relative;
    font-size: 1.25rem;
    font-family: var(--font-museo)
}

@media screen and (max-width: 79.9375rem) {
    .btn-secondary span {
        font-size: 1rem
    }
}

.btn-secondary span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 22%;
    background: var(--primary-light);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.btn-secondary:after {
    content: "";
    height: .375rem;
    width: 5rem;
    display: block;
    background: url('data:image/svg+xml,<svg width="79" height="8" viewBox="0 0 79 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M78.8536 4.35355C79.0488 4.15829 79.0488 3.84171 78.8536 3.64645L75.6716 0.464466C75.4763 0.269204 75.1597 0.269204 74.9645 0.464466C74.7692 0.659728 74.7692 0.976311 74.9645 1.17157L77.7929 4L74.9645 6.82843C74.7692 7.02369 74.7692 7.34027 74.9645 7.53553C75.1597 7.7308 75.4763 7.7308 75.6716 7.53553L78.8536 4.35355ZM0 4.5H78.5V3.5H0V4.5Z" fill="black" /></svg>') center/cover no-repeat;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

@media screen and (max-width: 79.9375rem) {
    .btn-secondary:after {
        width: 3.125rem;
        height: .3125rem
    }
}

.btn-secondary:hover span:after {
    height: .125rem
}

.btn-secondary:hover:after {
    -webkit-transform: translateX(.3125rem);
    -ms-transform: translateX(.3125rem);
    transform: translate(.3125rem);
    background-image: url('data:image/svg+xml,<svg width="79" height="8" viewBox="0 0 79 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M78.8536 4.35355C79.0488 4.15829 79.0488 3.84171 78.8536 3.64645L75.6716 0.464466C75.4763 0.269204 75.1597 0.269204 74.9645 0.464466C74.7692 0.659728 74.7692 0.976311 74.9645 1.17157L77.7929 4L74.9645 6.82843C74.7692 7.02369 74.7692 7.34027 74.9645 7.53553C75.1597 7.7308 75.4763 7.7308 75.6716 7.53553L78.8536 4.35355ZM0 4.5H78.5V3.5H0V4.5Z" fill="%23CC4444" /></svg>')
}

.btn-outline {
    height: 3.5rem;
    width: 13.75rem;
    color: var(--primary);
    border: .0625rem solid var(--primary);
    border-radius: 9999px
}

.btn-outline:hover {
    color: #fff;
    background: var(--primary)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    padding: 1.75rem 0;
    width: 100%;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    z-index: 10
}

@media screen and (max-width: 61.25rem) {
    .header {
        position: static;
        padding: 1.375rem 0
    }
}

.header.sticky {
    padding: 1.25rem 0;
    background: #fff
}

.header.sticky .header__top-logo {
    -webkit-transform: translate(0, -50%) scale(.575);
    -ms-transform: translate(0, -50%) scale(.575);
    transform: translateY(-50%) scale(.575)
}

.header.sticky .header__top-logo:before {
    opacity: 0
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 7.125rem
}
.gtranslate_wrapper {
    display: flex;
    gap: 15px;
}
a.glink.gt-current-lang {
    font-weight: bold;
    color: var(--primary);
}
@media screen and (max-width: 105rem) {
    .header .container {
        gap: 1.5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .header .container {
        gap: 1rem
    }
}

.header__top-logo {
    position: absolute;
    top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    margin-left: 4.6875rem;
    width: 17.5rem;
    display: block;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

@media screen and (max-width: 105rem) {
    .header__top-logo {
        width: 15rem
    }
}

@media screen and (max-width: 90rem) {
 .header__top-logo {
    width: 9rem;
    padding-top: 35px;
    margin-left: 12px;
}
	.header__top-logo:before{
		left:32px;
	}
}

@media screen and (max-width: 79.9375rem) {
    .header__top-logo {
    width: 10rem;
    left: 0;
}
	.header .container{
	justify-content:flex-end;
		}
}

.header__top-logo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-4.6875rem, 15%);
    -ms-transform: translate(-4.6875rem, 15%);
    transform: translate(-4.6875rem, 15%);
    width: .75rem;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="12" height="153" viewBox="0 0 12 153" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23C5594D" /><circle cx="6" cy="53" r="6" fill="%23C5594D" /><circle cx="6" cy="100" r="6" fill="%23C5594D" /><circle cx="6" cy="147" r="6" fill="%23C5594D" /></svg>') center/contain no-repeat;
    pointer-events: none
}

@media screen and (max-width: 90rem) {
    .header__top-logo:before {
        display: none
    }
}

@media screen and (max-width: 61.25rem) {
    .header__top-logo {
        display: none
    }
}

.header .menu {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .header .menu {
        gap: .625rem;
		display:none;
    }
}

@media screen and (max-width: 61.25rem) {
    .header .menu {
        display: none
    }
}

.header .menu-item {
    font-family: var(--font-museo);
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .header .menu-item {
        font-size: .875rem
    }
}

.header .menu-item:first-child {
    position: relative
}

.header .menu-item:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--primary-light);
    border-radius: 50%
}

.header .menu-item:hover {
    color: var(--primary)
}

.header__logo {
    height: 3rem;
    display: block
}

@media screen and (max-width: 64rem) {
    .header__logo {
        height: 2.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .header__logo {
        margin: 0 auto
    }
}

.header__logo img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile__menu {
    position: fixed;
    bottom: .9375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    display: none;
    z-index: 10
}

@media screen and (max-width: 79.9375rem) {
    .mobile__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 29.6875rem) {
    .mobile__menu {
        width: 100%;
        max-width: calc(100% - 1.875rem)
    }
}

@media screen and (max-width: 350px) {
    .mobile__menu {
        max-width: calc(100% - .625rem)
    }
}

.mobile__menu-tabs {
    padding: .375rem 1.125rem .375rem .375rem;
    width: 100%;
    height: 3rem;
    font-family: var(--font-secondary);
    background: #fff;
    border-radius: .9375rem;
    -webkit-box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 .625rem #00000040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .625rem
}

.mobile__menu-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile__menu-tab:first-child {
    width: 6.25rem;
    height: 100%;
    color: #fff;
    background: var(--primary);
    border-radius: .625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .375rem
}

.mobile__menu-tab:first-child svg {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--text-color)
}

.mobile__menu-tab:first-child span {
    margin-top: -1px;
    font-size: .875rem
}

.mobile__menu-tab svg>*,
.mobile__menu-tab span {
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.mobile__menu-tab svg {
    color: var(--secondary);
    width: .9375rem;
    height: .9375rem
}

.mobile__menu-tab span {
    margin-top: .125rem;
    font-size: .8125rem;
    font-family: var(--font-museo);
    text-align: center
}

.mobile__menu-tab .group {
    position: absolute;
    bottom: calc(100% + .625rem);
    padding: 0 .375rem;
    max-height: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px #00000040;
    background: #fff;
    border-radius: 1.25rem;
    gap: .75rem;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    overflow: hidden;
    --icon-size: 2rem
}

.mobile__menu-tab .group a:first-child {
    margin-top: .375rem
}

.mobile__menu-tab .group a:last-child {
    margin-bottom: .375rem
}

.mobile__menu-tab .group img {
    background: #fff;
    border-radius: 50%
}

.mobile__menu-content {
    position: absolute;
    padding: 1.25rem 1.25rem 2.5rem;
    bottom: 3.75rem;
    min-height: 11.25rem;
    width: 100%;
    font-family: var(--font-museo);
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px #00000040;
    border-radius: .3125rem;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    pointer-events: none
}

.mobile__menu-content.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto
}

.mobile__menu-content .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.25rem
}

.mobile__menu-content .menu-item {
    font-size: 1rem
}

.mobile__menu-content .menu-item:before {
    display: none
}

.mobile__menu-content .group {
    margin: 2.8125rem 0 2.1875rem;
    width: 100%;
    gap: .625rem
}

.mobile__menu-content .group a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .625rem;
    font-size: 1rem;
    text-transform: uppercase
}

.mobile__menu-content .btn:after {
    display: none
}

.mobile__menu-close {
    position: absolute;
    top: .9375rem;
    right: .9375rem;
    z-index: 2
}

.mobile__menu-close svg {
    width: 1.125rem;
    height: 1.125rem
}

.footer {
    padding-top: 3.125rem;
    width: 100%;
    --content-width: 92.5rem
}

@media screen and (max-width: 105rem) {
    .footer {
        --content-width: 73.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .footer {
        --content-width: 50rem
    }
}

@media screen and (max-width: 40rem) {
    .footer {
        padding-top: 1.5625rem
    }
}

.footer__content {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
    font-family: var(--font-museo);
    border-top: .125rem solid var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem
}

@media screen and (max-width: 40rem) {
    .footer__content {
        padding-top: 1.375rem;
        padding-bottom: 6.25rem;
        gap: 1.25rem
    }
}

.footer__logo {
    display: block;
    height: 2.8125rem
}

@media screen and (max-width: 40rem) {
    .footer__logo {
        height: 2.1875rem
    }
}

.footer__logo img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem
}

@media screen and (max-width: 40rem) {
    .footer .menu {
        display: none
    }
}

.footer .menu-item {
    text-transform: uppercase;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

@media screen and (max-width: 79.9375rem) {
    .footer .menu-item {
        font-size: .875rem
    }
}

.footer .menu-item:hover {
    color: var(--primary)
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

@media screen and (max-width: 64rem) {
    .modal-overlay {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 40rem) {
    .modal-overlay {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.modal-overlay.show {
    opacity: 1;
    visibility: visible
}

.modal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translate(-5%, 5%);
    -ms-transform: translate(-5%, 5%);
    transform: translate(-5%, 5%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 64rem) {
    .modal {
        -webkit-transform: translate(0, 5%) scale(.8);
        -ms-transform: translate(0, 5%) scale(.8);
        transform: translateY(5%) scale(.8)
    }
}

@media screen and (max-width: 40rem) {
    .modal {
        width: 100%
    }
}

.modal.show {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0);
    opacity: 1
}

.modal-form {
    position: relative;
    padding: 4.6875rem 6.25rem 6.25rem;
    min-height: 21.875rem;
    width: 100rem;
    color: #fff;
    background: var(--primary)
}

@media screen and (max-width: 105rem) {
    .modal-form {
        padding: 3.75rem;
        max-width: 85vw
    }
}

@media screen and (max-width: 64rem) {
    .modal-form {
        padding: 2.5rem;
        width: 100%;
        max-width: calc(100vw - 2.5rem)
    }
}

@media screen and (max-width: 40rem) {
    .modal-form {
        padding: 1.875rem 1.25rem;
        min-height: 15.625rem;
        max-width: 100%
    }
}

.modal-form:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    transform: translate(25%);
    width: 51.875rem;
    height: 33.125rem;
    max-height: 90%;
    max-width: 150%;
    background: url(../img/mountains-white.svg) center/contain no-repeat;
    pointer-events: none
}

@media screen and (max-width: 40rem) {
    .modal-form:after {
        height: 80%;
        background-position: bottom
    }
}

.modal-form .btn-close {
    position: absolute;
    top: 2.1875rem;
    right: 2.1875rem;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L16.5 16.5" stroke="%23ffffff" /><path d="M16.5 1L1 16.5" stroke="%23ffffff" /></svg>') center/contain no-repeat;
    cursor: pointer
}

@media screen and (max-width: 105rem) {
    .modal-form .btn-close {
        width: 2.1875rem;
        height: 2.1875rem
    }
}

@media screen and (max-width: 64rem) {
    .modal-form .btn-close {
        top: 1.25rem;
        right: 1.25rem;
        width: 1.875rem;
        height: 1.875rem
    }
}

@media screen and (max-width: 40rem) {
    .modal-form .btn-close {
        top: .9375rem;
        right: .9375rem;
        width: 1.5rem;
        height: 1.5rem
    }
}

.modal-form .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.1875rem
}

@media screen and (max-width: 64rem) {
    .modal-form .form {
        gap: 1.5625rem
    }
}

@media screen and (max-width: 40rem) {
    .modal-form .form {
        gap: 1.25rem
    }
}

.modal-form .the-form {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 55rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem 1.25rem
}

@media screen and (max-width: 105rem) {
    .modal-form .the-form {
        max-width: 48.75rem;
        gap: 1.5625rem 1.25rem
    }
}

@media screen and (max-width: 48rem) {
    .modal-form .the-form {
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: .9375rem
    }
}

.modal-form .the-form .text-p {
    color: var(--text-color)
}

.modal-form .the-form .text-p a {
    color: #fff
}

.modal-form .form-field {
    color: var(--text-color);
    background: #fff;
    border: none
}

.modal-form .btn-primary {
    height: 4.375rem;
    --primary: #fff
}

@media screen and (max-width: 64rem) {
    .modal-form .btn-primary {
        height: 3.75rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .modal-form .btn-primary {
        height: 3.125rem
    }
}

.modal-form .btn-primary hr {
    background: #fff
}

.modal-form .btn-primary span {
    color: #fff
}

.modal-form .btn-primary:hover span {
    color: #c5594d !important
}

.horeca-club {
    position: fixed;
    bottom: 0;
    right: 5%;
    z-index: 3;
    padding: 2.5rem 1.5rem 1.5625rem;
    background: var(--primary);
    -webkit-box-shadow: 0 0 72px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 72px #00000040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .9375rem
}

@media screen and (max-width: 64rem) {
    .horeca-club {
        display: none !important
    }
}

.horeca-club button {
    position: absolute;
    top: .625rem;
    right: .625rem
}

.horeca-club span {
    color: #fff;
    text-transform: uppercase
}

.about {
    position: relative;
    margin: 3.125rem 0
}

@media screen and (max-width: 64rem) {
    .about {
        margin: 1.5625rem 0
    }
}

@media screen and (max-width: 40rem) {
    .about {
        margin: 0
    }
}

.about__text {
    width: 100%;
    max-width: 73.75rem;
    gap: 2.8125rem
}

@media screen and (max-width: 105rem) {
    .about__text {
        max-width: 61.25rem
    }
}

@media screen and (max-width: 90rem) {
    .about__text {
        max-width: 48.75rem
    }
}

@media screen and (max-width: 64rem) {
    .about__text {
        max-width: 35rem;
        gap: 1.5625rem
    }
}

@media screen and (max-width: 61.25rem) {
    .about__text {
        max-width: 100%
    }
}

@media screen and (max-width: 29.6875rem) {
    .about__text {
        gap: .9375rem
    }
}

.about .text-h2 {
    position: relative;
    gap: .9375rem
}

@media screen and (max-width: 29.6875rem) {
    .about .text-h2 {
        gap: .625rem
    }
}

.about .text-h2:after {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    right: -2.125rem;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 10rem;
    height: 7.1875rem;
    background: url(../img/russian-product.svg) center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .about .text-h2:after {
        right: 0;
        -webkit-transform: translate(100%, -50%) scale(.8);
        -ms-transform: translate(100%, -50%) scale(.8);
        transform: translate(100%, -50%) scale(.8)
    }
}

@media screen and (max-width: 79.9375rem) {
    .about .text-h2:after {
        -webkit-transform: translate(100%, -50%) scale(.6);
        -ms-transform: translate(100%, -50%) scale(.6);
        transform: translate(100%, -50%) scale(.6)
    }
}

@media screen and (max-width: 29.6875rem) {
    .about .text-h2:after {
        -webkit-transform: translate(75%, -48%) scale(.4);
        -ms-transform: translate(75%, -48%) scale(.4);
        transform: translate(75%, -48%) scale(.4)
    }
}

.about .text-h2 .text-primary {
    line-height: 1
}

.about .text-h2 hr {
    min-width: .0625rem;
    width: .0625rem;
    height: 1.875rem;
    background: var(--gray)
}

@media screen and (max-width: 29.6875rem) {
    .about .text-h2 hr {
        height: 1.5625rem
    }
}

.about__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(12.5rem, -50%);
    -ms-transform: translate(12.5rem, -50%);
    transform: translate(12.5rem, -50%);
    width: 52.1875rem;
    height: 33.4375rem;
    background: url(../img/mountains.svg) center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .about__img {
        width: 37.5rem;
        height: 25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .about__img {
        width: 31.25rem;
        height: 21.875rem;
        -webkit-transform: translate(6.25rem, -50%);
        -ms-transform: translate(6.25rem, -50%);
        transform: translate(6.25rem, -50%)
    }
}

@media screen and (max-width: 61.25rem) {
    .about__img {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: .1
    }
}

.advantages {
    position: relative
}

.advantages__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .advantages__list {
        gap: 2.5rem 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .advantages__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.875rem
    }
}

@media screen and (max-width: 40rem) {
    .advantages__list {
        grid-template-columns: 1fr;
        gap: 1.25rem
    }
}

.advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.25rem
}

.advantages__item:last-child .advantages__item-icon {
    padding-top: .3125rem;
    --icon-size: 90%
}

.advantages__item-icon {
    padding: .9375rem;
    min-width: 8.125rem;
    width: 8.125rem;
    height: 8.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
    --icon-size: 100%
}

@media screen and (max-width: 79.9375rem) {
    .advantages__item-icon {
        padding: .625rem;
        min-width: 4.0625rem;
        width: 4.0625rem;
        height: 4.0625rem
    }
}

.advantages__item-title {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .advantages__item-title {
        font-size: 1rem
    }
}

.application {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.5rem
}

@media screen and (max-width: 40rem) {
    .application {
        gap: 1.25rem
    }
}

.application .container>.text-p {
    -ms-flex-item-align: center;
    align-self: center
}

.application__title {
    position: relative;
    padding: .9375rem 0 .625rem;
    width: 100%;
    color: #fff;
    white-space: nowrap;
    background: var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem
}

@media screen and (max-width: 29.6875rem) {
    .application__title {
        font-size: .875rem;
        gap: .9375rem
    }
}

.application__title>* {
    -webkit-animation: titleCenter 4s ease-in-out infinite;
    animation: titleCenter 4s ease-in-out infinite
}

.application__title:before,
.application__title:after {
    content: attr(data-title, " ");
    opacity: .2;
    -webkit-animation: titleEdges 4s ease-in-out infinite;
    animation: titleEdges 4s ease-in-out infinite
}

.application__form {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625rem 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .application__form {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem .9375rem
    }
}

@media screen and (max-width: 40rem) {
    .application__form {
        grid-template-columns: 1fr;
        gap: .9375rem
    }
}

.application__form .form-field {
    padding: .375rem .5rem;
    width: 100%;
    font-family: var(--font-museo);
    border: .0625rem solid #8b8b8b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .25rem
}

.application__form label {
    font-size: .75rem
}

@media screen and (max-width: 29.6875rem) {
    .application__form label {
        font-size: .625rem
    }
}

.application__form input {
    width: 100%;
    font-size: 1.125rem
}

@media screen and (max-width: 40rem) {
    .application__form input {
        font-size: 1rem
    }
}

.application__form input::-webkit-input-placeholder {
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.application__form input::-moz-placeholder {
    -moz-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.application__form input:-ms-input-placeholder {
    -ms-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.application__form input::-ms-input-placeholder {
    -ms-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.application__form input::placeholder {
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

.application__form input:focus::-webkit-input-placeholder {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
    opacity: 0
}

.application__form input:focus::-moz-placeholder {
    transform: translate(-100%);
    opacity: 0
}

.application__form input:focus:-ms-input-placeholder {
    -ms-transform: translateX(-100%);
    transform: translate(-100%);
    opacity: 0
}

.application__form input:focus::-ms-input-placeholder {
    -ms-transform: translateX(-100%);
    transform: translate(-100%);
    opacity: 0
}

.application__form input:focus::placeholder {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%);
    opacity: 0
}

.application__form button {
    padding-inline: .9375rem;
    width: 100%;
    height: auto
}

.application__form button:before {
    width: calc(100% - .5rem);
    height: calc(100% - .5rem)
}

@media screen and (max-width: 90rem) {
    .application__form button {
        padding-inline: 1rem;
        gap: .9375rem
    }
}

@media screen and (max-width: 61.25rem) {
    .application__form button {
        height: 3.125rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: .75rem
    }
}

.application__form button span {
    color: var(--gray)
}

.application__form button span:not(.font-montserrat) {
    font-size: clamp(1rem, .25rem + .9375vw, 1.375rem)
}

@media screen and (max-width: 105rem) {
    .application__form button span.font-montserrat {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 90rem) {
    .application__form button span {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .application__form button span:not(.font-montserrat) {
        font-size: .875rem;
        white-space: pre-wrap !important
    }
}

.application__form .text-p {
    margin: auto 0
}

@media screen and (max-width: 105rem) {
    .application__form .text-p {
        font-size: 1rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .application__form .text-p {
        font-size: .75rem
    }
}

@-webkit-keyframes titleCenter {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

@keyframes titleCenter {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

@-webkit-keyframes titleEdges {

    0%,
    to {
        opacity: .2
    }

    50% {
        opacity: 1
    }
}

@keyframes titleEdges {

    0%,
    to {
        opacity: .2
    }

    50% {
        opacity: 1
    }
}

.branding {
    position: relative
}

.branding__header {
    position: relative;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .branding__header {
        margin-top: .625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .9375rem
    }
}

.branding__header-title {
    position: relative;
    padding: 1.125rem 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1875rem solid var(--primary);
    gap: 2.375rem
}

@media screen and (max-width: 105rem) {
    .branding__header-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-title {
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .branding__header-title {
        padding: .9375rem .9375rem 1.25rem;
        gap: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .branding__header-title {
        font-size: 1rem !important
    }
}

.branding__header-title .text-h1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width: 90rem) {
    .branding__header-title .text-h1 {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-title .text-h1 {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .branding__header-title .text-h1 {
        position: static
    }
}

@media screen and (max-width: 29.6875rem) {
    .branding__header-title .text-h1 {
        font-size: 1rem;
        gap: .625rem
    }
}

.branding__header-title .text-h1:after {
    content: "";
    display: block;
    width: 16.25rem;
    height: 1.5rem;
    background: url('data:image/svg+xml,<svg width="265" height="13" viewBox="0 0 265 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.14286L3.67308 6.5C10.1754 0.115099 20.5938 0.1151 27.0962 6.5V6.5C33.5985 12.8849 44.0169 12.8849 50.5192 6.5V6.5C57.0216 0.1151 67.44 0.1151 73.9423 6.5V6.5C80.4447 12.8849 90.863 12.8849 97.3654 6.5V6.5C103.868 0.1151 114.286 0.1151 120.788 6.5V6.5C127.291 12.8849 137.709 12.8849 144.212 6.5V6.5C150.714 0.1151 161.132 0.1151 167.635 6.5V6.5C174.137 12.8849 184.555 12.8849 191.058 6.5V6.5C197.56 0.1151 207.978 0.1151 214.481 6.5V6.5C220.983 12.8849 231.401 12.8849 237.904 6.5V6.5C244.406 0.1151 254.825 0.1151 261.327 6.5L263 8.14286" stroke="%23C5594D" stroke-width="3"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-title .text-h1:after {
        width: 12.5rem;
        height: 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .branding__header-title .text-h1:after {
        position: absolute;
        bottom: .5rem;
        right: .9375rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .branding__header-title .text-h1:after {
        width: 6.25rem;
        height: .75rem
    }
}

.branding__header-back {
    padding: .625rem 1.25rem;
    width: 18.75rem;
    font-size: 1.25rem;
    text-align: left;
    border: .1875rem solid var(--primary);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-back {
        padding: .3125rem .9375rem;
        font-size: 1rem;
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .branding__header-back {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .branding__header-back hr {
        margin-left: auto
    }
}

.branding__header-back:hover {
    background: var(--primary);
    color: #fff
}

.branding__header-back:hover .text-primary {
    color: #fff
}

.branding__header-back:hover hr {
    background: #fff
}

.branding__header-back span {
    line-height: 1.8
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-back span {
        line-height: 1.35
    }
}

.branding__header-back hr {
    height: 5.25rem;
    min-width: .125rem;
    width: .125rem;
    background: var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .branding__header-back hr {
        height: 1.875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .branding__header-back hr {
        min-width: .0625rem;
        width: .0625rem
    }
}

.branding__header-back .font-montserrat {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-weight: 500;
    line-height: 1
}

@media screen and (max-width: 61.25rem) {
    .branding__header-back .font-montserrat {
        font-size: .75rem
    }
}

.branding__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem
}

@media screen and (max-width: 48rem) {
    .branding__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.branding__before,
.branding__after {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.1875rem;
    font-weight: 300;
    white-space: nowrap
}

.branding__before .group,
.branding__after .group {
    gap: 2.8125rem
}

.branding__before .group .text-p,
.branding__after .group .text-p {
    display: none
}

@media screen and (max-width: 48rem) {

    .branding__before,
    .branding__after {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        white-space: normal;
        gap: .625rem
    }

    .branding__before .group,
    .branding__after .group {
        gap: 2.1875rem
    }

    .branding__before .group .text-p,
    .branding__after .group .text-p {
        display: block
    }
}

.branding__before:before {
    content: "";
    position: absolute;
    top: 1.875rem;
    left: .625rem;
    width: .125rem;
    height: calc(100% - 1.875rem);
    background: var(--primary);
    display: none
}

@media screen and (max-width: 48rem) {
    .branding__before:before {
        display: block
    }
}

.branding__before:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .375rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: .625rem;
    height: .625rem;
    border-bottom: .125rem solid var(--primary);
    border-left: .125rem solid var(--primary);
    display: none
}

@media screen and (max-width: 48rem) {
    .branding__before:after {
        display: block
    }
}

.branding__before img {
    min-width: 16.5625rem;
    width: 16.5625rem
}

@media screen and (max-width: 90rem) {
    .branding__before img {
        min-width: 13.75rem;
        width: 13.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .branding__before img {
        min-width: 10.3125rem;
        width: 10.3125rem
    }
}

.branding__after img {
    min-width: 17.5rem;
    width: 17.5rem
}

@media screen and (max-width: 90rem) {
    .branding__after img {
        min-width: 14.375rem;
        width: 14.375rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .branding__after img {
        min-width: 10.3125rem;
        width: 10.3125rem
    }
}

.branding__text {
    position: relative;
    padding-top: 6.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .75rem
}

@media screen and (max-width: 48rem) {
    .branding__text {
        display: none
    }
}

.branding__text:before {
    content: "";
    position: absolute;
    top: 1.25rem;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--primary)
}

@media screen and (max-width: 105rem) {
    .branding__text:before {
        top: .9375rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .branding__text:before {
        top: .75rem
    }
}

.branding__text-route {
    clip-path: inset(0 100% 0 0);
    -webkit-animation: revealRoute 3s ease-in-out forwards;
    animation: revealRoute 3s ease-in-out forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes revealRoute {
    0% {
        clip-path: inset(0 100% 0 0)
    }

    to {
        clip-path: inset(0 0% 0 0)
    }
}

@keyframes revealRoute {
    0% {
        clip-path: inset(0 100% 0 0)
    }

    to {
        clip-path: inset(0 0% 0 0)
    }
}

.branding__text-title {
    margin-top: 6.25rem;
    color: var(--primary);
    font-weight: 700;
    font-size: 1.25rem;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .branding__text-title {
        margin-top: 1.25rem;
        font-size: 1.125rem
    }
}

@media screen and (max-width: 64rem) {
    .branding__text-title {
        font-size: 1rem
    }
}

.branding__text-arrow {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: .125rem;
    width: 100%;
    background: var(--primary)
}

.branding__text-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .625rem;
    height: .625rem;
    border-top: .125rem solid var(--primary);
    border-right: .125rem solid var(--primary)
}

.catalog {
    position: relative
}

.catalog:before,
.catalog:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none
}

.catalog:before {
    top: 65%;
    left: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 5.875rem;
    height: 5.875rem;
    background: url('data:image/svg+xml,<svg width="94" height="94" viewBox="0 0 94 94" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="47" cy="47" r="46" stroke="%23C5594D" stroke-width="2"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 61.25rem) {
    .catalog:before {
        display: none
    }
}

.catalog:after {
    top: 70%;
    right: 0;
    -webkit-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%);
    width: 9.5625rem;
    height: .75rem;
    background: url('data:image/svg+xml,<svg width="153" height="12" viewBox="0 0 153 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="147" cy="6" r="6" transform="rotate(90 147 6)" fill="%23C5594D"/><circle cx="100" cy="6" r="6" transform="rotate(90 100 6)" fill="%23C5594D"/><circle cx="53" cy="6" r="6" transform="rotate(90 53 6)" fill="%23C5594D"/><circle cx="6" cy="6" r="6" transform="rotate(90 6 6)" fill="%23C5594D"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 61.25rem) {
    .catalog:after {
        display: none
    }
}

.catalog .wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 2.8125rem 2.375rem
}

@media screen and (max-width: 61.25rem) {
    .catalog .wrapper {
        gap: 1.5625rem
    }
}

.catalog__header {
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1.25rem
}

@media screen and (max-width: 105rem) {
    .catalog__header {
        width: 100%;
        max-width: calc(100% - 3.125rem)
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__header {
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .9375rem
    }
}

.catalog__header:after {
    content: "";
    position: absolute;
    bottom: -1.875rem;
    right: -.625rem;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translateY(100%);
    z-index: -1;
    width: 7.25rem;
    height: 7.25rem;
    background: url('data:image/svg+xml,<svg width="116" height="141" viewBox="0 0 116 141" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23585359"/><circle cx="6" cy="58" r="6" fill="%23585359"/><circle cx="6" cy="110" r="6" fill="%23585359"/><circle cx="58" cy="6" r="6" fill="%23585359"/><circle cx="58" cy="58" r="6" fill="%23C5594D"/><circle cx="58" cy="110" r="6" fill="%23585359"/><circle cx="110" cy="6" r="6" fill="%23585359"/><circle cx="110" cy="58" r="6" fill="%23585359"/><circle cx="110" cy="110" r="6" fill="%23585359"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .catalog__header:after {
        -webkit-transform: translate(70%, 100%);
        -ms-transform: translate(70%, 100%);
        transform: translate(70%, 100%)
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__header:after {
        display: none
    }
}

.catalog__header .hero__products-count {
    min-width: 17.5rem;
    width: 17.5rem;
    height: auto
}

@media screen and (max-width: 93.75rem) {
    .catalog__header .hero__products-count img {
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important
    }
}

@media screen and (max-width: 93.75rem) and (max-width: 79.9375rem) {
    .catalog__header .hero__products-count img {
        -webkit-transform: scale(.9) translateY(-10%) !important;
        -ms-transform: scale(.9) translateY(-10%) !important;
        transform: scale(.9) translateY(-10%) !important
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__header .hero__products-count {
        width: 100%
    }

    .catalog__header .hero__products-count img {
        -webkit-transform: scale(.6) translate(1.5625rem, -3.75rem) rotate(-5deg) !important;
        -ms-transform: scale(.6) translate(1.5625rem, -3.75rem) rotate(-5deg) !important;
        transform: scale(.6) translate(1.5625rem, -3.75rem) rotate(-5deg) !important
    }
}

.catalog__title {
    padding: 1.125rem 1.25rem;
    border: .1875rem solid var(--primary);
    gap: 2.375rem
}

@media screen and (max-width: 105rem) {
    .catalog__title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (max-width: 79.9375rem) {
    .catalog__title {
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__title {
        padding: .625rem .9375rem;
        gap: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .catalog__title {
        font-size: 1rem !important
    }
}

.catalog__title .font-montserrat {
    font-weight: 500;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    line-height: 1
}

@media screen and (max-width: 61.25rem) {
    .catalog__title .font-montserrat {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .catalog__title .font-montserrat {
        font-size: 1rem
    }
}

.catalog__title span>strong {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width: 29.6875rem) {
    .catalog__title span>strong {
        gap: .625rem
    }
}

.catalog__title span>strong:after {
    content: "";
    display: block;
    width: 16.25rem;
    height: 1.5rem;
    background: url('data:image/svg+xml,<svg width="265" height="13" viewBox="0 0 265 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.14286L3.67308 6.5C10.1754 0.115099 20.5938 0.1151 27.0962 6.5V6.5C33.5985 12.8849 44.0169 12.8849 50.5192 6.5V6.5C57.0216 0.1151 67.44 0.1151 73.9423 6.5V6.5C80.4447 12.8849 90.863 12.8849 97.3654 6.5V6.5C103.868 0.1151 114.286 0.1151 120.788 6.5V6.5C127.291 12.8849 137.709 12.8849 144.212 6.5V6.5C150.714 0.1151 161.132 0.1151 167.635 6.5V6.5C174.137 12.8849 184.555 12.8849 191.058 6.5V6.5C197.56 0.1151 207.978 0.1151 214.481 6.5V6.5C220.983 12.8849 231.401 12.8849 237.904 6.5V6.5C244.406 0.1151 254.825 0.1151 261.327 6.5L263 8.14286" stroke="%23C5594D" stroke-width="3"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 61.25rem) {
    .catalog__title span>strong:after {
        width: 12.5rem;
        height: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .catalog__title span>strong:after {
        width: 6.25rem;
        height: .75rem
    }
}

.catalog__img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 23.75rem;
    flex-basis: 23.75rem
}

@media screen and (max-width: 79.9375rem) {
    .catalog__img {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__img {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.catalog__img img {
    width: 100%
}

.catalog__text {
    margin-top: -7.5rem;
    gap: 1.25rem
}

@media screen and (max-width: 113.75rem) {
    .catalog__text {
        margin-top: -5rem
    }
}

@media screen and (max-width: 105rem) {
    .catalog__text {
        margin-top: auto;
        margin-bottom: auto;
        -webkit-box-flex: .25;
        -ms-flex-positive: .25;
        flex-grow: .25
    }
}

@media screen and (max-width: 79.9375rem) {
    .catalog__text {
        -ms-flex-preferred-size: 30rem;
        flex-basis: 30rem
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__text {
        margin-top: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.catalog__text .text-p {
    max-width: 50.75rem
}

@media screen and (max-width: 105rem) {
    .catalog__text .text-p {
        max-width: 42.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .catalog__text .text-p {
        max-width: 100%
    }
}

.catalog__list {
    margin-top: 1.25rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .catalog__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 29.6875rem) {
    .catalog__list {
        gap: .75rem .5rem
    }
}

.catalog__list .btn {
    height: 5.625rem;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: unset !important
}

@media screen and (max-width: 79.9375rem) {
    .catalog__list .btn {
        height: 3.25rem
    }

    .catalog__list .btn:before {
        width: calc(100% - .25rem);
        height: calc(100% - .25rem)
    }
}

.catalog__list .btn span {
    font-size: 1.125rem !important;
    opacity: 1 !important
}

@media screen and (max-width: 79.9375rem) {
    .catalog__list .btn span {
        font-size: .875rem !important
    }
}

@media screen and (max-width: 29.6875rem) {
    .catalog__list .btn span {
        font-size: .75rem !important
    }
}

.contacts {
    position: relative;
    margin-top: 5rem
}

@media screen and (max-width: 105rem) {
    .contacts {
        margin-top: 3.125rem
    }
}

@media screen and (max-width: 40rem) {
    .contacts {
        margin-top: 1.875rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .contacts .container {
        gap: 2.1875rem
    }
}

@media screen and (max-width: 40rem) {
    .contacts .container {
        gap: 1.5625rem
    }
}

.contacts .wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .contacts .wrapper {
        grid-template-columns: 1fr
    }
}

.contacts__map {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .contacts__map {
        grid-template-columns: 1fr
    }
}

.contacts__map-logos {
    width: 100%;
    height: 100%;
    background: var(--primary);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 61.25rem) {
    .contacts__map-logos {
        height: 7.8125rem
    }
}

.contacts__map-logos .pattern-animated {
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: var(--primary) center/cover no-repeat;
    background-image: url('data:image/svg+xml,<svg width="430" height="986" viewBox="0 0 430 986" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="430" height="986" fill="%23C5594D"/><rect width="430" height="986" fill="url(%23pattern0_487_2003)"/><defs><pattern id="pattern0_487_2003" patternUnits="userSpaceOnUse" viewBox="-13984 -10082.5 42 71.4282" width="45.711626230284224%" height="33.903035187375515%" patternContentUnits="objectBoundingBox"><g id="pattern0_487_2003_inner"><path d="M-14005 -10116.5C-14000.1 -10116.5 -13995.4 -10114.6 -13991.9 -10111.2C-13988.5 -10107.8 -13986.5 -10103.3 -13986.5 -10098.5C-13986.5 -10093.7 -13988.5 -10089.1 -13992 -10085.7C-13995.4 -10082.3 -14000.1 -10080.4 -14005 -10080.4C-14009.9 -10080.4 -14014.6 -10082.3 -14018.1 -10085.7C-14021.5 -10089.1 -14023.5 -10093.7 -14023.5 -10098.5C-14023.5 -10103.3 -14021.5 -10107.8 -14018.1 -10111.2C-14014.6 -10114.6 -14009.9 -10116.5 -14005 -10116.5ZM-14005 -10119C-14016.6 -10119 -14026 -10109.8 -14026 -10098.5C-14026 -10087.1 -14016.6 -10077.9 -14005 -10077.9C-13993.4 -10077.9 -13984 -10087.1 -13984 -10098.5C-13984 -10109.8 -13993.4 -10119 -14005 -10119Z" fill="white" fill-opacity="0.09"/><path d="M-14005 -10109.3C-14002.2 -10109.3 -13999.8 -10111.2 -13999.1 -10113.7C-13999.9 -10114 -14000.7 -10114.2 -14001.6 -10114.4C-14002 -10112.9 -14003.4 -10111.8 -14005 -10111.8C-14006.7 -10111.8 -14008.1 -10112.9 -14008.5 -10114.4C-14009.3 -10114.2 -14010.1 -10114 -14010.9 -10113.7C-14010.2 -10111.2 -14007.8 -10109.3 -14005 -10109.3Z" fill="white" fill-opacity="0.09"/><path d="M-13998.3 -10090.5C-13998.3 -10094.8 -13994.7 -10098.3 -13990.4 -10098.3C-13989.7 -10098.3 -13989 -10098.2 -13988.4 -10098C-13988.3 -10098.2 -13988.3 -10098.3 -13988.3 -10098.5C-13988.3 -10099.2 -13988.4 -10099.9 -13988.5 -10100.6C-13989.1 -10100.7 -13989.7 -10100.7 -13990.4 -10100.7C-13996.2 -10100.7 -14000.8 -10096.2 -14000.8 -10090.5C-14000.8 -10087.9 -13999.8 -10085.5 -13998.1 -10083.7C-13997.3 -10084 -13996.6 -10084.4 -13995.8 -10084.9C-13997.4 -10086.3 -13998.3 -10088.3 -13998.3 -10090.5Z" fill="white" fill-opacity="0.09"/><path d="M-14019.6 -10104.8C-14019.9 -10104.8 -14020.1 -10104.8 -14020.4 -10104.8C-14020.7 -10104 -14021 -10103.1 -14021.2 -10102.2C-14020.7 -10102.3 -14020.2 -10102.3 -14019.6 -10102.3C-14013 -10102.3 -14007.5 -10097 -14007.5 -10090.5C-14007.5 -10087.7 -14008.6 -10085.1 -14010.3 -10083.1C-14009.4 -10082.8 -14008.5 -10082.6 -14007.6 -10082.4C-14006 -10084.7 -14005 -10087.5 -14005 -10090.5C-14005 -10098.4 -14011.5 -10104.8 -14019.6 -10104.8Z" fill="white" fill-opacity="0.09"/><path d="M-14002.5 -10090.5C-14002.5 -10097 -13997 -10102.3 -13990.4 -10102.3C-13989.8 -10102.3 -13989.3 -10102.3 -13988.8 -10102.2C-13989 -10103.1 -13989.3 -10104 -13989.6 -10104.8C-13989.9 -10104.8 -13990.1 -10104.8 -13990.4 -10104.8C-13998.5 -10104.8 -14005 -10098.4 -14005 -10090.5C-14005 -10087.5 -14004.1 -10084.7 -14002.4 -10082.4C-14001.5 -10082.6 -14000.6 -10082.8 -13999.7 -10083.1C-14001.4 -10085.1 -14002.5 -10087.7 -14002.5 -10090.5Z" fill="white" fill-opacity="0.09"/><path d="M-14005 -10105C-14000.5 -10105 -13996.7 -10107.8 -13995.2 -10111.6C-13995.9 -10112.1 -13996.6 -10112.6 -13997.4 -10113C-13998.4 -10109.8 -14001.5 -10107.5 -14005 -10107.5C-14008.6 -10107.5 -14011.6 -10109.8 -14012.6 -10113C-14013.3 -10112.6 -14014.1 -10112.1 -14014.8 -10111.6C-14013.3 -10107.8 -14009.5 -10105 -14005 -10105Z" fill="white" fill-opacity="0.09"/><path d="M-14013.5 -10090.5C-14013.5 -10093.8 -14016.3 -10096.5 -14019.6 -10096.5C-14020.3 -10096.5 -14020.9 -10096.4 -14021.5 -10096.2C-14021.4 -10095.4 -14021.2 -10094.6 -14020.9 -10093.8C-14020.5 -10093.9 -14020.1 -10094 -14019.6 -10094C-14017.7 -10094 -14016.1 -10092.5 -14016.1 -10090.5C-14016.1 -10089.4 -14016.6 -10088.4 -14017.5 -10087.7C-14016.9 -10087.1 -14016.3 -10086.5 -14015.7 -10086C-14014.4 -10087.1 -14013.5 -10088.7 -14013.5 -10090.5Z" fill="white" fill-opacity="0.09"/><path d="M-14005 -10101C-13999.4 -10101 -13994.5 -10104.1 -13992 -10108.7C-13992.6 -10109.4 -13993.2 -10110 -13993.9 -10110.6C-13995.8 -10106.4 -14000 -10103.5 -14005 -10103.5C-14010 -10103.5 -14014.2 -10106.4 -14016.1 -10110.6C-14016.8 -10110 -14017.4 -10109.3 -14018 -10108.7C-14015.5 -10104.1 -14010.6 -10101 -14005 -10101Z" fill="white" fill-opacity="0.09"/><path d="M-13993.9 -10090.5C-13993.9 -10092.5 -13992.3 -10094 -13990.4 -10094C-13989.9 -10094 -13989.5 -10093.9 -13989.1 -10093.8C-13988.8 -10094.6 -13988.6 -10095.4 -13988.5 -10096.2C-13989.1 -10096.4 -13989.7 -10096.5 -13990.4 -10096.5C-13993.8 -10096.5 -13996.5 -10093.8 -13996.5 -10090.5C-13996.5 -10088.7 -13995.6 -10087.1 -13994.3 -10086C-13993.7 -10086.5 -13993.1 -10087.1 -13992.5 -10087.7C-13993.4 -10088.4 -13993.9 -10089.4 -13993.9 -10090.5Z" fill="white" fill-opacity="0.09"/><path d="M-14019.6 -10098.3C-14015.3 -10098.3 -14011.7 -10094.8 -14011.7 -10090.5C-14011.7 -10088.3 -14012.7 -10086.3 -14014.2 -10084.9C-14013.4 -10084.4 -14012.7 -10084 -14011.9 -10083.7C-14010.2 -10085.5 -14009.2 -10087.9 -14009.2 -10090.5C-14009.2 -10096.2 -14013.8 -10100.7 -14019.6 -10100.7C-14020.3 -10100.7 -14020.9 -10100.7 -14021.5 -10100.6C-14021.6 -10099.9 -14021.7 -10099.2 -14021.7 -10098.5C-14021.7 -10098.3 -14021.7 -10098.2 -14021.6 -10098C-14021 -10098.2 -14020.3 -10098.3 -14019.6 -10098.3Z" fill="white" fill-opacity="0.09"/></g><use xlink:href="%23pattern0_487_2003_inner" transform="translate(42 0)"/><use xlink:href="%23pattern0_487_2003_inner" transform="translate(21 35.7141)"/><use xlink:href="%23pattern0_487_2003_inner" transform="translate(63 35.7141)"/><use xlink:href="%23pattern0_487_2003_inner" transform="translate(0 71.4282)"/><use xlink:href="%23pattern0_487_2003_inner" transform="translate(42 71.4282)"/></pattern></defs></svg>')
}

.contacts__map-iframe {
    width: 100%;
    height: 100%;
    border: none
}

@media screen and (max-width: 61.25rem) {
    .contacts__map-iframe {
        height: 21.875rem
    }
}

@media screen and (max-width: 40rem) {
    .contacts__map-iframe {
        height: 17.8125rem
    }
}

.contacts__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.125rem
}

@media screen and (max-width: 79.9375rem) {
    .contacts__content {
        gap: 1.875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .contacts__content {
        margin-top: .625rem
    }
}

.contacts__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.5rem
}

@media screen and (max-width: 79.9375rem) {
    .contacts__list {
        gap: 1.25rem
    }
}

.contacts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .625rem
}

.contacts__item-label {
    font-size: 1.125rem;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .contacts__item-label {
        font-size: 1rem
    }
}

.contacts__item-link {
    color: var(--primary);
    font-size: 1.25rem;
    font-family: var(--font-montserrat);
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .contacts__item-link {
        font-size: 1rem
    }
}

@media screen and (max-width: 61.25rem) {
    .contacts__item-link {
        font-size: .875rem
    }
}

.contacts__desc {
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .contacts__desc {
        font-size: 1rem
    }
}

@media screen and (max-width: 64rem) {
    .contacts__desc {
        font-size: .875rem
    }
}

.contacts__qr-codes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.125rem
}

@media screen and (max-width: 29.6875rem) {
    .contacts__qr-codes {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem
    }
}

.contacts__qr-codes img {
    width: 12.5rem;
    height: 12.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 64rem) {
    .contacts__qr-codes img {
        width: 11.5625rem;
        height: 11.5625rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .contacts__qr-codes img {
        width: 100%;
        height: auto
    }
}

.contacts__right {
    position: absolute;
    top: -5rem;
    right: 15.625rem
}

@media screen and (max-width: 105rem) {
    .contacts__right {
        top: -1.25rem;
        right: 11.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .contacts__right {
        top: 0;
        right: 7.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .contacts__right {
        display: none
    }
}

.contacts__right:before,
.contacts__right:after {
    content: "";
    position: absolute;
    z-index: -1
}

.contacts__right:before {
    top: 50%;
    -webkit-transform: translate(4%, -50%);
    -ms-transform: translate(4%, -50%);
    transform: translate(4%, -50%);
    width: 43.75rem;
    height: 43.75rem;
    background: var(--primary-lighter);
    border-radius: 50%
}

@media screen and (max-width: 105rem) {
    .contacts__right:before {
        width: 37.5rem;
        height: 37.5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .contacts__right:before {
        width: 31.25rem;
        height: 31.25rem
    }
}

.contacts__right:after {
    bottom: -6.25rem;
    left: 7.5rem;
    width: 9.125rem;
    height: 13.5rem;
    background: url('data:image/svg+xml,<svg width="146" height="216" viewBox="0 0 146 216" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23585359"/><circle cx="6" cy="74" r="6" fill="%23585359"/><circle cx="6" cy="142" r="6" fill="%23585359"/><circle cx="6" cy="210" r="6" fill="%23585359"/><circle cx="73" cy="6" r="6" fill="%23585359"/><circle cx="73" cy="74" r="6" fill="%23585359"/><circle cx="73" cy="142" r="6" fill="%23585359"/><circle cx="73" cy="210" r="6" fill="%23585359"/><circle cx="140" cy="6" r="6" fill="%23585359"/><circle cx="140" cy="74" r="6" fill="%23585359"/><circle cx="140" cy="142" r="6" fill="%23585359"/><circle cx="140" cy="210" r="6" fill="%23585359"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .contacts__right:after {
        display: none
    }
}

.contacts__right span {
    color: var(--primary);
    font-size: 3.875rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1
}

@media screen and (max-width: 105rem) {
    .contacts__right span {
        font-size: 3rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .contacts__right span {
        font-size: 2rem
    }
}

.follow {
    position: relative
}

.follow__content {
    position: relative;
    padding: .9375rem 2.375rem;
    margin: 0 auto;
    border: .1875rem solid var(--primary);
    gap: 18.75rem
}

@media screen and (max-width: 79.9375rem) {
    .follow__content {
        padding: .625rem 1.875rem;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 3.125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .follow__content {
        border-width: .125rem
    }
}

@media screen and (max-width: 55rem) {
    .follow__content {
        padding: .625rem .9375rem
    }
}

.follow__content-text {
    position: relative;
    width: 100%;
    max-width: 35.9375rem;
    font-size: 1.125rem;
    line-height: 1.75;
    text-transform: uppercase
}
.follow__content-text {
    display: flex;
    max-width: 1180px;
    align-items: center;
}
@media screen and (max-width: 64rem) {
    .follow__content-text {
        max-width: 31.75rem;
        font-size: 1rem
    }
}

@media screen and (max-width: 55rem) {
    .follow__content-text {
        position: static;
        max-width: 80%;
        font-size: .875rem
    }
}
.follow__content-text a{
    position: relative;
}
.follow__content-text a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.275rem;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 10.5rem;
    height: 3rem;
    background: url('data:image/svg+xml,<svg width="170" height="50" viewBox="0 0 170 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M137.507 29.4344L156.314 43.3294C158.463 44.5124 160.008 43.8999 160.544 41.3361L168.2 5.25989C168.984 2.11689 167.003 0.69239 164.949 1.62339L119.995 18.9589C116.925 20.1891 116.946 21.9024 119.435 22.6636L130.971 26.2651L157.677 9.41614C158.939 8.65139 160.096 9.06264 159.147 9.90614L137.507 29.4344Z" fill="white"/><path d="M158.202 44.7854C157.499 44.7854 156.727 44.5544 155.892 44.0941L136.987 30.1361C136.775 29.9804 136.646 29.7371 136.632 29.4746C136.619 29.2121 136.724 28.9584 136.92 28.7816L159.313 8.63036C159.672 8.30661 160.225 8.33461 160.549 8.69511C160.873 9.05386 160.843 9.60686 160.484 9.93061L138.889 29.3661L156.834 42.6241C157.308 42.8779 158.109 43.1999 158.68 42.9356C159.261 42.6696 159.548 41.8209 159.688 41.1559L167.344 5.07611C167.642 3.88436 167.498 2.92536 166.968 2.48436C166.564 2.14836 165.962 2.12386 165.311 2.41786L120.308 19.7744C118.927 20.3291 118.493 20.8996 118.5 21.0886C118.505 21.2129 118.803 21.5559 119.69 21.8271L130.846 25.3096L143.094 17.5816C143.504 17.3261 144.043 17.4469 144.3 17.8546C144.557 18.2624 144.437 18.8031 144.027 19.0604L131.438 27.0036C131.221 27.1401 130.953 27.1751 130.71 27.0999L119.174 23.4984C117.126 22.8719 116.776 21.7659 116.752 21.1621C116.717 20.3344 117.194 19.1374 119.669 18.1469L164.635 0.807857C165.855 0.251357 167.164 0.370357 168.09 1.14211C169.162 2.03636 169.512 3.61486 169.05 5.47161L161.401 41.5181C161.079 43.0546 160.411 44.0679 159.411 44.5264C159.035 44.6996 158.633 44.7854 158.202 44.7854Z" fill="%23C5594D"/><path d="M158.202 44.7854C157.499 44.7854 156.727 44.5544 155.892 44.0941L144.132 35.4159C143.744 35.1289 143.66 34.5794 143.948 34.1926C144.235 33.8041 144.785 33.7201 145.172 34.0089L156.834 42.6241C157.308 42.8779 158.109 43.1999 158.68 42.9356C159.261 42.6696 159.548 41.8209 159.688 41.1559L167.344 5.07611C167.642 3.88436 167.498 2.92536 166.968 2.48436C166.564 2.14836 165.962 2.12386 165.311 2.41786L120.308 19.7744C118.927 20.3291 118.493 20.8996 118.5 21.0886C118.505 21.2129 118.803 21.5559 119.69 21.8271L131.229 25.4286C131.506 25.5144 131.721 25.7331 131.807 26.0096L135.774 39.0664C135.881 39.3586 135.963 39.6491 136.035 39.9011C136.091 40.1006 136.161 40.3491 136.208 40.4226C136.201 40.4139 136.341 40.4559 136.714 40.4576C137.496 40.4576 137.794 40.1654 138.389 39.5861L141.294 36.7616C141.64 36.4221 142.193 36.4326 142.531 36.7791C142.867 37.1256 142.86 37.6804 142.513 38.0164L139.657 40.7901C138.954 41.4779 138.208 42.2059 136.714 42.2059C134.999 42.2059 134.652 41.4464 134.35 40.3754C134.288 40.1584 134.218 39.9081 134.113 39.6194L130.267 26.9616L119.174 23.4984C117.126 22.8719 116.776 21.7659 116.752 21.1621C116.717 20.3344 117.194 19.1374 119.669 18.1469L164.635 0.807857C165.855 0.251357 167.164 0.370357 168.09 1.14211C169.162 2.03636 169.512 3.61486 169.05 5.47161L161.401 41.5181C161.079 43.0546 160.411 44.0679 159.411 44.5264C159.035 44.6996 158.633 44.7854 158.202 44.7854Z" fill="%23C5594D"/><path d="M1 27.9999C3.83333 21.9999 13.5 10.9999 29.5 14.9999C49.5 19.9999 55.5 53.5 81.5 48.5C102.3 44.5 119.167 36.5 125 33" stroke="%23C5594D"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .follow__content-text a:after {
        top: 50%;
        width: 10.5rem;
        height: 3rem
    }
}

@media screen and (max-width: 64rem) {
    .follow__content-text a:after {
        top: 35%;
        right: 2.5rem
    }
}

@media screen and (max-width: 55rem) {
    .follow__content-text a:after {
        top: auto;
        bottom: .625rem;
        right: .625rem;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0);
        width: 6.5625rem;
        height: 1.875rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .follow__content-text a:after {
        width: 4.6875rem;
        height: 1.5625rem
    }
}

.follow__content-text a {
    color: var(--primary)
}

.follow__content-img {
    width: 10.625rem;
    height: 10.625rem
}

@media screen and (max-width: 64rem) {
    .follow__content-img {
        width: 6.5625rem;
        height: 6.5625rem
    }
}

@media screen and (max-width: 55rem) {
    .follow__content-img {
        display: none
    }
}

.follow__content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.geography {
    position: relative;
    margin: 9.375rem 0
}

@media screen and (max-width: 105rem) {
    .geography {
        margin: 6.25rem 0
    }
}

@media screen and (max-width: 61.25rem) {
    .geography {
        margin: 0
    }
}

.geography .wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 18.75rem;
    gap: 0 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .geography .wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: .625rem
    }
}

.geography__title {
    margin-bottom: 1.875rem;
    width: 100%;
    grid-column-start: span 2
}

@media screen and (max-width: 79.9375rem) {
    .geography__title {
        margin-bottom: 1.25rem;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .geography__title {
        margin-bottom: 0;
        font-size: 1rem
    }
}

.geography__name {
    position: relative;
    color: var(--primary);
    font-size: clamp(7.5rem, -3.9286rem + 17.8571vw, 17.5rem);
    letter-spacing: .15em;
    line-height: 1;
    text-indent: -.09em
}

@media screen and (max-width: 61.25rem) {
    .geography__name {
        font-size: clamp(3rem, .3871rem + 11.6129vw, 7.5rem);
        grid-column-start: span 2
    }
}

.geography__name:before,
.geography__name:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(calc(-50% + 8.125rem), calc(-50% + .9375rem));
    -ms-transform: translate(calc(-50% + 8.125rem), calc(-50% + .9375rem));
    transform: translate(calc(-50% + 8.125rem), calc(-50% + .9375rem));
    width: 37.1875rem
}

@media screen and (max-width: 105rem) {

    .geography__name:before,
    .geography__name:after {
        width: 33.75rem
    }
}

@media screen and (max-width: 90rem) {

    .geography__name:before,
    .geography__name:after {
        width: 31.25rem
    }
}

@media screen and (max-width: 64rem) {

    .geography__name:before,
    .geography__name:after {
        -webkit-transform: translate(calc(-50% + 5rem), calc(-50% + .9375rem));
        -ms-transform: translate(calc(-50% + 5rem), calc(-50% + .9375rem));
        transform: translate(calc(-50% + 5rem), calc(-50% + .9375rem));
        width: 21.875rem
    }
}

@media screen and (max-width: 61.25rem) {

    .geography__name:before,
    .geography__name:after {
        display: none
    }
}

.geography__name:before {
    height: 37.1875rem;
    background: url('data:image/svg+xml,<svg width="589" height="597" viewBox="0 0 589 597" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="298.5" cy="298.5" r="293.5" stroke="%23C5594D" stroke-width="10" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .geography__name:before {
        height: 33.75rem
    }
}

@media screen and (max-width: 90rem) {
    .geography__name:before {
        height: 31.25rem
    }
}

@media screen and (max-width: 64rem) {
    .geography__name:before {
        height: 21.875rem
    }
}

.geography__name:after {
    height: 21.875rem;
    background: #fff
}

@media screen and (max-width: 105rem) {
    .geography__name:after {
        height: 20rem
    }
}

@media screen and (max-width: 90rem) {
    .geography__name:after {
        height: 18.75rem
    }
}

@media screen and (max-width: 64rem) {
    .geography__name:after {
        height: 12.5rem
    }
}

.geography__cities {
    position: relative;
    margin-top: .625rem;
    overflow: hidden
}

@media screen and (max-width: 61.25rem) {
    .geography__cities {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.geography__cities:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(255, 255, 255, .7764705882)), to(#fff));
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .7764705882), #fff);
    pointer-events: none
}

.geography__cities-list {
    max-height: 13.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .3125rem
}

@media screen and (max-width: 90rem) {
    .geography__cities-list {
        max-height: 9.375rem
    }
}

@media screen and (max-width: 64rem) {
    .geography__cities-list {
        max-height: 6.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .geography__cities-list {
        max-height: 7.8125rem
    }
}

.geography__city {
    text-transform: uppercase
}

.geography__countries {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .geography__countries {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .625rem
    }
}

.geography__country {
    color: var(--primary);
    font-size: clamp(1rem, -.1429rem + 1.7857vw, 2rem);
    text-transform: uppercase
}

.marquee {
    position: relative;
    width: 100%;
    overflow: hidden
}

.marquee:hover .marquee-track {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.marquee-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite
}

.marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .9375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

.hero {
    position: relative
}

.hero:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(calc(50% + 48.75rem), -3.75rem);
    -ms-transform: translate(calc(50% + 48.75rem), -3.75rem);
    transform: translate(calc(50% + 48.75rem), -3.75rem);
    z-index: -1;
    width: 28.4375rem;
    height: 30rem;
    background: url(../img/hero/2.png) center/contain
}

@media screen and (max-width: 105rem) {
    .hero:after {
        right: 0;
        -webkit-transform: translate(15%, -3.125rem);
        -ms-transform: translate(15%, -3.125rem);
        transform: translate(15%, -3.125rem);
        width: 22.1875rem;
        height: 23.75rem
    }
}

@media screen and (max-width: 90rem) {
    .hero:after {
        width: 15.9375rem;
        height: 17.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero:after {
        display: none
    }
}

.hero .wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6.25rem
}

@media screen and (max-width: 111.25rem) {
    .hero .wrapper {
        gap: 2.5rem
    }
}

@media screen and (max-width: 105rem) {
    .hero .wrapper {
        gap: 5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .hero .wrapper {
        gap: 2.8125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 40rem) {
    .hero .wrapper {
        gap: 0rem
    }
}

.hero__img {
    position: relative;
    margin-top: -7.5rem;
    min-width: 52%;
    width: 52%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 105rem) {
    .hero__img {
        min-width: 40%;
        width: 40%
    }
}

@media screen and (max-width: 90rem) {
    .hero__img {
        margin-top: -2.5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .hero__img {
        min-width: 35%;
        width: 35%
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__img {
        min-width: 100%;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10rem
    }
}

@media screen and (max-width: 40rem) {
    .hero__img {
        margin-top: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1.25rem
    }
}

.hero__img:before,
.hero__img:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width: 105rem) {

    .hero__img:before,
    .hero__img:after {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media screen and (max-width: 79.9375rem) {

    .hero__img:before,
    .hero__img:after {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

@media screen and (max-width: 61.25rem) {

    .hero__img:before,
    .hero__img:after {
        display: none
    }
}

.hero__img:before {
    top: 1%;
    right: 38%;
    width: .75rem;
    height: 9.5625rem;
    background: url('data:image/svg+xml,<svg width="12" height="153" viewBox="0 0 12 153" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23C5594D" /><circle cx="6" cy="53" r="6" fill="%23C5594D" /><circle cx="6" cy="100" r="6" fill="%23C5594D" /><circle cx="6" cy="147" r="6" fill="%23C5594D" /></svg>') center/contain no-repeat
}

.hero__img:after {
    bottom: -7.5rem;
    right: 23%;
    height: 13.5rem;
    width: 9.125rem;
    background: url('data:image/svg+xml,<svg width="146" height="216" viewBox="0 0 146 216" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23585359"/><circle cx="6" cy="74" r="6" fill="%23585359"/><circle cx="6" cy="142" r="6" fill="%23585359"/><circle cx="6" cy="210" r="6" fill="%23585359"/><circle cx="73" cy="6" r="6" fill="%23585359"/><circle cx="73" cy="74" r="6" fill="%23585359"/><circle cx="73" cy="142" r="6" fill="%23585359"/><circle cx="73" cy="210" r="6" fill="%23585359"/><circle cx="140" cy="6" r="6" fill="%23585359"/><circle cx="140" cy="74" r="6" fill="%23585359"/><circle cx="140" cy="142" r="6" fill="%23585359"/><circle cx="140" cy="210" r="6" fill="%23585359"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .hero__img:after {
        right: 5%;
        bottom: -9.375rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__img:before {
        all: unset;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        width: 100vw;
        height: 80%;
        background: url(../img/bg-mobile.png) center/cover
    }
}

.hero__img-img {
    position: relative;
    margin-left: 6.25rem;
    width: 44%
}

@media screen and (max-width: 105rem) {
    .hero__img-img {
        margin-left: 3.125rem;
        width: 50%
    }
}

@media screen and (max-width: 79.9375rem) {
    .hero__img-img {
        margin-left: 0;
        width: 60%
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__img-img {
        width: 11.25rem
    }
}

@media screen and (max-width: 40rem) {
    .hero__img-img {
        margin-left: 1.875rem;
        width: 8.75rem
    }
}

.hero__img-img:before {
    content: "";
    position: absolute;
    top: -10.625rem;
    left: 55%;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%);
    z-index: -2;
    width: 23.75rem;
    height: calc(100% + 18.125rem);
    background: url(../img/bg.png) center/cover
}

@media screen and (max-width: 61.25rem) {
    .hero__img-img:before {
        display: none
    }
}

.hero__img-img:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%);
    -ms-transform: translate(-50%, -48%);
    transform: translate(-50%, -48%);
    z-index: -1;
    width: 38vw;
    max-width: 50rem;
    height: 38vw;
    max-height: 50rem;
    background: var(--primary-lighter);
    border-radius: 50%
}

@media screen and (max-width: 105rem) {
    .hero__img-img:after {
        -webkit-transform: translate(-50%, -45%);
        -ms-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%);
        width: 32vw;
        height: 32vw
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__img-img:after {
        width: 40vw;
        height: 40vw
    }
}

@media screen and (max-width: 40rem) {
    .hero__img-img:after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 18.75rem;
        height: 18.75rem
    }
}

.hero__img-img img {
    width: 100%;
    animation: floatY 3s ease-in-out infinite;
  display: inline-block;
}
@keyframes floatY {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(0);
    }
  }

.hero__img span {
    color: var(--primary);
    font-size: 3.875rem;
    font-family: var(--font-montserrat);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;    
}
.glitch {
    position: relative;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    animation: glitch-text 2s infinite ease-in-out;
  }
  
  .glitch::before,
  .glitch::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
  }
  
  .glitch::before {
    color: #e8d1ce;
    z-index: -1;
    animation: glitch-before 2s infinite ease-in-out;
  }
  
  .glitch::after {
    color: #d79b94;
    z-index: -2;
    animation: glitch-after 2s infinite ease-in-out;
  }
  
  @keyframes glitch-text {
    0%   { transform: none; }
    20%  { transform: translate(0.5px, -0.5px); }
    40%  { transform: translate(-0.5px, 0.5px); }
    60%  { transform: translate(0.5px, 0.5px); }
    80%  { transform: translate(-0.5px, -0.5px); }
    100% { transform: none; }
  }
  
  @keyframes glitch-before {
    0%, 100% { clip-path: inset(0 0 0 0); transform: translate(0, 0); }
    20% { clip-path: inset(10% 0 50% 0); transform: translate(-2px, -1px); }
    40% { clip-path: inset(30% 0 30% 0); transform: translate(2px, 1px); }
    60% { clip-path: inset(50% 0 10% 0); transform: translate(-1px, 2px); }
    80% { clip-path: inset(20% 0 20% 0); transform: translate(1px, -2px); }
  }
  
  @keyframes glitch-after {
    0%, 100% { clip-path: inset(0 0 0 0); transform: translate(0, 0); }
    20% { clip-path: inset(40% 0 20% 0); transform: translate(1px, 1px); }
    40% { clip-path: inset(10% 0 40% 0); transform: translate(-1px, -1px); }
    60% { clip-path: inset(25% 0 25% 0); transform: translate(2px, -1px); }
    80% { clip-path: inset(35% 0 15% 0); transform: translate(-2px, 2px); }
  }
  

@media screen and (max-width: 105rem) {
    .hero__img span {
        font-size: 3.25rem
    }
}

@media screen and (max-width: 64rem) {
    .hero__img span {
        font-size: 2.625rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__img span {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 40rem) {
    .hero__img span {
        font-size: 1.875rem;
        font-weight: 500
    }
}

.hero__content {
    position: relative;
    width: 100%;
    max-width: 50.625rem;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1.25rem
}

@media screen and (max-width: 93.75rem) {
    .hero__content {
        max-width: 100%;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__content {
        gap: 1.5625rem
    }
}

.hero__content:before,
.hero__content:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width: 105rem) {

    .hero__content:before,
    .hero__content:after {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media screen and (max-width: 93.75rem) {

    .hero__content:before,
    .hero__content:after {
        display: none
    }
}

.hero__content:before {
    top: 3%;
    right: -25%;
    width: 9.5625rem;
    height: .75rem;
    background: url('data:image/svg+xml,<svg width="136" height="12" viewBox="0 0 136 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="6" r="6" transform="rotate(90 100 6)" fill="%23C5594D" /><circle cx="53" cy="6" r="6" transform="rotate(90 53 6)" fill="%23C5594D" /><circle cx="6" cy="6" r="6" transform="rotate(90 6 6)" fill="%23C5594D" /></svg>') center/contain no-repeat
}

.hero__content:after {
    top: 30%;
    right: -28%;
    width: 5.875rem;
    height: 5.875rem;
    background: url('data:image/svg+xml,<svg width="94" height="94" viewBox="0 0 94 94" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="47" cy="47" r="46" stroke="%23C5594D" stroke-width="2" /></svg>') center/contain no-repeat
}

.hero__title {
    padding: 1.25rem;
    height: 16rem;
    border: .1875rem solid var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__title.hidden {
    display: none
}

@media screen and (max-width: 93.75rem) {
    .hero__title {
        padding: 1.875rem 1.25rem;
        height: auto
    }
}

@media screen and (max-width: 79.9375rem) {
    .hero__title {
        padding: 1.25rem 1.125rem;
        font-size: 2.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__title {
        padding: .875rem;
        width: 100%;
        display: none;
        border-width: .125rem;
        text-align: center;
        font-size: 1.5rem
    }

    .hero__title.hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.hero__products {
    grid-row-start: span 2;
    gap: 1.25rem
}

@media screen and (max-width: 93.75rem) {
    .hero__products {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-start: span 1
    }

    .hero__products .btn {
        width: 100% !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 40rem) {
    .hero__products {
        grid-template-columns: 1fr
    }
}

.hero__products-count {
    position: relative;
    padding: .9375rem 0 .9375rem .9375rem;
    width: 100%;
    height: 16rem;
    border: .1875rem solid var(--primary);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .25rem
}

.hero__products-count img {
    position: absolute;
    top: .9375rem;
    right: -.625rem
}

.hero__products-count .text-primary {
    font-size: 3.25rem;
    font-family: var(--font-museo)
}

@media screen and (max-width: 93.75rem) {
    .hero__products-count {
        grid-row-start: span 2;
        height: 100%
    }

    .hero__products-count img {
        -webkit-transform: scale(.6) translate(15%, -50%) rotate(-5deg);
        -ms-transform: scale(.6) translate(15%, -50%) rotate(-5deg);
        transform: scale(.6) translate(15%, -50%) rotate(-5deg)
    }

    .hero__products-count .text-primary {
        font-size: 2.625rem
    }

    .hero__products-count p {
        font-size: .875rem
    }
}

@media screen and (max-width: 64rem) {
    .hero__products-count {
        min-height: 8.75rem;
        border-width: .125rem
    }

    .hero__products-count img {
        -webkit-transform: scale(.6) translate(15%, -45%) rotate(-5deg);
        -ms-transform: scale(.6) translate(15%, -45%) rotate(-5deg);
        transform: scale(.6) translate(15%, -45%) rotate(-5deg)
    }
}

.hero__description {
    gap: 1.875rem
}

@media screen and (max-width: 61.25rem) {
    .hero__description {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (max-width: 40rem) {
    .hero__description {
        gap: 1.25rem
    }
}

.hero__description p {
    position: relative
}

.hero__description p:after {
    content: "";
    position: absolute;
    bottom: -.625rem;
    right: 0;
    width: 1.25rem;
    height: 80%;
    background: var(--primary-light)
}

@media screen and (max-width: 40rem) {
    .hero__description p:after {
        height: 100%;
        opacity: .6
    }
}

.hero__btn {
    margin-top: 5.625rem
}

@media screen and (max-width: 105rem) {
    .hero__btn {
        margin-top: 3.75rem
    }
}

@media screen and (max-width: 64rem) {
    .hero__btn {
        margin-top: 2.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .hero__btn {
        display: none
    }
}

.hero__btn .group-row {
    padding: 1.25rem .9375rem;
    grid-column-start: span 2;
    border: .1875rem solid var(--primary);
    gap: .875rem
}

@media screen and (max-width: 93.75rem) {
    .hero__btn .group-row {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.hero__btn .group {
    gap: .625rem
}

.hero__marquee {
    margin-top: 1.875rem;
    padding: 1.5rem 0;
    color: #fff;
    font-family: var(--font-montserrat);
    background: var(--primary);
    overflow: visible
}

@media screen and (max-width: 79.9375rem) {
    .hero__marquee {
        padding: .75rem 0
    }
}

@media screen and (max-width: 40rem) {
    .hero__marquee {
        padding: .3125rem 0
    }
}

.hero__marquee:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -80%);
    -ms-transform: translate(-45%, -80%);
    transform: translate(-45%, -80%);
    z-index: -1;
    width: 20.875rem;
    height: 9.375rem;
    background: url('data:image/svg+xml,<svg width="334" height="150" viewBox="0 0 334 150" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="287" cy="89" r="46" stroke="%23C5594D" stroke-width="2" /><circle cx="75" cy="75" r="74" stroke="%23C5594D" stroke-width="2" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .hero__marquee:before {
        display: none
    }
}

.hero__marquee hr {
    height: 2.8125rem;
    min-width: .0625rem;
    width: .0625rem;
    background: #ffffff80
}

.hero__marquee span {
    position: relative;
    font-size: 1.25rem;
    white-space: nowrap;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .9375rem
}

@media screen and (max-width: 40rem) {
    .hero__marquee span {
        font-size: .75rem !important
    }
}

.hero__marquee span:after {
    content: "";
    display: block;
    height: 2.8125rem;
    min-width: .0625rem;
    width: .0625rem;
    background: #ffffff80
}

.hero__marquee span:nth-child(2n) {
    font-size: 1rem
}

.history {
    position: relative
}

.history__title {
    margin-top: 3.125rem;
    opacity: 0;
    -webkit-animation: fadeInUp 1s ease-out .5s forwards;
    animation: fadeInUp 1s ease-out .5s forwards
}

@media screen and (max-width: 105rem) {
    .history__title {
        margin-top: 1.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .history__title {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 64rem) {
    .history__title {
        font-size: 1.625rem
    }
}

.history__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 48.4375rem
}

@media screen and (max-width: 105rem) {
    .history__bg {
        height: 40.625rem
    }
}

@media screen and (max-width: 90rem) {
    .history__bg {
        margin-top: 1.25rem;
        height: 34.375rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .history__bg {
        margin-top: 3.125rem;
        height: 31.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .history__bg {
        margin-top: 6.875rem
    }
}

@media screen and (max-width: 48rem) {
    .history__bg {
        height: 28.125rem
    }
}

@media screen and (max-width: 40rem) {
    .history__bg {
        height: 25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .history__bg {
        height: 23.75rem
    }
}

@media screen and (max-width: 23.4375rem) {
    .history__bg {
        height: 21.875rem
    }
}

.history__bg-sun {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50px);
    -ms-transform: translateX(-50%) translateY(50px);
    transform: translate(-50%) translateY(50px);
    width: 39.0625rem;
    height: auto;
    z-index: -1;
    opacity: 0;
    -webkit-animation: sunRiseUp 1.8s ease-out 2.3s forwards;
    animation: sunRiseUp 1.8s ease-out 2.3s forwards
}

@media screen and (max-width: 105rem) {
    .history__bg-sun {
        width: 30%
    }
}

@media screen and (max-width: 79.9375rem) {
    .history__bg-sun {
        width: 40%
    }
}

@media screen and (max-width: 40rem) {
    .history__bg-sun {
        width: 55%
    }
}

@media screen and (max-width: 29.6875rem) {
    .history__bg-sun {
        width: 75%
    }
}

.history__bg-mountains {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translate(-50%) translateY(100%);
    width: 100%;
    height: auto;
    z-index: -1;
    -webkit-animation: slideInUp 1.5s ease-out 1s forwards;
    animation: slideInUp 1.5s ease-out 1s forwards
}

@media screen and (max-width: 79.9375rem) {
    .history__bg-mountains {
        width: 120%
    }
}

@media screen and (max-width: 61.25rem) {
    .history__bg-mountains {
        width: 150%
    }
}

@media screen and (max-width: 29.6875rem) {
    .history__bg-mountains {
        width: 200%
    }
}

.history__bg-cloud {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translate(-20px)
}

@media screen and (max-width: 79.9375rem) {
    .history__bg-cloud {
        width: 12.125rem;
        height: auto
    }
}

@media screen and (max-width: 48rem) {
    .history__bg-cloud {
        width: 7.5rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .history__bg-cloud {
        width: 5rem
    }
}

.history__bg-cloud--1 {
    top: 40%;
    left: 5%;
    -webkit-animation: fadeInSlideRight .8s ease-out 3s forwards;
    animation: fadeInSlideRight .8s ease-out 3s forwards
}

@media screen and (max-width: 29.6875rem) {
    .history__bg-cloud--1 {
        left: 2%
    }
}

.history__bg-cloud--2 {
    top: 15%;
    left: 75%;
    -webkit-animation: fadeInSlideRight .8s ease-out 3.3s forwards;
    animation: fadeInSlideRight .8s ease-out 3.3s forwards
}

@media screen and (max-width: 29.6875rem) {
    .history__bg-cloud--2 {
        left: 80%
    }
}

.history__bg-cloud--3 {
    top: 55%;
    left: 85%;
    -webkit-animation: fadeInSlideRight .8s ease-out 3.6s forwards;
    animation: fadeInSlideRight .8s ease-out 3.6s forwards
}

.history__desc {
    position: relative;
    margin: 23.75rem auto 0;
    max-width: 44.6875rem;
    text-align: center;
    opacity: 0;
    -webkit-animation: fadeInUp 1s ease-out 2s forwards;
    animation: fadeInUp 1s ease-out 2s forwards
}

@media screen and (max-width: 105rem) {
    .history__desc {
        margin-top: 21.875rem
    }
}

@media screen and (max-width: 90rem) {
    .history__desc {
        margin-top: 17.5rem
    }
}

@media screen and (max-width: 64rem) {
    .history__desc {
        margin-top: 20rem;
        max-width: 37.5rem
    }
}

@media screen and (max-width: 55rem) {
    .history__desc {
        max-width: 31.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .history__desc {
        margin-top: 18.75rem
    }
}

.history__desc:after {
    content: "";
    position: absolute;
    bottom: -.75rem;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0);
    height: .0625rem;
    width: 30%;
    background: var(--primary);
    -webkit-animation: scaleInX .8s ease-out 3.5s forwards;
    animation: scaleInX .8s ease-out 3.5s forwards
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInScale {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.8);
        transform: translate(-50%) scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(.8);
        transform: translate(-50%) scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@-webkit-keyframes sunRiseUp {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(80px);
        transform: translate(-50%) translateY(80px)
    }

    30% {
        opacity: .3;
        -webkit-transform: translateX(-50%) translateY(60px);
        transform: translate(-50%) translateY(60px)
    }

    60% {
        opacity: .7;
        -webkit-transform: translateX(-50%) translateY(30px);
        transform: translate(-50%) translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0)
    }
}

@keyframes sunRiseUp {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(80px);
        transform: translate(-50%) translateY(80px)
    }

    30% {
        opacity: .3;
        -webkit-transform: translateX(-50%) translateY(60px);
        transform: translate(-50%) translateY(60px)
    }

    60% {
        opacity: .7;
        -webkit-transform: translateX(-50%) translateY(30px);
        transform: translate(-50%) translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateX(-50%) translateY(100%);
        transform: translate(-50%) translateY(100%)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateX(-50%) translateY(100%);
        transform: translate(-50%) translateY(100%)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0)
    }
}

@-webkit-keyframes fadeInSlideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translate(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes fadeInSlideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translate(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@-webkit-keyframes scaleInX {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0);
        transform: translate(-50%) scaleX(0)
    }

    to {
        -webkit-transform: translateX(-50%) scaleX(1);
        transform: translate(-50%) scaleX(1)
    }
}

@keyframes scaleInX {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0);
        transform: translate(-50%) scaleX(0)
    }

    to {
        -webkit-transform: translateX(-50%) scaleX(1);
        transform: translate(-50%) scaleX(1)
    }
}

.news {
    position: relative
}

.news__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 2.125rem
}

@media screen and (max-width: 105rem) {
    .news__header {
        gap: 1.25rem
    }
}

@media screen and (max-width: 64rem) {
    .news__header {
        gap: .9375rem
    }
}

@media screen and (max-width: 61.25rem) {
    .news__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.news__title {
    position: relative;
    padding: 1.25rem 2.1875rem;
    white-space: nowrap;
    gap: 1.875rem
}

@media screen and (max-width: 105rem) {
    .news__title {
        padding: .9375rem 1.25rem;
        gap: .9375rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .news__title {
        padding: .75rem .9375rem;
        font-size: 1.25rem;
        gap: .75rem .875rem
    }
}

@media screen and (max-width: 40rem) {
    .news__title {
        padding: .75rem;
        font-size: 1rem
    }

    .news__title .text-primary {
        font-size: .875rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .news__title .font-montserrat {
        display: none
    }
}

.news__title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    border: .1875rem solid var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .news__title:before {
        border-width: .125rem
    }
}

.news__title hr {
    height: 100%;
    min-width: .0625rem;
    width: .0625rem;
    height: 2.8125rem;
    background: var(--gray)
}

@media screen and (max-width: 79.9375rem) {
    .news__title hr {
        height: 1.875rem
    }
}

@media screen and (max-width: 40rem) {
    .news__title hr {
        height: 1.5625rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .news__title hr {
        display: none
    }
}

.news__subtitle {
    position: relative;
    padding: 1.25rem 2.1875rem;
    font-size: 1.125rem;
    line-height: 2rem;
    text-transform: uppercase
}

@media screen and (max-width: 105rem) {
    .news__subtitle {
        padding: .9375rem 1.25rem;
        font-size: 1rem;
        line-height: 1.75
    }
}

@media screen and (max-width: 79.9375rem) {
    .news__subtitle {
        padding: .75rem .9375rem;
        font-size: .875rem;
        gap: .75rem .875rem
    }
}

@media screen and (max-width: 40rem) {
    .news__subtitle {
        padding: .75rem
    }

    .news__subtitle .text-primary {
        font-size: .875rem
    }
}

.news__subtitle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 68.75rem;
    width: 100%;
    height: 100%;
    border: .1875rem solid var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .news__subtitle:before {
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .news__subtitle:before {
        min-width: 100%
    }
}

.news__subtitle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.3125rem;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translateY(-50%);
    width: 10.5rem;
    height: 3rem;
    background: url('data:image/svg+xml,<svg width="170" height="50" viewBox="0 0 170 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M137.507 29.4344L156.314 43.3294C158.463 44.5124 160.008 43.8999 160.544 41.3361L168.2 5.25989C168.984 2.11689 167.003 0.69239 164.949 1.62339L119.995 18.9589C116.925 20.1891 116.946 21.9024 119.435 22.6636L130.971 26.2651L157.677 9.41614C158.939 8.65139 160.096 9.06264 159.147 9.90614L137.507 29.4344Z" fill="white"/><path d="M158.202 44.7854C157.499 44.7854 156.727 44.5544 155.892 44.0941L136.987 30.1361C136.775 29.9804 136.646 29.7371 136.632 29.4746C136.619 29.2121 136.724 28.9584 136.92 28.7816L159.313 8.63036C159.672 8.30661 160.225 8.33461 160.549 8.69511C160.873 9.05386 160.843 9.60686 160.484 9.93061L138.889 29.3661L156.834 42.6241C157.308 42.8779 158.109 43.1999 158.68 42.9356C159.261 42.6696 159.548 41.8209 159.688 41.1559L167.344 5.07611C167.642 3.88436 167.498 2.92536 166.968 2.48436C166.564 2.14836 165.962 2.12386 165.311 2.41786L120.308 19.7744C118.927 20.3291 118.493 20.8996 118.5 21.0886C118.505 21.2129 118.803 21.5559 119.69 21.8271L130.846 25.3096L143.094 17.5816C143.504 17.3261 144.043 17.4469 144.3 17.8546C144.557 18.2624 144.437 18.8031 144.027 19.0604L131.438 27.0036C131.221 27.1401 130.953 27.1751 130.71 27.0999L119.174 23.4984C117.126 22.8719 116.776 21.7659 116.752 21.1621C116.717 20.3344 117.194 19.1374 119.669 18.1469L164.635 0.807857C165.855 0.251357 167.164 0.370357 168.09 1.14211C169.162 2.03636 169.512 3.61486 169.05 5.47161L161.401 41.5181C161.079 43.0546 160.411 44.0679 159.411 44.5264C159.035 44.6996 158.633 44.7854 158.202 44.7854Z" fill="%23C5594D"/><path d="M158.202 44.7854C157.499 44.7854 156.727 44.5544 155.892 44.0941L144.132 35.4159C143.744 35.1289 143.66 34.5794 143.948 34.1926C144.235 33.8041 144.785 33.7201 145.172 34.0089L156.834 42.6241C157.308 42.8779 158.109 43.1999 158.68 42.9356C159.261 42.6696 159.548 41.8209 159.688 41.1559L167.344 5.07611C167.642 3.88436 167.498 2.92536 166.968 2.48436C166.564 2.14836 165.962 2.12386 165.311 2.41786L120.308 19.7744C118.927 20.3291 118.493 20.8996 118.5 21.0886C118.505 21.2129 118.803 21.5559 119.69 21.8271L131.229 25.4286C131.506 25.5144 131.721 25.7331 131.807 26.0096L135.774 39.0664C135.881 39.3586 135.963 39.6491 136.035 39.9011C136.091 40.1006 136.161 40.3491 136.208 40.4226C136.201 40.4139 136.341 40.4559 136.714 40.4576C137.496 40.4576 137.794 40.1654 138.389 39.5861L141.294 36.7616C141.64 36.4221 142.193 36.4326 142.531 36.7791C142.867 37.1256 142.86 37.6804 142.513 38.0164L139.657 40.7901C138.954 41.4779 138.208 42.2059 136.714 42.2059C134.999 42.2059 134.652 41.4464 134.35 40.3754C134.288 40.1584 134.218 39.9081 134.113 39.6194L130.267 26.9616L119.174 23.4984C117.126 22.8719 116.776 21.7659 116.752 21.1621C116.717 20.3344 117.194 19.1374 119.669 18.1469L164.635 0.807857C165.855 0.251357 167.164 0.370357 168.09 1.14211C169.162 2.03636 169.512 3.61486 169.05 5.47161L161.401 41.5181C161.079 43.0546 160.411 44.0679 159.411 44.5264C159.035 44.6996 158.633 44.7854 158.202 44.7854Z" fill="%23C5594D"/><path d="M1 27.9999C3.83333 21.9999 13.5 10.9999 29.5 14.9999C49.5 19.9999 55.5 53.5 81.5 48.5C102.3 44.5 119.167 36.5 125 33" stroke="%23C5594D"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 93.75rem) {
    .news__subtitle:after {
        top: 35%;
        width: 6.375rem;
        height: 1.875rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .news__subtitle:after {
        top: 50%
    }
}

@media screen and (max-width: 70rem) {
    .news__subtitle:after {
        top: 30%;
        height: 1.375rem;
        width: 4.0625rem
    }
}

@media screen and (max-width: 61.25rem) {
    .news__subtitle:after {
        top: auto;
        bottom: .625rem;
        right: .625rem;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0)
    }
}

.news__subtitle hr {
    height: 100%;
    min-width: .0625rem;
    width: .0625rem;
    height: 2.8125rem;
    background: var(--gray)
}

@media screen and (max-width: 79.9375rem) {
    .news__subtitle hr {
        height: 1.875rem
    }
}

@media screen and (max-width: 40rem) {
    .news__subtitle hr {
        height: 1.5625rem
    }
}

.news__subtitle strong,
.news__subtitle a {
    color: var(--primary);
    font-weight: inherit
}

.news__swiper {
    position: relative;
    width: 100%
}

.news__swiper .swiper {
    padding: 0 .75rem;
    width: 100%;
    overflow: visible
}

@media screen and (max-width: 79.9375rem) {
    .news__swiper .swiper {
        padding: 0 .375rem
    }
}

.news__swiper .swiper-button-prev,
.news__swiper .swiper-button-next {
    margin: 0 !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: var(--primary);
    --swiper-theme-color: #fff;
    --swiper-navigation-sides-offset: -2.8125rem
}

@media screen and (max-width: 105rem) {

    .news__swiper .swiper-button-prev,
    .news__swiper .swiper-button-next {
        --swiper-navigation-sides-offset: -1.25rem
    }
}

@media screen and (max-width: 79.9375rem) {

    .news__swiper .swiper-button-prev,
    .news__swiper .swiper-button-next {
        width: 2.375rem;
        height: 2.375rem;
        --swiper-navigation-sides-offset: -.625rem
    }
}

@media screen and (max-width: 29.6875rem) {

    .news__swiper .swiper-button-prev,
    .news__swiper .swiper-button-next {
        top: 45%;
        width: 2.1875rem;
        height: 2.1875rem
    }
}

.news__swiper .swiper-button-prev:after,
.news__swiper .swiper-button-next:after {
    font-size: 1.5rem
}

.news__swiper .swiper-button-prev.swiper-button-disabled,
.news__swiper .swiper-button-next.swiper-button-disabled {
    opacity: .5
}

.news__swiper .swiper-pagination {
    position: relative;
    display: none;
    --swiper-theme-color: var(--primary)
}

@media screen and (max-width: 40rem) {
    .news__swiper .swiper-pagination {
        margin-top: 1.25rem;
        display: block
    }
}

.news__list {
    margin-top: 1.25rem;
    padding: .75rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem 1.875rem
}

@media screen and (max-width: 79.9375rem) {
    .news__list {
        margin-top: 0rem;
        padding: .375rem;
        gap: 2.5rem 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .news__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 40rem) {
    .news__list {
        grid-template-columns: 1fr;
        gap: 1.875rem
    }
}

.news .card {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5625rem
}

@media screen and (max-width: 79.9375rem) {
    .news .card {
        gap: .9375rem
    }
}

.news .card:hover .card__img:before {
    top: -.5rem;
    left: -.5rem
}

.news .card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

.news .card__img {
    position: relative;
    width: 100%;
    height: 21.875rem
}

@media screen and (max-width: 105rem) {
    .news .card__img {
        height: 20rem
    }
}

@media screen and (max-width: 90rem) {
    .news .card__img {
        height: 18.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .news .card__img {
        height: 12.5rem
    }
}

.news .card__img:before {
    content: "";
    position: absolute;
    top: -.75rem;
    left: -.75rem;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: .0625rem solid var(--primary);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease)
}

@media screen and (max-width: 79.9375rem) {
    .news .card__img:before {
        top: -.375rem;
        left: -.375rem
    }
}

.news .card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news .card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .news .card__content {
        gap: .75rem
    }
}

@media screen and (max-width: 40rem) {
    .news .card__content {
        gap: .625rem
    }
}

.news .card__title {
    color: var(--primary);
    font-size: 1.375rem;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .news .card__title {
        font-size: 1rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .news .card .text-p {
        font-size: .875rem
    }
}

.news .card .btn {
    position: relative;
    z-index: 2
}

.our-products {
    position: relative;
    margin: 3.125rem 0
}

@media screen and (max-width: 64rem) {
    .our-products {
        margin: 1.5625rem 0
    }
}

@media screen and (max-width: 40rem) {
    .our-products {
        margin: 0
    }
}

.our-products .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width: 61.25rem) {
    .our-products .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.our-products__swiper {
    --size: 43.75rem;
    position: relative;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    background: url(../img/bg-circle.png) center/cover no-repeat;
    border-radius: 50%
}

@media screen and (max-width: 105rem) {
    .our-products__swiper {
        --size: 37.5rem
    }
}

@media screen and (max-width: 90rem) {
    .our-products__swiper {
        --size: 31.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .our-products__swiper {
        --size: 25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .our-products__swiper {
        margin: 0 auto
    }
}

@media screen and (max-width: 29.6875rem) {
    .our-products__swiper {
        --size: 21.5625rem
    }
}

@media screen and (max-width: 22.5rem) {
    .our-products__swiper {
        --size: 20rem
    }
}

.our-products__swiper:before,
.our-products__swiper:after {
    content: "";
    position: absolute;
    pointer-events: none
}

.our-products__swiper:before {
    top: 0;
    left: 0;
    -webkit-transform: translate(-35%, 10%);
    -ms-transform: translate(-35%, 10%);
    transform: translate(-35%, 10%);
    width: 9.0625rem;
    height: 9.6875rem;
    background: url('data:image/svg+xml,<svg width="156" height="146" viewBox="0 0 156 146" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="150" cy="6" r="6" transform="rotate(90 150 6)" fill="%23585359"/><circle cx="82" cy="6" r="6" transform="rotate(90 82 6)" fill="%23585359"/><circle cx="14" cy="6" r="6" transform="rotate(90 14 6)" fill="%23585359"/><circle cx="150" cy="73" r="6" transform="rotate(90 150 73)" fill="%23585359"/><circle cx="82" cy="73" r="6" transform="rotate(90 82 73)" fill="%23585359"/><circle cx="14" cy="73" r="6" transform="rotate(90 14 73)" fill="%23585359"/><circle cx="150" cy="140" r="6" transform="rotate(90 150 140)" fill="%23585359"/><circle cx="82" cy="140" r="6" transform="rotate(90 82 140)" fill="%23585359"/><circle cx="14" cy="140" r="6" transform="rotate(90 14 140)" fill="%23585359"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 90rem) {
    .our-products__swiper:before {
        -webkit-transform: translate(-30%, 0%) scale(.6);
        -ms-transform: translate(-30%, 0%) scale(.6);
        transform: translate(-30%) scale(.6)
    }
}

.our-products__swiper:after {
    top: 18%;
    right: .625rem;
    height: .875rem;
    width: 9.75rem;
    background: url('data:image/svg+xml,<svg width="158" height="8" viewBox="0 0 158 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L2 4C5.86599 0.134006 12.134 0.134006 16 4V4C19.866 7.86599 26.134 7.86599 30 4V4C33.866 0.134006 40.134 0.134006 44 4V4C47.866 7.86599 54.134 7.86599 58 4V4C61.866 0.134006 68.134 0.134006 72 4V4C75.866 7.86599 82.134 7.86599 86 4V4C89.866 0.134006 96.134 0.134006 100 4V4C103.866 7.86599 110.134 7.86599 114 4V4C117.866 0.134006 124.134 0.134006 128 4V4C131.866 7.86599 138.134 7.86599 142 4V4C145.866 0.134006 152.134 0.134007 156 4L157 5" stroke="%23C5594D" stroke-width="2" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .our-products__swiper:after {
        -webkit-transform: translateX(25%) scale(.6);
        -ms-transform: translateX(25%) scale(.6);
        transform: translate(25%) scale(.6)
    }
}

.our-products__swiper .swiper {
    width: 100%;
    height: 100%;
    overflow: visible
}

.our-products__swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 0 !important
}

.our-products__swiper .swiper-slide-active {
    opacity: 1 !important
}

.our-products__swiper .swiper-slide img {
    margin-top: -20%;
    width: 120%;
    height: 120%;
    -o-object-fit: contain;
    object-fit: contain;
    animation:floatY 3s ease-in-out infinite;
}

.our-products__swiper-nav {
    position: absolute;
    bottom: 3.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12.5rem
}

@media screen and (max-width: 79.9375rem) {
    .our-products__swiper-nav {
        gap: 7.5rem
    }
}

.our-products__swiper-nav:after {
    content: "";
    position: absolute;
    bottom: .9375rem;
    right: -3.75rem;
    width: .75rem;
    height: 9.5625rem;
    background: url('data:image/svg+xml,<svg width="12" height="153" viewBox="0 0 12 153" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23C5594D" /><circle cx="6" cy="53" r="6" fill="%23C5594D" /><circle cx="6" cy="100" r="6" fill="%23C5594D" /><circle cx="6" cy="147" r="6" fill="%23C5594D" /></svg>') center/contain no-repeat;
    pointer-events: none
}

@media screen and (max-width: 79.9375rem) {
    .our-products__swiper-nav:after {
        bottom: -.625rem;
        right: -2.5rem;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

.our-products__swiper .btn-prev,
.our-products__swiper .btn-next {
    width: 7.5rem;
    height: 1.25rem;
    background: url(../img/icons/arrow-right.svg) center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {

    .our-products__swiper .btn-prev,
    .our-products__swiper .btn-next {
        width: 4.625rem;
        height: .75rem
    }
}

.our-products__swiper .btn-prev.swiper-button-disabled,
.our-products__swiper .btn-next.swiper-button-disabled {
    background: url(../img/icons/arrow-right-disabled.svg) center/contain no-repeat;
    cursor: not-allowed
}

.our-products__swiper .btn-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.our-products__content {
    gap: 3.375rem
}

@media screen and (max-width: 105rem) {
    .our-products__content {
        gap: 1.875rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .our-products__content {
        gap: .9375rem
    }
}

@media screen and (max-width: 40rem) {
    .our-products__content .text-h2+.group-row {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .75rem
    }

    .our-products__content .text-h2+.group-row .btn {
        margin-left: 0
    }
}

.our-products__content .text-p {
    max-width: 55rem
}

@media screen and (max-width: 79.9375rem) {
    .our-products__content .text-p {
        font-size: .875rem
    }
}

.our-products__content .btn-secondary {
    margin-left: 2.5rem
}
@media(max-width:900px){
    .our-products__content .btn-secondary {
        margin-left: 0
    }
}
.our-products__content-swiper {
    position: relative;
    margin-top: 1.25rem;
    width: 100%;
    display: grid;
    white-space: nowrap
}

@media screen and (max-width: 79.9375rem) {
    .our-products__content-swiper {
        margin-top: .625rem
    }
}

@media screen and (max-width: 61.25rem) {
    .our-products__content-swiper {
        margin-top: 0;
        margin-bottom: .9375rem;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        overflow: visible
    }
}

@media screen and (max-width: 40rem) {
    .our-products__content-swiper {
        height: 1rem
    }
}

.our-products__content-swiper .swiper-wrapper {
    min-width: 0 !important
}

.our-products__content-swiper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 3.125rem;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(to right, #fff0, #fff);
    pointer-events: none
}

@media screen and (max-width: 61.25rem) {
    .our-products__content-swiper:after {
        display: none
    }
}

.our-products__content-swiper .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #989898;
    font-size: 1.25rem;
    text-transform: uppercase;
    cursor: pointer
}

@media screen and (max-width: 105rem) {
    .our-products__content-swiper .swiper-slide {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .our-products__content-swiper .swiper-slide {
        font-size: 1rem
    }
}

.our-products__content-swiper .swiper-slide-thumb-active {
    color: var(--primary)
}

.our-products__title {
    position: relative;
    margin-bottom: 1.875rem;
    padding: 1.25rem 2.1875rem;
    white-space: nowrap;
    gap: 1.875rem
}

.our-products__title.hidden {
    display: none
}

@media screen and (max-width: 105rem) {
    .our-products__title {
        padding: .9375rem 1.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .our-products__title {
        margin-bottom: .9375rem;
        font-size: 1.25rem;
        gap: .75rem .875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .our-products__title {
        margin-bottom: 1.875rem;
        display: none
    }

    .our-products__title.hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 40rem) {
    .our-products__title {
        padding: .75rem;
        font-size: 1rem
    }

    .our-products__title .text-primary {
        font-size: .875rem
    }
}

.our-products__title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    min-width: 70.9375rem;
    border: .1875rem solid var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .our-products__title:before {
        border-width: .125rem
    }
}

.our-products__title span:last-child {
    position: relative
}

.our-products__title span:last-child:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1.875rem;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 16.25rem;
    height: 1.5rem;
    background: url('data:image/svg+xml,<svg width="264" height="13" viewBox="0 0 264 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.23438 8.14286L2.90745 6.5C9.4098 0.115099 19.8282 0.1151 26.3305 6.5V6.5C32.8329 12.8849 43.2513 12.8849 49.7536 6.5V6.5C56.256 0.1151 66.6743 0.1151 73.1767 6.5V6.5C79.679 12.8849 90.0974 12.8849 96.5998 6.5V6.5C103.102 0.1151 113.52 0.1151 120.023 6.5V6.5C126.525 12.8849 136.944 12.8849 143.446 6.5V6.5C149.948 0.1151 160.367 0.1151 166.869 6.5V6.5C173.371 12.8849 183.79 12.8849 190.292 6.5V6.5C196.794 0.1151 207.213 0.1151 213.715 6.5V6.5C220.217 12.8849 230.636 12.8849 237.138 6.5V6.5C243.641 0.1151 254.059 0.1151 260.561 6.5L262.234 8.14286" stroke="%23C5594D" stroke-width="3" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .our-products__title span:last-child:after {
        right: -1.25rem;
        width: 9.0625rem;
        height: .875rem
    }
}

@media screen and (max-width: 40rem) {
    .our-products__title span:last-child:after {
        right: -.9375rem;
        width: 3.75rem;
        height: .375rem
    }
}

.our-products__title hr {
    height: 100%;
    min-width: .0625rem;
    width: .0625rem;
    height: 2.8125rem;
    background: var(--gray)
}

@media screen and (max-width: 79.9375rem) {
    .our-products__title hr {
        height: 1.875rem
    }
}

@media screen and (max-width: 40rem) {
    .our-products__title hr {
        height: 1.5625rem
    }
}

.partners {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.125rem
}

@media screen and (max-width: 40rem) {
    .partners {
        gap: 1.875rem
    }
}

.partners__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem;
    white-space: nowrap
}

@media screen and (max-width: 79.9375rem) {
    .partners__title {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 40rem) {
    .partners__title {
        font-size: 1.25rem;
        gap: .9375rem
    }
}

.partners__title:before,
.partners__title:after {
    content: "";
    display: block;
    width: 12.125rem;
    height: 1.0625rem;
    background: url('data:image/svg+xml,<svg width="198" height="11" viewBox="0 0 198 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.71429L3.2436 5.49999C8.08452 0.773146 15.8129 0.773152 20.6538 5.5V5.5C25.4948 10.2268 33.2232 10.2268 38.0641 5.5V5.5C42.905 0.773152 50.6334 0.773152 55.4744 5.5V5.5C60.3153 10.2268 68.0437 10.2268 72.8846 5.5V5.5C77.7255 0.773152 85.454 0.773152 90.2949 5.5V5.5C95.1358 10.2268 102.864 10.2268 107.705 5.5V5.5C112.546 0.773152 120.274 0.773152 125.115 5.5V5.5C129.956 10.2268 137.685 10.2268 142.526 5.5V5.5C147.367 0.773152 155.095 0.773152 159.936 5.5V5.5C164.777 10.2268 172.505 10.2268 177.346 5.5V5.5C182.187 0.773152 189.915 0.773147 194.756 5.5L196 6.71429" stroke="%23C5594D" stroke-width="3" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {

    .partners__title:before,
    .partners__title:after {
        width: 10rem;
        height: .9375rem
    }
}

@media screen and (max-width: 40rem) {

    .partners__title:before,
    .partners__title:after {
        width: 6.25rem;
        height: .5rem
    }
}

.partners__marquee {
    width: 100%
}

.partners__marquee .marquee-wrapper,
.partners__marquee .marquee-track {
    gap: 4rem
}

@media screen and (max-width: 40rem) {

    .partners__marquee .marquee-wrapper,
    .partners__marquee .marquee-track {
        gap: 1.875rem
    }
}

.partners__marquee img {
    max-height: 5.625rem;
    max-width: 12.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 79.9375rem) {
    .partners__marquee img {
        max-height: 3.75rem;
        max-width: 9.375rem
    }
}

@media screen and (max-width: 40rem) {
    .partners__marquee img {
        max-height: 3.125rem;
        max-width: 8.75rem
    }
}

.post {
    position: relative
}

.post .container {
    gap: 0
}

.post__info {
    margin-top: 3.125rem;
    width: 100%;
    gap: 1.25rem
}

@media screen and (max-width: 40rem) {
    .post__info {
        margin-top: 1.875rem
    }
}

.post__info-date {
    color: var(--primary);
    font-size: clamp(1.125rem, 1.0385rem + .3846vw, 1.5rem);
    font-weight: 500
}

.post__info-title {
    font-size: clamp(1.125rem, .7644rem + 1.6026vw, 2.6875rem);
    font-weight: 500;
    margin-bottom: 35px;
}

.post__img {
    position: relative;
    margin: 1.875rem 0 3.125rem;
    width: 100%
}

@media screen and (max-width: 40rem) {
    .post__img {
        margin: 1.25rem 0
    }
}

.post__img .swiper {
    width: 100%;
    height: 100%;
    max-height: 35rem
}

.post__img .swiper-button-prev,
.post__img .swiper-button-next {
    margin: 0 !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    z-index: 2;
    font-size: 2rem;
    --swiper-navigation-color: #fff;
    --swiper-navigation-sides-offset: 1.25rem;
    --swiper-navigation-size: rem(14)
}

@media screen and (max-width: 40rem) {

    .post__img .swiper-button-prev,
    .post__img .swiper-button-next {
        font-size: 1.5rem;
        --swiper-navigation-sides-offset: .9375rem
    }
}

.post__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5625rem
}

@media screen and (max-width: 40rem) {
    .post__content {
        gap: 1.25rem
    }
}

.post__content h1 {
    font-size: clamp(1.5rem, 1.1538rem + .7692vw, 3rem)
}

.post__content h2 {
    font-size: clamp(1rem, .7692rem + 1.0256vw, 2rem)
}

.post__content h3 {
    font-size: clamp(1rem, .8846rem + .5128vw, 1.5rem)
}

.post__content h1,
.post__content h2,
.post__content h3 {
    color: var(--primary);
    text-transform: uppercase
}

.post__content p {
    font-family: var(--font-museo);
    font-size: clamp(.875rem, .8173rem + .2564vw, 1.125rem)
}

.post__content strong,
.post__content b {
    font-weight: 700;
    font-family: var(--font-primary)
}

.post__content img,
.post__content video,
.post__content iframe {
    width: 100%;
    height: auto;
    max-height: 35rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: none
}

.process {
    position: relative
}

.process .news__title {
    min-width: 55%
}

@media screen and (max-width: 90rem) {
    .process .news__title {
        min-width: 50%
    }
}

.process .wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify-between;
    -ms-flex-pack: justify-between;
    justify-content: justify-between;
    gap: 5rem
}

@media screen and (max-width: 79.9375rem) {
    .process .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.5rem
    }
}

.process__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 2.5rem
}

@media screen and (max-width: 40rem) {
    .process__text {
        gap: 1.25rem
    }
}

.process__text ul {
    padding-left: 1.5rem;
    list-style-type: disc;
    width: 100%;
    gap: 1.25rem;
	    font-family: var(--font-museo);
}
.process__text strong{
	font-weight:bold;
	color:var(--primary);
}
@media screen and (max-width: 40rem) {
    .process__text ul {
        gap: .75rem;
		font-size:.875rem
	
    }
}

.process__text ul li::marker {
    color: var(--primary);
    font-size: 1.5rem
}

@media screen and (max-width: 40rem) {
    .process__text ul li::marker {
        font-size: 1.25rem
    }
}

.process__video {
    position: relative;
    width: 45.625rem;
    height: 22.8125rem
}

@media screen and (max-width: 79.9375rem) {
    .process__video {
        width: 100%
    }
}

@media screen and (max-width: 40rem) {
    .process__video {
        height: 18.75rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .process__video {
        height: 12.5rem
    }
}

.process__video-btn {
    position: absolute;
    top: 0;
    left: 1.25rem;
    padding: .875rem;
    font-size: .875rem;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    --icon-size: 4.6875rem
}

@media screen and (max-width: 40rem) {
    .process__video-btn {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.process__video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product-card {
    position: relative
}

.product-card .container {
    display: grid;
    grid-template-columns: 43.75rem 1fr;
    gap: 3.125rem 5rem
}

@media screen and (max-width: 105rem) {
    .product-card .container {
        grid-template-columns: 37.5rem 1fr
    }
}

@media screen and (max-width: 90rem) {
    .product-card .container {
        grid-template-columns: 31.25rem 1fr;
        gap: 2.5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .product-card .container {
        grid-template-columns: 25rem 1fr;
        gap: 1.875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .product-card .container {
        grid-template-columns: 1fr
    }
}

.product-card .text-h1.hidden {
    display: none
}

@media screen and (max-width: 105rem) {
    .product-card .text-h1 {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .product-card .text-h1 {
        font-size: 2rem
    }
}

@media screen and (max-width: 64rem) {
    .product-card .text-h1 {
        font-size: 1.5rem
    }
}
.btn--back-to-cat.hidden{
		display:none;	
	}
@media screen and (max-width: 61.25rem) {
    .product-card .text-h1 {
        display: none
    }

    .product-card .text-h1.hidden {
        display: block
    }
	.btn--back-to-cat{
		display:none;	
	}
	.btn--back-to-cat.hidden {
    display: flex;
    justify-content: flex-start;
}
}

@media screen and (max-width: 29.6875rem) {
    .product-card .text-h1 {
        font-size: 1.125rem
    }
}

.product-card__img {
    grid-row-start: span 2;
    gap: .625rem;
	position:relative;
}

@media screen and (max-width: 90rem) {
    .product-card__img {
        width: 100%;
        grid-row-start: unset
    }
}

.product-card__img-label {
    color: var(--primary);
    font-size: clamp(2rem, -.1429rem + 3.3482vw, 3.875rem);
    font-weight: 500;
    font-family: var(--font-monserrat)
}

@media screen and (max-width: 61.25rem) {
    .product-card__img-label {
        display: none
    }
}

.product-card__swiper {
    --size: 43.75rem;
    margin-top: 3.125rem;
    position: relative;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    background: url(../img/bg-circle.png) center/cover no-repeat;
    border-radius: 50%
}

@media screen and (max-width: 105rem) {
    .product-card__swiper {
        --size: 37.5rem
    }
}

@media screen and (max-width: 90rem) {
    .product-card__swiper {
        --size: 31.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .product-card__swiper {
        margin-top: 0;
        --size: 25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .product-card__swiper {
        margin: 0 auto
    }
}

@media screen and (max-width: 29.6875rem) {
    .product-card__swiper {
        --size: 21.5625rem
    }
}

@media screen and (max-width: 22.5rem) {
    .product-card__swiper {
        --size: 20rem
    }
}

.product-card__swiper:before,
.product-card__swiper:after {
    content: "";
    position: absolute;
    pointer-events: none
}

.product-card__swiper:after {
    top: 18%;
    right: .625rem;
    height: .875rem;
    width: 9.75rem;
    background: url('data:image/svg+xml,<svg width="158" height="8" viewBox="0 0 158 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L2 4C5.86599 0.134006 12.134 0.134006 16 4V4C19.866 7.86599 26.134 7.86599 30 4V4C33.866 0.134006 40.134 0.134006 44 4V4C47.866 7.86599 54.134 7.86599 58 4V4C61.866 0.134006 68.134 0.134006 72 4V4C75.866 7.86599 82.134 7.86599 86 4V4C89.866 0.134006 96.134 0.134006 100 4V4C103.866 7.86599 110.134 7.86599 114 4V4C117.866 0.134006 124.134 0.134006 128 4V4C131.866 7.86599 138.134 7.86599 142 4V4C145.866 0.134006 152.134 0.134007 156 4L157 5" stroke="%23C5594D" stroke-width="2" /></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .product-card__swiper:after {
        -webkit-transform: translateX(25%) scale(.6);
        -ms-transform: translateX(25%) scale(.6);
        transform: translate(25%) scale(.6)
    }
}

.product-card__swiper .swiper {
    width: 100%;
    height: 100%;
    overflow: visible
}

.product-card__swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 0 !important
}

.product-card__swiper .swiper-slide-active {
    opacity: 1 !important
}

.product-card__swiper .swiper-slide img {
    margin-top: -20%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.product-card__swiper-nav {
    position: absolute;
    bottom: 3.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12.5rem
}

@media screen and (max-width: 79.9375rem) {
    .product-card__swiper-nav {
        gap: 7.5rem
    }
}

.product-card__swiper-nav:after {
    content: "";
    position: absolute;
    bottom: .9375rem;
    right: -3.75rem;
    width: .75rem;
    height: 9.5625rem;
    background: url('data:image/svg+xml,<svg width="12" height="153" viewBox="0 0 12 153" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23C5594D" /><circle cx="6" cy="53" r="6" fill="%23C5594D" /><circle cx="6" cy="100" r="6" fill="%23C5594D" /><circle cx="6" cy="147" r="6" fill="%23C5594D" /></svg>') center/contain no-repeat;
    pointer-events: none
}

@media screen and (max-width: 79.9375rem) {
    .product-card__swiper-nav:after {
        bottom: -.625rem;
        right: -2.5rem;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

.product-card__swiper .btn-prev,
.product-card__swiper .btn-next {
    width: 7.5rem;
    height: 1.25rem;
    background: url(../img/icons/arrow-right.svg) center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {

    .product-card__swiper .btn-prev,
    .product-card__swiper .btn-next {
        width: 4.625rem;
        height: .75rem
    }
}

.product-card__swiper .btn-prev.swiper-button-disabled,
.product-card__swiper .btn-next.swiper-button-disabled {
    background: url(../img/icons/arrow-right-disabled.svg) center/contain no-repeat;
    cursor: not-allowed
}

.product-card__swiper .btn-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-card__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 3.125rem
}

.product-card__text {
    width: 100%;
    gap: 1.5625rem
}

.product-card__options {
    width: 100%;
    gap: 3.75rem
}

@media screen and (max-width: 90rem) {
    .product-card__options {
        grid-column-start: span 2
    }
}

@media screen and (max-width: 61.25rem) {
    .product-card__options {
        margin-top: 1.875rem;
        grid-column-start: span 1
    }
}

@media screen and (max-width: 40rem) {
    .product-card__options {
        gap: 2.5rem
    }
}

.product-card__options-title {
    position: relative;
    color: var(--primary);
    font-size: 1.5rem;
    text-transform: uppercase
}

@media screen and (max-width: 105rem) {
    .product-card__options-title {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .product-card__options-title {
        font-size: 1rem
    }
}

.product-card__options-title:after {
    content: "";
    margin-left: 1.25rem;
    display: inline-block;
    width: 9.75rem;
    height: .875rem;
    background: url('data:image/svg+xml,<svg width="265" height="13" viewBox="0 0 265 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.14286L3.67308 6.5C10.1754 0.115099 20.5938 0.1151 27.0962 6.5V6.5C33.5985 12.8849 44.0169 12.8849 50.5192 6.5V6.5C57.0216 0.1151 67.44 0.1151 73.9423 6.5V6.5C80.4447 12.8849 90.863 12.8849 97.3654 6.5V6.5C103.868 0.1151 114.286 0.1151 120.788 6.5V6.5C127.291 12.8849 137.709 12.8849 144.212 6.5V6.5C150.714 0.1151 161.132 0.1151 167.635 6.5V6.5C174.137 12.8849 184.555 12.8849 191.058 6.5V6.5C197.56 0.1151 207.978 0.1151 214.481 6.5V6.5C220.983 12.8849 231.401 12.8849 237.904 6.5V6.5C244.406 0.1151 254.825 0.1151 261.327 6.5L263 8.14286" stroke="%23C5594D" stroke-width="3"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 29.6875rem) {
    .product-card__options-title:after {
        margin-left: .75rem;
        width: 5rem;
        height: .5rem
    }
}

.product-card__options-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem 1.25rem
}

@media screen and (max-width: 40rem) {
    .product-card__options-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem .75rem
    }

    .product-card__options-list .product__content-title {
        font-size: .75rem
    }
}

.product-recipes {
    position: relative
}

.product-recipes:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(90%, -50%);
    -ms-transform: translate(90%, -50%);
    transform: translate(90%, -50%);
    z-index: -1;
    width: 33.875rem;
    height: 30.625rem;
    background: url(../img/recipes.svg) center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .product-recipes:after {
        -webkit-transform: translate(90%, -50%);
        -ms-transform: translate(90%, -50%);
        transform: translate(90%, -50%);
        width: 27.5rem;
        height: 25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .product-recipes:after {
        top: auto;
        bottom: -1.875rem;
        left: auto;
        right: 0;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
        width: 14.6875rem;
        height: 13.4375rem
    }
}

@media screen and (max-width: 61.25rem) {
    .product-recipes:after {
        display: none
    }
}

.product-recipes__list {
    position: relative;
    width: 100%;
    max-width: calc(75% - 1.25rem)
}

@media screen and (max-width: 79.9375rem) {
    .product-recipes__list {
        max-width: calc(100% - 6.25rem)
    }
}

@media screen and (max-width: 61.25rem) {
    .product-recipes__list {
        max-width: 100%
    }
}

.product-recipes__list .swiper {
    width: 100%;
    display: grid
}

.product-recipes__list .swiper-wrapper {
    min-width: unset !important
}

.product-recipes__list .swiper-button-prev,
.product-recipes__list .swiper-button-next {
    margin: 0 !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    padding: .5rem;
    width: 3.125rem;
    height: 3.125rem;
    color: var(--primary);
    border: .0625rem solid var(--primary);
    --swiper-navigation-sides-offset: -3.75rem;
    --swiper-navigation-size: rem(14)
}

@media screen and (max-width: 79.9375rem) {

    .product-recipes__list .swiper-button-prev,
    .product-recipes__list .swiper-button-next {
        width: 2.5rem;
        height: 2.5rem;
        --swiper-navigation-sides-offset: -3.75rem
    }
}

@media screen and (max-width: 61.25rem) {

    .product-recipes__list .swiper-button-prev,
    .product-recipes__list .swiper-button-next {
        --swiper-navigation-sides-offset: -.625rem
    }
}

@media screen and (max-width: 29.6875rem) {

    .product-recipes__list .swiper-button-prev,
    .product-recipes__list .swiper-button-next {
        width: 1.875rem;
        height: 1.875rem
    }
}

.product-recipes__list .swiper-button-prev:hover,
.product-recipes__list .swiper-button-next:hover {
    color: #fff;
    background: var(--primary)
}

.product-recipes__list .swiper-button-prev:hover:after,
.product-recipes__list .swiper-button-next:hover:after {
    background: url('data:image/svg+xml,<svg width="43" height="15" viewBox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.2071 8.20711C42.5976 7.81658 42.5976 7.18342 42.2071 6.79289L35.8431 0.428932C35.4526 0.0384078 34.8195 0.0384078 34.4289 0.428932C34.0384 0.819457 34.0384 1.45262 34.4289 1.84315L40.0858 7.5L34.4289 13.1569C34.0384 13.5474 34.0384 14.1805 34.4289 14.5711C34.8195 14.9616 35.4526 14.9616 35.8431 14.5711L42.2071 8.20711ZM0 8.5H41.5V6.5H0V8.5Z" fill="%23ffffff"/></svg>') center/contain no-repeat
}

.product-recipes__list .swiper-button-prev:after,
.product-recipes__list .swiper-button-next:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="43" height="15" viewBox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.2071 8.20711C42.5976 7.81658 42.5976 7.18342 42.2071 6.79289L35.8431 0.428932C35.4526 0.0384078 34.8195 0.0384078 34.4289 0.428932C34.0384 0.819457 34.0384 1.45262 34.4289 1.84315L40.0858 7.5L34.4289 13.1569C34.0384 13.5474 34.0384 14.1805 34.4289 14.5711C34.8195 14.9616 35.4526 14.9616 35.8431 14.5711L42.2071 8.20711ZM0 8.5H41.5V6.5H0V8.5Z" fill="%23C5594D"/></svg>') center/contain no-repeat
}

.product-recipes__list .swiper-button-prev.swiper-button-disabled,
.product-recipes__list .swiper-button-next.swiper-button-disabled {
    display: none !important
}

.product-recipes__list .swiper-button-prev {
    display: none
}

@media screen and (max-width: 40rem) {
    .product-recipes__list .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-recipes__list .swiper-button-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.recipe {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5rem
}

@media screen and (max-width: 29.6875rem) {
    .recipe {
        gap: .9375rem
    }
}

.recipe:hover .recipe__img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

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

.recipe__img {
    width: 100%;
    height: 18.75rem;
    border: .0625rem solid var(--primary);
    overflow: hidden
}

@media screen and (max-width: 105rem) {
    .recipe__img {
        height: 15rem
    }
}

@media screen and (max-width: 90rem) {
    .recipe__img {
        height: 13.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .recipe__img {
        height: 15rem
    }
}

@media screen and (max-width: 48rem) {
    .recipe__img {
        height: 12.5rem
    }
}

@media screen and (max-width: 40rem) {
    .recipe__img {
        height: 8.75rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .recipe__img {
        height: 7.1875rem
    }
}

.recipe__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.recipe__content {
    padding: 0 .75rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .75rem
}

@media screen and (max-width: 40rem) {
    .recipe__content {
        padding: 0;
        gap: .625rem
    }
}

.recipe__content-title {
    color: var(--primary);
    font-size: 1.375rem;
    text-transform: uppercase
}

@media screen and (max-width: 61.25rem) {
    .recipe__content-title {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 48rem) {
    .recipe__content-title {
        font-size: 1rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .recipe__content-title {
        font-size: .875rem
    }
}

.recipe__content .btn {
    position: relative;
    z-index: 2
}

.products {
    position: relative
}

.products .wrapper {
    padding-bottom: 2.1875rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.1875rem
}

@media screen and (max-width: 40rem) {
    .products .wrapper {
        padding-bottom: 1.25rem;
        gap: 1.25rem
    }
}

.products__category {
    position: relative;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .products__category {
        margin-top: .625rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: .9375rem
    }
}

.products__category-title {
    padding: 1.125rem 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1875rem solid var(--primary);
    gap: 2.375rem
}

@media screen and (max-width: 105rem) {
    .products__category-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (max-width: 79.9375rem) {
    .products__category-title {
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__category-title {
        padding: .9375rem .9375rem 1.25rem;
        gap: 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .products__category-title {
        font-size: 1rem !important
    }
}

.products__category-title .text-h1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width: 90rem) {
    .products__category-title .text-h1 {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .products__category-title .text-h1 {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__category-title .text-h1 {
        position: static
    }
}

@media screen and (max-width: 29.6875rem) {
    .products__category-title .text-h1 {
        font-size: 1rem;
        gap: .625rem
    }
}

.products__category-title .text-h1:after {
    content: "";
    display: block;
    width: 16.25rem;
    height: 1.5rem;
    background: url('data:image/svg+xml,<svg width="265" height="13" viewBox="0 0 265 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.14286L3.67308 6.5C10.1754 0.115099 20.5938 0.1151 27.0962 6.5V6.5C33.5985 12.8849 44.0169 12.8849 50.5192 6.5V6.5C57.0216 0.1151 67.44 0.1151 73.9423 6.5V6.5C80.4447 12.8849 90.863 12.8849 97.3654 6.5V6.5C103.868 0.1151 114.286 0.1151 120.788 6.5V6.5C127.291 12.8849 137.709 12.8849 144.212 6.5V6.5C150.714 0.1151 161.132 0.1151 167.635 6.5V6.5C174.137 12.8849 184.555 12.8849 191.058 6.5V6.5C197.56 0.1151 207.978 0.1151 214.481 6.5V6.5C220.983 12.8849 231.401 12.8849 237.904 6.5V6.5C244.406 0.1151 254.825 0.1151 261.327 6.5L263 8.14286" stroke="%23C5594D" stroke-width="3"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 79.9375rem) {
    .products__category-title .text-h1:after {
        width: 12.5rem;
        height: 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__category-title .text-h1:after {
        position: absolute;
        bottom: .5rem;
        right: .9375rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .products__category-title .text-h1:after {
        width: 6.25rem;
        height: .75rem
    }
}

.products__category-back {
    padding: .625rem 1.25rem;
    width: 16.5625rem;
    font-size: 1.25rem;
    border: .1875rem solid var(--primary);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .products__category-back {
        padding: .3125rem .9375rem;
        font-size: 1rem;
        border-width: .125rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__category-back {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .products__category-back hr {
        margin-left: auto
    }
}

.products__category-back:hover {
    background: var(--primary);
    color: #fff
}

.products__category-back:hover .text-primary {
    color: #fff
}

.products__category-back:hover hr {
    background: #fff
}

.products__category-back span {
    line-height: 1.8
}

@media screen and (max-width: 79.9375rem) {
    .products__category-back span {
        line-height: 1.35
    }
}

.products__category-back hr {
    height: 5.25rem;
    min-width: .125rem;
    width: .125rem;
    background: var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .products__category-back hr {
        height: 1.875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__category-back hr {
        min-width: .0625rem;
        width: .0625rem
    }
}

.products__category-back .font-montserrat {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-weight: 500;
    line-height: 1
}

@media screen and (max-width: 61.25rem) {
    .products__category-back .font-montserrat {
        font-size: .75rem
    }
}

.products__text {
    margin-top: -.9375rem;
    margin-bottom: 3.125rem;
    gap: 2.1875rem
}

@media screen and (max-width: 61.25rem) {
    .products__text {
        margin-top: 0
    }
}
/* .products__text .text-p {
    display: flex;
    flex-direction: column;
    gap: 15px;
} */
.products__text .text-p strong{
   font-weight: bold;
   color: var(--primary);
}
@media screen and (min-width: 79.9375rem) {
    .products__text .text-p {
        max-width: 80%
    }
}

.products__catalog {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media screen and (max-width: 61.25rem) {
    .products__catalog .btn {
        display: none
    }
}

.products__swiper {
    position: relative;
    width: 100%
}

.products__swiper .swiper {
    margin-top: -1.25rem;
    padding-top: 2.5rem;
    width: 100%
}

@media screen and (max-width: 29.6875rem) {
    .products__swiper .swiper {
        padding-top: 1.5625rem;
        overflow: visible
    }
}

.products__swiper .swiper-scrollbar {
    position: relative;
    bottom: -2.1875rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: .125rem;
    background: #a7a7a7
}

@media screen and (max-width: 29.6875rem) {
    .products__swiper .swiper-scrollbar {
        bottom: -3.75rem
    }
}

.products__swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--primary)
}

.products__swiper .swiper-button-prev,
.products__swiper .swiper-button-next {
    margin: 0 !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    padding: .5rem;
    width: 3.125rem;
    height: 3.125rem;
    color: var(--primary);
    border: .0625rem solid var(--primary);
    --swiper-navigation-sides-offset: -1.875rem;
    --swiper-navigation-size: rem(14)
}

@media screen and (max-width: 79.9375rem) {

    .products__swiper .swiper-button-prev,
    .products__swiper .swiper-button-next {
        width: 2.5rem;
        height: 2.5rem;
        --swiper-navigation-sides-offset: -.625rem
    }
}

@media screen and (max-width: 29.6875rem) {

    .products__swiper .swiper-button-prev,
    .products__swiper .swiper-button-next {
        width: 1.875rem;
        height: 1.875rem
    }
}

.products__swiper .swiper-button-prev:hover,
.products__swiper .swiper-button-next:hover {
    color: #fff;
    background: var(--primary)
}

.products__swiper .swiper-button-prev:hover:after,
.products__swiper .swiper-button-next:hover:after {
    background: url('data:image/svg+xml,<svg width="43" height="15" viewBox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.2071 8.20711C42.5976 7.81658 42.5976 7.18342 42.2071 6.79289L35.8431 0.428932C35.4526 0.0384078 34.8195 0.0384078 34.4289 0.428932C34.0384 0.819457 34.0384 1.45262 34.4289 1.84315L40.0858 7.5L34.4289 13.1569C34.0384 13.5474 34.0384 14.1805 34.4289 14.5711C34.8195 14.9616 35.4526 14.9616 35.8431 14.5711L42.2071 8.20711ZM0 8.5H41.5V6.5H0V8.5Z" fill="%23ffffff"/></svg>') center/contain no-repeat
}

.products__swiper .swiper-button-prev:after,
.products__swiper .swiper-button-next:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="43" height="15" viewBox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.2071 8.20711C42.5976 7.81658 42.5976 7.18342 42.2071 6.79289L35.8431 0.428932C35.4526 0.0384078 34.8195 0.0384078 34.4289 0.428932C34.0384 0.819457 34.0384 1.45262 34.4289 1.84315L40.0858 7.5L34.4289 13.1569C34.0384 13.5474 34.0384 14.1805 34.4289 14.5711C34.8195 14.9616 35.4526 14.9616 35.8431 14.5711L42.2071 8.20711ZM0 8.5H41.5V6.5H0V8.5Z" fill="%23C5594D"/></svg>') center/contain no-repeat
}

.products__swiper .swiper-button-prev.swiper-button-disabled,
.products__swiper .swiper-button-next.swiper-button-disabled {
    display: none !important
}

.products__swiper .swiper-button-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.products__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5rem 1.25rem
}

@media screen and (max-width: 105rem) {
    .products__list {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width: 79.9375rem) {
    .products__list {
        grid-template-columns: repeat(4, 1fr);
        gap: 3.75rem 1.25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .products__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 3.125rem 1.25rem
    }
}

@media screen and (max-width: 40rem) {
    .products__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem .625rem
    }
}

.products .btn.hidden {
    display: none
}

@media screen and (max-width: 61.25rem) {
    .products .btn.hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem
}

.product:hover .product__img:after {
    opacity: 1
}

.product__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.product__img {
    position: relative;
    width: 13.375rem;
    height: 13.375rem;
    background: url(../img/bg-circle.png) center/cover no-repeat;
    border-radius: 50%;
    overflow: visible
}

@media screen and (max-width: 79.9375rem) {
    .product__img {
        width: 11.5625rem;
        height: 11.5625rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .product__img {
        width: 10.625rem;
        height: 10.625rem
    }
}

@media screen and (max-width: 25rem) {
    .product__img {
        width: calc((100vw - 2rem - 12px)/2);
        height: calc((100vw - 2rem - 12px)/2)
    }
}

.product__img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3.125rem;
    height: 3.125rem;
    background: var(--primary) center/contain no-repeat;
    background-image: url('data:image/svg+xml,<svg width="35" height="8" viewBox="0 0 35 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.8536 4.35355C35.0488 4.15829 35.0488 3.84171 34.8536 3.64645L31.6716 0.464466C31.4763 0.269204 31.1597 0.269204 30.9645 0.464466C30.7692 0.659728 30.7692 0.976311 30.9645 1.17157L33.7929 4L30.9645 6.82843C30.7692 7.02369 30.7692 7.34027 30.9645 7.53553C31.1597 7.7308 31.4763 7.7308 31.6716 7.53553L34.8536 4.35355ZM0 4.5H34.5V3.5H0V4.5Z" fill="white"/></svg>');
    background-size: 75% auto;
    border-radius: 50%;
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width: 79.9375rem) {
    .product__img:after {
        width: 2.5rem;
        height: 2.5rem
    }
}

.product__img img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%);
    max-width: 100%;
    max-height: 15.625rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 79.9375rem) {
    .product__img img {
        max-height: 13.75rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .product__img img {
        max-height: 12.5rem
    }
}

@media screen and (max-width: 25rem) {
    .product__img img {
        max-height: 50vw
    }
}

.product__content {
    padding: 0 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media screen and (max-width: 29.6875rem) {
    .product__content {
        gap: .75rem
    }
}

.product__content-title {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 79.9375rem) {
    .product__content-title {
        font-size: 1rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .product__content-title {
        font-size: .875rem
    }
}

.product__content-details {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .625rem .75rem
}

@media screen and (max-width: 29.6875rem) {
    .product__content-details {
        gap: .5rem
    }
}

.product__content-weight,
.product__content-location {
    font-size: 1.125rem;
    font-family: var(--font-museo);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .375rem
}

@media screen and (max-width: 105rem) {

    .product__content-weight,
    .product__content-location {
        font-size: 1rem
    }
}

@media screen and (max-width: 79.9375rem) {

    .product__content-weight,
    .product__content-location {
        font-size: .875rem
    }
}

.recipe {
    position: relative
}

.recipe .news__title {
    min-width: 55%
}

@media screen and (max-width: 90rem) {
    .recipe .news__title {
        min-width: 50%
    }
}

.recipe__images {
    margin-top: -1.25rem;
    position: relative;
    width: 100%;
    height: 25.9375rem
}

@media screen and (max-width: 61.25rem) {
    .recipe__images {
        margin-top: 0
    }
}

@media screen and (max-width: 40rem) {
    .recipe__images {
        height: 21.875rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .recipe__images {
        height: 17.8125rem
    }
}

.recipe__images-title {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 2;
    padding: 1.5rem 5rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
    background: var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .recipe__images-title {
        top: .75rem;
        left: .75rem;
        padding: 1.125rem 2.5rem;
        font-size: .875rem
    }
}

@media screen and (max-width: 40rem) {
    .recipe__images-title {
        top: 0;
        left: 0;
        width: 100%;
        padding: .9375rem 1.25rem;
        text-align: center
    }
}

.recipe__images .swiper {
    width: 100%;
    height: 100%
}

.recipe__images .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.recipe__images .swiper-pagination {
    z-index: 2;
    --swiper-theme-color: var(--primary);
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-size: .625rem
}

.recipe__text {
    width: 100%;
    max-width: 55rem
}

.recipe__details {
    width: 100%;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 5rem
}

@media screen and (max-width: 90rem) {
    .recipe__details {
        grid-template-columns: 1fr;
        gap: 2.5rem
    }
}

.recipe__ingredients-table {
    width: 100%;
    border-collapse: collapse
}

.recipe__ingredients-table th {
    color: var(--primary);
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: .9375rem 1.25rem;
    text-align: left
}

@media screen and (max-width: 79.9375rem) {
    .recipe__ingredients-table th {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 40rem) {
    .recipe__ingredients-table th {
        font-size: .875rem;
        padding: .625rem 0
    }
}

.recipe__ingredients-table th.recipe__ingredients-quantity {
    text-align: center;
    width: 8.75rem
}

@media screen and (max-width: 40rem) {
    .recipe__ingredients-table th.recipe__ingredients-quantity {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: right
    }
}

.recipe__ingredients-table tbody tr {
    border-bottom: 1px solid var(--primary)
}

.recipe__ingredients-table tbody tr.yakimal-product .ingredient-name {
    color: var(--primary);
    font-weight: 700
}

.recipe__ingredients-table td {
    padding: 1.25rem;
    font-size: 1.25rem;
    font-weight: 400;
    font-family: var(--font-museo)
}

@media screen and (max-width: 79.9375rem) {
    .recipe__ingredients-table td {
        font-size: 1rem
    }
}

@media screen and (max-width: 40rem) {
    .recipe__ingredients-table td {
        font-size: .875rem;
        padding: .75rem 0
    }
}

.recipe__ingredients-table td.ingredient-amount {
    text-align: center;
    width: 8.75rem
}

@media screen and (max-width: 40rem) {
    .recipe__ingredients-table td.ingredient-amount {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: right
    }
}

.recipe__products {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.125rem
}

.recipe__products-header {
    position: relative;
    padding: 1.5rem;
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    background: var(--primary)
}

@media screen and (max-width: 48rem) {
    .recipe__products-header {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 40rem) {
    .recipe__products-header {
        padding: 1.25rem;
        font-size: 1rem
    }
}

.recipe__products-header:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 13.4375rem;
    background: url('data:image/svg+xml,<svg width="217" height="75" viewBox="0 0 217 75" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M108.295 -32.1922C133.72 -32.1922 157.636 -22.5034 175.614 -4.95071C193.592 12.602 203.499 35.9945 203.499 60.8469C203.499 85.6994 193.559 109.059 175.581 126.645C157.603 144.23 133.687 153.886 108.262 153.886C82.8367 153.886 58.9535 144.197 40.9755 126.645C22.9974 109.092 13.0898 85.6994 13.0898 60.8469C13.0898 35.9945 22.9974 12.6351 40.9755 -4.95071C58.9535 -22.5366 82.8695 -32.1922 108.295 -32.1922ZM108.295 -45C48.4882 -45 0 2.38226 0 60.8469C0 119.312 48.4882 166.694 108.295 166.694C168.101 166.694 216.589 119.312 216.589 60.8469C216.589 2.38226 168.101 -45 108.295 -45Z" fill="white"/><path d="M108.264 5.03975C122.765 5.03975 135.002 -4.53087 138.61 -17.5787C134.542 -19.0689 130.343 -20.2611 126.045 -21.1553C124.011 -13.4392 116.794 -7.74315 108.264 -7.74315C99.7016 -7.74315 92.5169 -13.4392 90.4829 -21.1553C86.1524 -20.2611 81.9532 -19.0689 77.918 -17.5787C81.5595 -4.53087 93.7636 5.03975 108.264 5.03975Z" fill="white"/><path d="M142.806 101.806C142.806 79.8172 161.145 61.9344 183.683 61.9344C187.292 61.9344 190.802 62.398 194.116 63.259C194.149 62.4642 194.149 61.6694 194.149 60.8746C194.149 57.1987 193.919 53.589 193.427 50.0456C190.245 49.4826 186.997 49.1846 183.651 49.1846C153.829 49.1846 129.684 72.7634 129.684 101.84C129.684 115.45 134.998 127.869 143.692 137.208C147.858 135.386 151.828 133.234 155.601 130.783C147.727 123.498 142.806 113.198 142.806 101.806Z" fill="white"/><path d="M32.8716 28.2539C31.5921 28.2539 30.3455 28.287 29.0988 28.3533C27.2616 32.5921 25.7853 36.9966 24.6699 41.5667C27.3601 41.2355 30.083 41.0368 32.8716 41.0368C67.2201 41.0368 95.1714 68.2916 95.1714 101.805C95.1714 116.41 89.8567 129.822 81.0317 140.32C85.4934 141.777 90.152 142.903 94.9089 143.598C103.34 131.709 108.261 117.304 108.261 101.772C108.294 61.1716 74.536 28.2539 32.8716 28.2539Z" fill="white"/><path d="M121.384 101.805C121.384 68.2916 149.336 41.0368 183.684 41.0368C186.473 41.0368 189.196 41.2024 191.886 41.5667C190.77 36.9966 189.294 32.5921 187.457 28.3533C186.21 28.287 184.931 28.2539 183.684 28.2539C142.053 28.2539 108.262 61.1716 108.262 101.805C108.262 117.337 113.183 131.742 121.614 143.631C126.371 142.903 131.03 141.81 135.491 140.353C126.699 129.822 121.384 116.41 121.384 101.805Z" fill="white"/><path d="M108.265 26.9955C131.328 26.9955 151.012 12.888 158.755 -6.98183C155.146 -9.53179 151.34 -11.8499 147.305 -13.8369C142.122 2.39009 126.571 14.2126 108.265 14.2126C89.9591 14.2126 74.4088 2.42321 69.2253 -13.8038C65.2229 -11.8168 61.4173 -9.49867 57.8086 -6.94871C65.5182 12.9211 85.2021 26.9955 108.265 26.9955Z" fill="white"/><path d="M64.3352 101.805C64.3352 84.8497 50.2612 71.1064 32.8737 71.1064C29.4946 71.1064 26.2795 71.6363 23.2285 72.5636C23.8518 76.8687 24.8032 81.0745 26.0499 85.1478C28.1495 84.3199 30.446 83.8562 32.8737 83.8562C43.0109 83.8562 51.2454 91.8704 51.2454 101.772C51.2454 107.667 48.3256 112.899 43.7983 116.178C46.7181 119.39 49.8675 122.404 53.2466 125.152C60.0376 119.556 64.3352 111.177 64.3352 101.805Z" fill="white"/><path d="M108.26 47.9249C137.359 47.9249 162.588 31.8634 175.185 8.31771C172.233 4.74115 169.018 1.42952 165.507 -1.61719C155.961 20.0078 133.882 35.1419 108.26 35.1419C82.6379 35.1419 60.5919 20.0078 51.0451 -1.58407C47.5676 1.46263 44.3198 4.77427 41.3672 8.35083C53.9321 31.8634 79.1604 47.9249 108.26 47.9249Z" fill="white"/><path d="M165.311 101.805C165.311 91.9035 173.545 83.8894 183.682 83.8894C186.077 83.8894 188.374 84.353 190.506 85.1478C191.753 81.0745 192.737 76.8687 193.327 72.5636C190.276 71.6032 187.061 71.1064 183.682 71.1064C166.295 71.1064 152.221 84.8497 152.221 101.805C152.221 111.177 156.518 119.556 163.309 125.185C166.688 122.437 169.838 119.423 172.758 116.211C168.23 112.932 165.311 107.7 165.311 101.805Z" fill="white"/><path d="M32.8716 61.9333C55.4097 61.9333 73.7486 79.8161 73.7486 101.805C73.7486 113.197 68.8276 123.497 60.954 130.782C64.7268 133.2 68.6964 135.352 72.8629 137.207C81.5566 127.868 86.8713 115.449 86.8713 101.805C86.8713 72.7292 62.6928 49.1504 32.9044 49.1504C29.5581 49.1504 26.3102 49.4484 23.128 50.0114C22.6687 53.5549 22.4063 57.1645 22.4063 60.8405C22.4063 61.6352 22.4062 62.43 22.4391 63.2248C25.7525 62.3638 29.2628 61.9333 32.8716 61.9333Z" fill="white"/></svg>') center/cover no-repeat
}

@media screen and (max-width: 40rem) {
    .recipe__products-header:before {
        -webkit-transform: translate(75%, 0);
        -ms-transform: translate(75%, 0);
        transform: translate(75%)
    }
}

.recipe__products-header:after {
    content: "";
    position: absolute;
    top: 0;
    right: .0625rem;
    z-index: -1;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%);
    height: 100%;
    width: 50vw;
    background: var(--primary)
}

.recipe__products-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 1.25rem
}

@media screen and (max-width: 90rem) {
    .recipe__products-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width: 64rem) {
    .recipe__products-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 48rem) {
    .recipe__products-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.875rem .75rem
    }
}

.recipe__products .product .product__weight,
.recipe__products .product .product__location {
    font-size: 1.125rem !important
}

.recipes {
    position: relative
}

.recipes .news__title {
    min-width: 55%
}

@media screen and (max-width: 90rem) {
    .recipes .news__title {
        min-width: 50%
    }
}

.recipes .wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .recipes .wrapper {
        grid-template-columns: 1fr
    }
}

.recipes__filter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.25rem
}

@media screen and (max-width: 79.9375rem) {
    .recipes__filter {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 61.25rem) {
    .recipes__filter {
        gap: .9375rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .recipes__filter {
        gap: .75rem
    }
}

.recipes__filter-item {
    height: 3.25rem;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    border: .0625rem solid var(--primary);
    -webkit-transition: var(--transition-ease);
    transition: var(--transition-ease);
    cursor: pointer
}

@media screen and (max-width: 79.9375rem) {
    .recipes__filter-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 13.75rem;
        flex: 1 0 13.75rem;
        font-size: 1rem
    }
}

@media screen and (max-width: 40rem) {
    .recipes__filter-item {
        height: 2.5rem;
        font-size: .875rem;
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem)
    }
}

.recipes__filter-item:hover,
.recipes__filter-item.active {
    color: #fff;
    background-color: var(--primary)
}

.recipes__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .recipes__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem 1.25rem
    }
}

@media screen and (max-width: 29.6875rem) {
    .recipes__list {
        gap: 1.5625rem .75rem
    }
}

.recipe {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    will-change: opacity, transform
}

.recipe.recipe-hidden {
    opacity: 0;
    -webkit-transform: scale(.8) translateY(20px);
    -ms-transform: scale(.8) translateY(20px);
    transform: scale(.8) translateY(20px);
    pointer-events: none
}

.recipe.recipe-show {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    pointer-events: auto
}

.stages {
    position: relative
}

.stages__list {
    width: 100%
}

.stages__list .swiper {
    width: 100%;
    height: 17.5rem
}

@media screen and (max-width: 105rem) {
    .stages__list .swiper {
        height: 15.625rem
    }
}

@media screen and (max-width: 90rem) {
    .stages__list .swiper {
        height: 13.75rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .stages__list .swiper {
        overflow: visible
    }
}

@media screen and (max-width: 40rem) {
    .stages__list .swiper {
        height: 8.75rem
    }
}

.stages .card {
    padding: .9375rem .9375rem 1.875rem;
    border: .0625rem solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5rem
}

@media screen and (max-width: 90rem) {
    .stages .card {
        padding: .9375rem .9375rem 1.5625rem;
        gap: .9375rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .stages .card {
        width: 16.25rem
    }
}

@media screen and (max-width: 40rem) {
    .stages .card {
        width: 10rem
    }
}

.stages .card__bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

@media screen and (max-width: 40rem) {
    .stages .card__bullets {
        gap: .3125rem
    }
}

.stages .card__bullets-bullet {
    width: .9375rem;
    height: .9375rem;
    border-radius: 50%;
    background-color: #d9d9d9
}

@media screen and (max-width: 90rem) {
    .stages .card__bullets-bullet {
        width: .75rem;
        height: .75rem
    }
}

@media screen and (max-width: 40rem) {
    .stages .card__bullets-bullet {
        width: .5rem;
        height: .5rem
    }
}

.stages .card__bullets-bullet.active {
    background: var(--primary)
}

.stages .card__title {
    font-size: 2.5rem;
    font-family: var(--font-montserrat);
    color: var(--primary);
    opacity: .3
}

@media screen and (max-width: 105rem) {
    .stages .card__title {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 90rem) {
    .stages .card__title {
        font-size: 2rem
    }
}

@media screen and (max-width: 40rem) {
    .stages .card__title {
        font-size: 1.125rem
    }
}

.stages .card__desc {
    margin-top: auto;
    font-size: 1.5625rem;
    font-family: var(--font-museo)
}

@media screen and (max-width: 105rem) {
    .stages .card__desc {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 90rem) {
    .stages .card__desc {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 40rem) {
    .stages .card__desc {
        font-size: .875rem
    }
}

.timeline {
    position: relative;
    margin: 3.125rem 0
}

@media screen and (max-width: 40rem) {
    .timeline {
        margin: 0
    }
}

.timeline:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: .125rem;
    background-color: #000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 1
}

@media screen and (max-width: 40rem) {
    .timeline:before {
        display: none
    }
}

.timeline .container {
    gap: .625rem
}

@media screen and (max-width: 40rem) {
    .timeline .container {
        gap: 2.5rem
    }
}

.timeline-progress {
    position: absolute;
    left: 50%;
    top: 0;
    width: .125rem;
    background-color: var(--primary);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2;
    height: 0%;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out
}

@media screen and (max-width: 40rem) {
    .timeline-progress {
        display: none
    }
}

.timeline-item {
    position: relative;
    width: 100%
}

.timeline-item:nth-child(2) {
    margin-top: 6.25rem
}

@media screen and (max-width: 105rem) {
    .timeline-item:nth-child(2) {
        margin-top: 3.125rem
    }
}

@media screen and (max-width: 40rem) {
    .timeline-item:nth-child(2) {
        margin-top: 0
    }
}

.timeline-item:nth-child(odd) {
    text-align: left
}

.timeline-item:nth-child(odd) .timeline-content {
    margin-left: auto
}

.timeline-item:nth-child(odd) .timeline-horizontal-progress {
    right: auto;
    left: 50%;
    margin-left: -.0625rem
}

.timeline-item:nth-child(2n) {
    text-align: right
}

.timeline-item:nth-child(2n) .timeline-content {
    margin-right: auto
}

.timeline-item:nth-child(2n) .timeline-horizontal-progress {
    left: auto;
    right: 50%;
    margin-right: -.0625rem
}

.timeline-item.active .text-year {
    color: var(--primary)
}

.timeline-item.active .timeline-horizontal-progress:before {
    width: 100%
}

.timeline-item .text-year {
    font-size: 2.6875rem
}

@media screen and (max-width: 79.9375rem) {
    .timeline-item .text-year {
        font-size: 1.75rem
    }
}

.timeline-content {
    position: relative;
    max-width: 28.75rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem
}
.timeline-content li {
	
	list-style-position: inside;

}
@media screen and (max-width: 79.9375rem) {
    .timeline-content {
        max-width: 23.75rem;
        gap: .625rem
    }

    .timeline-content .text-p {
        font-size: 1rem
    }
}

@media screen and (max-width: 64rem) {
    .timeline-content {
        max-width: 19.6875rem
    }

    .timeline-content .text-p {
        font-size: .875rem
    }
}

@media screen and (max-width: 48rem) {
    .timeline-content {
        max-width: 15.625rem
    }
}

@media screen and (max-width: 40rem) {
    .timeline-content {
        max-width: 100%
    }
}

.timeline-horizontal-progress {
    position: absolute;
    top: 3.4375rem;
    height: .125rem;
    width: calc(50% - 29.375rem);
    background-color: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 79.9375rem) {
    .timeline-horizontal-progress {
        top: 2.1875rem;
        width: calc(50% - 24.375rem)
    }
}

@media screen and (max-width: 64rem) {
    .timeline-horizontal-progress {
        width: calc(50% - 20.3125rem)
    }
}

@media screen and (max-width: 48rem) {
    .timeline-horizontal-progress {
        width: calc(50% - 16.25rem)
    }
}

@media screen and (max-width: 40rem) {
    .timeline-horizontal-progress {
        display: none
    }
}

.timeline-horizontal-progress:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--primary);
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.why-us {
    position: relative
}

.why-us .container {
    gap: 5rem
}

@media screen and (max-width: 79.9375rem) {
    .why-us .container {
        gap: 3.125rem
    }
}

@media screen and (max-width: 40rem) {
    .why-us .container {
        gap: 2.5rem
    }
}

.why-us__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.75rem 1.875rem
}

@media screen and (max-width: 79.9375rem) {
    .why-us__list {
        grid-template-columns: repeat(auto-fit, minmax(23.75rem, 1fr))
    }
}

@media screen and (max-width: 40rem) {
    .why-us__list {
        gap: 1.875rem
    }
}

.why-us__item {
    position: relative
}

.why-us__item span {
    position: absolute;
    top: -1.5625rem;
    left: -1.5625rem;
    z-index: -1;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #c6c7c6de
}

@media screen and (max-width: 64rem) {
    .why-us__item span {
        top: -.9375rem;
        left: -.9375rem;
        font-size: 1.5rem
    }
}

.why-us__item strong {
    color: var(--primary)
}

.yakimal {
    position: relative
}

.yakimal .container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.125rem
}

@media screen and (max-width: 79.9375rem) {
    .yakimal .container {
        gap: 3.125rem 1.875rem
    }
}

@media screen and (max-width: 61.25rem) {
    .yakimal .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 36.25rem) {
    .yakimal .container {
        gap: 1.875rem
    }
}

.yakimal__text {
    position: relative;
    width: 100%;
    max-width: 50%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1.25rem
}

@media screen and (max-width: 61.25rem) {
    .yakimal__text {
        max-width: 100%
    }
}

.yakimal__text:before {
    content: "";
    position: absolute;
    top: -.625rem;
    left: 0;
    -webkit-transform: translate(25%, -100%);
    -ms-transform: translate(25%, -100%);
    transform: translate(25%, -100%);
    width: 8.75rem;
    height: 7.5rem;
    background: url('data:image/svg+xml,<svg width="141" height="121" viewBox="0 0 141 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9992 2.96809e-07C32.3464 -0.000977163 38.4563 2.41233 43.0897 6.7504C47.723 11.0885 50.5328 17.0265 50.9492 23.36L50.9992 25.42C50.8992 60.97 38.5992 91.56 13.9492 117.65C13.2791 118.39 12.468 118.988 11.5635 119.411C10.659 119.833 9.67929 120.071 8.68182 120.109C7.68435 120.148 6.68919 119.987 5.75465 119.636C4.82011 119.286 3.96501 118.752 3.23948 118.066C2.51394 117.381 1.93257 116.557 1.52944 115.644C1.12631 114.731 0.909527 113.746 0.891807 112.748C0.874087 111.75 1.05578 110.758 1.42624 109.832C1.7967 108.905 2.34848 108.061 3.04922 107.35C19.4492 89.98 29.6492 70.61 33.8192 48.76C30.3843 49.8841 26.7465 50.2501 23.1566 49.8327C19.5666 49.4153 16.1098 48.2245 13.0244 46.3424C9.93898 44.4603 7.29835 41.9315 5.28446 38.9305C3.27058 35.9294 1.93134 32.5274 1.35902 28.9588C0.786706 25.3903 0.994931 21.74 1.96934 18.2597C2.94376 14.7794 4.66119 11.5517 7.00328 8.79913C9.34538 6.04654 12.2564 3.8345 15.5359 2.31544C18.8153 0.796373 22.3851 0.0064137 25.9992 2.96809e-07ZM115.999 2.96809e-07C122.346 -0.000977163 128.456 2.41233 133.09 6.7504C137.723 11.0885 140.533 17.0265 140.949 23.36L140.999 25.42C140.899 61.02 128.619 91.56 103.949 117.65C103.279 118.39 102.468 118.988 101.563 119.411C100.659 119.833 99.6793 120.071 98.6818 120.109C97.6843 120.148 96.6892 119.987 95.7547 119.636C94.8201 119.286 93.965 118.752 93.2395 118.066C92.5139 117.381 91.9326 116.557 91.5294 115.644C91.1263 114.731 90.9095 113.746 90.8918 112.748C90.8741 111.75 91.0558 110.758 91.4262 109.832C91.7967 108.905 92.3485 108.061 93.0492 107.35C109.479 89.97 119.669 70.63 123.829 48.76C120.395 49.884 116.757 50.25 113.168 49.8328C109.578 49.4157 106.122 48.2253 103.037 46.3437C99.9513 44.4621 97.3107 41.934 95.2966 38.9335C93.2825 35.9331 91.9428 32.5317 91.3699 28.9637C90.7969 25.3957 91.0043 21.7459 91.9777 18.2657C92.9511 14.7856 94.6675 11.5578 97.0085 8.80485C99.3495 6.05188 102.259 3.83915 105.538 2.31911C108.816 0.799075 112.385 0.00786722 115.999 2.96809e-07Z" fill="%23C5594D"/></svg>') center/contain no-repeat
}

@media screen and (max-width: 105rem) {
    .yakimal__text:before {
        -webkit-transform: translate(0%, -100%);
        -ms-transform: translate(0%, -100%);
        transform: translateY(-100%);
        width: 6.25rem;
        height: 5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .yakimal__text:before {
        top: -.3125rem;
        width: 1.875rem;
        height: 1.5625rem
    }
}

.yakimal__desc {
    font-size: 1.5625rem;
    font-family: var(--font-museo)
}

@media screen and (max-width: 105rem) {
    .yakimal__desc {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .yakimal__desc {
        font-size: 1rem
    }
}

@media screen and (max-width: 64rem) {
    .yakimal__desc {
        font-size: .875rem
    }
}

.yakimal__ceo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .5rem
}

.yakimal__ceo-name {
    color: var(--primary);
    font-size: 2.1875rem;
    font-weight: 700
}

@media screen and (max-width: 105rem) {
    .yakimal__ceo-name {
        font-size: 1.875rem
    }
}

@media screen and (max-width: 64rem) {
    .yakimal__ceo-name {
        font-size: 1.75rem
    }
}

.yakimal__ceo-position {
    font-size: 1.5625rem;
    font-weight: 500;
    font-family: var(--font-museo)
}

@media screen and (max-width: 105rem) {
    .yakimal__ceo-position {
        font-size: 1.25rem
    }
}

@media screen and (max-width: 64rem) {
    .yakimal__ceo-position {
        font-size: 1rem
    }
}

.yakimal__img {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    --img-width: 21.875rem
}

@media screen and (max-width: 105rem) {
    .yakimal__img {
        --img-width: 20rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .yakimal__img {
        --img-width: 15rem
    }
}

@media screen and (max-width: 61.25rem) {
    .yakimal__img {
        width: 100%
    }
}

@media screen and (max-width: 36.25rem) {
    .yakimal__img {
        padding: .9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.yakimal__img:before {
    content: "";
    position: absolute;
    top: -1.25rem;
    left: -1.25rem;
    z-index: -1;
    height: 100%;
    width: var(--img-width);
    border: .125rem solid var(--primary)
}

@media screen and (max-width: 79.9375rem) {
    .yakimal__img:before {
        top: -.75rem;
        left: -.75rem
    }
}

@media screen and (max-width: 36.25rem) {
    .yakimal__img:before {
        top: .1875rem;
        left: .1875rem;
        height: 20.625rem
    }
}

.yakimal__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: var(--img-width);
    z-index: -2;
    height: 100%;
    width: 100%;
    background: url(../img/ceo-bg.png) center/cover no-repeat
}

@media screen and (max-width: 36.25rem) {
    .yakimal__img:after {
        display: none
    }
}

.yakimal__img img {
    width: var(--img-width);
    height: auto
}

.yakimal__img button {
    position: relative;
    padding: 1.25rem 3.125rem;
    background: #fff;
    -webkit-box-shadow: 0 2px 67px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 67px #00000040;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem;
    --icon-size: 4.375rem
}

@media screen and (max-width: 105rem) {
    .yakimal__img button {
        padding: 1.25rem 1.875rem 3.125rem;
        --icon-size: 4.625rem
    }

    .yakimal__img button .icon {
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 90rem) {
    .yakimal__img button {
        padding-bottom: 2.5rem;
        --icon-size: 3.75rem
    }
}

@media screen and (max-width: 64rem) {
    .yakimal__img button {
        padding: .9375rem .9375rem 2.5rem
    }
}

@media screen and (max-width: 61.25rem) {
    .yakimal__img button {
        padding: 1.25rem
    }

    .yakimal__img button .icon {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0)
    }
}

@media screen and (max-width: 36.25rem) {
    .yakimal__img button {
        padding: .9375rem 0;
        width: 100%;
        background: transparent;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        --icon-size: 3.375rem
    }
}

.yakimal__img button span {
    color: var(--primary);
    font-size: 1.25rem;
    text-align: left;
    line-height: 1.35
}

@media screen and (max-width: 90rem) {
    .yakimal__img button span {
        font-size: 1rem
    }
}

@media screen and (max-width: 36.25rem) {
    .yakimal__img button span {
        font-size: 1.125rem
    }
}

@media screen and (max-width: xss) {
    .yakimal__img button span {
        font-size: 1rem
    }
}
.text-p.js-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .text-p.js-text strong{
    color: var(--primary);
  }
  #global-preloader {
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  
  #global-preloader.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s;
  }
  
  .dots {
    display: flex;
    gap: 8px;
  }
  
  .dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary);
    animation: blink 1.2s infinite ease-in-out;
  }
  
  .dots span:nth-child(2) {
    animation-delay: 0.2s;
  }
  .dots span:nth-child(3) {
    animation-delay: 0.4s;
  }
  
  @keyframes blink {
    0%, 80%, 100% { opacity: 0.2; transform: scale(1); }
    40% { opacity: 1; transform: scale(1.3); }
  }
  @media (max-width:900px) {
    .hpc{
        display: flex;
    }
    .hmob{
        display: none;
    }
  }
  @media (min-width:901px) {
    .hmob{
        display: flex;
    }
    .hpc{
        display: none;
    }
  }
  .text__sec {
    padding-bottom: 50px;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.rotation {
  position: relative;
  width: 100%;
  max-width: 100%;
  touch-action: pan-y pinch-zoom;
  user-select: none;
	cursor:grab;
		 --size: 43.75rem;
    margin-top: 3.125rem;
    position: relative;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    background: url(../img/bg-circle.png) center/cover no-repeat;
    border-radius: 50%;
}
@media screen and (max-width: 105rem) {
    .rotation {
        --size: 37.5rem
    }
}

@media screen and (max-width: 90rem) {
    .rotation {
        --size: 31.25rem
    }
}

@media screen and (max-width: 79.9375rem) {
    .rotation {
        margin-top: 0;
        --size: 25rem
    }
}

@media screen and (max-width: 61.25rem) {
    .rotation {
        margin: 0 auto
    }
}

@media screen and (max-width: 29.6875rem) {
    .rotation {
        --size: 21.5625rem
    }
}

@media screen and (max-width: 22.5rem) {
    .rotation {
        --size: 20rem
    }
}
.rotation img {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  cursor: grab;
}
.rotation:active img { cursor: grabbing; }

.rotation__hint {
    margin-top: 8px;
    font-size: 12px;
    opacity: 1;
    text-align: center;
    position: absolute;
    left: 7%;
    top: 10%;
    width: 7rem;
}
.rotation__hint svg{
width:100%;}
@media(max-width:660px){
	.rotation__hint{
    width: 4rem;
		top:17%;
}
}
/* updated */
.head__search-modal {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: #fff;
    padding: 15px;
    top: 100px;
    width: 52%;
    border: 1px solid #c5594d;
    z-index: 100;
	opacity:0;
	pointer-events:none;
	transition:0.3s;
}
.head__search-modal.activem{
	transform: translateX(-50%) translateY(0);
	opacity:1;
	pointer-events:all;
	transition:0.3s;
}
.head__search-modal form.searchwp-form input.swp-input--search {
    background: none;
}
.head__search-modal .search-submit.swp-button {
    display: none;
}
@media(max-width:900px){
	.header.sticky {
    padding: 1.25rem 0;
    background: #fff;
    position: fixed;
		z-index:99;
}
	.head__search-modal {
	width:98%;
		top:70px;
	}
}
.btn--back-to-cat {
    border: 2px solid #C5594D;
    color: #C5594D;
    height: 60px;
    text-transform: uppercase;
    padding-right: 20px;
    position:relative;
}
.btn--back-to-cat span::before {
    content: '';
    position: absolute;
    height: 100%;
    background: #c5594d;
    width: 40px;
    top: 0;
    left: 0;
    z-index: -1;
	transition:.3s;
}
.btn--back-to-cat p {
    padding-left: 20px;
}
.btn--back-to-cat span {
    padding-left: 5px;
}
.btn--back-to-cat:hover{
	color:#fff;
}
.btn--back-to-cat:hover span::before{
	width:100%;
}
.additional__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3rem;
    flex-direction: column;
}
.add__field {
    display: flex;
    flex-direction: column;
    gap: 10px;
	max-width:500px;
}
.add__field span {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary);
}
.product__brand {
    position: absolute;
    bottom: -5%;
    background: #c5594d;
    left: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    transform: translateX(-50%);
    padding: 15px 31px;
    text-align: center;
    gap: 10px;
    border-radius: 13px;
}
.product__brand a {
    text-decoration: underline;
    font-size: .875rem;
}
@media(max-width:680px){
.add__field{
	font-size:.875rem;
}
	.add__field span {
    font-size: 1rem;    
}
	.product-card__img {
    margin-bottom: 48px;
}
.product__brand {
    width: 47%;
    bottom: -16%;
    font-size: 12px;
    padding: 5px;
}
	.product-card__rotation-wrap {
    margin: 0 auto;
}
}

/* На мобильных скрываем видео, показываем картинку */
@media (max-width: 767px) {
  .hero__img-img .hero__video {
    display: none;
  }
}

/* На десктопах наоборот — видео видно, фото скрыто */
@media (min-width: 768px) {
/*   .hero__img-img .hero__image {
    display: none;
  } */
}
.mobibe__menu{
	display:none;
}
div#menu-content ul {
    margin-left: 0;
}
.presentation {
    padding: 10px 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
}
.mobibe__catalog{
	display:none
}
.mobibe__catalog-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 450px;
    overflow: auto;
}
.mobibe__catalog-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
li.mobibe__catalog-item img {
    width: 34px;
    height: 34px;
}
.footer__copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
	gap:15px;
}
@media(max-width:768px){
	.footer__copyright a {
    display: none;
}
	.contacts__qr-codes {
    max-width: 285px;
}
a.product__brand {
    bottom: 100px;
    left: 15.6%;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    padding: 0;
    /* word-wrap: break-word; */
}
}