body {
    position: relative;
}
.page__title {
    text-align: left;
    padding-bottom: 4px;
}
.container {

}
.information {
    color: var(--grey2);
    font-size: clamp(16px, 3vw, 20px);
    width: 100%;
    z-index: 1;
}
.information h1, .information h2, .information h3, .information h4 {
    color: var(--black);
    text-transform: uppercase;
}
.information h2 {
    font-size: clamp(20px, 3.5vw, 30px);
    margin-top: 40px;
}
.information p {
    line-height: 160%;
}
.information p + ul {
    margin-top: 0;
}
.information p:has(+ ul), .no-margin {
    margin-bottom: 0;
}
.information a {
    color: #F38125;
}
.information a.button {
    color: var(--white);
}
.information a.button:hover {
    color: var(--orange);
}
.information ul {
    list-style-type: none;
    line-height: 160%;
    padding-left: 0;
}
.information ul li::before {
    content: "-";
    margin-right: 0.5em;
}
.information ol {
    padding-left: 24px;
    line-height: 160%;
}
.information__watermark {
    position: absolute;
    right: 0;
    max-width: clamp(60px, 16vw, 300px);
    bottom: 40%;
    z-index: 0;
}
.information__watermark img {
    width: 100%;
}
.grey__line {
    margin-bottom: 50px;
}
.flex__block {
    display: flex;
    gap: 50px;
}

/* ABOUT START */
.about__info-slogan {
    color:var(--orange2);
    font-size: clamp(16px, 3vw, 20px);
    line-height: 160%;
    font-weight: 700;
}
.about__info-video {
    width: 100%;
    text-align: center;
}
.about__info-video img {
    width: 100%;
    max-width: 340px;
}
.about__benefits {
    display: flex;
    align-items: center;
}
.about__benefits-image img {
    width: 100%;
}
.about__benefits-benefit {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 690px;
}
.about__benefits-benefit-title {
    color: var(--black);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
.about__benefits-benefit-text {
    color: var(--grey2);
    font-size: 16px;
    line-height: 160%;
}
.about__logo {
    width: 65%;
    max-width: 707px;
    margin: -40px auto 0;
}
.about__logo img {
    width: 100%;
}
.about__team {
    background: #EDEDED;
    padding: 100px 150px;
    width: 100%;
    position: relative;
}
.about__team-title {
    text-align: center;
    font-weight: 700;
    font-size: clamp(26px, 2.4vw, 44px);
    text-transform: uppercase;
    color:var(--black);
    margin-bottom: 50px;
}
.about__team-title span {
    color: var(--orange);
}
.about__team-staff {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 100px;
}
.about__team-people {
    flex: 0 0 calc(25% - 75px);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.about__team-people-image {
    width: 100%;
}
.about__team-people-image img {
    width: 100%;
    height: 100%;
}
.about__team-people-name {
    font-size: clamp(13px, 2.7vw, 20px);
    font-weight: 700;
    color:var(--black);
    text-transform: uppercase;
    padding-top: 6px;
}
.about__team-people-info {
    font-size: clamp(12px, 2.5vw, 16px);
    line-height: 160%;
    color:var(--grey2);
}
.about__team-logo {
    width: 25%;
    max-width: 239px;
    position: absolute;
    left: -5.5%;
    top: -30px;
}
.about__team-logo svg {
    width: 100%;
}

.about__production {
    display: flex;
    gap: 50px;
}
.about__production__info {
    flex-basis: 51%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}
.about__production__image {
    flex-basis: 49%;
    display: flex;
    align-items: center;
}
.about__production__image img {
    width: 100%;
}
.about__production__watermark {
    position: absolute;
    right: 0;
    max-width: clamp(60px, 12.6vw, 242px);
}
.about__production__watermark img {
    width: 100%;
}
/* ABOUT END */
/* HORECA START */
.horeca__offers {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.horeca__offer {
    background: #FFF;
    border-radius: 8px;
    padding: 30px;
    flex: 0 0 calc(100% / 3 - 40px / 3);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.horeca__offer-name {
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 700;
    text-transform: uppercase;
    color:var(--black);
    max-width: 405px;
}
.horeca__offer-text {
    font-size: 16px;
    color:var(--grey2);
    line-height: 160%;
    max-width: 405px;
}
.horeca__offers-block {
    gap: 40px;
}
.horeca__stages {
    display: flex;
    width: 100%;
    gap: 20px;
}
.horeca__stage {
    width: 100%;
    position: relative;
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 700;
    color:var(--black);
    padding: 70px 4px;
}
.horeca__stage:last-child {
    width: fit-content;
}
.horeca__stage::before {
    position: absolute;
    top: 0;
    left: 0;
    content:'';
    width: 40px;
    height: 40px;
    display: block;
    background: url('https://clients.devprime.net/twinn/catalog/view/theme/twinn/image/icons/roundcheck.svg')
}
.horeca__stage::after {
    content: '';
    height: 2px;
    width: calc(100% - 60px);
    display: block;
    background: var(--orange3);
    position: absolute;
    top: 19px;
    right: 0;
}
.horeca__stage:last-child::after {
    display: none;
    background: none;
    width: 0;
    height: 0;
}
.horeca__stage span {
    max-width: 200px;
    display: block;
}
.horeca__work {
    gap: 30px;
}
.horeca__work .prime__subtitle {
    padding-bottom: 20px;
}
.horeca__button {
    width: 100%;
    text-align: center;
}
.horeca__cooperate {
    gap: 30px;
}
.horeca__cooperate .prime__title {
    padding-bottom: 10px;
}
.information-page-11 .horeca__cooperate .prime__title {
    padding: 0 20px 10px;
}
.horeca__cooperate .prime__text {
    color:var(--black);
    display: flex;
    justify-content: center;
    gap: 20px;
}
.horeca__slider .prime__slider {
    font-size: clamp(16px, 3vw, 20px);
    text-transform: uppercase;
    font-weight: 700;
}
.horeca__slider .prime__slider span {
    color: var(--grey2);
}
.horeca__slider .prime__slider img {
    margin-bottom: 20px;
}

/* HORECA END */
/* CUSTOM ORDER */
.custom_order-block {
    justify-content: start;
}
.custom_order-block .prime__text {
    max-width: 710px;
}
.custom__order-gallery {
    display: flex;
    gap: 30px;
    width: 100%;
}
.custom__solutions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.custom__solutions-solution {
    background: #FFF;
    border-radius: 8px;
    padding: 30px;
    flex: 0 0 calc(100%/3 - 40px/3);
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--black);
    font-size: clamp(18px, 2vw, 20px);
    line-height: 140%;
    font-weight: 700;
}
.custom__solutions-solution:nth-child(n+4) {
    flex: 0 0 calc(50% - 10px);
    padding-right: 50px;
}
.custom__solutions-solution span {
    color:var(--orange);
    font-size: clamp(40px, 4vw, 60px);
    font-weight: 300;
}
/* END CUSTOM ORDER */

.information-page-9 .information__watermark {
    z-index: 1;
    bottom: unset;
    top: 15%;
}

.information-page-10 .information__watermark {
    bottom: unset;
    top: 13%;
    z-index: 1;
}
.information-page-11 .information__watermark {
    bottom: unset;
    top: 13%;
    z-index: 1;
}
.information-page-13 .information__watermark {
    display: none;
}

@media (min-width: 769px) {
    .information-page-11 .horeca__stage span {
        max-width: 210px;
    }
    .information-page-9 .prime__page {
        padding: 0;
    }
    .custom_order-block {
        padding-top: 50px;
    }
}
@media (min-width: 1025px) {
    .about__info-slogan {
        padding-bottom: 10px;
    }
}
@media (max-width: 1280px) {
    .about__team-staff {
        gap: 20px 26px;
    }
    .about__team-people {
        flex: 0 0 calc(25% - 19.5px);
    }
}
@media (max-width: 1024px) {
    .about__benefits {
        flex-direction: column;
        gap: 30px;
    }
    .about__team-staff {
        gap: 20px;
    }
    .about__team-people {
        flex: 0 0 calc(50% - 10px);
    }
    .about__production {
        flex-direction: column;
        margin: 0 0 20px 0;
        gap: 20px;
    }
    .about__production__info {
        padding-top: 0;
    }
    .horeca__stages {
        flex-direction: column;
        gap: 4px;
    }
    .horeca__stage {
        padding: 10px 0 40px 60px;
    }
    .horeca__stage::after {
        width: 2px;
        top: unset;
        height: calc(100% - 40px);
        left: 19px;
        bottom: 0;
    }
    .horeca__stage span {
        max-width: none;
    }
}
@media(max-width: 768px) {
    /* CUSTOM ORDER */
    .flex__block {
        flex-direction: column;
        gap: 30px;
    }
    .custom__block .button {
        width: max-content;
        margin: 0;
    }
    .custom__solutions-solution {
        flex: 0 0 100% !important;
        line-height: 130%;
        padding: 20px !important;
    }
    /* END CUSTOM ORDER */
    .about__team {
        padding: 60px 12px 30px;
    }
    .about__info {
        flex-direction: column-reverse;
        gap: 60px;
        margin-top: -50px;
    }
    .about__info-video {
        margin: 0 -16px;
    }
    .about__info-video img {
        width: calc(100% + 32px);
        max-width: 768px;
    }
    .about__logo {
        margin-top: -43px;
        width: 69%;
        z-index: 2;
    }
    .about__team-logo {
        top: -80px;
        left: 0;
    }
    .horeca__offers-block {
        gap: 30px;
    }
    .horeca__offer {
        flex: 0 0 100%;
        padding: 20px;
        gap: 16px;
    }
    .horeca__offer-name {
        padding-top: 4px;
    }
    .horeca__work {
        gap: 20px;
    }
    .horeca__work .prime__subtitle {
        padding-bottom: 10px;
    }
    .horeca__cooperate {
        gap: 20px;
    }
    .horeca__cooperate .prime__text {
        flex-direction: column;
        gap: 14px;
    }
    .information-page-10 .prime__title {
        /* padding-right: 60px; */
    }
    .information-page-10 .custom__block .button {
        width: 100%;
    }
    .information-page-10 .information__watermark {
        top: 15%;
    }
    .information-page-9 .custom__block {
        flex-direction: column;
        gap: 30px;
    }
    .information-page-9 .information__watermark {
        top: 18.5%;
    }
    .information-page-10 .grey__line {
        margin-bottom: 20px;
    }
}