@import 'custom.css';

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Black.woff2") format("woff2"), url("../../Content/fonts/Avenir-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-LightOblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-LightOblique.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir Book";
    src: url("../../Content/fonts/Avenir-Book.woff2") format("woff2"), url("../../Content/fonts/Avenir-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Light.woff2") format("woff2"), url("../../Content/fonts/Avenir-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-HeavyOblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-HeavyOblique.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir Black Oblique";
    src: url("../../Content/fonts/Avenir-BlackOblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-BlackOblique.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Medium.woff2") format("woff2"), url("../../Content/fonts/Avenir-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Avenir Book";
    src: url("../../Content/fonts/Avenir-BookOblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-BookOblique.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Heavy.woff2") format("woff2"), url("../../Content/fonts/Avenir-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Oblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-Oblique.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-MediumOblique.woff2") format("woff2"), url("../../Content/fonts/Avenir-MediumOblique.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Avenir";
    src: url("../../Content/fonts/Avenir-Roman.woff2") format("woff2"), url("../../Content/fonts/Avenir-Roman.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}

body {line-height: 1}

ol, ul {list-style: none}

blockquote, q {quotes: none}

blockquote:before, blockquote:after, q:before, q:after {content: "";content: none}

table {border-collapse: collapse;border-spacing: 0}

@keyframes scroll-bounce {
    0% {transform: translate(-50%, 0);opacity: 1}
    50% {transform: translate(-50%, 6px);opacity: .7}
    100% {transform: translate(-50%, 0);opacity: 1}
}

body {font-family: "Avenir", "Open Sans", sans-serif;background-color: #f9ede6}

main {overflow: hidden}

.accordion {display: flex;flex-direction: column;gap: 20px}

.accordion__item {border-bottom: 1px solid #ebc8b0}

.accordion__item:first-child {border-top: 1px solid #ebc8b0;padding-top: 20px}

.accordion__item.active .accordion__head {border-bottom: none}

.accordion__item.active .accordion__head::before {content: "−"}

.accordion__item.active .accordion__body {max-height: 1000px;opacity: 1}

.accordion__item.active .accordion__content {display: flex;flex-direction: column}

.accordion__head {display: flex;align-items: center;gap: 32px;padding-bottom: 20px;cursor: pointer}

.accordion__head::before {content: "+";font-size: 26px;color: #c04d00}

.accordion__title {font-weight: 300;color: #c04d00;font-size: 24px;line-height: 32px}

@media screen and (min-width: 1200px) {
    .accordion__title {font-size: 28px;line-height: 36px}
}

@media screen and (min-width: 1440px) {
    .accordion__title {font-size: 36px;line-height: 44px}
}

.accordion__body {overflow: hidden;opacity: 0;max-height: 0;transition: max-height 3s ease, opacity .1s ease}

.accordion__content {display: none;padding: 0 0 20px 50px}

.accordion__content p {font-weight: 300;font-size: 16px;line-height: 24px;color: #333}

.accordion__content > :last-child {margin-bottom: 0}

.container {margin: 0 auto;padding: 0 16px}

@media screen and (min-width: 1200px) {
    .container {max-width: 1440px;padding: 0 100px}
}

@media screen and (min-width: 1600px) {
    .container {max-width: 1340px}
}

@media screen and (min-width: 1200px) {
    .container--lg {max-width: 1872px;padding: 0 36px}
}

.container-pull-right {padding: 0 16px}

@media screen and (min-width: 1200px) {
    .container-pull-right {padding-left: 100px;padding-right: 0;width: calc(100% - 100px);margin-left: auto}
}

@media screen and (min-width: 1600px) {
    .container-pull-right {padding-left: calc((100% - 1340px) / 2);width: auto}
}

.subpage--has-padding {padding-top: 140px}

@media screen and (min-width: 1200px) {
    .subpage--has-padding {padding-top: 80px}
}

.sticky-whatsapp {border: 1px solid #c04d00;background-color: #ebc8b0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: fixed;right: 15px;bottom: 15px;z-index: 100;transition: all ease-in-out .3s}

@media screen and (min-width: 1200px) {
    .sticky-whatsapp {right: 36px;bottom: 125px}
}

.sticky-whatsapp svg {fill: #c04d00;transition: all ease-in-out .3s}

.sticky-whatsapp:hover {border-color: #ebc8b0;background-color: #c04d00}

.sticky-whatsapp:hover svg {fill: #ebc8b0}

@media screen and (min-width: 1200px) {
    .sticky-whatsapp.dw-sticky {bottom: 50px}
}

.parallax {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;overflow: hidden}

.parallax img {width: 100%;height: 130% !important;object-position: center;object-fit: cover}

.section__image {width: 100%;height: 960px;display: flex;overflow: hidden}

@media screen and (min-width: 1200px) {
    .section__image {height: 100%;margin-top: 50px}
}

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

.section__title--sm {font-weight: 800;font-size: 14px;color: #163029;letter-spacing: .2em;margin-bottom: 32px;display: flex;align-items: center;gap: 12px}

.section__title--sm::after {content: "";display: block;width: 80px;height: 1px;background-color: #163029}

.section__title:not(.section__title--sm) {font-weight: 300;font-size: 36px;line-height: 44px;color: #c04d00;margin-bottom: 20px}

.section__head {display: flex;flex-direction: column;margin-bottom: 32px}

@media screen and (max-width: 1199px) {
    .section__head {gap: 30px}

    .section__head .slider__arrows {display: none}
}

@media screen and (min-width: 1200px) {
    .section__head {flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 50px}
}

.section__content {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;text-align: left}

.section__content > :last-child {margin-bottom: 0}

.section__content--centered {align-items: center;justify-content: center;text-align: center}

.section__content-logo {margin-bottom: 40px}

.section__content .custom-title {margin-bottom: 32px}

.section__content-title {font-weight: 300;color: #c04d00;margin-bottom: 20px;font-size: 36px;line-height: 44px}

@media screen and (min-width: 1200px) {
    .section__content-title {font-size: 48px;line-height: 56px}
}

.section__content-button {margin-top: 40px}

.section__content p {font-weight: 300;font-size: 18px;line-height: 26px;color: #333;max-width: 600px}

.section--custom {padding: 60px 0}

@media screen and (min-width: 1200px) {
    .section--custom {padding: 120px 0}
}

.section--custom-2 {padding: 70px 0 60px 0}

@media screen and (min-width: 1200px) {
    .section--custom-2 {padding: 80px 0}
}

.section--has-bg {background-color: #f6e4d9}

.section--project {padding-bottom: 0;position: relative}

.section--project::before {content: "";background-image: url("../../Content/images/project-bg.png");background-position: center;background-repeat: no-repeat;background-size: contain;display: block;position: absolute;left: -40px;bottom: 0;mix-blend-mode: color-burn;z-index: 1;width: 348px;height: 454px}

@media screen and (max-width: 1199px) {
    .section--project::before {width: 240px;height: 313px}
}

.section--project > .container {position: relative;padding-bottom: 130px}

@media screen and (min-width: 1200px) {
    .section--project > .container {padding-bottom: 120px}
}

.section--has-mb {margin-bottom: 60px}

@media screen and (min-width: 1200px) {
    .section--has-mb {margin-bottom: 120px}
}

.button {display: flex;align-items: center;justify-content: center;background-color: #c04d00;text-decoration: none;gap: 13px;padding: 0 16px;height: 48px;border: 1px solid #c04d00;transition: all ease-in-out .2s}

.button svg {fill: #f3cfb2;transition: all ease-in-out .2s}

.button span {color: #f3cfb2;font-weight: 400;font-size: 14px;line-height: 100%;transition: all ease-in-out .2s}

.button:hover {cursor: pointer;background-color: #ebc8b0}

.button:hover svg {fill: #c04d00}

.button:hover span {color: #c04d00}

.button--lg {min-width: 153px}

.button--lg span {font-size: 16px}

.custom-title {font-weight: 800;font-size: 14px;letter-spacing: .2em;color: #163029;display: flex;align-items: center;gap: 12px}

.custom-title::after {content: "";display: block;width: 80px;height: 1px;background-color: #163029}

.tabs .tab-content {display: none}

.tabs .tab-content.active {display: block}

.custom-tab {display: flex;margin-bottom: 40px}

@media screen and (max-width: 1199px) {
    .custom-tab {margin: 0 -16px 28px -16px}
}

.custom-tab__item {border: 1px solid #ebc8b0;border-width: 1px 0 1px 0;flex: 1;padding: 16px 0;transition: all ease-in-out .15s;display: flex;align-items: center;justify-content: center;cursor: pointer}

.custom-tab__item span {font-weight: 400;font-size: 16px;line-height: 16px;color: #c04d00}

.custom-tab__item.active, .custom-tab__item:hover {border-color: #c04d00;background-color: #f6e4d9}

.header {width: 100%;height: 80px;position: fixed;top: 0;left: 0;z-index: 99;display: flex;align-items: center;justify-content: center}

.header__container {display: flex;align-items: center;justify-content: space-between;max-width: 1872px;width: 100%;z-index: 99}

.header__menu {display: flex;align-items: center;gap: 16px}

.header__menu-icon {width: 24px;height: 18px;position: relative;cursor: pointer;transition: transform .3s ease}

.header__menu-icon span {display: block;position: absolute;height: 2px;width: 100%;background-color: #f3cfb2;left: 0;transition: all .3s ease}

.header__menu-icon span:nth-child(1) {top: 0}

.header__menu-icon span:nth-child(2) {top: 8px}

.header__menu-icon span:nth-child(3) {top: 16px}

.header__menu > span {font-weight: 400;font-size: 14px;line-height: 100%;color: #f3cfb2;margin-left: 10px;transition: all .3s ease}

@media screen and (max-width: 1199px) {
    .header__menu > span {display: none}
}

.header__menu:hover {cursor: pointer}

.header__logo {display: flex}

.header__logo svg {fill: #f3cfb2}

@media screen and (min-width: 1200px) {
    .header__logo {position: absolute;left: 50%;transform: translateX(-50%)}
}

.header__actions {display: flex;align-items: center;gap: 36px}

.header__action--phone a {font-weight: 400;font-size: 14px;line-height: 100%;color: #f3cfb2;text-decoration: none}

@media screen and (max-width: 1199px) {
    .header__action--cta, .header__action--phone {display: none}
}

.header .language-selection {position: relative}

.header .language-selection:hover .language-selection__head {background-color: #c04d00;border-color: #c04d00}

.header .language-selection:hover .language-selection__head svg {transform: rotate(180deg)}

.header .language-selection:hover .language-selection__body {opacity: 1;visibility: visible}

.header .language-selection__head {display: flex;align-items: center;gap: 8px;padding: 10px;transition: all ease-in-out .15s;border-radius: 6px 6px 0 0;border: 1px solid rgba(0, 0, 0, 0)}

.header .language-selection__head span {font-weight: 400;font-size: 14px;line-height: 100%;color: #f3cfb2;transition: all ease-in-out .15s}

.header .language-selection__head svg {fill: #f3cfb2;transition: all ease-in-out .15s}

.header .language-selection__head:hover {cursor: pointer}

.header .language-selection__body {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;top: 100%;left: 0;gap: 5px;width: calc(100% - 10px);padding: 10px 5px;background-color: #c04d00;border-radius: 0 0 6px 6px;border-top: 1px solid #f3cfb2;opacity: 0;visibility: hidden;transition: all ease-in-out .15s}

.header .language-selection__item {font-weight: 400;font-size: 14px;line-height: 100%;color: #f3cfb2;text-decoration: none;display: flex;align-items: center;justify-content: center;border-radius: 6px;width: 100%;padding: 5px 0}

.header .language-selection__item:hover {background-color: #f3cfb2;color: #c04d00}

.header:not(.menu-active).sticky, .header:not(.menu-active).header--white {background-color: #fdf8f3}

.header:not(.menu-active).sticky .language-selection__head span, .header:not(.menu-active).header--white .language-selection__head span {color: #c04d00 !important}

.header:not(.menu-active).sticky .language-selection__head svg, .header:not(.menu-active).header--white .language-selection__head svg {fill: #c04d00 !important}

.header:not(.menu-active).sticky .language-selection:hover .language-selection__head span, .header:not(.menu-active).header--white .language-selection:hover .language-selection__head span {color: #f3cfb2 !important}

.header:not(.menu-active).sticky .language-selection:hover .language-selection__head svg, .header:not(.menu-active).header--white .language-selection:hover .language-selection__head svg {fill: #f3cfb2 !important}

.header:not(.menu-active).sticky .header__menu > span, .header:not(.menu-active).header--white .header__menu > span {color: #c04d00}

.header:not(.menu-active).sticky .header__menu-icon span, .header:not(.menu-active).header--white .header__menu-icon span {background-color: #c04d00}

.header:not(.menu-active).sticky .header__logo svg, .header:not(.menu-active).header--white .header__logo svg {fill: #c04d00}

.header:not(.menu-active).sticky .header__action--phone a, .header:not(.menu-active).header--white .header__action--phone a {color: #c04d00}

.header.menu-active .menu {opacity: 1;visibility: visible}

.header.menu-active .header__menu-icon span {background-color: #c04d00}

.header.menu-active .header__menu-icon span:nth-child(1), .header.menu-active .header__menu-icon span:nth-child(3) {opacity: 0;transform: translateY(8px)}

.header.menu-active .header__menu-text {color: #c04d00}

.header.menu-active .header__logo svg {fill: #c04d00}

.header.menu-active .header__action--phone {display: none}

.header.menu-active .language-selection:not(:hover) .language-selection__head span {color: #163029}

.header.menu-active .language-selection:not(:hover) .language-selection__head svg {fill: #163029}

@media screen and (max-width: 1199px) {
    .header.menu-active .header__actions {display: none}

    .header.menu-active .header__menu-text {display: block}

    .header.menu-active .menu__content {padding: 200px 0 50px 0;height: calc(100% - 250px)}

    .header.menu-active .menu__bottom {align-items: flex-start;flex-direction: column-reverse;gap: 40px}

    .header.menu-active .menu__image {display: none}

    .header.menu-active .menu__left {display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(100% - 32px);padding: 0 16px;gap: 36px}

    .header.menu-active .menu__left a {width: 100%}
}

@media screen and (max-width: 639px) {
    .header.menu-active .menu__content {padding: 100px 0 20px 0;height: calc(100% - 120px)}
}

.menu {width: 100%;height: 100vh;z-index: 98;position: fixed;inset: 0;background-color: #f3cfb2;opacity: 0;visibility: hidden;transition: all ease-in-out .3s;background-image: url("../../Content/images/menu-bg.svg");background-position: center;background-repeat: no-repeat;background-size: cover}

.menu__wrapper {display: flex;justify-content: space-between}

.menu .container-pull-right, .menu__wrapper {height: 100%}

@media screen and (min-width: 1200px) {
    .menu__left > a {display: none}
}

.menu__content {display: flex;flex-direction: column;justify-content: space-between;padding: 150px 60px 40px 0;height: calc(100% - 190px);flex: 1}

@media screen and (min-height: 900px) {
    .menu__content {padding-top: 215px;height: calc(100% - 255px)}
}

.menu__bottom {display: flex;align-items: center;justify-content: space-between}

.menu__bottom > span {font-weight: 800;font-size: 14px;line-height: 14px;letter-spacing: .2em;color: #163029;display: flex;align-items: center;gap: 12px}

.menu__bottom > span::after {content: "";display: block;width: 80px;height: 1px;background-color: #163029}

.menu__image {display: flex}

.menu__list {display: flex;align-items: flex-start;flex-direction: column;gap: 40px;padding: 0;margin: 0;list-style: none}

.menu__list-item {counter-increment: menulist-counter;display: flex;align-items: flex-start;transition: all ease-in-out .2s;gap: 8px}

@media screen and (min-width: 1200px) {
    .menu__list-item {gap: 12px}
}

.menu__list-item > a {font-weight: 300;font-size: 32px;line-height: 32px;color: #c04d00;text-decoration: none;transition: all ease-in-out .2s}

@media screen and (min-width: 640px) {
    .menu__list-item > a {font-size: 40px;line-height: 40px}
}

@media screen and (min-width: 1200px) {
    .menu__list-item > a {font-size: 48px;line-height: 48px}
}

.menu__list-item::before {content: counter(menulist-counter, decimal-leading-zero);font-size: 14px;line-height: 14px;color: #163029;font-weight: 300;font-style: italic}

@media screen and (min-width: 1200px) {
    .menu__list-item::before {font-size: 16px;line-height: 16px}
}

.menu__list-item:hover > a {color: #163029}

.menu__social {display: flex;align-items: center;gap: 37px}

.menu__social-item svg {transition: all ease-in-out .3s;fill: #c04d00}

.menu__social-item:hover svg {opacity: .8}

.footer {background-color: #f6e4d9;padding-top: 60px}

@media screen and (min-width: 1200px) {
    .footer {padding-top: 160px}
}

.footer__top {display: flex;flex-direction: column;gap: 60px;background-image: url("../../Content/images/footer-bg.svg");background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #163029;padding: 60px 0 80px 0}

@media screen and (min-width: 1200px) {
    .footer__top {padding: 160px 0 40px 0}
}

.footer__top .container {display: flex;align-items: flex-start;justify-content: space-between;position: relative;width: calc(100% - 64px)}

@media screen and (min-width: 1200px) {
    .footer__top .container {width: calc(100% - 200px)}
}

.footer__nav {display: flex;flex-direction: column;gap: 60px}

@media screen and (min-width: 1200px) {
    .footer__nav {flex-direction: row;gap: 160px}
}

.footer__logo {display: flex}

.footer__wrapper {display: flex;flex-wrap: wrap;gap: 75px}

.footer__list {padding: 0;margin: 0;display: grid;grid-template-columns:repeat(2, 1fr);gap: 28px 75px}

@media screen and (min-width: 1200px) {
    .footer__list {display: flex;flex-wrap: wrap;flex-direction: column;max-height: 232px}
}

.footer__list-item {transition: opacity .3s ease, transform .3s ease}

.footer__list-item > a {text-decoration: none;color: #f3cfb2;font-weight: 400;font-size: 18px;line-height: 24px}

.footer__list-item:hover {opacity: .7;transform: translateX(4px)}

.footer__group {display: flex}

@media screen and (max-width: 1199px) {
    .footer__group {position: absolute;right: 32px;top: 0;margin-top: -22px}

    .footer__group svg {width: 96px;height: 60px}
}

.footer__redirect {width: 100%;display: flex;flex-direction: column;gap: 32px}

@media screen and (min-width: 1200px) {
    .footer__redirect {align-items: center;flex-direction: row}
}

.footer__redirect .custom-button.button {background-color: rgba(8, 17, 14, .4);border-color: #ebc8b0}

.footer__redirect .custom-button.button svg {fill: #f3cfb2}

.footer__redirect .custom-button.button span {color: #f3cfb2}

.footer__redirect .custom-button.button:hover {background-color: #c04d00;border-color: #c04d00}

.footer__redirect .custom-button.button:hover svg {fill: #f3cfb2}

.footer__redirect .custom-button.button:hover span {fill: #f3cfb2}

.footer__social {display: flex;justify-content: center;flex: 1;gap: 45px}

@media screen and (min-width: 1200px) {
    .footer__social {gap: 30px;justify-content: flex-end}
}

.footer__social-item svg {transition: all ease-in-out .3s;fill: #f3cfb2}

@media screen and (min-width: 1200px) {
    .footer__social-item svg {fill: #b7bfbd}
}

.footer__social-item:hover svg {fill: #f3cfb2}

.footer__bottom {background-color: #122621}

@media screen and (min-width: 1200px) {
    .footer__bottom {padding: 32px 0}
}

.footer__bottom .container {display: flex;flex-direction: column-reverse;align-items: center}

@media screen and (min-width: 1200px) {
    .footer__bottom .container {flex-direction: row;justify-content: space-between}
}

.footer__copyright {font-weight: 400;font-size: 12px;color: #b7bfbd;position: relative}

@media screen and (max-width: 1199px) {
    .footer__copyright {padding: 20px 0}

    .footer__copyright::before {content: "";position: absolute;margin-left: calc(-50vw + 50%);top: 0;width: 100vw;height: 1px;background-color: #364c44}
}

.footer__links {display: flex;align-items: center;gap: 32px}

@media screen and (max-width: 1199px) {
    .footer__links {padding: 32px 0}
}

.footer__links-item {text-decoration: none;font-weight: 400;font-size: 12px;color: #b7bfbd;transition: all ease-in-out .3s}

.footer__links-item:hover {opacity: .7}

@media screen and (min-width: 1200px) {
    .footer__contact {margin-bottom: -80px}
}

.footer__contact .container {position: relative}

@media screen and (max-width: 1199px) {
    .footer__contact .container {padding: 0}
}

.footer__contact-bg {width: 100%;height: 100%;display: flex}

@media screen and (max-width: 1199px) {
    .footer__contact-bg {height: 380px}
}

.footer__contact-bg img {width: 100%;height: 100%;object-fit: cover}

.footer__cwrapper {position: absolute;z-index: 1;top: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 48px 16px 40px 16px;width: calc(100% - 32px);height: calc(100% - 88px)}

@media screen and (min-width: 1200px) {
    .footer__cwrapper {width: calc(100% - 395px);height: calc(100% - 180px);padding: 90px 115px 90px 80px;flex-direction: row;left: 100px}
}

.footer__cwrapper h5 {font-weight: 800;color: #f3cfb2;font-size: 14px;line-height: 14px;display: flex;align-items: center;gap: 12px;letter-spacing: .2em;margin-bottom: 20px}

@media screen and (min-width: 1200px) {
    .footer__cwrapper h5 {margin-bottom: 32px}
}

.footer__cwrapper h5::after {content: "";display: block;width: 80px;height: 1px;background-color: #f3cfb2}

.footer__cwrapper h3 {font-weight: 300;font-size: 36px;line-height: 44px;color: #f3cfb2;margin-bottom: 0}

@media screen and (min-width: 1200px) {
    .footer__cwrapper h3 {font-size: 48px;line-height: 56px;max-width: 500px}
}

@media screen and (max-width: 1199px) {
    .footer__cwrapper .button {width: calc(100% - 32px)}
}

.contact-form {position: fixed;inset: 0;z-index: 1000;width: 100%;height: auto;background: linear-gradient(90deg, #F4D3B9 0%, #F4D3B9 100%);display: flex;flex-direction: column;align-items: center;gap: 20px;overflow-y: auto;opacity: 0;visibility: hidden;transition: all ease-in-out .3s}

@media screen and (min-width: 1200px) {
    .contact-form {gap: 0;justify-content: space-between}
}

.contact-form.active {opacity: 1;visibility: visible}

.contact-form__head {display: flex;align-items: center;justify-content: space-between;min-height: 80px;height: 80px;max-width: 1872px;background-color: #f3cfb2;border-bottom: 1px solid #dbbaa0;width: calc(100% - 32px);margin-bottom: 20px}

@media screen and (min-width: 640px) {
    .contact-form__head {margin-bottom: 100px}
}

@media screen and (min-width: 1200px) {
    .contact-form__head {width: calc(100% - 200px);margin-bottom: 0}
}

.contact-form__head-title {font-weight: 800;font-size: 14px;line-height: 14px;letter-spacing: .2em;color: #163029;display: flex;align-items: center;gap: 12px}

.contact-form__head-title::after {content: "";display: block;width: 80px;height: 1px;background-color: #163029}

.contact-form__head-close {display: flex;align-items: center;gap: 16px;cursor: pointer}

.contact-form__head-close span {font-weight: 400;font-size: 14px;line-height: 14px;color: #c04d00}

.contact-form__box {background-color: #fbf0e7;max-width: 775px;width: calc(100% - 72px);padding: 30px 20px;gap: 25px;display: flex;flex-direction: column}

@media screen and (min-width: 1200px) {
    .contact-form__box {margin: 0;padding: 40px;gap: 40px}
}

.contact-form__box-head {display: flex;align-items: center;justify-content: space-between;width: 100%}

.contact-form__box-form {display: flex;flex-direction: column;gap: 20px}

.contact-form__box-form input, .contact-form__box-form textarea {font-family: "Avenir", "Open Sans", sans-serif;background-color: rgba(0, 0, 0, 0)}

.contact-form__box-bottom {display: flex;align-items: center;flex-direction: column-reverse;gap: 20px}

.contact-form__box-bottom .button {width: 100%}

@media screen and (min-width: 1200px) {
    .contact-form__box-bottom {gap: 0;justify-content: space-between;flex-direction: row}

    .contact-form__box-bottom .button {width: 335px}
}

.contact-form__phone {display: flex;align-items: center;gap: 13px}

.contact-form__phone a {text-decoration: none;font-weight: 400;color: #927c6b;font-size: 18px;line-height: 18px}

@media screen and (min-width: 1200px) {
    .contact-form__phone a {font-size: 20px;line-height: 20px}
}

.contact-form__address {font-weight: 400;font-size: 14px;line-height: 20px;text-align: center;color: #927c6b}

@media screen and (min-width: 1200px) {
    .contact-form__address {text-align: left;font-size: 16px;line-height: 24px}
}

.contact-form__social {display: flex;align-items: center;gap: 35px;margin-bottom: 40px}

@media screen and (max-width: 1199px) {
    .contact-form__social {display: none}
}

.contact-form__social-item svg {fill: #c04d00}

.form__wrapper {display: flex;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .form__wrapper {flex-direction: row}
}

.form__wrapper textarea {height: 100%}

.form__group {flex: 1;display: flex;flex-direction: column;gap: 20px}

.form__item {flex: 1;display: flex}

.form__item input {flex: 1}

.form__item .choices {width: 100%}

.form__item .choices__inner {width: calc(100% - 62px);border: 1px solid #dbbaa0 !important;padding: 0 20px 0 40px !important;height: 48px;background-color: rgba(0, 0, 0, 0);display: flex;align-items: center}

.form__item .choices .choices__list--dropdown, .form__item .choices .choices__list[aria-expanded] {width: calc(100% - 2px);border-color: #dbbaa0 !important}

.form__item .choices .choices__placeholder {color: #927c6b;font-weight: 400;font-size: 16px;line-height: 16px;letter-spacing: 0;opacity: 1}

.form__item .choices::after {left: 25px !important;right: unset !important;border-color: #c04d00 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important}

.form textarea {resize: none;padding: 15px 20px}

.form input {height: 48px;padding: 0 20px}

.form input, .form textarea {border: 1px solid #dbbaa0;outline: none;color: #927c6b;font-weight: 400;font-size: 16px;line-height: 16px;letter-spacing: 0}

.form input::placeholder, .form textarea::placeholder {color: #927c6b;font-weight: 400;font-size: 16px;line-height: 16px;letter-spacing: 0}

.form__checkboxes {display: flex;flex-direction: column;gap: 16px}

.form .checkbox {position: relative;display: flex;align-items: flex-start;gap: 12px;cursor: pointer;font-weight: 400;font-size: 11px;line-height: 14px;color: #b69b86}

.form .checkbox a {font-weight: 400;font-size: 11px;line-height: 14px;color: #b69b86}

.form .checkbox input {position: absolute;opacity: 0;cursor: pointer}

.form .checkbox input:checked ~ .checkmark {background-color: #c04d00;border-color: #c04d00}

.form .checkbox input:checked ~ .checkmark::after {display: block;left: 6px;top: 0px;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg)}

.form .checkbox .checkmark {flex-shrink: 0;width: 20px;height: 20px;border: 1px solid #dbbaa0;border-radius: 4px;box-sizing: border-box;background-color: #fff}

.form .checkbox .checkmark::after {content: "";position: absolute;display: none}

.slider__arrows {display: flex;border: 1px solid #f3cfb2}

@media screen and (max-width: 1199px) {
    .slider__arrows {position: absolute;top: 0;right: 16px}
}

.slider__arrow {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;transition: all ease-in-out .2s}

.slider__arrow:first-child {border-right: 1px solid #f3cfb2}

.slider__arrow.swiper-button-disabled svg {opacity: 30%}

.slider__arrow--left svg {transform: rotate(180deg)}

.slider__arrow svg {fill: #c04d00;transition: all ease-in-out .2s}

.slider__arrow:hover:not(.swiper-button-disabled) {cursor: pointer;background-color: #c04d00;border-color: #c04d00}

.slider__arrow:hover:not(.swiper-button-disabled) svg {fill: #f3cfb2}

.main-slider {height: 100vh}

.main-slider .swiper, .main-slider .swiper-wrapper, .main-slider .swiper-slide {width: 100%;height: 100%}

.main-slider .swiper-slide::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0);pointer-events: none;transition: background .4s ease;z-index: 2}

.main-slider .swiper-slide.swiper-slide-prev::after {background: rgba(0, 0, 0, .4)}

.main-slider__item {position: relative;display: flex;padding: 100px 16px;height: calc(100% - 200px);width: calc(100% - 32px)}

@media screen and (min-width: 1200px) {
    .main-slider__item {align-items: center;width: calc(100% - 200px);padding: 100px}
}

.main-slider__bg {width: 100%;height: 100%;display: flex;position: absolute;inset: 0}

.main-slider__bg img {width: 100%;height: 100%;object-fit: cover}

.main-slider__content {z-index: 1;width: 100%;height: calc(100% - 190px);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;max-width: 1340px;margin: 0 auto;gap: 32px}

@media screen and (min-width: 1200px) {
    .main-slider__content {height: 100%}
}

.main-slider__content .custom-title {color: #f3cfb2}

.main-slider__content .custom-title::after {background-color: #f3cfb2}

.main-slider__title {font-weight: 300;color: #f3cfb2;font-size: 36px;line-height: 44px}

@media screen and (min-width: 640px) {
    .main-slider__title {font-size: 44px;line-height: 52px}
}

@media screen and (min-width: 1200px) {
    .main-slider__title {font-size: 48px;line-height: normal;max-width: 710px}
}

.main-slider__title span {font-weight: 500;font-style: italic}

.main-slider__bottom {z-index: 1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);margin: 0 auto;display: flex;flex-direction: column;padding: 24px 16px;width: calc(100% - 32px);max-width: 1872px}

@media screen and (max-width: 1199px) {
    .main-slider__bottom {gap: 40px}
}

@media screen and (min-width: 1200px) {
    .main-slider__bottom {padding: 24px 36px;width: calc(100% - 72px);flex-direction: row;justify-content: space-between;align-items: center}
}

.main-slider__wrapper {display: flex;align-items: center;gap: 20px}

.main-slider__pagination {display: flex;align-items: center;gap: 12px}

.main-slider__pagination-current, .main-slider__pagination-divider, .main-slider__pagination-total {color: #f3cfb2;font-weight: 300}

.main-slider__pagination-current {font-size: 24px;line-height: normal}

@media screen and (min-width: 640px) {
    .main-slider__pagination-current {font-size: 36px}
}

.main-slider__pagination-divider, .main-slider__pagination-total {line-height: normal;opacity: .5;font-size: 18px}

@media screen and (min-width: 640px) {
    .main-slider__pagination-divider, .main-slider__pagination-total {font-size: 24px}
}

.main-slider__progress {position: relative;width: 60px;height: 2px;background: #ebc8b0;overflow: hidden}

.main-slider__progress-bar {position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #c04d00}

.main-slider__scroll {display: flex;flex-direction: column;align-items: center;gap: 9px;animation: scroll-bounce 2s infinite ease-in-out;position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px}

.main-slider__scroll span {font-weight: 400;font-size: 11px;letter-spacing: .2em;color: #f3cfb2}

@media screen and (max-width: 1199px) {
    .main-slider__scroll {display: none}
}

.main-slider__actions {display: flex;align-items: center;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .main-slider__actions {flex-direction: row}
}

.main-slider__actions .button {min-width: 140px;height: 60px;width: calc(100% - 32px)}

@media screen and (min-width: 1200px) {
    .main-slider__actions .button {width: auto}

    .main-slider__actions .button:not(.custom-button) {display: none}
}

.main-slider__actions .custom-button.button {background-color: rgba(8, 17, 14, .4);border-color: #ebc8b0}

.main-slider__actions .custom-button.button svg {fill: #f3cfb2}

.main-slider__actions .custom-button.button span {color: #f3cfb2}

.main-slider__actions .custom-button.button:hover {background-color: #c04d00;border-color: #c04d00}

.main-slider__actions .custom-button.button:hover svg {fill: #f3cfb2}

.main-slider__actions .custom-button.button:hover span {fill: #f3cfb2}

.main-slider__arrows {display: flex;border: 1px solid #f3cfb2}

@media screen and (max-width: 1199px) {
    .main-slider__arrows {position: absolute;top: 0;right: 16px}
}

.main-slider__arrow {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;transition: all ease-in-out .2s}

.main-slider__arrow:first-child {border-right: 1px solid #f3cfb2}

.main-slider__arrow.swiper-button-disabled svg {opacity: 30%}

.main-slider__arrow--left svg {transform: rotate(180deg)}

.main-slider__arrow svg {fill: #f3cfb2;transition: all ease-in-out .2s}

.main-slider__arrow:hover:not(.swiper-button-disabled) {cursor: pointer;background-color: #c04d00;border-color: #c04d00}

.main-slider__arrow:hover:not(.swiper-button-disabled) svg {fill: #f3cfb2}

.main-slider-box {display: flex;flex-direction: column;background-color: #fdf8f3;z-index: 1;transform: translateY(-35%);position: relative;box-shadow: 0px 6px 12px rgba(66, 23, 0, .05), 0px 22px 22px rgba(66, 23, 0, .04), 0px 50px 30px rgba(66, 23, 0, .02), 0px 88px 35px rgba(66, 23, 0, .01), 0px 138px 39px rgba(66, 23, 0, 0)}

@media screen and (min-width: 640px) {
    .main-slider-box {transform: translateY(-55%)}
}

@media screen and (min-width: 1200px) {
    .main-slider-box {transform: translateY(-50%);flex-direction: row}
}

.main-slider-box__image {display: flex;width: 100%;height: 325px;overflow: hidden}

@media screen and (min-width: 1200px) {
    .main-slider-box__image {height: auto;width: 50%}
}

.main-slider-box__image img {width: 100%;height: 115%;object-fit: cover}

.main-slider-box__content {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 40px 24px}

@media screen and (min-width: 1200px) {
    .main-slider-box__content {padding: 60px}
}

.main-slider-box__content p {font-weight: 300;font-size: 16px;line-height: 24px;color: #333;margin-bottom: 30px}

.main-slider-box__content > :last-child {margin-bottom: 0}

.main-slider-box__title {font-weight: 400;font-size: 36px;line-height: 44px;color: #c04d00;margin-bottom: 20px}

.project-promo {background-image: url("../../Content/images/project-promo/project-promo-bg.svg");background-position: center;background-repeat: no-repeat;background-size: cover;padding: 60px 0 30px 0}

@media screen and (min-width: 1200px) {
    .project-promo {padding: 80px 0}
}

.project-promo .container {display: flex;flex-direction: column-reverse;gap: 108px}

@media screen and (min-width: 1200px) {
    .project-promo .container {flex-direction: row;justify-content: space-between;gap: 140px;max-width: 1440px}
}

@media screen and (min-width: 1600px) {
    .project-promo .container {max-width: 1340px}
}

.project-promo__banner {position: relative;display: flex}

@media screen and (max-width: 1199px) {
    .project-promo__banner {justify-content: flex-end}
}

@media screen and (min-width: 1200px) {
    .project-promo__banner {padding: 150px 0}
}

.project-promo__banner::before {content: "";top: 0;position: absolute;background-color: #ebc8b0;z-index: 0;height: 260px;width: 50%;left: -32px}

@media screen and (min-width: 640px) {
    .project-promo__banner::before {width: 55%}
}

@media screen and (min-width: 1200px) {
    .project-promo__banner::before {left: -210px;width: 600px;height: 100%}
}

@media screen and (min-width: 1600px) {
    .project-promo__banner::before {left: -260px}
}

.project-promo__box {width: 74px;height: 60px;background-color: #163029;border: 1px solid #ebc8b0;padding: 40px 33px;display: flex;align-items: center;justify-content: center;z-index: 2;margin-top: -70px;margin-right: -70px;position: relative}

@media screen and (max-width: 639px) {
    .project-promo__box {position: absolute;left: 0}
}

.project-promo__box::before {content: "";width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid #f3cfb2;background: rgba(0, 0, 0, 0);position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px}

.project-promo__box span {font-weight: 300;font-size: 12px;line-height: 20px;color: #f3cfb2;text-align: center}

.project-promo__image {z-index: 1;display: flex;align-items: flex-end}

@media screen and (max-width: 639px) {
    .project-promo__image {width: 285px;height: 285px}
}

@media screen and (max-width: 1199px) {
    .project-promo__image img {width: 100%;height: 100%;object-fit: cover}
}

.project-promo__content {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;max-width: 500px}

.project-promo__content p {font-weight: 300;font-size: 16px;line-height: 24px;color: #333;margin-bottom: 0}

.project-promo__content .button {margin-top: 40px}

.promo-film {height: 490px;padding: 40px 0 30px 0;position: relative}

@media screen and (min-width: 640px) {
    .promo-film {height: 600px;padding: 80px 0}
}

@media screen and (min-width: 1200px) {
    .promo-film {height: 500px}
}

@media screen and (min-width: 1440px) {
    .promo-film {height: 650px}
}

.promo-film__bg {z-index: 0;position: absolute;inset: 0}

.promo-film__bg img {width: 100%;height: 100%;object-fit: cover}

.promo-film .container {display: flex;flex-direction: column;height: 100%;justify-content: space-between;position: relative;z-index: 1}

.promo-film__title {font-weight: 300;color: #f3cfb2;z-index: 1;font-size: 36px;line-height: 56px}

@media screen and (min-width: 640px) {
    .promo-film__title {font-size: 48px;line-height: 68px;max-width: 380px}
}

@media screen and (min-width: 1200px) {
    .promo-film__title {font-size: 62px;max-width: 500px;line-height: normal}
}

@media screen and (min-width: 1440px) {
    .promo-film__title {max-width: 710px;font-size: 96px}
}

.promo-film__play {display: flex;flex-direction: column;align-items: center;gap: 20px}

.promo-film__play-button {width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #ebc8b0;border: 1px solid #ebc8b0;transition: all ease-in-out .3s}

.promo-film__play-button svg {transition: all ease-in-out .3s;fill: #c04d00}

.promo-film__play-button:hover {cursor: pointer;background-color: rgba(0, 0, 0, 0)}

.promo-film__play-button:hover svg {fill: #ebc8b0}

.promo-film__play span {font-weight: 300;font-size: 18px;color: #f3cfb2}

.highlights {max-width: 2000px;margin: 0 auto}

.highlights__item {padding: 18px;border: 1px solid #ebc8b0;border-width: 1px 0 1px 1px}

@media screen and (min-width: 1200px) {
    .highlights__item {padding: 28px}
}

.highlights .swiper-slide:last-child .highlights__item {border-width: 1px}

.highlights__image {display: flex;margin-bottom: 28px;height: 410px}

@media screen and (min-width: 1200px) {
    .highlights__image {height: 390px}
}

@media screen and (min-width: 1440px) {
    .highlights__image {height: 490px}
}

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

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

.highlights__content {display: flex;flex-direction: column;gap: 8px}

.highlights__number {font-weight: 500;line-height: 100%;font-size: 16px;line-height: 16px;color: #163029}

@media screen and (min-width: 1200px) {
    .highlights__number {font-size: 18px;line-height: 18px}
}

.highlights__title {margin-bottom: 0;font-weight: 350;color: #c04d00;font-size: 18px;line-height: 18px}

@media screen and (min-width: 1200px) {
    .highlights__title {font-size: 20px;line-height: 20px}
}

@media screen and (min-width: 1440px) {
    .highlights__title {font-size: 24px;line-height: 24px}
}

.highlights__button {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0);border: 1px solid #ebc8b0;transition: all ease-in-out .3s}

@media screen and (min-width: 1200px) {
    .highlights__button {width: 60px;height: 60px}
}

.highlights__button svg {fill: #c04d00}

.highlights__button:hover {background-color: #ebc8b0}

.promo {height: 490px;padding: 40px 0 30px 0;position: relative}

@media screen and (min-width: 640px) {
    .promo {height: 600px;padding: 80px 0}
}

@media screen and (min-width: 1200px) {
    .promo {height: 500px}
}

@media screen and (min-width: 1440px) {
    .promo {height: 650px}
}

.promo__bg {position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%}

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

.promo .container {z-index: 1;position: relative;height: 100%}

.promo__content {display: flex;flex-direction: column;height: 100%;max-width: 750px}

@media screen and (min-width: 1200px) {
    .promo__content {max-width: 880px}
}

.promo__content--left-end {align-items: flex-start;justify-content: flex-end}

.promo__content .custom-title {color: #f3cfb2;margin-bottom: 32px}

.promo__content .custom-title::after {background-color: #f3cfb2}

.promo__title {font-weight: 300;color: #f3cfb2;z-index: 1;font-size: 36px;line-height: 56px}

@media screen and (min-width: 640px) {
    .promo__title {font-size: 48px;line-height: 68px}
}

@media screen and (min-width: 1200px) {
    .promo__title {font-size: 74px;line-height: normal}
}

@media screen and (min-width: 1440px) {
    .promo__title {font-size: 96px}
}

.promo__title span {font-weight: 500;font-style: italic}

.promo__title--sm {font-weight: 400;font-size: 36px;line-height: 44px;color: #f3cfb2}

@media screen and (max-width: 1199px) {
    .project__wrapper {margin-right: -16px}
}

.project__card {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;height: 312px;padding: 16px}

@media screen and (min-width: 1200px) {
    .project__card {width: calc(100% - 40px);height: 340px;padding: 20px}
}

@media screen and (min-width: 1600px) {
    .project__card {height: 370px}
}

@media screen and (min-width: 1200px) {
    .project__card::before {content: "";width: 100%;height: 100%;position: absolute;inset: 0;background-color: rgba(0, 0, 0, .5);z-index: 1;opacity: 0;visibility: hidden;transition: all ease-in-out .2s}

    .project__card:hover::before, .project__card:hover .project__content {opacity: 1;visibility: visible}
}

.project__image {position: absolute;width: 100%;height: 100%;inset: 0;display: flex;z-index: 0}

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

.project__content {position: relative;z-index: 3;transition: all ease-in-out .2s;width: 100%}

@media screen and (min-width: 1200px) {
    .project__content {opacity: 0;visibility: hidden}
}

.gallery {cursor: none;position: relative}

@media screen and (max-width: 1199px) {
    .gallery {padding-bottom: 90px}
}

.gallery__item {position: relative;display: flex;flex-direction: column;justify-content: flex-end;height: 520px}

@media screen and (min-width: 1200px) {
    .gallery__item {gap: 20px;height: auto}
}

@media screen and (max-width: 1199px) {
    .gallery__item {padding: 20px 16px}
}

.gallery__item .container {width: calc(100% - 200px)}

@media screen and (max-width: 1199px) {
    .gallery__item .container {width: 100% !important;max-width: none !important;padding: 0 !important}
}

.gallery__main {width: 100%;height: 100%}

@media screen and (max-width: 1199px) {
    .gallery__main {position: absolute;inset: 0}
}

.gallery__main .swiper {width: 100%;height: 100%}

.gallery__main .swiper-slide {display: flex}

.gallery__main .swiper-slide img {width: 100%;height: 100%;display: flex;object-fit: cover}

.gallery__arrows {display: flex;align-items: center;z-index: 1}

@media screen and (min-width: 1200px) {
    .gallery__arrows {position: absolute;top: 50%;transform: translateY(-50%);width: calc(100% - 72px);justify-content: space-between;max-width: 1800px}
}

.gallery__arrow {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;transition: all ease-in-out .2s;border: 1px solid #f3cfb2;background-color: rgba(8, 17, 14, .4)}

.gallery__arrow.swiper-button-disabled svg {opacity: 30%}

.gallery__arrow--left svg {transform: rotate(180deg)}

.gallery__arrow svg {fill: #f3cfb2;transition: all ease-in-out .2s}

.gallery__arrow:hover:not(.swiper-button-disabled) {cursor: pointer;background-color: #c04d00;border-color: #c04d00}

.gallery__arrow:hover:not(.swiper-button-disabled) svg {fill: #f3cfb2}

.gallery__bottom {z-index: 1;width: 100%;display: flex;flex-direction: column-reverse}

@media screen and (min-width: 1200px) {
    .gallery__bottom {display: flex;flex-direction: row;align-items: center;justify-content: space-between}
}

.gallery__left {display: flex;align-items: flex-end;justify-content: space-between;z-index: 1}

.gallery__wrapper {display: flex;align-items: center;gap: 20px}

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

.gallery__pagination-current, .gallery__pagination-divider, .gallery__pagination-total {color: #f3cfb2;font-weight: 300}

.gallery__pagination-current {font-size: 24px;line-height: normal}

@media screen and (min-width: 640px) {
    .gallery__pagination-current {font-size: 36px}
}

.gallery__pagination-divider, .gallery__pagination-total {line-height: normal;opacity: .5;font-size: 18px}

@media screen and (min-width: 640px) {
    .gallery__pagination-divider, .gallery__pagination-total {font-size: 24px}
}

.gallery__progress {position: relative;width: 60px;height: 2px;background: #ebc8b0;overflow: hidden}

.gallery__progress-bar {position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #c04d00}

@media screen and (min-width: 1200px) {
    .gallery__thumbs {max-width: 725px}
}

@media screen and (min-width: 1440px) {
    .gallery__thumbs {max-width: 848px}
}

@media screen and (max-width: 1199px) {
    .gallery__thumbs {margin-bottom: -125px;margin-top: 36px;margin-right: -16px}
}

@media screen and (max-width: 639px) {
    .gallery__thumbs {margin-bottom: -105px;margin-top: 36px;margin-right: -16px}
}

.gallery__thumbs .swiper-slide-thumb-active .gallery__thumb {border: 2px solid #c04d00}

.gallery__thumb {display: flex;overflow: hidden;max-width: 122px;height: 68px}

@media screen and (min-width: 640px) {
    .gallery__thumb {max-width: none;height: 90px}
}

@media screen and (min-width: 1200px) {
    .gallery__thumb {max-width: 160px;height: auto}
}

.gallery__thumb img {width: 100%;height: 100%;object-fit: cover;transition: all ease-in-out .2s}

.gallery__thumb:hover {cursor: pointer}

.gallery__thumb:hover img {transform: scale(1.1)}

.gallery .slider__arrows {top: unset;bottom: 20px;z-index: 1}

.gallery .slider__arrow {border: 1px solid #f3cfb2;background-color: rgba(8, 17, 14, .4)}

.gallery .slider__arrow svg {fill: #f3cfb2}

.gallery .slider__arrow.swiper-button-disabled svg {opacity: 30%}

@media screen and (min-width: 1200px) {
    .gallery .slider__arrow {border: none;background-color: #c04d00}

    .gallery .slider__arrow svg {fill: #f3cfb2}

    .gallery .slider__arrow.swiper-button-disabled {background-color: #ebc8b0}

    .gallery .slider__arrow.swiper-button-disabled svg {fill: #f9ede6}
}

.gallery .custom-cursor {position: absolute;top: 0;left: 0;pointer-events: none;z-index: 999;width: 48px;height: 48px;background-color: #c04d00;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity .2s ease, visibility .2s ease}

.gallery .custom-cursor.is-visible {opacity: 1;visibility: visible}

.gallery .custom-cursor svg {padding: 12px;transition: transform .2s ease}

.gallery .custom-cursor.left svg {transform: rotateY(180deg)}

.about {position: relative;display: flex;justify-content: center}

@media screen and (min-width: 1200px) {
    .about {min-height: 685px}
}

@media screen and (min-width: 1200px) {
    .about::after {content: "";background-image: url("../../Content/images/about-bg.png");background-position: center;background-repeat: no-repeat;background-size: contain;display: block;position: absolute;right: 0;bottom: 0;mix-blend-mode: color-burn;z-index: 1;width: 208px;height: 372px}
}

.about .container {display: flex;flex-direction: column}

@media screen and (min-width: 1200px) {
    .about .container {flex-direction: row;width: 100%;align-items: center;gap: 135px}
}

@media screen and (min-width: 1600px) {
    .about .container {width: auto}
}

.about::before {content: "";position: absolute;display: block;background-image: url("../../Content/images/section/about-bg.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;z-index: 0;left: 0}

.about__title {color: #c04d00;font-weight: 300;z-index: 1;font-size: 32px;line-height: 1.4;margin-bottom: 32px;display: flex;flex-direction: column}

@media screen and (min-width: 1200px) {
    .about__title {font-size: 40px;line-height: 1.6;max-width: 500px;margin-bottom: 0}
}

.about__title span {font-style: italic;font-weight: 500}

.about__content {z-index: 1}

@media screen and (min-width: 1200px) {
    .about__content {max-width: 500px}
}

.about__content p {font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 32px;color: #333}

.about__content p:last-child {margin-bottom: 0}

.contact {display: flex;justify-content: flex-start;flex-direction: column;gap: 60px;background-color: #f6e4d9}

.contact .container {width: calc(100% - 32px)}

@media screen and (min-width: 1200px) {
    .contact .container {width: calc(100% - 200px)}
}

.contact__buttons {display: flex;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .contact__buttons {flex-direction: row;gap: 32px}
}

.contact__button {border: 1px solid #ebc8b0;height: 60px;display: flex;align-items: center;justify-content: center;width: 100%}

@media screen and (min-width: 1200px) {
    .contact__button {width: 240px}
}

.contact__button img {mix-blend-mode: darken}

.contact__content {display: flex;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .contact__content {flex-direction: row;gap: 32px}
}

.contact__content-item {padding-right: 32px}

@media screen and (min-width: 1200px) {
    .contact__content-item:first-child {border-right: 1px solid #c04d00}
}

.contact__content-item p {font-weight: 300;font-size: 18px;line-height: 24px;color: #333;margin-bottom: 0}

.contact__content-item span {font-weight: 500;font-size: 18px;line-height: 24px;color: #333}

.map {height: 240px}

@media screen and (min-width: 640px) {
    .map {height: 500px}
}

@media screen and (min-width: 1200px) {
    .map {height: 810px}
}

.about-us {padding: 0 0 60px 0;background-image: url("../../Content/images/about/bg.jpg");background-position: center;background-repeat: no-repeat;background-size: contain;mix-blend-mode: darken}

@media screen and (min-width: 1200px) {
    .about-us {padding: 80px 0 180px 0}
}

.about-us .cross-content:first-child {margin-bottom: 135px}

@media screen and (min-width: 1200px) {
    .about-us .cross-content:first-child {margin-bottom: 210px}
}

.cross-content {display: flex;justify-content: center;flex-direction: column;gap: 28px;align-items: flex-end}

@media screen and (min-width: 640px) {
    .cross-content {flex-direction: row;align-items: center;gap: 60px}
}

@media screen and (min-width: 1366px) {
    .cross-content {gap: 110px}
}

.cross-content--start {align-items: flex-start}

.cross-content .custom-title {margin-bottom: 32px}

@media screen and (min-width: 1200px) {
    .cross-content__info {max-width: 50%}
}

.cross-content__info-title {font-weight: 300;color: #c04d00;margin-bottom: 20px;line-height: 44px;font-size: 32px}

.cross-content__info-title span {font-weight: 500;font-style: italic}

@media screen and (min-width: 1200px) {
    .cross-content__info-title {line-height: normal;font-size: 36px}
}

@media screen and (min-width: 1366px) {
    .cross-content__info-title {font-size: 48px}
}

.cross-content__info-title--sm {font-weight: 400;font-size: 36px;line-height: 44px;margin-bottom: 40px}

.cross-content__info p {font-weight: 300;font-size: 16px;line-height: 24px;color: #545454;margin-bottom: 25px}

.cross-content__info > :last-child {margin-bottom: 0}

.cross-content__image {display: flex;overflow: hidden}

.cross-content__image img {max-width: 285px}

@media screen and (min-width: 376px) {
    .cross-content__image img {max-width: 320px}
}

@media screen and (min-width: 1200px) {
    .cross-content__image {width: auto}

    .cross-content__image img {max-width: none}
}

.cross-content__image--custom {position: relative;align-items: flex-end;justify-content: flex-end}

@media screen and (min-width: 1200px) {
    .cross-content__image--custom {align-items: initial;justify-content: initial}
}

.cross-content__image--custom::after {content: "";z-index: -1;position: absolute;width: 148px;height: 148px;background-color: #c04d00;left: -50px;bottom: -50px}

@media screen and (min-width: 640px) {
    .cross-content__image--custom::after {left: -30px;bottom: -30px}
}

@media screen and (min-width: 1200px) {
    .cross-content__image--custom::after {width: 180px;height: 180px;left: -90px;bottom: -90px}
}

.cross-content__image--custom-2 {position: relative;align-items: flex-start;justify-content: flex-start}

@media screen and (min-width: 1200px) {
    .cross-content__image--custom-2 {align-items: initial;justify-content: initial}
}

.cross-content__image--custom-2::after {content: "";z-index: -1;position: absolute;right: -60px;bottom: -60px;width: 120px;height: 120px;background-color: #ebc8b0}

@media screen and (min-width: 640px) {
    .cross-content__image--custom-2::after {right: -30px;bottom: -60px}
}

@media screen and (min-width: 1200px) {
    .cross-content__image--custom-2::after {right: -60px;bottom: -60px}
}

.cross-content__author {margin-top: 40px}

.cross-content__author-name {font-weight: 500;font-size: 20px;line-height: 24px;color: #333;margin-bottom: 12px}

.cross-content__author-title {font-weight: 300;font-size: 20px;line-height: 24px;color: #333;margin-bottom: 0}

.cross-content__author > :last-child {margin-bottom: 0}

.cross-content--reverse {flex-direction: column-reverse;align-items: flex-start;gap: 120px}

@media screen and (min-width: 640px) {
    .cross-content--reverse {gap: 60px;flex-direction: row-reverse}
}

.basic-cross .cross-content {align-items: center;flex-direction: column;gap: 40px}

@media screen and (min-width: 1200px) {
    .basic-cross .cross-content {gap: 82px;flex-direction: row}
}

.basic-cross .cross-content--reverse-mobile {flex-direction: column-reverse}

@media screen and (min-width: 1200px) {
    .basic-cross .cross-content--reverse-mobile {flex-direction: row}
}

.basic-cross.accordion-swiper .swiper, .basic-cross.accordion-swiper .swiper-wrapper, .basic-cross.accordion-swiper .swiper-slide {width: 100%}

.basic-cross.accordion-swiper .swiper-slide {display: flex;align-items: center;justify-content: center}

.basic-cross.accordion-swiper .cross-content__image {width: 100%}

@media screen and (min-width: 1200px) {
    .basic-cross.accordion-swiper .cross-content__image {width: 45%}
}

@media screen and (min-width: 1200px) {
    .basic-cross.accordion-swiper .cross-content__info {max-width: 55%}
}

.solution-partner {display: flex;justify-content: space-around;flex-wrap: wrap;gap: 32px 16px}

@media screen and (min-width: 1200px) {
    .solution-partner {justify-content: space-between;gap: 32px}
}

.solution-partner__item {text-decoration: none;width: calc(50% - 16px)}

@media screen and (min-width: 1200px) {
    .solution-partner__item {width: calc(25% - 32px)}
}

.solution-partner__item:hover .solution-partner__image img {transform: scale(1.1)}

.solution-partner__image {display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;margin-bottom: 20px;height: 215px;padding: 10px}

@media screen and (min-width: 640px) {
    .solution-partner__image {margin-bottom: 32px;height: 380px}
}

.solution-partner__image img {transition: all ease-in-out .3s}

.solution-partner__bg {width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0}

.solution-partner__logo {width: 100%;height: 100%;object-fit: scale-down;z-index: 1}

.solution-partner__content {display: flex;flex-direction: column;text-decoration: none;gap: 8px}

@media screen and (min-width: 640px) {
    .solution-partner__content {gap: 12px}
}

.solution-partner__name {font-weight: 500;font-size: 16px;line-height: 16px;color: #333;margin-bottom: 0}

@media screen and (min-width: 640px) {
    .solution-partner__name {font-size: 20px;line-height: 20px}
}

.solution-partner__title {font-weight: 300;font-size: 14px;line-height: 14px;color: #c04d00;margin-bottom: 0}

@media screen and (min-width: 640px) {
    .solution-partner__title {font-size: 16px;line-height: 16px}
}

.project-highlights {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 115px}

@media screen and (min-width: 1200px) {
    .project-highlights {justify-content: initial;align-items: flex-start;flex-direction: row;margin-bottom: 250px;justify-content: space-between;gap: 75px}
}

.project-highlights__content {display: grid;grid-template-rows:repeat(4, auto);grid-template-columns:repeat(2, 1fr);grid-auto-flow: column;align-items: start;gap: 0 16px;width: 100%}

@media screen and (min-width: 640px) {
    .project-highlights__content {gap: 0 32px}
}

@media screen and (min-width: 1200px) {
    .project-highlights__content {width: auto}
}

.project-highlights__item {display: flex;flex-direction: column;border-bottom: 1px solid #ebc8b0;padding: 20px 0;text-decoration: none;flex: 1}

@media screen and (min-width: 1366px) {
    .project-highlights__item {min-width: 285px}
}

.project-highlights__item span {font-weight: 500;font-size: 14px;line-height: 14px;color: #163029;margin-bottom: 8px}

@media screen and (min-width: 640px) {
    .project-highlights__item span {font-size: 18px;line-height: 18px}
}

.project-highlights__item:nth-child(4n+1) {border-top: 1px solid #ebc8b0}

.project-highlights__title {font-weight: 350;color: #c04d00;margin-bottom: 0;font-size: 16px;line-height: 16px}

@media screen and (min-width: 640px) {
    .project-highlights__title {font-size: 20px;line-height: 20px}
}

.project-highlights__images {position: relative}

@media screen and (max-width: 1199px) {
    .project-highlights__images {display: flex;align-items: center;justify-content: center}
}

.project-highlights__image {display: flex}

.project-highlights__image--first {position: relative}

@media screen and (max-width: 1199px) {
    .project-highlights__image--first {width: 80%}

    .project-highlights__image--first img {width: 100%}
}

.project-highlights__image--first::after {content: "";display: block;position: absolute;background-color: #c04d00;z-index: -1;width: 53px;height: 53px;left: -25px;bottom: -25px}

@media screen and (min-width: 1200px) {
    .project-highlights__image--first::after {width: 100px;height: 100px;left: -50px;bottom: -50px}
}

.project-highlights__image--second {position: absolute}

@media screen and (max-width: 1199px) {
    .project-highlights__image--second {max-width: 191px;right: 0;bottom: -60px}

    .project-highlights__image--second img {width: 100%}
}

@media screen and (min-width: 1200px) {
    .project-highlights__image--second {right: -65px;bottom: -150px}
}

.architect-message {display: flex;flex-direction: column}

@media screen and (min-width: 1200px) {
    .architect-message {flex-direction: row;gap: 32px}
}

.architect-message__author {display: flex;flex-direction: column;align-items: flex-start;gap: 32px}

.architect-message__image {mix-blend-mode: multiply;position: relative;display: flex}

@media screen and (max-width: 639px) {
    .architect-message__image img {width: 100%}
}

.architect-message__image::after {content: "";display: block;position: absolute;right: 32px;bottom: 32px;background-color: #c04d00;width: 100px;height: 100px;mix-blend-mode: multiply}

.architect-message__content {padding-top: 60px}

.architect-message__content .custom-title {margin-bottom: 32px}

.architect-message__content p {font-weight: 300;line-height: normal;color: #c04d00;font-size: 36px}

@media screen and (min-width: 1200px) {
    .architect-message__content p {font-size: 48px}
}

.architect-message__content .fade-paragraph p {display: block;opacity: .2;transition: opacity 1s ease}

.architect-message__content .fade-paragraph p.visible {opacity: 1}

.architect-message__info-name {font-weight: 500;font-size: 20px;line-height: 24px;color: #333;margin-bottom: 12px}

.architect-message__info-title {font-weight: 300;font-size: 20px;line-height: 24px;color: #333;margin-bottom: 0}

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

@media screen and (min-width: 1200px) {
    .advantages {gap: 0;justify-content: space-between;flex-direction: row}
}

.advantages__wrapper {max-width: 515px}

@media screen and (min-width: 1200px) {
    .advantages__content {padding-top: 150px}
}

.advantages__content .custom-title {margin-bottom: 32px}

.advantages__content p {font-weight: 300;font-size: 18px;line-height: 26px;color: #545454}

.advantages__title {font-weight: 300;color: #c04d00;margin-bottom: 20px;font-size: 48px;line-height: 56px}

@media screen and (min-width: 1200px) {
    .advantages__title {font-size: 96px;line-height: normal}
}

.advantages__items {display: flex;flex-direction: column;gap: 60px;position: relative;padding-left: 15%;padding-top: 85px}

@media screen and (min-width: 1200px) {
    .advantages__items {padding-top: 155px}
}

.advantages__items::before {content: "";position: absolute;top: 0;bottom: 0;left: 10px;width: 2px;background-color: #ebc8b0}

@media screen and (min-width: 1200px) {
    .advantages__items::before {left: 0}
}

.advantages__items::after {content: "";width: 2px;height: var(--line-height, 0px);position: absolute;left: 10px;background-color: #c04d00;transition: height .3s ease;z-index: 1;transform: translateY(-85px)}

@media screen and (min-width: 1200px) {
    .advantages__items::after {left: 0;transform: translateY(-155px)}
}

.advantages__item-circle {position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #ebc8b0;border: 1px solid #ebc8b0;left: 2px}

@media screen and (min-width: 1200px) {
    .advantages__item-circle {left: calc(-2% + 1px)}
}

.advantages__item-circle::after {content: "";position: absolute;left: 50%;background-color: rgba(0, 0, 0, 0);width: 28px;height: 28px;border-radius: 50%;border: 1px solid #ebc8b0;transform: translate(-50%, -7px);z-index: -1}

.advantages__item-icon {margin-bottom: 16px}

.advantages__item-icon svg {stroke: #000}

.advantages__item-title {font-weight: 500;font-size: 20px;line-height: 20px;color: #333;margin-bottom: 12px}

.advantages__item-desc {font-weight: 300;font-size: 16px;line-height: 16px;color: #000}

.advantages__item.active .advantages__item-title {color: #c04d00}

.advantages__item.active .advantages__item-icon svg {stroke: #c04d00}

.advantages__item.active .advantages__item-circle {background-color: #c04d00}

.advantages__item.active .advantages__item-circle::after {background-color: #ebc8b0}

.gallery-photos {position: relative;padding: 100px 0}

.gallery-photos--life-areas .gallery-photos__container {gap: 60px}

.gallery-photos--life-areas > * {position: relative;z-index: 3}

.gallery-photos--life-areas .gallery-photos__images {display: flex;flex-direction: column;gap: 32px}

.gallery-photos--life-areas .gallery-photos__wrapper--first {display: flex;flex-direction: column;align-items: center;gap: 40px}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--first {gap: 85px;justify-content: space-between;flex-direction: row}
}

.gallery-photos--life-areas .gallery-photos__wrapper--first .gallery-photos__image img {width: 100%}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--first .gallery-photos__image img {width: auto}
}

.gallery-photos--life-areas .gallery-photos__wrapper--first .gallery-photos__content p {font-weight: 300;font-size: 16px;line-height: 24px;color: #545454;margin-bottom: 20px}

.gallery-photos--life-areas .gallery-photos__wrapper--first .gallery-photos__content > :last-child {margin-bottom: 0}

.gallery-photos--life-areas .gallery-photos__wrapper--second {display: flex;gap: 16px}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--second {padding-right: 160px;justify-content: flex-end;gap: 32px}
}

.gallery-photos--life-areas .gallery-photos__wrapper--second::before {content: "";display: block;width: 53px;height: 53px;background-color: #ebc8b0}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--second::before {width: 80px;height: 80px}
}

.gallery-photos--life-areas .gallery-photos__wrapper--second .gallery-photos__image {display: flex;gap: 32px;flex: 1}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--second .gallery-photos__image {flex: initial}
}

.gallery-photos--life-areas .gallery-photos__wrapper--second .gallery-photos__image img {width: 100%}

@media screen and (min-width: 1200px) {
    .gallery-photos--life-areas .gallery-photos__wrapper--second .gallery-photos__image img {width: auto}
}

.gallery-photos::before {content: "";display: block;position: absolute;inset: 0;mix-blend-mode: darken;background-image: url("../../Content/images/gallery/gallery-photos/bg.jpg");background-position: center;background-size: cover;background-repeat: no-repeat;max-height: 950px;width: 100%;background-color: linear-gradient(to bottom, rgb(249, 237, 230) 0%, rgba(249, 237, 230, 0) 100%);z-index: 1}

.gallery-photos::after {content: "";position: absolute;top: 720px;left: 0;right: 0;height: 260px;background: linear-gradient(to bottom, rgba(249, 237, 230, 0) 0%, rgb(249, 237, 230) 100%);z-index: 2}

.gallery-photos > * {position: relative;z-index: 3}

.gallery-photos__container {display: flex;flex-direction: column;gap: 60px}

@media screen and (min-width: 1200px) {
    .gallery-photos__container {gap: 160px}
}

.gallery-photos__images--gallery {display: flex;flex-direction: column;gap: 20px}

@media screen and (min-width: 640px) {
    .gallery-photos__images--gallery {flex-direction: row;gap: 32px}
}

.gallery-photos__images--gallery .gallery-photos__column {display: flex}

.gallery-photos__images--gallery .gallery-photos__column:first-child {display: flex;align-items: flex-end;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column:first-child {gap: 32px}
}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper {display: flex;align-items: flex-end}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--first {display: flex;gap: 20px}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--first {gap: 32px}
}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--first::before {content: "";display: block;width: 53px;height: 53px;background-color: #ebc8b0}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--first::before {width: 80px;height: 80px}
}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--second {display: flex;align-items: flex-start;flex-direction: column;gap: 20px}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--second {gap: 32px}
}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--second img {width: 100%}

.gallery-photos__images--gallery .gallery-photos__column:first-child .gallery-photos__wrapper--second p {font-weight: 300;font-size: 16px;line-height: 24px;color: #c04d00;max-width: 500px}

@media screen and (min-width: 640px) {
    .gallery-photos__images--gallery .gallery-photos__column:nth-child(2) {padding-top: 85px}
}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column:nth-child(2) {padding-top: 180px}
}

.gallery-photos__images--gallery .gallery-photos__column:nth-child(2) img {width: 100%}

.gallery-photos__images--gallery .gallery-photos__column .gallery-photos__image {flex: 1;overflow: hidden}

.gallery-photos__images--gallery .gallery-photos__column .gallery-photos__image img {width: 100%}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column .gallery-photos__image img {width: auto}
}

@media screen and (min-width: 1200px) {
    .gallery-photos__images--gallery .gallery-photos__column .gallery-photos__image {flex: initial}
}

.gallery-photos__image {overflow: hidden}

.contact-us {position: relative}

.contact-us .cross-content {flex-direction: column;align-items: center;gap: 32px}

@media screen and (min-width: 1200px) {
    .contact-us .cross-content {flex-direction: row;justify-content: space-between;align-items: flex-start}
}

.contact-us .cross-content__info {flex: 1;padding-top: 120px}

.contact-us .cross-content__info .contact-form__box {transform: translateX(0);border: 1px solid #dbbaa0;width: auto;margin-top: 40px}

@media screen and (min-width: 1200px) {
    .contact-us .cross-content__info .contact-form__box {margin-top: 60px;max-width: none;width: 772px}
}

.contact-us .cross-content__image {display: flex;height: 490px;width: 100%}

.contact-us .cross-content__image img {width: 100%;height: 100%;object-fit: cover;max-width: none}

@media screen and (min-width: 1200px) {
    .contact-us .cross-content__image {width: 705px;height: auto}
}

@media screen and (min-width: 1600px) {
    .contact-us .cross-content__image {flex: 1}
}

.contact-us > * {position: relative;z-index: 3}

.contact-us::before {content: "";position: absolute;top: 50%;left: 0;right: 0;height: 260px;background: linear-gradient(to top, rgba(249, 237, 230, 0) 0%, rgb(249, 237, 230) 100%);z-index: 2}

.contact-us::after {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 50%;background-image: url("../../Content/images/contact-us/bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;mix-blend-mode: darken;z-index: -1}

.cross-area {position: relative}

.cross-area .cross-content {flex-direction: column;align-items: center;gap: 32px;position: relative}

@media screen and (min-width: 1200px) {
    .cross-area .cross-content {flex-direction: row;justify-content: space-between}
}

.cross-area .cross-content__info {flex: 1;height: 100%}

@media screen and (min-width: 1200px) {
    .cross-area .cross-content__info .scroll-text {position: absolute;left: 0;bottom: 20px}
}

.cross-area .cross-content__image {display: flex;height: 490px;width: 100%}

.cross-area .cross-content__image img {width: 100%;height: 100%;object-fit: cover;max-width: none}

@media screen and (min-width: 1200px) {
    .cross-area .cross-content__image {width: 705px;height: auto}
}

@media screen and (min-width: 1600px) {
    .cross-area .cross-content__image {flex: 1}
}

.cross-area > * {position: relative;z-index: 3}

.scroll-text {display: flex;align-items: center;gap: 8px}

.scroll-text span {font-weight: 400;font-size: 11px;line-height: 11px;letter-spacing: .2em;color: #c04d00}

.drag-move {position: relative;height: 560px;overflow: hidden}

@media (min-width: 1200px) {
    .drag-move {height: auto}
}

.drag-move__scroll {width: 100%;height: 100%;overflow: auto;cursor: grab}

.drag-move__scroll.dragging {cursor: grabbing}

@media (min-width: 1200px) {
    .drag-move__scroll {overflow: initial}
}

.drag-move__bg {min-width: 1600px}

@media (min-width: 1200px) {
    .drag-move__bg {min-width: unset;width: 100%;height: 100%}
}

.drag-move__bg img {display: block;width: 100%;height: auto;object-fit: cover}

@media (min-width: 1200px) {
    .drag-move__bg img {object-fit: initial}
}

.drag-move__content {position: absolute;bottom: 60px;z-index: 1}

@media (max-width: 1199px) {
    .drag-move__content {display: none}
}

.drag-move__content .custom-title {color: #f3cfb2;margin-bottom: 32px}

.drag-move__content .custom-title::after {background-color: #f3cfb2}

.drag-move__title {margin-bottom: 0;font-weight: 400;font-size: 36px;line-height: 44px;color: #f3cfb2}

.drag-move__icon {position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);display: flex;align-items: center;gap: 8px;font-weight: 300;font-size: 16px;line-height: 18px;color: #f3cfb2}

@media (min-width: 1200px) {
    .drag-move__icon {display: none}
}

@media (min-width: 1200px) {
    .drag-move__scroll {cursor: default !important}
}

@media (max-width: 1199px) {
    .drag-move__scroll {cursor: grab}

    .drag-move__scroll.dragging {cursor: grabbing}
}