@charset "UTF-8";

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

body {
    color: #000;
    line-height: 1;
    font-family: "Rubik", sans-serif;
    font-size: 0.875rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
    font-family: "Rubik", sans-serif;
    font-size: inherit;
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}

a {
    color: inherit;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

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

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.wrapper > main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.wrapper > * {
    min-width: 0;
}

/*
(i) Стили будут применяться ко
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*=__container] {
    max-width: 73.125rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 .9375rem
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.suptitle {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.5;
    letter-spacing: -.0625rem;
    color: #2e363e
}

.subtitle {
    font-size: 1.3125rem;
    line-height: 1.4285714286;
    letter-spacing: -.2px;
    color: #434b53
}

.ingr__left-additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 13.625rem
}

.header {
    background-color: #101010
}

.header__body {
    padding: 1.25rem 1.875rem;
    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
}

.header__main-link {
    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;
    padding: .9375rem 2.6875rem;
    font-size: .875rem;
    font-weight: 500;
    color: #f7f7f7;
    line-height: 1.2857142857;
    border: 1px solid #f7f7f7;
    border-radius: .75rem
}

.footer {
    background-color: #101010
}

.footer__body {
    padding: 1.875rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.1875;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto, sans-serif
}

.footer__phone {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    font-family: Rubik, sans-serif
}

.intro {
    background-color: #060606
}

.intro__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4.375rem;
    position: relative;
    padding-bottom: 13.8125rem
}

.intro__body-left {
    position: absolute;
    top: 4.5625rem;
    left: -23.4375rem
}

.intro__body-info {
    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.5rem;
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: -.2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46.6%;
    flex: 0 1 46.6%;
    color: #fff;
    padding-top: 1.875rem;
    margin-left: auto
}

.intro__body-question {
    font-size: .6875rem;
    line-height: 1.4545454545;
    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;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .625rem 1.125rem;
    border-radius: .3125rem;
    max-width: 9.3125rem;
    background-color: #cd4c2c
}

.every__body {
    padding-top: 7.5625rem;
    padding-bottom: 5.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.3125rem
}

.every__info {
    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.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%
}

.every__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 48.718%;
    flex: 0 1 48.718%
}

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

.people__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4.3125rem;
    padding-top: .6875rem;
    padding-bottom: 4.6875rem
}

.people__img-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 36%;
    flex: 0 1 36%
}

.people__img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.people__info {
    padding-top: 2.1875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 41%;
    flex: 0 1 41%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.875rem
}

.ingr {
    background-color: #000;
    position: relative
}

.ingr__body {
    padding-top: 1.9375rem;
    padding-bottom: 20.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ingr__left {
    position: absolute;
    left: 2.3125rem;
    top: 1.8125rem
}

@supports (width:clamp(31.875rem, 6.875rem + 40vw, 38.875rem)) {
    .ingr__left {
        width: clamp(31.875rem, 6.875rem + 40vw, 38.875rem)
    }
}

@supports not (width:clamp(31.875rem, 6.875rem + 40vw, 38.875rem)) {
    .ingr__left {
        width: calc(31.875rem + 7 * (100vw - 62.5rem)/ 17.5)
    }
}

@supports (left:clamp(-3.125rem, -22.5446428571rem + 31.0714285714vw, 2.3125rem)) {
    .ingr__left {
        left: clamp(-3.125rem, -22.5446428571rem + 31.0714285714vw, 2.3125rem)
    }
}

@supports not (left:clamp(-3.125rem, -22.5446428571rem + 31.0714285714vw, 2.3125rem)) {
    .ingr__left {
        left: calc(-3.125rem + 5.4375 * (100vw - 62.5rem)/ 17.5)
    }
}

@supports (height:clamp(13rem, 5.2413793103rem + 38.7931034483vw, 27.0625rem)) {
    .ingr__left {
        height: clamp(13rem, 5.2413793103rem + 38.7931034483vw, 27.0625rem)
    }
}

@supports not (height:clamp(13rem, 5.2413793103rem + 38.7931034483vw, 27.0625rem)) {
    .ingr__left {
        height: calc(13rem + 14.0625 * (100vw - 20rem)/ 36.25)
    }
}

@supports (width:clamp(6.75rem, 2.9568965517rem + 18.9655172414vw, 13.625rem)) {
    .ingr__left-additional {
        width: clamp(6.75rem, 2.9568965517rem + 18.9655172414vw, 13.625rem)
    }
}

@supports not (width:clamp(6.75rem, 2.9568965517rem + 18.9655172414vw, 13.625rem)) {
    .ingr__left-additional {
        width: calc(6.75rem + 6.875 * (100vw - 20rem)/ 36.25)
    }
}

.ingr__left-1 {
    position: absolute;
    top: 11%;
    right: -60px;
    font-size: 1rem
}

.ingr__left-2 {
    position: absolute;
    bottom: -3%;
    left: 89px;
    font-size: 1rem
}

.ingr__left-3 {
    position: absolute;
    bottom: 11%;
    right: -160px;
    font-size: 1rem
}

.ingr__left-mark {
    margin-bottom: 1.25rem;
    width: 2.8125rem;
    height: 2.8125rem
}

@supports (width:clamp(1.1875rem, 0.2909482759rem + 4.4827586207vw, 2.8125rem)) {
    .ingr__left-mark {
        width: clamp(1.1875rem, .2909482759rem + 4.4827586207vw, 2.8125rem)
    }
}

@supports not (width:clamp(1.1875rem, 0.2909482759rem + 4.4827586207vw, 2.8125rem)) {
    .ingr__left-mark {
        width: calc(1.1875rem + 1.625 * (100vw - 20rem)/ 36.25)
    }
}

@supports (height:clamp(1.1875rem, 0.2909482759rem + 4.4827586207vw, 2.8125rem)) {
    .ingr__left-mark {
        height: clamp(1.1875rem, .2909482759rem + 4.4827586207vw, 2.8125rem)
    }
}

@supports not (height:clamp(1.1875rem, 0.2909482759rem + 4.4827586207vw, 2.8125rem)) {
    .ingr__left-mark {
        height: calc(1.1875rem + 1.625 * (100vw - 20rem)/ 36.25)
    }
}

@supports (margin-bottom:clamp(0.625rem, 0.2801724138rem + 1.724137931vw, 1.25rem)) {
    .ingr__left-mark {
        margin-bottom: clamp(.625rem, .2801724138rem + 1.724137931vw, 1.25rem)
    }
}

@supports not (margin-bottom:clamp(0.625rem, 0.2801724138rem + 1.724137931vw, 1.25rem)) {
    .ingr__left-mark {
        margin-bottom: calc(.625rem + .625 * (100vw - 20rem)/ 36.25)
    }
}

.ingr__left-suptitle {
    margin-bottom: .375rem;
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.4;
    color: #fff
}

@supports (font-size:clamp(0.5rem, 0.2586206897rem + 1.2068965517vw, 0.9375rem)) {
    .ingr__left-suptitle {
        font-size: clamp(.5rem, .2586206897rem + 1.2068965517vw, .9375rem)
    }
}

@supports not (font-size:clamp(0.5rem, 0.2586206897rem + 1.2068965517vw, 0.9375rem)) {
    .ingr__left-suptitle {
        font-size: calc(.5rem + .4375 * (100vw - 20rem)/ 36.25)
    }
}

.ingr__left-subtitle {
    font-family: Montserrat, sans-serif;
    font-size: .75rem;
    line-height: 1.5;
    color: #fff
}

@supports (font-size:clamp(0.4375rem, 0.2650862069rem + 0.8620689655vw, 0.75rem)) {
    .ingr__left-subtitle {
        font-size: clamp(.4375rem, .2650862069rem + .8620689655vw, .75rem)
    }
}

@supports not (font-size:clamp(0.4375rem, 0.2650862069rem + 0.8620689655vw, 0.75rem)) {
    .ingr__left-subtitle {
        font-size: calc(.4375rem + .3125 * (100vw - 20rem)/ 36.25)
    }
}

.ingr__left-img {
    width: 100%
}

.ingr__right-info {
    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.5rem;
    max-width: 43%;
    margin-left: auto
}

.ingr__right-descr {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.3333333333;
    color: #fff
}

.ingr__right-question {
    font-size: .6875rem;
    line-height: 1.4545454545;
    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;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    padding: .625rem 1.125rem;
    background: #cd4c2c;
    border-radius: .3125rem;
    max-width: 8.125rem
}

.ingr__right-container {
    position: absolute;
    right: 0;
    bottom: 0
}

@supports (width:clamp(21.875rem, -19.6428571429rem + 66.4285714286vw, 33.5rem)) {
    .ingr__right-container {
        width: clamp(21.875rem, -19.6428571429rem + 66.4285714286vw, 33.5rem)
    }
}

@supports not (width:clamp(21.875rem, -19.6428571429rem + 66.4285714286vw, 33.5rem)) {
    .ingr__right-container {
        width: calc(21.875rem + 11.625 * (100vw - 62.5rem)/ 17.5)
    }
}

.ingr__right-img {
    width: 100%
}

.end__body {
    padding: 3.4375rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6.25rem
}

.end__info-question {
    display: none
}

.end__info-container {
    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.6875rem
}

.end__info-container .end__info-suptitle {
    text-align: right
}

.end__info-container .end__info-subtitle {
    margin-left: auto;
    max-width: 80%;
    text-align: right
}

.end__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem
}

.end__gallery-left {
    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
}

@media (min-width:56.25em) {
    .ingr__left {
        height: inherit
    }
}

@media (max-width:68.75em) {
    .end__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1.375rem;
        padding: 1.25rem 0 2.3125rem 0;
        display: -webkit-box;
    }

    .end__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.25rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .end__gallery {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .end__gallery-container-3 {
        width: 11.3125rem;
        height: 13.4375rem
    }

    .end__gallery-container-3 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width:56.25em) {
    .suptitle {
        font-size: 16px;
        line-height: 1.25
    }

    .end__info-container .end__info-suptitle {
        font-size: 12px;
    }

    .end__info-container .end__info-subtitle {
        font-size: 8px;
    }

    .people__suptitle {
        padding-right: 65px;
    }

    .subtitle {
        font-size: 12px;
        max-width: unset !important;
        margin: unset;
        line-height: 1.4166666667
    }

    .header__body {
        padding: 1.25rem 0
    }

    .header__logo-link {
        max-width: 46%
    }

    .header__logo-logo {
        width: 100%
    }

    .header__main-link {
        font-size: .5rem;
        line-height: 1.25;
        padding: .5625rem .6875rem;
        border-radius: .5rem
    }

    .intro__body {
        padding-top: 1.25rem
    }

    @supports (padding-bottom:clamp(6.25rem, -0.6465517241rem + 34.4827586207vw, 18.75rem)) {
        .intro__body {
            padding-bottom: clamp(6.25rem, -.6465517241rem + 34.4827586207vw, 18.75rem)
        }
    }

    @supports not (padding-bottom:clamp(6.25rem, -0.6465517241rem + 34.4827586207vw, 18.75rem)) {
        .intro__body {
            padding-bottom: calc(6.25rem + 12.5 * (100vw - 20rem)/ 36.25)
        }
    }

    .intro__body-left {
        bottom: 0;
        top: unset;
        width: 56%;
        left: -.9375rem
    }

    .intro__body-left img {
        width: 100%
    }

    .intro__body-info {
        margin-left: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        padding-top: unset;
        font-size: .75rem;
        gap: .5rem;
        padding: 0 25px
    }

    .intro__body-question {
        font-size: .5rem;
        padding: .3125rem;
        max-width: 5.875rem
    }

    .every__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2.375rem 0 1.25rem 0
    }

    .every__info {
        gap: 10px;
        padding: 0 10px
    }

    .every__gallery {
        gap: unset;
        margin: 0 -15px;
    }

    .people__body {
        padding-bottom: 1.1875rem;
        padding-top: .9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 1.25rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .people__img-container {
        width: 60.5%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .people__info {
        gap: .75rem;
        padding: 0 10px
    }

    @supports (padding-bottom:clamp(29.375rem, 21.4439655172rem + 39.6551724138vw, 43.75rem)) {
        .ingr__body {
            padding-bottom: clamp(29.375rem, 21.4439655172rem + 39.6551724138vw, 43.75rem)
        }
    }

    @supports not (padding-bottom:clamp(29.375rem, 21.4439655172rem + 39.6551724138vw, 43.75rem)) {
        .ingr__body {
            padding-bottom: calc(29.375rem + 14.375 * (100vw - 20rem)/ 36.25)
        }
    }

    .ingr__left {
        left: 0
    }

    @supports (width:clamp(18.75rem, 11.5210843373rem + 36.1445783133vw, 31.875rem)) {
        .ingr__left {
            width: clamp(18.75rem, 11.5210843373rem + 36.1445783133vw, 31.875rem)
        }
    }

    @supports not (width:clamp(18.75rem, 11.5210843373rem + 36.1445783133vw, 31.875rem)) {
        .ingr__left {
            width: calc(18.75rem + 13.125 * (100vw - 20rem)/ 36.3125)
        }
    }

    @supports (top:clamp(13.125rem, 12.4353448276rem + 3.4482758621vw, 14.375rem)) {
        .ingr__left {
            top: clamp(13.125rem, 12.4353448276rem + 3.4482758621vw, 14.375rem)
        }
    }

    @supports not (top:clamp(13.125rem, 12.4353448276rem + 3.4482758621vw, 14.375rem)) {
        .ingr__left {
            top: calc(13.125rem + 1.25 * (100vw - 20rem)/ 36.25)
        }
    }

    .ingr__right-info {
        margin-left: unset;
        max-width: unset;
        padding: 0 25px
    }

    .ingr__right-question {
        font-size: .5rem;
        padding: .25rem
    }

    .end__info-question {
        display: block;
        margin-left: auto
    }
}

@media (max-width:39.375em) {
    @supports (font-size:clamp(1rem, 0.0967741935rem + 4.5161290323vw, 1.875rem)) {
        .ingr__right-descr {
            font-size: clamp(1rem, .0967741935rem + 4.5161290323vw, 1.875rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.0967741935rem + 4.5161290323vw, 1.875rem)) {
        .ingr__right-descr {
            font-size: calc(1rem + .875 * (100vw - 20rem)/ 19.375)
        }
    }

    @supports (width:clamp(16.875rem, 11.7137096774rem + 25.8064516129vw, 21.875rem)) {
        .ingr__right-container {
            width: clamp(16.875rem, 11.7137096774rem + 25.8064516129vw, 21.875rem)
        }
    }

    @supports not (width:clamp(16.875rem, 11.7137096774rem + 25.8064516129vw, 21.875rem)) {
        .ingr__right-container {
            width: calc(16.875rem + 5 * (100vw - 20rem)/ 19.375)
        }
    }
}

@media (max-width:38.8125em) {
    @supports (right:clamp(-3.75rem, 15.625rem + -50vw, -1.25rem)) {
        .ingr__left-1 {
            right: clamp(-3.75rem, 15.625rem + -50vw, -1.25rem)
        }
    }

    @supports not (right:clamp(-3.75rem, 15.625rem + -50vw, -1.25rem)) {
        .ingr__left-1 {
            right: calc(-1.25rem + -2.5 * (100vw - 33.75rem)/ 5)
        }
    }

    .ingr__left-2 {
        bottom: -4.375rem
    }

    @supports (left:clamp(3.125rem, -13.328125rem + 48.75vw, 5.5625rem)) {
        .ingr__left-2 {
            left: clamp(3.125rem, -13.328125rem + 48.75vw, 5.5625rem)
        }
    }

    @supports not (left:clamp(3.125rem, -13.328125rem + 48.75vw, 5.5625rem)) {
        .ingr__left-2 {
            left: calc(3.125rem + 2.4375 * (100vw - 33.75rem)/ 5)
        }
    }

    @supports (right:clamp(-10rem, 23.90625rem + -87.5vw, -5.625rem)) {
        .ingr__left-3 {
            right: clamp(-10rem, 23.90625rem + -87.5vw, -5.625rem)
        }
    }

    @supports not (right:clamp(-10rem, 23.90625rem + -87.5vw, -5.625rem)) {
        .ingr__left-3 {
            right: calc(-5.625rem + -4.375 * (100vw - 33.75rem)/ 5)
        }
    }
}

@media (max-width:31.25em) {
    .footer__body {
        font-size: .75rem;
        line-height: 1.5833333333;
        gap: 2rem;
        text-align: left;
        padding: .8125rem 0
    }

    .footer__phone {
        font-size: .875rem;
        line-height: 1.2857142857;
        white-space: nowrap
    }
}

@media (max-width:29.375em) {
    .ingr__left-3 {
        bottom: -25%;
        width: 7.5rem;
        right: -3.875rem
    }

    .ingr__left-3 .ingr__left-subtitle {
        padding-right: 12px;
    }

    .ingr__left-3 img {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: 3.5rem
    }
}

@media (max-width:361px) {
    .end__info {
        flex: 0 1 89%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 17px
    }
}

@media (max-width:25.9375em) {
    .end__info {
        flex: 0 1 89%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .end__info-container {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 39%;
        flex: 1 1 39%;
        gap: .625rem
    }

    .end__gallery {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center
    }

    @supports (width:clamp(5.375rem, -14.4144736842rem + 98.9473684211vw, 11.25rem)) {
        .end__gallery-container-1 {
            width: clamp(5.375rem, -14.4144736842rem + 98.9473684211vw, 11.25rem)
        }
    }

    @supports not (width:clamp(5.375rem, -14.4144736842rem + 98.9473684211vw, 11.25rem)) {
        .end__gallery-container-1 {
            width: calc(5.375rem + 5.875 * (100vw - 20rem)/ 5.9375)
        }
    }

    @supports (height:clamp(7.6875rem, -15.4703947368rem + 115.7894736842vw, 14.5625rem)) {
        .end__gallery-container-1 {
            height: clamp(7.6875rem, -15.4703947368rem + 115.7894736842vw, 14.5625rem)
        }
    }

    @supports not (height:clamp(7.6875rem, -15.4703947368rem + 115.7894736842vw, 14.5625rem)) {
        .end__gallery-container-1 {
            height: calc(7.6875rem + 6.875 * (100vw - 20rem)/ 5.9375)
        }
    }

    .end__gallery-container-1 img {
        width: 100%;
        height: 100%
    }

    .end__gallery-container-2 {
        height: 100%
    }

    @supports (width:clamp(6.625rem, -9.375rem + 80vw, 11.375rem)) {
        .end__gallery-container-2 {
            width: clamp(6.625rem, -9.375rem + 80vw, 11.375rem)
        }
    }

    @supports not (width:clamp(6.625rem, -9.375rem + 80vw, 11.375rem)) {
        .end__gallery-container-2 {
            width: calc(6.625rem + 4.75 * (100vw - 20rem)/ 5.9375)
        }
    }

    @supports (height:clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)) {
        .end__gallery-container-2 {
            height: clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)
        }
    }

    @supports not (height:clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)) {
        .end__gallery-container-2 {
            height: calc(8.5625rem + 4.9375 * (100vw - 20rem)/ 5.9375)
        }
    }

    .end__gallery-container-2 img {
        width: 100%;
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    @supports (width:clamp(6.625rem, -9.375rem + 80vw, 11.375rem)) {
        .end__gallery-container-3 {
            width: clamp(6.625rem, -9.375rem + 80vw, 11.375rem)
        }
    }

    @supports not (width:clamp(6.625rem, -9.375rem + 80vw, 11.375rem)) {
        .end__gallery-container-3 {
            width: calc(6.625rem + 4.75 * (100vw - 20rem)/ 5.9375)
        }
    }

    @supports (height:clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)) {
        .end__gallery-container-3 {
            height: clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)
        }
    }

    @supports not (height:clamp(8.5625rem, -8.0690789474rem + 83.1578947368vw, 13.5rem)) {
        .end__gallery-container-3 {
            height: calc(8.5625rem + 4.9375 * (100vw - 20rem)/ 5.9375)
        }
    }
}

@media (max-width:22.5em) {
    .ingr__left {
        left: -1.25rem
    }
}

@media (max-width:56.25em) and (min-width:56.3125em) {
    .ingr__left {
        width: inherit
    }
}

.col-xs-12 {
    width: 100%;
}