/* cyrillic-ext */
/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jizaRExUiTo99u79D0-ExdGM.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jizaRExUiTo99u79D0aExdGM.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jizaRExUiTo99u79D0yExdGM.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jizaRExUiTo99u79D0KExQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Fragment Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/4iCr6K5wfMRRjxp0DA6-2CLnB45HhrUI.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin-ext */
@font-face {
    font-family: 'Fragment Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/4iCr6K5wfMRRjxp0DA6-2CLnB41HhrUI.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Fragment Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/4iCr6K5wfMRRjxp0DA6-2CLnB4NHhg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Forum";
    src: url("../fonts/6aey4Ky-Vb8Ew_ITMJMa3mnT.woff2");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/EOr0mi4hNtlgWNn9if640EZzXCo.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/b6Y37FthZeALduNqHicBT6FutY.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/vQyevYAyHtARFwPqUzQGpnDs.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/X5hj6qzcHUYv7h1390c8Rhm6550.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/cugnVhSraaRyANCaUtI5FV17wk.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/5HcVoGak8k5agFJSaKa4floXVu0.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/jn4BtSPLlS0NDp1KiFAtFKiiY0o.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/P2Bw01CtL0b9wqygO0sSVogWbo.woff2");
    font-style: normal;
    font-weight: 900;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/3ZmXbBKToJifDV9gwcifVd1tEY.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/g0c8vEViiXNlKAgI4Ymmk3Ig.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2");
    font-style: italic;
    font-weight: 900;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/H89BbHkbHDzlxZzxi8uPzTsp90.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/QxmhnWTzLtyjIiZcfaLIJ8EFBXU.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/2A4Xx7CngadFGlVV4xrO06OBHY.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/1K3W8DizY3v4emK8Mb08YHxTbs.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/VgYFWiwsAC5OYxAycRXXvhze58.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/GIryZETIX4IFypco5pYZONKhJIo.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/ia3uin3hQWqDrVloC1zEtYHWw.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/867QObYax8ANsfX4TGEVU9YiCM.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/DOfvtmE1UplCq161m6Hj8CSQYg.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/pKRFNWFoZl77qYCAIp84lN1h944.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/DXD0Q7LSl7HEvDzucnyLnGBHM.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/lEJLP4R0yuCaMCjSXYHtJw72M.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/1ZFS7N918ojhhd0nQWdj3jz4w.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/vxBnBhH8768IFAXAb4Qf6wQHKs.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/zSsEuoJdh8mcFVk976C05ZfQr8.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/b8ezwLrN7h2AUoPEENcsTMVJ0.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/mvNEIBLyHbscgHtwfsByjXUz3XY.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/6FI2EneKzM3qBy5foOZXey7coCA.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/qrVgiXNd6RuQjETYQiVQ9nqCk.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/NHHeAKJVP0ZWHk5YZnQQChIsBM.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/MITUNP2IVULQXBXY4CV6OFWPPCE2UU26.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Fira Sans Variable";
    src: url("../fonts/RNOT7GQHAFP5HWLKJHSBV47W2IWTBLAM.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/RPEPC24XXAVK6EWUOKWQUPTOZQR35AS2.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/TGKQVOYGQXPA6FMFNCM7EDKIEKBQKBH5.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/IHQZTVLGX4EJO6PENW3PK264LUDE3QSE.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/ZSLXVR2L2HJPLX3QB57ZW6T2ZAWG2R23.woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/PHAZBAK7CLWJUO5OVWG5T5RJML4B44VX.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/YQA3KKRVULCXJDCXSAONFQCA74AMMQFS.woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "PT Sans Placeholder";
    src: local("Arial");
    ascent-override: 104.75%;
    descent-override: 28.40%;
    line-gap-override: 0.00%;
    size-adjust: 97.18%
}

@font-face {
    font-family: "Inter Placeholder";
    src: local("Arial");
    ascent-override: 89.79%;
    descent-override: 22.36%;
    line-gap-override: 0.00%;
    size-adjust: 107.89%
}

@font-face {
    font-family: "Fira Sans Placeholder";
    src: local("Arial");
    ascent-override: 90.89%;
    descent-override: 25.76%;
    line-gap-override: 0.00%;
    size-adjust: 102.87%
}

@font-face {
    font-family: "Fira Sans Variable Placeholder";
    src: local("Arial");
    ascent-override: 90.89%;
    descent-override: 25.76%;
    line-gap-override: 0.00%;
    size-adjust: 102.87%
}

@font-face {
    font-family: "Outfit Placeholder";
    src: local("Arial");
    ascent-override: 99.94%;
    descent-override: 25.98%;
    line-gap-override: 0.00%;
    size-adjust: 100.06%
}

@font-face {
    font-family: "Lora Placeholder";
    src: local("Times New Roman");
    ascent-override: 87.53%;
    descent-override: 23.84%;
    line-gap-override: 0.00%;
    size-adjust: 114.93%
}

html,
body,
#main {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:root {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
    margin: 0
}

body,
input,
textarea,
select,
button {
    font-family: sans-serif;
    font-size: 12px
}

body {
    --token-6fc1bac9-e545-464d-994f-b9fd5f048263: #005a4f;
    --token-48a09b1a-4207-4cd1-940f-ce919413891b: #d9b59a;
    --token-691a38ed-5b56-4442-88f9-44fee6e6946a: #fff;
    --token-92a9aa8a-8b7c-4ace-a11c-c50c5cae5436: #ffd300;
    --token-5bbd83bc-6875-4446-b7af-bc08b204153f: #604716;
    --token-22b857cb-f0cf-405c-a4f5-26e0a463bf4d: #413d25;
    --token-cc0f850c-3f31-4acf-be35-6575cfe5ec2f: #dad9cd;
    --token-e5cd864e-7920-4530-9550-9f5adea5d14a: #000319;
    --token-6db72c6c-20b6-4c73-a3ac-d702b63e9d14: #3d3d3c;
    --token-d53dfed6-2b82-4802-a969-1de56fd4a7d6: #003;
    --token-faa1bcfd-ef6f-4d2b-98c6-19a2ac68d50c: #072623;
    --token-fad49c65-8cfb-4dd7-b8cf-5affdc07a770: #000;
    --token-edcbe125-7bf8-4d7e-b67e-02cc272af533: #111211;
    --framer-will-change-override: none
}

@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
    body {
        --framer-will-change-override: transform
    }
}

@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
    body {
        --framer-will-change-filter-override: filter
    }
}

[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
    font-family: var(--font-family);
    font-style: var(--font-style);
    font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
    color: var(--text-color);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    text-transform: var(--text-transform);
    --text-decoration: var(--framer-text-decoration-style, solid)var(--framer-text-decoration, none)var(--framer-text-decoration-color, currentcolor)var(--framer-text-decoration-thickness, auto);
    --text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
    --text-underline-offset: var(--framer-text-decoration-offset);
    line-height: var(--line-height);
    --font-family: var(--framer-font-family);
    --font-style: var(--framer-font-style);
    --font-weight: var(--framer-font-weight);
    --text-color: var(--framer-text-color);
    --letter-spacing: var(--framer-letter-spacing);
    --font-size: var(--framer-font-size);
    --text-transform: var(--framer-text-transform);
    --line-height: var(--framer-line-height)
}

@supports not (color:color(display-p3 1 1 1)) {

    p.framer-text,
    div.framer-text,
    h1.framer-text,
    h2.framer-text,
    h3.framer-text,
    h4.framer-text,
    h5.framer-text,
    h6.framer-text,
    li.framer-text,
    ol.framer-text,
    ul.framer-text,
    span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))));
        -webkit-text-stroke-color: var(--framer-text-stroke-color-rgb, var(--framer-text-stroke-color, initial))
    }

    mark.framer-text {
        background-color: var(--framer-blockquote-text-background-color-rgb, var(--framer-blockquote-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text,
    code.framer-text span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text,
    span.framer-text[data-nested-link] {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
        background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
        -webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
        text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text,
    code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-nested-link],
    code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text:hover,
    span.framer-text[data-nested-link]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
        text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text:hover,
    code.framer-text span.framer-text[data-nested-link]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text[data-framer-page-link-current],
    span.framer-text[data-framer-page-link-current] {
        color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
        background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
        text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text[data-framer-page-link-current],
    code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-framer-page-link-current],
    code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
        color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
        background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text[data-framer-page-link-current]:hover,
    span.framer-text[data-framer-page-link-current]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))));
        text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))))
    }
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text[data-framer-page-link-current]:hover,
    code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-framer-page-link-current]:hover,
    code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))))
    }
}

@supports not (aspect-ratio:1) {
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
        position: relative !important
    }

    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
        content: "";
        padding-bottom: calc(100%/calc(var(--aspect-ratio)));
        display: block
    }

    .framer-text-module[data-width=fill]>:first-child,
    .framer-text-module[data-width=fill]>.ssr-variant>:first-child,
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100% !important
    }
}

@supports not (overflow:clip) {
    :root {
        --overflow-clip-fallback: hidden
    }
}

@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {

    div.framer-text,
    p.framer-text,
    h1.framer-text,
    h2.framer-text,
    h3.framer-text,
    h4.framer-text,
    h5.framer-text,
    h6.framer-text,
    ol.framer-text,
    ul.framer-text,
    li.framer-text,
    blockquote.framer-text,
    .framer-text.framer-image {
        display: var(--text-truncation-display-inline-for-safari-16, revert)
    }

    div.framer-text:after,
    p.framer-text:after,
    h1.framer-text:after,
    h2.framer-text:after,
    h3.framer-text:after,
    h4.framer-text:after,
    h5.framer-text:after,
    h6.framer-text:after,
    ol.framer-text:after,
    ul.framer-text:after,
    li.framer-text:after,
    blockquote.framer-text:after,
    .framer-text.framer-image:after {
        content: var(--text-truncation-line-break-for-safari-16);
        white-space: pre
    }

    .framer-text.framer-text-module,
    .framer-text.framer-table-wrapper {
        display: var(--text-truncation-display-none-for-safari-16, revert)
    }

    p.framer-text[data-text-fill] {
        display: var(--text-truncation-display-inline-for-safari-16, inline-block)
    }
}

@supports (corner-shape:superellipse(2)) {
    :root {
        --one-if-corner-shape-supported: 1
    }
}

.framer-cursor-none,
.framer-cursor-none * {
    cursor: none !important
}

.framer-pointer-events-none,
.framer-pointer-events-none * {
    pointer-events: none !important
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

/* Enhanced Button Animations */
@keyframes fillButton {
    0% {
        background-color: transparent;
        color: white;
    }

    100% {
        background-color: white;
        color: #072623;
    }
}

@keyframes slideUpButton {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDownButton {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Image hover scale animation */
@keyframes imageScale {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.08);
    }
}

/* Button with white border - Fill effect */
.btn-fill {
    border: 2px solid white;
    background-color: transparent;
    color: white;
    padding: 12px 32px;
    cursor: pointer;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: inline-block;
    letter-spacing: 0.2em;
}

.btn-fill:hover {
    background-color: white;
    color: #072623;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}

/* Button with slide effect - Text slides from bottom */
/* .btn-slide {
    border: 2px solid #d9b59a;
    background-color: transparent;
    color: #d9b59a;
    padding: 12px 32px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.btn-slide::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d9b59a;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-slide:hover::before {
    transform: translateY(0);
}

.btn-slide:hover {
    background-color: rgba(217, 181, 154, 0.1);
} */

/* Image hover scale */
.image-hover-scale {
    overflow: hidden;
    cursor: pointer;
}

.image-hover-scale img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.image-hover-scale:hover img {
    transform: scale(1.1);
}

/* Text scale on image hover */
.hover-text-scale {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.image-hover-scale:hover .hover-text-scale {
    transform: scale(1.05);
}

.intro_text1 {
    font-family: 'Forum', sans-serif;
    font-size: 64px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    text-transform: uppercase
}

.framer-1lfoyq4,
.framer-1lfoyq4 {
    display: block
}

.framer-1rwjpbd {
    background-color: var(--38hs20);
    height: min-content;
    overflow: var(--1gyaesl);
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: 0;
    display: flex;
    position: relative
}

.framer-1jycb84 {
    background: 0 0;
    flex-grow: 1;
    width: 0;
    height: 0;
    margin: 0;
    position: relative
}

.contactmap-container {
    flex: none;
    order: 1001;
    width: 100%;
    height: auto;
    position: relative
}

.footer-container {
    flex: none;
    order: 1002;
    width: 100%;
    height: auto;
    position: relative
}

.footer-link p a,
.footer__link-item a {
    opacity: .5;
}

[data-layout-template=true]>#overlay {
    margin-bottom: 0
}

@supports (background:-webkit-named-image(i)) and (not (scale:1)) {
    .framer-1rwjpbd {
        gap: 0
    }

    .framer-1rwjpbd>* {
        margin: 0
    }

    .framer-1rwjpbd>:first-child {
        margin-top: 0
    }

    .framer-1rwjpbd>:last-child {
        margin-bottom: 0
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-lux5qc,
.framer-lux5qc {
    display: block
}

.framer-72rtr7 {
    background-color: var(--token-faa1bcfd-ef6f-4d2b-98c6-19a2ac68d50c, #072623);
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 0;
    width: 1200px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-6s131s {
    z-index: -1;
    flex: none;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 16px;
    left: 0%;
    overflow: hidden
}

.framer-lzp2i7-container {
    z-index: 9;
    flex: none;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.framer-167gjqf {
    z-index: 2;
    flex-flow: column;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100vh;
    padding: 160px 64px 40px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1p0m6lx {
    z-index: 2;
    flex: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0%;
    overflow: hidden
}

.framer-6x9g0c {
    filter: brightness(.9);
    will-change: var(--framer-will-change-effect-override, transform);
    z-index: 2;
    flex: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0%;
    overflow: visible
}

.framer-1o0locf-container {
    opacity: .6;
    z-index: 2;
    flex: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.framer-187sqn9 {
    background-color: var(--token-faa1bcfd-ef6f-4d2b-98c6-19a2ac68d50c, #072623);
    flex: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    overflow: hidden
}

.framer-1lfxmpu {
    z-index: 3;
    flex-flow: row;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 1px;
    padding: 0;
    display: flex;
    position: relative;
    /* overflow: hidden */
}

.framer-17v7jim {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;

    word-break: break-word;
    word-wrap: break-word;
    z-index: 1;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative
}

.framer-1btt4dn {
    z-index: 3;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 64px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-11ihqeg-container {
    flex: none;
    width: 960px;
    height: auto;
    position: relative
}

.framer-1xh84wq {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1eo6l6c {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 120px 80px 160px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-zm2prx {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 24px;
    width: 90%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-d9rp8i {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    word-break: break-word;
    word-wrap: break-word;
    z-index: 2;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-7n4fjh {
    flex: 1 0 0;
    width: 1px;
    height: 155px;
    position: relative;
    overflow: hidden
}

.framer-1thfqdw {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 80px 40px 16px 80px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1acmnbh {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-60azur,
.framer-1xcth7w {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1imqh1k,
.framer-1m2h0tm,
.framer-1jlxyic {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    opacity: .5;

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-mb3t5m,
.framer-1r2n40h {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-s6kzr2 {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 160px 80px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-ilv3bk {
    aspect-ratio: 1.73244;
    height: var(--framer-aspect-ratio-supported, 394px);
    opacity: .5;
    will-change: var(--framer-will-change-filter-override, filter);
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 681px;
    position: absolute;
    top: -509px;
    right: 0px;
    overflow: hidden
}

.framer-zy98ql {
    flex: none;
    width: 50%;
    height: 155px;
    position: relative;
    overflow: hidden
}

.framer-15l63mc {
    aspect-ratio: 1.73244;
    height: var(--framer-aspect-ratio-supported, 389px);
    opacity: .5;
    will-change: var(--framer-will-change-filter-override, filter);
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 674px;
    position: absolute;
    top: 180px;
    left: -82px;
    overflow: hidden;
    transform: translateY(-50%)
}

.framer-1xveqpm {
    z-index: 1;
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 24px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1j900gx,
.framer-us4cil,
.framer-4cbnys,
.framer-otpat0,
.framer-1mrvq8y {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-1sk70ko-container,
.framer-mau83j-container,
.framer-bnwfsa-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-1s6n7vx {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 264px);
    opacity: .5;
    will-change: var(--framer-will-change-filter-override, filter);
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 396px;
    position: absolute;
    bottom: -30px;
    left: 171px;
    overflow: hidden
}

.rooms-section {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    height: min-content;
    padding: 160px 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1to5i90 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: flex;
    position: relative;
    overflow: hidden
}

.room-details p {
    font-family: "Forum", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 40px;
    font-style: normal;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 120%;
    --framer-paragraph-spacing: 20px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: uppercase;
}

.hero-home-details {
    z-index: 3;
    flex-flow: row;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: min-content;
    padding: 40px 40px 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.hero-home-details .info-section {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: auto;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.hero-home-details .info-section .info-section-item {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    width: auto;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.hero-home-details .info-section .info-section-item .info-section-item-label {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    --framer-paragraph-spacing: 0px;
    flex: none;
    width: auto;
    height: auto;

    position: relative;
}

.hero-home-details .info-section .info-section-item .info-section-item-text {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    --framer-paragraph-spacing: 0px;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.info-seprator {
    background-color: #ffffff;
    flex: none;
    align-self: stretch;
    width: 1px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.framer-x2ys5c {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-1e7k59v-container {
    flex: none;
    width: 100%;
    height: 1000px;
    position: relative;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}

.framer-t6xgxc {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 80px;

    height: 1000px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-108ibcq,
.framer-1nu6plr {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 560px;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1ko07ih-container,
.framer-7oz8gs-container,
.framer-a58ihx-container,
.framer-1mhygxx-container,
.framer-1ovthzm-container,
.framer-yzgwkd-container {
    flex: none;
    width: 100%;
    height: 800px;
    position: relative
}

.framer-1f8613t {
    flex-flow: row;
    flex: none;
    place-content: flex-end center;
    align-items: flex-end;
    gap: 10px;
    width: 560px;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1uutw2n,
.framer-y7mdox,
.framer-1u7tkht {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 560px;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-yuecop-container {
    flex: none;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.framer-1afesp3 {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-smkhsb {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-ebry1g {
    flex-flow: column;
    flex: none;
    place-content: center space-between;
    align-items: center;
    width: 100%;
    height: min-content;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-fzw6r6 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-174oym9 {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-xdi26w {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0 0 0 80px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1bu3uzh {
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1fm3z31 {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported, 555px);
    will-change: var(--framer-will-change-filter-override, filter);
    flex: 1 0 0;
    width: 1px;
    position: relative;
    overflow: hidden
}

.framer-13ch354-container,
.framer-1dvbq5-container,
.framer-1gsvqls-container,
.framer-guhh3e-container,
.faq-container {
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-1e6ryus {
    flex-flow: column;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 80px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:auto;
}

.framer-1k40rv5 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 40px 40px 16px 80px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-cudiar {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1hmsvda {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 40px;
    width: 1200px;
    height: min-content;
    padding: 40px 80px 120px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1pclc8 {
    will-change: var(--framer-will-change-filter-override, filter);
    flex: 1 0 0;
    align-self: stretch;
    width: 1px;
    height: auto;
    position: relative;
    overflow: hidden
}

.framer-1fc1pil {
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 24px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-1qvmkrl {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-vrwv6w-container {
    flex: none;
    width: 100%;
    height: 100vh;
    position: relative
}

.framer-1hmlj51-container {
    z-index: 0;
    flex: none;
    width: 1200px;
    height: 2338px;
    position: absolute;
    top: -1676px;
    left: -1963px
}

.service-description {
    font-size: 20px;
    line-height: 1.5;
    color: #ffffff;
}

.framer-styles-preset-1l72zt8:not(.rich-text-wrapper),
.framer-styles-preset-1l72zt8.rich-text-wrapper h1 {
    font-family: "Forum", sans-serif;
    --framer-font-family-bold: "Inter", sans-serif;
    --framer-font-family-bold-italic: "Inter", sans-serif;
    --framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
    --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
    font-size: 100px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-font-weight-bold: 900;
    --framer-font-weight-bold-italic: 900;
    --framer-font-weight-italic: 700;
    --framer-letter-spacing: 0em;
    line-height: 1em;
    --framer-paragraph-spacing: 0px;
    --framer-text-alignment: center;
    --framer-text-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none
}

.framer-styles-preset-10v87a2:not(.rich-text-wrapper),
.framer-styles-preset-10v87a2.rich-text-wrapper p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 18px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: normal;
    --framer-font-style-italic: normal;
    --framer-font-variation-axes: normal;
    --framer-font-variation-axes-bold: "wght" 186;
    --framer-font-variation-axes-bold-italic: "wght" 186;
    --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
    --framer-font-weight-bold: 400;
    --framer-font-weight-bold-italic: 400;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: 0em;
    line-height: 160%;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    --framer-text-color: #ffffff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
}

.framer-styles-preset-10v87a2:not(.rich-text-wrapper),
.framer-styles-preset-10v87a2.rich-text-wrapper p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 18px;
    font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: normal;
    --framer-font-style-italic: normal;
    --framer-font-variation-axes: normal;
    --framer-font-variation-axes-bold: "wght" 186;
    --framer-font-variation-axes-bold-italic: "wght" 186;
    --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
    --framer-font-weight-bold: 400;
    --framer-font-weight-bold-italic: 400;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: 0em;
    line-height: 160%;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    color: #ffffff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
}


@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1l72zt8:not(.rich-text-wrapper),
    .framer-styles-preset-1l72zt8.rich-text-wrapper h1 {
        font-family: "Forum", sans-serif;
        --framer-font-family-bold: "Inter", sans-serif;
        --framer-font-family-bold-italic: "Inter", sans-serif;
        --framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 96px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 900;
        --framer-font-weight-bold-italic: 900;
        --framer-font-weight-italic: 700;
        --framer-letter-spacing: 0em;
        line-height: 1em;
        --framer-paragraph-spacing: 0px;
        --framer-text-alignment: center;
        --framer-text-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1l72zt8:not(.rich-text-wrapper),
    .framer-styles-preset-1l72zt8.rich-text-wrapper h1 {
        font-family: "Forum", sans-serif;
        --framer-font-family-bold: "Inter", sans-serif;
        --framer-font-family-bold-italic: "Inter", sans-serif;
        --framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 64px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 900;
        --framer-font-weight-bold-italic: 900;
        --framer-font-weight-italic: 700;
        --framer-letter-spacing: 0px;
        line-height: 120%;
        --framer-paragraph-spacing: 0px;
        --framer-text-alignment: center;
        --framer-text-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1l72zt8:not(.rich-text-wrapper),
    .framer-styles-preset-1l72zt8.rich-text-wrapper h1 {
        font-family: "Forum", sans-serif;
        --framer-font-family-bold: "Inter", sans-serif;
        --framer-font-family-bold-italic: "Inter", sans-serif;
        --framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 32px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 900;
        --framer-font-weight-bold-italic: 900;
        --framer-font-weight-italic: 700;
        --framer-letter-spacing: 0em;
        line-height: 1em;
        --framer-paragraph-spacing: 0px;
        --framer-text-alignment: center;
        --framer-text-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 14px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 18px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (min-width:810px) and (max-width:1199.98px) {
    .framer-72rtr7 {
        width: 810px
    }

    .framer-1lfxmpu {
        width: 90%
    }

    .framer-1btt4dn {
        padding: 0
    }

    .framer-11ihqeg-container {
        width: 100%
    }

    .framer-ilv3bk {
        height: var(--framer-aspect-ratio-supported, 393px)
    }

    .framer-15l63mc {
        height: var(--framer-aspect-ratio-supported, 390px)
    }

    .framer-ebry1g {
        padding: 80px 40px
    }

    .framer-fzw6r6 {
        padding: 40px
    }

    .framer-1fm3z31 {
        height: var(--framer-aspect-ratio-supported, 320px)
    }

    .framer-1e6ryus {
        justify-content: center;
        gap: 0;
        padding: 80px 0 40px
    }

    .framer-1k40rv5 {
        padding: 40px 40px 16px
    }

    .framer-1hmsvda {
        width: 100%;
        padding: 40px 40px 120px
    }

    .framer-1dvbq5-container {
        flex: 1 0 0;
        width: 1px
    }
}

@media (max-width:809.98px) {
    .framer-72rtr7 {
        width: 390px
    }

    /* .framer-167gjqf {
        aspect-ratio: .666667;
        height: var(--framer-aspect-ratio-supported, 585px);
        padding: 160px 24px 40px
    }

    .framer-1p0m6lx,
    .framer-6x9g0c {
        aspect-ratio: .666667;
        height: var(--framer-aspect-ratio-supported, 585px);
        left: 50%;
        transform: translate(-50%)
    } */

    .framer-1btt4dn,
    .rooms-section {
        padding: 0
    }

    .framer-11ihqeg-container {
        width: 100%
    }
    .framer-11ihqeg-container iframe{
        height: 200px !important;
    }

    .framer-1eo6l6c {
        padding: 40px 20px
    }

    .framer-1thfqdw {
        padding: 80px 20px 16px 40px
    }

    .framer-s6kzr2 {
        padding: 20px 20px;
        flex-flow: column;
    }

    .framer-ilv3bk {
        height: var(--framer-aspect-ratio-supported, 184px);
        width: 318px;
        top: -362px;
        right: 4px
    }

    .framer-1xveqpm {
        width: 100%;
    }

    .framer-15l63mc {
        height: var(--framer-aspect-ratio-supported, 137px);
        bottom: 0;
        left: 0;
        top: unset;
        transform: unset;
        width: 237px
    }

    .framer-1s6n7vx {
        height: var(--framer-aspect-ratio-supported, 197px);
        width: 295px;
        bottom: 668px;
        left: unset;
        right: 0;
    }

    .framer-fzw6r6 {
        padding: 20px
    }

    .framer-174oym9 {

        word-break: break-word;
        word-wrap: break-word;
        width: 100%
    }

    .framer-xdi26w {
        flex-direction: column;
        gap: 40px;
        padding: 20px
    }

    .framer-1bu3uzh,
    .framer-1fc1pil {
        flex: none;
        width: 100%
    }

    .framer-1fm3z31 {
        height: var(--framer-aspect-ratio-supported, 350px);
        flex: none;
        width: 100%
    }

    .framer-1e6ryus {
        justify-content: center;
        gap: 0;
        padding: 40px 0
    }

    .framer-1k40rv5 {
        padding: 40px 24px 16px
    }

    .framer-1hmsvda {
        flex-direction: column;
        width: 100%;
        padding: 40px 24px
    }

    .framer-1pclc8 {
        align-self: unset;
        aspect-ratio: 1.71;
        height: var(--framer-aspect-ratio-supported, 200px);
        flex: none;
        width: 100%
    }

    .framer-vrwv6w-container {
        height: 60vh
    }
}

@media (min-width:1920px) {
    .framer-72rtr7 {
        width: 1920px
    }

    .framer-1xh84wq {
        padding: 120px 0 160px
    }

    .framer-zm2prx {
        width: 60%
    }

    .framer-1thfqdw {
        padding: 120px 40px 16px 80px
    }

    .framer-ilv3bk {
        height: var(--framer-aspect-ratio-supported, 688px);
        width: 1192px;
        top: -968px;
        right: -196px
    }

    .framer-15l63mc {
        height: var(--framer-aspect-ratio-supported, 554px);
        width: 960px;
        top: 20%;
        left: -36px
    }

    .framer-1xveqpm {
        gap: 48px
    }

    .framer-1s6n7vx {
        height: var(--framer-aspect-ratio-supported, 473px);
        width: 709px;
        bottom: -6px;
        left: 215px
    }

    .framer-ebry1g {
        justify-content: flex-start;
        gap: 40px;
        padding: 160px 0
    }

    .framer-fzw6r6 {
        width: 50%
    }

    .framer-1fm3z31 {
        height: var(--framer-aspect-ratio-supported, 915px)
    }

    .framer-1e6ryus {
        overflow: visible
    }

    .framer-1hmsvda {
        width: 1600px;
        padding: 80px 80px 120px
    }

    .framer-1pclc8 {
        align-self: unset;
        will-change: var(--framer-will-change-effect-override, transform);
        height: 480px
    }

    .framer-1hmlj51-container {
        top: -3697px;
        left: -778px
    }
}

.ssr-variant {
    display: contents
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-rRr9X.framer-1bw90qm,
.framer-rRr9X .framer-1bw90qm {
    display: block
}

.framer-rRr9X.framer-1x1i1ko {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 1200px;
    height: min-content;
    padding: 12px 64px;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-rRr9X .framer-156ky06 {
    z-index: 0;
    flex: none;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0%;
    overflow: hidden
}

.framer-rRr9X .framer-166qllx {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 1px;
    max-width: 1200px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-rRr9X .framer-1i99a8d {
    flex-flow: row;
    flex: none;
    place-content: center space-between;
    align-items: center;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-rRr9X .framer-1wm9fp4-container,
.framer-rRr9X .framer-4w9ukp-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-rRr9X .framer-13rj2qo {
    aspect-ratio: 3.08333;
    height: var(--framer-aspect-ratio-supported, 48px);
    flex: none;
    width: 148px;
    text-decoration: none;
    position: relative
}

.framer-rRr9X .framer-ubcuj8 {
    flex: none;
    width: 50%;
    height: 80px;
    position: relative;
    overflow: visible
}

.framer-rRr9X .framer-1kti873 {
    aspect-ratio: 3.08333;
    height: var(--framer-aspect-ratio-supported, 72px);
    flex: none;
    text-decoration: none;
    position: absolute;
    top: 4px;
    left: 157px;
    right: 157px
}

.framer-rRr9X .framer-1pp092j-container {
    flex: none;
    width: 1072px;
    height: 800px;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-rRr9X.framer-1x1i1ko,
    .framer-rRr9X .framer-166qllx {
        gap: 0
    }

    .framer-rRr9X.framer-1x1i1ko>* {
        margin: 0
    }

    .framer-rRr9X.framer-1x1i1ko>:first-child {
        margin-left: 0
    }

    .framer-rRr9X.framer-1x1i1ko>:last-child {
        margin-right: 0
    }

    .framer-rRr9X .framer-166qllx>* {
        margin: 12px 0
    }

    .framer-rRr9X .framer-166qllx>:first-child {
        margin-top: 0
    }

    .framer-rRr9X .framer-166qllx>:last-child {
        margin-bottom: 0
    }
}

.framer-rRr9X.framer-v-90wjit.framer-1x1i1ko,
.framer-rRr9X.framer-v-1obaoua.framer-1x1i1ko {
    width: 390px;
    padding: 12px 24px
}

.framer-rRr9X.framer-v-90wjit .framer-1wm9fp4-container,
.framer-rRr9X.framer-v-1obaoua .framer-1wm9fp4-container,
.framer-rRr9X.framer-v-aco9h7 .framer-1wm9fp4-container {
    order: 1
}

.framer-rRr9X.framer-v-90wjit .framer-13rj2qo,
.framer-rRr9X.framer-v-1obaoua .framer-13rj2qo,
.framer-rRr9X.framer-v-aco9h7 .framer-13rj2qo {
    order: 0
}

.framer-rRr9X.framer-v-15b4dqr .framer-156ky06 {
    height: unset;
    width: unset;
    bottom: 0;
    left: 0;
    right: 0
}

.framer-rRr9X.framer-v-15b4dqr .framer-ubcuj8,
.framer-rRr9X.framer-v-1hy5w0 .framer-ubcuj8 {
    z-index: 1;
    height: 36px;
    position: absolute;
    top: 11px;
    left: 25%
}

.framer-rRr9X.framer-v-15b4dqr .framer-1kti873,
.framer-rRr9X.framer-v-1hy5w0 .framer-1kti873 {
    top: -10px;
    left: 208px;
    right: 208px
}

.framer-rRr9X.framer-v-1obaoua .framer-156ky06,
.framer-rRr9X.framer-v-aco9h7 .framer-156ky06 {
    height: 72px
}

.framer-rRr9X.framer-v-1hy5w0.framer-1x1i1ko {
    flex-direction: column;
    gap: 24px;
    padding: 12px 64px 24px
}

.framer-rRr9X.framer-v-1hy5w0 .framer-156ky06 {
    height: 82px
}

.framer-rRr9X.framer-v-1hy5w0 .framer-166qllx,
.framer-rRr9X.framer-v-aco9h7 .framer-166qllx {
    flex: none;
    width: 100%
}

.framer-rRr9X.framer-v-1hy5w0 .framer-1pp092j-container {
    height: calc(var(--framer-viewport-height, 100vh)*1)
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-rRr9X.framer-v-1hy5w0.framer-1x1i1ko {
        gap: 0
    }

    .framer-rRr9X.framer-v-1hy5w0.framer-1x1i1ko>* {
        margin: 12px 0
    }

    .framer-rRr9X.framer-v-1hy5w0.framer-1x1i1ko>:first-child {
        margin-top: 0
    }

    .framer-rRr9X.framer-v-1hy5w0.framer-1x1i1ko>:last-child {
        margin-bottom: 0
    }
}

.framer-rRr9X.framer-v-aco9h7.framer-1x1i1ko {
    flex-direction: column;
    gap: 24px;
    width: 390px;
    padding: 12px 24px 24px
}

.framer-rRr9X.framer-v-aco9h7 .framer-1pp092j-container {
    height: calc(var(--framer-viewport-height, 100vh)*1);
    width: 100%
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-rRr9X.framer-v-aco9h7.framer-1x1i1ko {
        gap: 0
    }

    .framer-rRr9X.framer-v-aco9h7.framer-1x1i1ko>* {
        margin: 12px 0
    }

    .framer-rRr9X.framer-v-aco9h7.framer-1x1i1ko>:first-child {
        margin-top: 0
    }

    .framer-rRr9X.framer-v-aco9h7.framer-1x1i1ko>:last-child {
        margin-bottom: 0
    }
}

.framer-rRr9X[data-border=true]:after,
.framer-rRr9X [data-border=true]:after {
    content: "";
    border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-XVceJ.framer-w2hgjd,
.framer-XVceJ .framer-w2hgjd {
    display: block
}

.framer-XVceJ.framer-107z1mj {
    cursor: pointer;
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 4px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-XVceJ .framer-1pirxol {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported, 24px);
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 24px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-XVceJ .framer-8fjgcj {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-XVceJ .framer-1y8m1d3,
.framer-XVceJ .framer-1rgycmk,
.framer-XVceJ .framer-16mmszv {
    flex: none;
    width: 13px;
    height: 1px;
    position: relative;
    overflow: visible
}

.framer-XVceJ .framer-1ckz92v {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-XVceJ.framer-107z1mj,
    .framer-XVceJ .framer-1pirxol,
    .framer-XVceJ .framer-8fjgcj {
        gap: 0
    }

    .framer-XVceJ.framer-107z1mj>* {
        margin: 0 2px
    }

    .framer-XVceJ.framer-107z1mj>:first-child {
        margin-left: 0
    }

    .framer-XVceJ.framer-107z1mj>:last-child {
        margin-right: 0
    }

    .framer-XVceJ .framer-1pirxol>* {
        margin: 5px 0
    }

    .framer-XVceJ .framer-1pirxol>:first-child,
    .framer-XVceJ .framer-8fjgcj>:first-child {
        margin-top: 0
    }

    .framer-XVceJ .framer-1pirxol>:last-child,
    .framer-XVceJ .framer-8fjgcj>:last-child {
        margin-bottom: 0
    }

    .framer-XVceJ .framer-8fjgcj>* {
        margin: 2px 0
    }
}

.framer-XVceJ.framer-v-kaovde .framer-8fjgcj {
    gap: unset;
    height: 11px;
    padding: unset;
    display: block
}

.framer-XVceJ.framer-v-kaovde .framer-1y8m1d3,
.framer-XVceJ.framer-v-kaovde .framer-16mmszv {
    position: absolute;
    top: calc(45.4545% - .5px);
    left: calc(50% - 6.5px)
}

.framer-XVceJ.framer-v-kaovde .framer-1rgycmk {
    width: 0;
    position: absolute;
    top: calc(45.4545% - .5px);
    left: 6px
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-XVceJ.framer-v-kaovde .framer-8fjgcj {
        gap: 0
    }

    .framer-XVceJ.framer-v-kaovde .framer-8fjgcj>*,
    .framer-XVceJ.framer-v-kaovde .framer-8fjgcj>:first-child,
    .framer-XVceJ.framer-v-kaovde .framer-8fjgcj>:last-child {
        margin: 0
    }
}

body {
    --framer-will-change-override: none
}

@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
    body {
        --framer-will-change-override: transform
    }
}

body {
    --framer-will-change-filter-override: none
}

@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
    body {
        --framer-will-change-filter-override: filter
    }
}



p.framer-text,
div.framer-text,
figure.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text {
    margin: 0;
    padding: 0
}

p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
mark.framer-text,
span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
    font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-font-style, normal)));
    font-weight: var(--framer-font-weight-preview, var(--framer-blockquote-font-weight, var(--framer-font-weight, 400)));
    color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
    font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
    letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
    text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
    -webkit-text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
    text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
    -webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial));
    text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial));
    -webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial));
    text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial));
    text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial));
    text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial));
    text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial));
    line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
    text-align: var(--framer-blockquote-text-alignment, var(--framer-text-alignment, start));
    -webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
    -webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
    -moz-font-feature-settings: var(--framer-font-open-type-features, initial);
    -webkit-font-feature-settings: var(--framer-font-open-type-features, initial);
    font-feature-settings: var(--framer-font-open-type-features, initial);
    font-variation-settings: var(--framer-font-variation-axes-preview, var(--framer-font-variation-axes, normal));
    text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap))
}

mark.framer-text,
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text {
    background-color: var(--framer-blockquote-text-background-color, var(--framer-text-background-color, initial));
    border-radius: var(--framer-blockquote-text-background-radius, var(--framer-text-background-radius, initial));
    corner-shape: var(--framer-blockquote-text-background-corner-shape, var(--framer-text-background-corner-shape, initial));
    padding: var(--framer-blockquote-text-background-padding, var(--framer-text-background-padding, initial))
}

@supports not (color:color(display-p3 1 1 1)) {

    p.framer-text,
    div.framer-text,
    h1.framer-text,
    h2.framer-text,
    h3.framer-text,
    h4.framer-text,
    h5.framer-text,
    h6.framer-text,
    li.framer-text,
    ol.framer-text,
    ul.framer-text,
    span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))));
        -webkit-text-stroke-color: var(--framer-text-stroke-color-rgb, var(--framer-text-stroke-color, initial))
    }

    mark.framer-text {
        background-color: var(--framer-blockquote-text-background-color-rgb, var(--framer-blockquote-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))
    }
}

.framer-fit-text .framer-text {
    white-space: nowrap;
    white-space-collapse: preserve
}

strong.framer-text {
    font-family: var(--framer-blockquote-font-family-bold, var(--framer-font-family-bold));
    font-style: var(--framer-blockquote-font-style-bold, var(--framer-font-style-bold));
    font-weight: var(--framer-blockquote-font-weight-bold, var(--framer-font-weight-bold, bolder));
    font-variation-settings: var(--framer-blockquote-font-variation-axes-bold, var(--framer-font-variation-axes-bold))
}

em.framer-text {
    font-family: var(--framer-blockquote-font-family-italic, var(--framer-font-family-italic));
    font-style: var(--framer-blockquote-font-style-italic, var(--framer-font-style-italic, italic));
    font-weight: var(--framer-blockquote-font-weight-italic, var(--framer-font-weight-italic));
    font-variation-settings: var(--framer-blockquote-font-variation-axes-italic, var(--framer-font-variation-axes-italic))
}

em.framer-text>strong.framer-text {
    font-family: var(--framer-blockquote-font-family-bold-italic, var(--framer-font-family-bold-italic));
    font-style: var(--framer-blockquote-font-style-bold-italic, var(--framer-font-style-bold-italic, italic));
    font-weight: var(--framer-blockquote-font-weight-bold-italic, var(--framer-font-weight-bold-italic, bolder));
    font-variation-settings: var(--framer-blockquote-font-variation-axes-bold-italic, var(--framer-font-variation-axes-bold-italic))
}

p.framer-text:not(:first-child),
div.framer-text:not(:first-child),
h1.framer-text:not(:first-child),
h2.framer-text:not(:first-child),
h3.framer-text:not(:first-child),
h4.framer-text:not(:first-child),
h5.framer-text:not(:first-child),
h6.framer-text:not(:first-child),
ol.framer-text:not(:first-child),
ul.framer-text:not(:first-child),
blockquote.framer-text:not(:first-child),
table.framer-text:not(:first-child),
figure.framer-text:not(:first-child),
.framer-image.framer-text:not(:first-child) {
    margin-top: var(--framer-blockquote-paragraph-spacing, var(--framer-paragraph-spacing, 0))
}

li.framer-text>ul.framer-text:nth-child(2),
li.framer-text>ol.framer-text:nth-child(2) {
    margin-top: 0
}

.framer-text[data-text-fill] {
    -webkit-text-fill-color: transparent;
    padding: max(0em, calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em)))/2));
    margin: min(0em, calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em)))/-2));
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block
}

code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
    font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
    font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
    color: var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
    font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
    letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
    line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em))
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text,
    code.framer-text span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))
    }
}

blockquote.framer-text {
    unicode-bidi: initial;
    margin-block-start: initial;
    margin-block-end: initial;
    margin-inline-start: initial;
    margin-inline-end: initial
}

a.framer-text,
a.framer-text span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link],
span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
    color: inherit;
    font-family: var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
    font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
    font-weight: var(--framer-font-weight-preview, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
    font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
    text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
    cursor: var(--framer-custom-cursors, pointer);
    background-color: initial;
    border-radius: var(--framer-link-text-background-radius, initial);
    corner-shape: var(--framer-link-text-background-corner-shape, initial);
    padding: var(--framer-link-text-background-padding, initial)
}

a.framer-text,
span.framer-text[data-nested-link] {
    color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
    -webkit-text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
    text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
    -webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
    text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
    -webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
    text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
    text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
    text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
    text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
    background-color: var(--framer-link-text-background-color, initial)
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text,
    span.framer-text[data-nested-link] {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
        background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
        -webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
        text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
    }
}

code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
    font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
    font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
    color: inherit;
    font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1))
}

code.framer-text a.framer-text,
code.framer-text span.framer-text[data-nested-link] {
    color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text,
    code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-nested-link],
    code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
        color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
    }
}

a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link]:hover,
span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
    font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))));
    font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))));
    font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px)))*var(--framer-font-size-scale, 1));
    text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
    border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial)));
    corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial)));
    padding: var(--framer-link-hover-text-background-padding, var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial)))
}

a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
    color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
    -webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
    text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
    -webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
    text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
    -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
    text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
    text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
    text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
    text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
    background-color: var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)))
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text:hover,
    span.framer-text[data-nested-link]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
        text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
    }
}

code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
    color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))))
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text:hover,
    code.framer-text span.framer-text[data-nested-link]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
    }
}

a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-font-family-preview, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
    font-style: var(--framer-font-style-preview, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
    font-weight: var(--framer-font-weight-preview, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
    font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))*var(--framer-font-size-scale, 1));
    text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
    border-radius: var(--framer-link-current-text-background-radius, var(--framer-link-text-background-radius, initial));
    corner-shape: var(--framer-link-current-text-background-corner-shape, var(--framer-link-text-background-corner-shape, initial));
    padding: var(--framer-link-current-text-background-padding, var(--framer-link-text-background-padding, initial))
}

a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
    color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
    -webkit-text-decoration-line: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
    text-decoration-line: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
    -webkit-text-decoration-style: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
    text-decoration-style: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
    -webkit-text-decoration-color: var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
    text-decoration-color: var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
    text-decoration-thickness: var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
    text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
    text-underline-offset: var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
    background-color: var(--framer-link-current-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)))
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text[data-framer-page-link-current],
    span.framer-text[data-framer-page-link-current] {
        color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
        background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
        text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
    }
}

code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
    font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
    font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
    color: inherit;
    font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))*var(--framer-font-size-scale, 1))
}

code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] {
    color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text[data-framer-page-link-current],
    code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-framer-page-link-current],
    code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
        color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
        background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))))
    }
}

a.framer-text[data-framer-page-link-current]:hover,
a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
    color: inherit;
    font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
    font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))));
    font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))));
    font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))))*var(--framer-font-size-scale, 1));
    text-transform: var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
    border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-current-text-background-radius, var(--framer-link-text-background-radius, initial)));
    corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-current-text-background-corner-shape, var(--framer-link-text-background-corner-shape, initial)));
    padding: var(--framer-link-hover-text-background-padding, var(--framer-link-current-text-background-padding, var(--framer-link-text-background-padding, initial)))
}

a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
    color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
    -webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
    text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
    -webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
    text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
    -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
    text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
    text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
    text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
    text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
    background-color: var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color, initial)))
}

@supports not (color:color(display-p3 1 1 1)) {

    a.framer-text[data-framer-page-link-current]:hover,
    span.framer-text[data-framer-page-link-current]:hover {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))));
        -webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))));
        text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))))
    }
}

code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover {
    color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))))
}

@supports not (color:color(display-p3 1 1 1)) {

    code.framer-text a.framer-text[data-framer-page-link-current]:hover,
    code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
    code.framer-text span.framer-text[data-framer-page-link-current]:hover,
    code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
        color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
        background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))))
    }
}

.framer-image.framer-text {
    max-width: 100%;
    height: auto;
    display: block
}

.text-styles-preset-reset.framer-text {
    font-family: Inter, Inter Placeholder, sans-serif;
    --framer-font-style: normal;
    font-weight: 500;
    --framer-text-color: #000;
    font-size: 16px;
    --framer-letter-spacing: 0;
    --framer-text-transform: none;
    --framer-text-decoration: none;
    --framer-text-decoration-style: none;
    --framer-text-decoration-color: none;
    --framer-text-decoration-thickness: none;
    --framer-text-decoration-skip-ink: none;
    --framer-text-decoration-offset: none;
    line-height: 1.2em;
    --framer-text-alignment: start;
    --framer-font-open-type-features: normal;
    --framer-text-background-color: initial;
    --framer-text-background-radius: initial;
    --framer-text-background-corner-shape: initial;
    --framer-text-background-padding: initial
}

ol.framer-text {
    --list-style-type: decimal
}

ul.framer-text,
ol.framer-text {
    padding-inline-start: 0;
    position: relative
}

li.framer-text {
    counter-increment: list-item;
    padding-inline-start: 2ch;
    list-style: none
}

ol.framer-text>li.framer-text:before {
    content: counter(list-item, var(--list-style-type))".";
    font-variant-numeric: tabular-nums;
    position: absolute;
    inset-inline-start: 0
}

ol.framer-text>li.framer-text:nth-last-child(n+10),
ol.framer-text>li.framer-text:nth-last-child(n+10)~li {
    padding-inline-start: 3ch
}

ol.framer-text>li.framer-text:nth-last-child(n+100),
ol.framer-text>li.framer-text:nth-last-child(n+100)~li {
    padding-inline-start: 4ch
}

ol.framer-text>li.framer-text:nth-last-child(n+1000),
ol.framer-text>li.framer-text:nth-last-child(n+1000)~li {
    padding-inline-start: 5ch
}

ol.framer-text>li.framer-text:nth-last-child(n+10000),
ol.framer-text>li.framer-text:nth-last-child(n+10000)~li {
    padding-inline-start: 6ch
}

ol.framer-text>li.framer-text:nth-last-child(n+100000),
ol.framer-text>li.framer-text:nth-last-child(n+100000)~li {
    padding-inline-start: 7ch
}

ol.framer-text>li.framer-text:nth-last-child(n+1000000),
ol.framer-text>li.framer-text:nth-last-child(n+1000000)~li {
    padding-inline-start: 8ch
}

ul.framer-text>li.framer-text:before {
    content: "•";
    position: absolute;
    inset-inline-start: 0
}

.framer-table-wrapper {
    overflow-x: auto
}

table.framer-text,
.framer-table-wrapper table.framer-text {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    word-break: normal;
    width: 100%
}

td.framer-text,
th.framer-text {
    vertical-align: top;
    min-width: 16ch
}

.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
    width: 100% !important
}

@supports not (aspect-ratio:1) {
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
        position: relative !important
    }

    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
        content: "";
        padding-bottom: calc(100%/calc(var(--aspect-ratio)));
        display: block
    }

    .framer-text-module[data-width=fill]>:first-child,
    .framer-text-module[data-width=fill]>.ssr-variant>:first-child,
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
    .framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100% !important
    }
}

/* hero section */

.hero-section {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: 100vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}
.hero-image {
    flex: 0 0 auto;
    height: 100vh;
    left: calc(2.13163e - 14%);
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}
.post-type-archive-otzyvy .hero-section, .post-type-archive-otzyvy  .hero-image {
	height:70vh;
}


.img-container {
    filter: brightness(0.9);
    flex: 0 0 auto;
    height: 100vh;
    left: calc(2.13163e - 14%);
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    will-change: var(--framer-will-change-effect-override, transform);
    z-index: 1;
}

.hero-content {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: column;
    gap: 16px;
    height: 1px;
    overflow: hidden;
    padding: 64px 0px 0px;
    position: relative;
    width: 60%;
    z-index: 2;
}

.hero-breadcrumbs {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 12px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.breadcrumb-base-link,
.breadcrumb-current-page {
    --framer-paragraph-spacing: 0px;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.breadcrumb-seprator {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    --framer-paragraph-spacing: 0px;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.hero-title {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 1;
}

/* cta section */
.cta-container {
    flex: none;
    width: 100%;
    height: 100vh;
    position: relative
}

.cta-inner-section.framer-13vrm9f,
.cta-inner-section .framer-13vrm9f {
    display: block
}

.cta-inner-section.framer-1vt4v55 {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 1200px;
    height: 800px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.cta-inner-section .cta-content {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 675px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.cta-inner-section .cta-text {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.cta-inner-section .cta-button-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.cta-inner-section .framer-tju2me {
    will-change: var(--framer-will-change-override, transform);
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0;
    width: min-content;
    height: min-content;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.cta-inner-section .framer-1xjdgo7 {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-self: stretch;
    align-items: center;
    gap: 10px;
    width: auto;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.cta-inner-section .framer-16xaz6d {
    cursor: pointer;
    flex: none;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible
}

.cta-inner-section .framer-wozex0,
.cta-inner-section .framer-1u8h03j {
    flex: none;
    width: 15px;
    height: 1px;
    position: absolute;
    top: calc(50% - .5px);
    left: calc(50% - 7.5px);
    overflow: visible
}

.cta-inner-section .framer-1dixyx6 {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 20px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.cta-inner-section .framer-p7oj4v-container {
    flex: none;
    width: 400px;
    max-width: 400px;
    height: auto;
    position: relative
}

.cta-inner-section .framer-14js1lk {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.cta-inner-section .cta-bgimage-container {
    z-index: 0;
    flex: none;
    width: 121%;
    height: 135%;
    position: absolute;
    top: -140px;
    left: -126px;
    overflow: hidden
}

.cta-inner-section.framer-v-bh7s4o.framer-1vt4v55 {
    width: 810px;
    height: 1080px
}

.cta-inner-section.framer-v-dbnyts.framer-1vt4v55 {
    flex-direction: column;
    width: 390px;
    height: 844px
}

.cta-inner-section.framer-v-dbnyts .cta-content {
    width: 100%
}

.cta-inner-section.framer-v-dbnyts .cta-bgimage-container {
    width: 121%;
    height: 102%;
    top: -6px;
    left: -33px
}

.cta-inner-section.framer-v-re8k8j.framer-1vt4v55 {
    width: 1920px
}

.cta-inner-section.framer-v-re8k8j .cta-content {
    width: 72%
}

.cta-inner-section.framer-v-re8k8j .cta-bgimage-container {
    width: 110%;
    height: 123%;
    top: -181px;
    left: -95px
}

.svgContainer svg {
    display: block
}

[data-reset=button] {
    background: 0 0;
    border-width: 0;
    padding: 0
}

[data-hide-scrollbars=true]::-webkit-scrollbar {
    width: 0;
    height: 0
}

[data-hide-scrollbars=true]::-webkit-scrollbar-thumb {
    background: 0 0
}

[data-hide-scrollbars=true] {
    scrollbar-width: none
}

@supports not (overflow:clip) {
    :root {
        --overflow-clip-fallback: hidden
    }
}

.framer-lightbox-container {
    opacity: 1 !important;
    pointer-events: auto !important
}

@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {

    div.framer-text,
    p.framer-text,
    h1.framer-text,
    h2.framer-text,
    h3.framer-text,
    h4.framer-text,
    h5.framer-text,
    h6.framer-text,
    ol.framer-text,
    ul.framer-text,
    li.framer-text,
    blockquote.framer-text,
    .framer-text.framer-image {
        display: var(--text-truncation-display-inline-for-safari-16, revert)
    }

    div.framer-text:after,
    p.framer-text:after,
    h1.framer-text:after,
    h2.framer-text:after,
    h3.framer-text:after,
    h4.framer-text:after,
    h5.framer-text:after,
    h6.framer-text:after,
    ol.framer-text:after,
    ul.framer-text:after,
    li.framer-text:after,
    blockquote.framer-text:after,
    .framer-text.framer-image:after {
        content: var(--text-truncation-line-break-for-safari-16);
        white-space: pre
    }

    .framer-text.framer-text-module,
    .framer-text.framer-table-wrapper {
        display: var(--text-truncation-display-none-for-safari-16, revert)
    }

    p.framer-text[data-text-fill] {
        display: var(--text-truncation-display-inline-for-safari-16, inline-block)
    }
}

@supports (corner-shape:superellipse(2)) {
    :root {
        --one-if-corner-shape-supported: 1
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-YlGjk.framer-511imp,
.framer-YlGjk .framer-511imp {
    display: block
}

.framer-YlGjk.framer-on6tt2 {
    cursor: pointer;
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 0;

    height: min-content;
    padding: 16px 20px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-YlGjk .framer-1tfvvnb {

    z-index: 2;
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-YlGjk .framer-vv2g8e {
    z-index: 1;
    flex: none;
    height: 46px;
    position: absolute;
    bottom: -47px;
    left: 0;
    right: 0;
    overflow: hidden
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-YlGjk.framer-on6tt2 {
        gap: 0
    }

    .framer-YlGjk.framer-on6tt2>* {
        margin: 0
    }

    .framer-YlGjk.framer-on6tt2>:first-child {
        margin-left: 0
    }

    .framer-YlGjk.framer-on6tt2>:last-child {
        margin-right: 0
    }
}

.framer-YlGjk.framer-v-on6tt2.hover .framer-vv2g8e {
    height: unset;
    top: 0;
    bottom: 0
}

.framer-YlGjk[data-border=true]:after,
.framer-YlGjk [data-border=true]:after {
    content: "";
    border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}



@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}



@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 18px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-PNNA2.framer-1h5qi99,
.framer-PNNA2 .framer-1h5qi99 {
    display: block
}

.framer-PNNA2.framer-18awtw7 {
    flex-flow: row;
    place-content: center flex-start;
    align-items: center;
    gap: 32px;
    width: 624px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-PNNA2 .framer-jzx3ff {
    flex: none;
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden
}

.framer-PNNA2 .framer-1k7d0wa {

    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-PNNA2.framer-18awtw7 {
        gap: 0
    }

    .framer-PNNA2.framer-18awtw7>* {
        margin: 0 16px
    }

    .framer-PNNA2.framer-18awtw7>:first-child {
        margin-left: 0
    }

    .framer-PNNA2.framer-18awtw7>:last-child {
        margin-right: 0
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 18px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-JlRSc.framer-ead306,
.framer-JlRSc .framer-ead306 {
    display: block
}

.framer-JlRSc.framer-1pn69tj {
    flex-flow: row;
    place-content: center flex-start;
    align-items: center;
    gap: 80px;
    width: 100%;
    height: 800px;
    padding: 0 80px 0 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-JlRSc .framer-llcg9n {
    aspect-ratio: 1.3;
    height: var(--framer-aspect-ratio-supported, 430px);
    flex: none;
    width: 50%;
    position: relative;
    overflow: hidden
}

.framer-JlRSc .framer-1bybb5x {
    aspect-ratio: 1.3;
    height: var(--framer-aspect-ratio-supported, 430px);
    flex: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden
}

.framer-JlRSc .framer-18o9q9h,
.framer-JlRSc .framer-1wb6hc4 {
    aspect-ratio: 1.3;
    height: var(--framer-aspect-ratio-supported, 430px);
    flex: none;
    width: 100%;
    position: absolute;
    top: 432px;
    left: 50%;
    overflow: hidden
}

.framer-JlRSc .framer-1bqslvv {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 80px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-JlRSc .framer-mxaclv-container,
.framer-JlRSc .framer-b10dvc-container {
    flex: none;
    width: 100%;
    height: 70px;
    position: relative
}

.framer-llcg9n {
    position: relative;
    overflow: hidden;
}

/* ALL images */
.framer-1bybb5x,
.framer-18o9q9h,
.framer-1wb6hc4 {
    position: absolute !important;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    opacity: 0 !important;
    z-index: 1;
}

/* ACTIVE image */
.framer-1bybb5x.active,
.framer-18o9q9h.active,
.framer-1wb6hc4.active {
    top: 0 !important;
    opacity: 1 !important;
    z-index: 2;
}

.framer-1v8j8u9-container {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.framer-mxaclv-container:hover .framer-1v8j8u9-container,
.framer-b10dvc-container:hover .framer-1v8j8u9-container {
    opacity: 1 !important;
    transform: translateX(0);
}

.framer-mxaclv-container:hover p,
.framer-b10dvc-container:hover p {
    color: white;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-JlRSc.framer-1pn69tj,
    .framer-JlRSc .framer-1bqslvv {
        gap: 0
    }

    .framer-JlRSc.framer-1pn69tj>* {
        margin: 0 40px
    }

    .framer-JlRSc.framer-1pn69tj>:first-child {
        margin-left: 0
    }

    .framer-JlRSc.framer-1pn69tj>:last-child {
        margin-right: 0
    }

    .framer-JlRSc .framer-1bqslvv>* {
        margin: 40px 0
    }

    .framer-JlRSc .framer-1bqslvv>:first-child {
        margin-top: 0
    }

    .framer-JlRSc .framer-1bqslvv>:last-child {
        margin-bottom: 0
    }
}

.framer-JlRSc.framer-v-b605ot .framer-1bybb5x,
.framer-JlRSc.framer-v-a4odkj .framer-1bybb5x {
    bottom: var(--framer-aspect-ratio-supported, 0px);
    height: unset
}

.framer-JlRSc.framer-v-b605ot .framer-18o9q9h,
.framer-JlRSc.framer-v-a4odkj .framer-1wb6hc4 {
    bottom: var(--framer-aspect-ratio-supported, 0px);
    height: unset;
    top: 0
}

.framer-JlRSc.framer-v-m5xynw.framer-1pn69tj {
    flex-direction: column;
    gap: 40px;
    width: 390px;
    height: min-content;
    padding: 0 24px 80px
}

.framer-JlRSc.framer-v-m5xynw .framer-llcg9n {
    height: var(--framer-aspect-ratio-supported, 263px);
    width: 100%
}

.framer-JlRSc.framer-v-m5xynw .framer-1bybb5x {
    height: var(--framer-aspect-ratio-supported, 263px);
    left: unset;
    right: 0
}

.framer-JlRSc.framer-v-m5xynw .framer-18o9q9h,
.framer-JlRSc.framer-v-m5xynw .framer-1wb6hc4 {
    height: var(--framer-aspect-ratio-supported, 263px)
}

.framer-JlRSc.framer-v-m5xynw .framer-1bqslvv {
    flex: none;
    align-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-JlRSc.framer-v-m5xynw.framer-1pn69tj,
    .framer-JlRSc.framer-v-m5xynw .framer-1bqslvv {
        gap: 0
    }

    .framer-JlRSc.framer-v-m5xynw.framer-1pn69tj>*,
    .framer-JlRSc.framer-v-m5xynw .framer-1bqslvv>* {
        margin: 20px 0
    }

    .framer-JlRSc.framer-v-m5xynw.framer-1pn69tj>:first-child,
    .framer-JlRSc.framer-v-m5xynw .framer-1bqslvv>:first-child {
        margin-top: 0
    }

    .framer-JlRSc.framer-v-m5xynw.framer-1pn69tj>:last-child,
    .framer-JlRSc.framer-v-m5xynw .framer-1bqslvv>:last-child {
        margin-bottom: 0
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-R4lvo.framer-12z9ksp,
.framer-R4lvo .framer-12z9ksp {
    display: block
}

.framer-R4lvo.framer-53thop {
    cursor: pointer;
    flex-flow: row;
    place-content: center flex-start;
    align-items: center;
    gap: 40px;

    height: min-content;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-R4lvo .framer-1dmac14 {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-R4lvo .framer-1v8j8u9-container {
    flex: none;
    width: 48px;
    height: 48px;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-R4lvo.framer-53thop {
        gap: 0
    }

    .framer-R4lvo.framer-53thop>* {
        margin: 0 20px
    }

    .framer-R4lvo.framer-53thop>:first-child {
        margin-left: 0
    }

    .framer-R4lvo.framer-53thop>:last-child {
        margin-right: 0
    }
}

.framer-R4lvo.framer-v-1e2wcd4.framer-53thop {
    cursor: unset
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-nJQUe.framer-16ng4qm,
.framer-nJQUe .framer-16ng4qm {
    display: block
}

.framer-nJQUe.framer-xu9frv {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden
}

.framer-nJQUe .framer-1n14pu4 {
    flex: none;
    width: 40px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 20px)
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-1havw6w,
.framer-1havw6w {
    display: block
}

.framer-1xkihuo {
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 60px;
    width: 1200px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.framer-gorz4w {
    flex: none;
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    justify-content: center;
    gap: 0;
    width: 100%;
    height: min-content;
    padding: 0;
    display: grid;
    position: relative
}

/* .framer-1c13r3e {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    place-self: start;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    height: 80vh;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative
} */

.framer-dohzsb-container {
    aspect-ratio: .9375;
    height: var(--framer-aspect-ratio-supported, 640px);
    flex: 1 0 0;
    width: 1px;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-1xkihuo,
    .framer-1c13r3e {
        gap: 0
    }

    .framer-1xkihuo>* {
        margin: 30px 0
    }

    .framer-1xkihuo>:first-child {
        margin-top: 0
    }

    .framer-1xkihuo>:last-child {
        margin-bottom: 0
    }

    .framer-1c13r3e>* {
        margin: 0
    }

    .framer-1c13r3e>:first-child {
        margin-left: 0
    }

    .framer-1c13r3e>:last-child {
        margin-right: 0
    }
}

.framer-v-18qkd2c.framer-1xkihuo {
    width: 810px
}

.framer-v-18qkd2c .framer-dohzsb-container {
    height: var(--framer-aspect-ratio-supported, 432px)
}

.framer-v-27nyen.framer-1xkihuo {
    width: 390px
}

.framer-v-27nyen .framer-gorz4w {
    grid-template-columns: repeat(1, minmax(50px, 1fr))
}

.framer-v-27nyen .framer-dohzsb-container {
    height: var(--framer-aspect-ratio-supported, 416px)
}

.framer-v-rn09o7.framer-1xkihuo {
    width: 1920px;
    max-width: 1920px
}

.framer-v-rn09o7 .framer-dohzsb-container {
    height: var(--framer-aspect-ratio-supported, 1024px)
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-RBlKS.framer-7meuzb,
.framer-RBlKS .framer-7meuzb {
    display: block
}

.framer-RBlKS.framer-luii2b {
    cursor: pointer;
    flex-flow: column;
    place-content: flex-start flex-end;
    align-items: flex-start;
    gap: 10px;
    width: 600px;
    height: 640px;
    padding: 80px 40px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-RBlKS .framer-1ezrhat {
    --framer-text-wrap: balance;

    word-break: break-word;
    word-wrap: break-word;
    z-index: 2;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-RBlKS .framer-b5x1un {

    z-index: 2;
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-RBlKS .framer-f73yo5 {
    z-index: 1;
    flex: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.framer-RBlKS .framer-o2vihy {
    z-index: 0;
    flex: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
    .framer-RBlKS.framer-luii2b {
        gap: 0
    }

    .framer-RBlKS.framer-luii2b>* {
        margin: 5px 0
    }

    .framer-RBlKS.framer-luii2b>:first-child {
        margin-top: 0
    }

    .framer-RBlKS.framer-luii2b>:last-child {
        margin-bottom: 0
    }
}

.framer-RBlKS.framer-v-1oci1x8.framer-luii2b {
    aspect-ratio: .9375;
    cursor: unset;
    height: var(--framer-aspect-ratio-supported, 416px);
    width: 390px;
    padding: 80px 20px
}

.framer-RBlKS.framer-v-luii2b.hover .framer-o2vihy {
    inset: -16px
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 14px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-l8m9G.framer-8odcv1,
.framer-l8m9G .framer-8odcv1 {
    display: block
}

.framer-l8m9G.framer-94x5ra {
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-l8m9G .framer-1wqvph2 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 40px 40px 16px 80px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-l8m9G .framer-dgn3eg {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-l8m9G .framer-17ilhvf {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-l8m9G .framer-jd1n93 {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-l8m9G .framer-c3xbvz {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-l8m9G .framer-afvkde-container {
    flex: none;
    width: 100%;
    height: 600px;
    position: relative;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}

.framer-l8m9G .framer-knnvtx {
    flex-flow: row;
    place-content: flex-start;
    align-items: flex-start;
    gap: 80px;

    height: 500px;
    padding: 0;
    display: flex;
    position: relative
}

.framer-l8m9G .framer-zlwuh1 {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 0;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.framer-l8m9G .framer-118ne5t-container,
.framer-l8m9G .framer-1ml22vk-container,
.framer-l8m9G .framer-1xlzltn-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-l8m9G.framer-v-11g33k7.framer-94x5ra {
    width: 810px
}

.framer-l8m9G.framer-v-1ilcwen.framer-94x5ra {
    gap: 16px;
    width: 390px;
    padding: 40px 0
}

.framer-l8m9G.framer-v-1ilcwen .framer-1wqvph2 {
    padding: 40px 20px 16px
}

.framer-l8m9G.framer-v-4mzfhn.framer-94x5ra {
    justify-content: flex-start;
    gap: 80px;
    width: 1920px
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 14px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-w13gic,
.framer-w13gic {
    display: block
}

.framer-mrp4x8 {
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 500px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1ds9vud {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-xutjs1 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 16px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1os42ht,
.framer-12spiek,
.framer-v4ss1,
.framer-21ks3e,
.framer-mm0yb9,
.framer-19rgz0r,
.framer-1kahdjq {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported, 24px);
    flex: none;
    width: 24px;
    position: relative
}

.framer-p5gsu7 {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 24px 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1aud8mn {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-self: stretch;
    align-items: flex-start;
    gap: 10px;

    height: auto;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1nglnu6 {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1e5mqrs {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-1lst02l,
.framer-vftfe1,
.framer-vqh40g {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-mnpeeg {
    flex-flow: row;
    flex: none;
    place-content: flex-end center;
    align-self: stretch;
    align-items: flex-end;
    gap: 10px;

    height: auto;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-18m3go0 {
    flex-flow: column;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 8px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1gufwkz,
.framer-1m5fq0x {
    flex: none;
    width: 80px;
    height: 1px;
    position: relative;
    overflow: hidden
}

.framer-1xdoeqj {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1kknqge {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 16px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-e5js30-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-ogrncu {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 50%;
    height: min-content;
    padding: 16px 0 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-mz6c5g {
    flex: none;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-mrp4x8,
    .framer-1ds9vud,
    .framer-xutjs1,
    .framer-p5gsu7,
    .framer-1aud8mn,
    .framer-1nglnu6,
    .framer-mnpeeg,
    .framer-18m3go0,
    .framer-1xdoeqj,
    .framer-1kknqge,
    .framer-ogrncu {
        gap: 0
    }

    .framer-mrp4x8>*,
    .framer-1nglnu6>* {
        margin: 0
    }

    .framer-mrp4x8>:first-child,
    .framer-1nglnu6>:first-child,
    .framer-18m3go0>:first-child,
    .framer-1kknqge>:first-child,
    .framer-ogrncu>:first-child {
        margin-top: 0
    }

    .framer-mrp4x8>:last-child,
    .framer-1nglnu6>:last-child,
    .framer-18m3go0>:last-child,
    .framer-1kknqge>:last-child,
    .framer-ogrncu>:last-child {
        margin-bottom: 0
    }

    .framer-1ds9vud>* {
        margin: 0 12px
    }

    .framer-1ds9vud>:first-child,
    .framer-xutjs1>:first-child,
    .framer-p5gsu7>:first-child,
    .framer-1aud8mn>:first-child,
    .framer-mnpeeg>:first-child,
    .framer-1xdoeqj>:first-child {
        margin-left: 0
    }

    .framer-1ds9vud>:last-child,
    .framer-xutjs1>:last-child,
    .framer-p5gsu7>:last-child,
    .framer-1aud8mn>:last-child,
    .framer-mnpeeg>:last-child,
    .framer-1xdoeqj>:last-child {
        margin-right: 0
    }

    .framer-xutjs1>* {
        margin: 0 8px
    }

    .framer-p5gsu7>*,
    .framer-1aud8mn>*,
    .framer-mnpeeg>*,
    .framer-1xdoeqj>* {
        margin: 0 5px
    }

    .framer-18m3go0>* {
        margin: 4px 0
    }

    .framer-1kknqge>*,
    .framer-ogrncu>* {
        margin: 5px 0
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-N05cD.framer-1mlzq42,
.framer-N05cD .framer-1mlzq42 {
    display: block
}

.framer-N05cD.framer-1glybz3 {
    cursor: pointer;
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0;

    height: min-content;
    padding: 20px 48px;
    text-decoration: none;
    display: flex;
    position: relative;
    border: none;
}

.framer-N05cD .framer-sd6542 {
    flex-flow: column;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 2px;

    height: 36px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-N05cD .framer-109y7tv {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    flex: none;
    width: auto;
    height: 36px;
    position: relative
}

.framer-N05cD .framer-1e4el2u {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-N05cD.framer-1glybz3,
    .framer-N05cD .framer-sd6542 {
        gap: 0
    }

    .framer-N05cD.framer-1glybz3>* {
        margin: 0
    }

    .framer-N05cD.framer-1glybz3>:first-child,
    .framer-N05cD .framer-sd6542>:first-child {
        margin-top: 0
    }

    .framer-N05cD.framer-1glybz3>:last-child,
    .framer-N05cD .framer-sd6542>:last-child {
        margin-bottom: 0
    }

    .framer-N05cD .framer-sd6542>* {
        margin: 1px 0
    }
}

.framer-N05cD.framer-v-1glybz3.hover .framer-sd6542,
.framer-N05cD.framer-v-zdtq1l.hover .framer-sd6542,
.framer-N05cD.framer-v-y3zgpr.hover .framer-sd6542 {
    justify-content: flex-end
}

.framer-N05cD.framer-v-1glybz3.hover .framer-109y7tv {
    order: 0
}

.framer-N05cD.framer-v-1glybz3.hover .framer-1e4el2u {
    order: 1
}

.framer-N05cD[data-border=true]:after,
.framer-N05cD [data-border=true]:after {
    content: "";
    border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-xG6m8.framer-1w2gv51,
.framer-1w2gv51 {
    display: block
}

.framer-xG6m8.framer-7v8tlt {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1920px;
    height: 800px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-1mbearl {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 350px);
    z-index: 0;
    flex: none;
    width: 44%;
    position: absolute;
    bottom: -75px;
    right: -69px;
    overflow: hidden
}

.framer-1vmrwau {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 358px);
    z-index: 0;
    flex: none;
    width: 45%;
    position: absolute;
    top: 40px;
    left: 40px;
    overflow: hidden
}

.framer-1ez96li {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 218px);
    z-index: 0;
    flex: none;
    width: 27%;
    position: absolute;
    bottom: 102px;
    left: 185px;
    overflow: hidden
}

.framer-1q728if {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 192px);
    z-index: 0;
    flex: none;
    width: 24%;
    position: absolute;
    top: 74px;
    right: 145px;
    overflow: hidden
}

.framer-1hsxbz1 {
    z-index: 2;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 675px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-v1b92d {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-1pa3cm5-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-xG6m8.framer-7v8tlt,
    .framer-1hsxbz1 {
        gap: 0
    }

    .framer-xG6m8.framer-7v8tlt>* {
        margin: 0 5px
    }

    .framer-xG6m8.framer-7v8tlt>:first-child {
        margin-left: 0
    }

    .framer-xG6m8.framer-7v8tlt>:last-child {
        margin-right: 0
    }

    .framer-1hsxbz1>* {
        margin: 20px 0
    }

    .framer-1hsxbz1>:first-child {
        margin-top: 0
    }

    .framer-1hsxbz1>:last-child {
        margin-bottom: 0
    }
}

.framer-xG6m8.framer-v-1rvewka.framer-7v8tlt {
    width: 810px;
    height: 1080px
}

.framer-xG6m8.framer-v-1rvewka .framer-1mbearl {
    height: var(--framer-aspect-ratio-supported, 264px);
    width: 49%;
    bottom: -18px;
    right: -20px
}

.framer-xG6m8.framer-v-1rvewka .framer-1vmrwau {
    height: var(--framer-aspect-ratio-supported, 338px);
    width: 62%;
    top: 40px;
    left: -104px
}

.framer-xG6m8.framer-v-1rvewka .framer-1ez96li {
    height: var(--framer-aspect-ratio-supported, 212px);
    width: 39%;
    bottom: 144px;
    left: 68px
}

.framer-xG6m8.framer-v-1rvewka .framer-1q728if {
    height: var(--framer-aspect-ratio-supported, 206px);
    width: 38%;
    right: 31px
}

.framer-xG6m8.framer-v-pd4za5.framer-7v8tlt {
    width: 390px;
    height: 844px
}

.framer-xG6m8.framer-v-pd4za5 .framer-1mbearl {
    height: var(--framer-aspect-ratio-supported, 133px);
    width: 61%;
    bottom: -14px;
    right: -9px
}

.framer-xG6m8.framer-v-pd4za5 .framer-1vmrwau {
    height: var(--framer-aspect-ratio-supported, 133px);
    width: 75%;
    top: -10px;
    left: -43px
}

.framer-xG6m8.framer-v-pd4za5 .framer-1ez96li {
    height: var(--framer-aspect-ratio-supported, 133px);
    width: 79%;
    bottom: 184px;
    left: -112px
}

.framer-xG6m8.framer-v-pd4za5 .framer-1q728if {
    height: var(--framer-aspect-ratio-supported, 133px);
    width: 76%;
    top: 205px;
    right: -61px
}

.framer-xG6m8.framer-v-pd4za5 .framer-1hsxbz1 {
    flex: 1 0 0;
    width: 1px
}

.framer-xG6m8.framer-v-1mkfve3.framer-7v8tlt {
    height: 1080px;
    max-width: unset;
    width: 1400px
}

.framer-xG6m8.framer-v-1mkfve3 .framer-1mbearl {
    height: var(--framer-aspect-ratio-supported, 390px);
    width: 585px;
    bottom: -134px;
    right: 57px
}

.framer-xG6m8.framer-v-1mkfve3 .framer-1vmrwau {
    height: var(--framer-aspect-ratio-supported, 417px);
    width: 625px;
    top: -17px;
    left: -65px
}

.framer-xG6m8.framer-v-1mkfve3 .framer-1ez96li {
    height: var(--framer-aspect-ratio-supported, 254px);
    width: 380px;
    bottom: 146px;
    left: 210px
}

.framer-xG6m8.framer-v-1mkfve3 .framer-1q728if {
    height: var(--framer-aspect-ratio-supported, 335px);
    width: 502px;
    top: 88px;
    right: 17px
}

.framer-xG6m8.framer-v-1mkfve3 .framer-1hsxbz1 {
    width: 1200px
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-3gUpC.framer-11io6z,
.framer-3gUpC .framer-11io6z {
    display: block
}

.framer-3gUpC.framer-wv00pt {
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 80px;
    width: 100%;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-3gUpC .framer-hfmvn {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-3gUpC .framer-8spaae {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-3gUpC .framer-41mlmj {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-3gUpC .framer-4p9re1 {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 70%;
    height: auto;
    position: relative
}

.framer-3gUpC .framer-yy8ghz {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-3gUpC .framer-e0eq0l-container,
.framer-3gUpC .framer-q1zsdf-container,
.framer-3gUpC .framer-qxr1tl-container,
.framer-3gUpC .framer-t2u571-container,
.framer-3gUpC .framer-12zldtf-container,
.framer-3gUpC .framer-ik45ek-container,
.framer-3gUpC .framer-2fm5jn-container,
.framer-3gUpC .framer-4upug8-container,
.framer-3gUpC .framer-1g8068d-container,
.framer-3gUpC .framer-1f4dhwf-container,
.framer-3gUpC .framer-1shbcpo-container,
.framer-3gUpC .framer-b5c2vn-container,
.framer-3gUpC .framer-52kl2q-container,
.framer-3gUpC .framer-s0utkv-container,
.framer-3gUpC .framer-metqhy-container,
.framer-3gUpC .framer-me6f3q-container {
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-3gUpC.framer-wv00pt,
    .framer-3gUpC .framer-hfmvn,
    .framer-3gUpC .framer-8spaae,
    .framer-3gUpC .framer-yy8ghz {
        gap: 0
    }

    .framer-3gUpC.framer-wv00pt>* {
        margin: 40px 0
    }

    .framer-3gUpC.framer-wv00pt>:first-child,
    .framer-3gUpC .framer-hfmvn>:first-child,
    .framer-3gUpC .framer-yy8ghz>:first-child {
        margin-top: 0
    }

    .framer-3gUpC.framer-wv00pt>:last-child,
    .framer-3gUpC .framer-hfmvn>:last-child,
    .framer-3gUpC .framer-yy8ghz>:last-child {
        margin-bottom: 0
    }

    .framer-3gUpC .framer-hfmvn>* {
        margin: 2px 0
    }

    .framer-3gUpC .framer-8spaae>* {
        margin: 0 5px
    }

    .framer-3gUpC .framer-8spaae>:first-child {
        margin-left: 0
    }

    .framer-3gUpC .framer-8spaae>:last-child {
        margin-right: 0
    }

    .framer-3gUpC .framer-yy8ghz>* {
        margin: 8px 0
    }
}

.framer-3gUpC.framer-v-1d2v88f.framer-wv00pt {
    width: 810px;
    padding: 40px
}

.framer-3gUpC.framer-v-1dj8xfg.framer-wv00pt {
    width: 390px;
    padding: 24px
}

.framer-3gUpC.framer-v-1dj8xfg .framer-4p9re1 {
    width: 100%
}

.framer-3gUpC.framer-v-1r5olix.framer-wv00pt {
    width: 1920px;
    padding: 160px
}

.framer-3gUpC.framer-v-1r5olix .framer-yy8ghz {
    width: 80%
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 14px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-tIV3c.framer-1cbrpsr,
.framer-tIV3c .framer-1cbrpsr {
    display: block
}

.framer-tIV3c.framer-1rwts6c {
    cursor: pointer;
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 24px;
    width: 480px;
    height: min-content;
    padding: 24px 40px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-tIV3c .framer-d2glrd {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-tIV3c .framer-ln17a5 {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;

    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative
}

.framer-tIV3c .framer-z0wtj {
    flex: none;
    width: 40px;
    height: 31px;
    position: relative;
    overflow: visible
}

.framer-tIV3c .framer-3a4v9g {
    flex: none;
    width: 40px;
    height: 30px;
    position: absolute;
    top: calc(48.3871% - 15px);
    left: calc(50% - 20px)
}

.framer-tIV3c .framer-pq17hb {
    flex: none;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden
}

.framer-tIV3c .framer-1whagnc {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-tIV3c.framer-1rwts6c,
    .framer-tIV3c .framer-d2glrd {
        gap: 0
    }

    .framer-tIV3c.framer-1rwts6c>* {
        margin: 12px 0
    }

    .framer-tIV3c.framer-1rwts6c>:first-child {
        margin-top: 0
    }

    .framer-tIV3c.framer-1rwts6c>:last-child {
        margin-bottom: 0
    }

    .framer-tIV3c .framer-d2glrd>* {
        margin: 0 12px
    }

    .framer-tIV3c .framer-d2glrd>:first-child {
        margin-left: 0
    }

    .framer-tIV3c .framer-d2glrd>:last-child {
        margin-right: 0
    }
}

/* FAQ Section Styles */
.faq-section {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 80px;
}

.faq-header {
    text-align: left;
    margin-bottom: 60px;
}

.faq-title {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    color: var(--title-color, rgb(255, 255, 255));
    margin-bottom: 0px;
    opacity: .5;
}

.faq-subtitle {
    font-family: "Forum", sans-serif;
    font-size: 68px;
    color: #d9b59a;
}

.faq-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    margin: 0 auto;
}

/* FAQ Item Styles */
.faq-item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 24px 40px;
    background-color: var(--item-bg, rgb(217, 181, 154));
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 0px;
}

.faq-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* FAQ Question Row */
.faq-question-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
    position: relative;
}

.faq-question-text {
    flex: 1;
    font-family: "Forum", sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: var(--question-color, rgb(0, 0, 0));
    margin: 0;
    user-select: none;
    pointer-events: auto;
    word-break: break-word;
}

.faq-answer,
.faq-answer p {
    font-size: 24px !important;
}

/* Arrow Icon */
.faq-arrow-icon {
    flex-shrink: 0;
    width: 40px;
    height: 31px;
    position: relative;
    transition: transform 0.3s ease;
}

.faq-arrow-svg {
    display: block;
    width: 40px;
    height: 30px;
    transition: transform 0.3s ease;
}

/* Open state - arrow rotates */
.faq-item.open .faq-arrow-svg {
    transform: rotate(90deg);
}

/* Separator Line */
.faq-separator {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-bottom: 10px;
}

.faq-item.open .faq-separator {
    opacity: 1;
}

/* FAQ Answer */
.faq-answer {
    width: 100%;
    display: none;
    word-break: break-word;
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--answer-color, rgb(51, 51, 51));
    padding-top: 0;
    animation: fadeIn 0.3s ease;
}

.faq-item.open .faq-answer {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@media (min-width: 1920px){
    .faq-section {
        max-width: 80%;
    }
}

.framer-hIxxF .framer-styles-preset-1jy6ozz:not(.rich-text-wrapper),
.framer-hIxxF .framer-styles-preset-1jy6ozz.rich-text-wrapper p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
    font-size: 24px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-font-weight-bold: 700;
    --framer-font-weight-bold-italic: 700;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: -.02em;
    line-height: 140%;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    --framer-text-color: var(--token-22b857cb-f0cf-405c-a4f5-26e0a463bf4d, #413d25);
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-hIxxF .framer-styles-preset-1jy6ozz:not(.rich-text-wrapper),
    .framer-hIxxF .framer-styles-preset-1jy6ozz.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 20px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: -.02em;
        line-height: 140%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-22b857cb-f0cf-405c-a4f5-26e0a463bf4d, #413d25);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-hIxxF .framer-styles-preset-1jy6ozz:not(.rich-text-wrapper),
    .framer-hIxxF .framer-styles-preset-1jy6ozz.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: -.02em;
        line-height: 140%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: var(--token-22b857cb-f0cf-405c-a4f5-26e0a463bf4d, #413d25);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-2EWCQ.framer-13vrm9f,
.framer-2EWCQ .framer-13vrm9f {
    display: block
}

.framer-2EWCQ.framer-1vt4v55 {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 1200px;
    height: 800px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-2EWCQ .framer-omw3if {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 675px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-2EWCQ .framer-1pbiqoi {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-2EWCQ .framer-1kob39i-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-2EWCQ .framer-tju2me {
    will-change: var(--framer-will-change-override, transform);
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0;

    height: min-content;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-2EWCQ .framer-1xjdgo7 {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-self: stretch;
    align-items: center;
    gap: 10px;
    width: auto;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-2EWCQ .framer-16xaz6d {
    cursor: pointer;
    flex: none;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible
}

.framer-2EWCQ .framer-wozex0,
.framer-2EWCQ .framer-1u8h03j {
    flex: none;
    width: 15px;
    height: 1px;
    position: absolute;
    top: calc(50% - .5px);
    left: calc(50% - 7.5px);
    overflow: visible
}

.framer-2EWCQ .framer-1dixyx6 {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 20px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-2EWCQ .framer-p7oj4v-container {
    flex: none;
    width: 400px;
    max-width: 400px;
    height: auto;
    position: relative
}

.framer-2EWCQ .framer-14js1lk {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-2EWCQ .framer-gtai03 {
    z-index: 0;
    flex: none;
    width: 121%;
    height: 135%;
    position: absolute;
    top: -140px;
    left: -126px;
    overflow: hidden
}

.framer-2EWCQ.framer-v-bh7s4o.framer-1vt4v55 {
    width: 810px;
    height: 1080px
}

.framer-2EWCQ.framer-v-dbnyts.framer-1vt4v55 {
    flex-direction: column;
    width: 390px;
    height: 844px
}

.framer-2EWCQ.framer-v-dbnyts .framer-omw3if {
    width: 100%
}

.framer-2EWCQ.framer-v-dbnyts .framer-gtai03 {
    width: 121%;
    height: 102%;
    top: -6px;
    left: -33px
}

.framer-2EWCQ.framer-v-re8k8j.framer-1vt4v55 {
    width: 1920px
}

.framer-2EWCQ.framer-v-re8k8j .framer-omw3if {
    width: 72%
}

.framer-2EWCQ.framer-v-re8k8j .framer-gtai03 {
    width: 110%;
    height: 123%;
    top: -181px;
    left: -95px
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-5ZW1z.framer-1hnmsvm,
.framer-5ZW1z .framer-1hnmsvm {
    display: block
}

.framer-5ZW1z.framer-1yc641x {
    width: 1200px;
    height: 1330px;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

/* main container wrapper */
.contactmap-container {
    width: 100%;
    background-color: rgb(60, 60, 61);
    font-family: "Forum", sans-serif;
}

/* ========== CORE FRAMER – RENAMED CLASSES (semantic + BEM-like) ========== */
.contactmap {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: rgb(60, 60, 61);
    overflow: hidden;
    position: relative;
}

/* row wrapper: column layout for mobile, row for desktop */
.contactmap__row {
    display: flex;
    flex-direction: row;
    width: 100%;
}

/* map column */
.contactmap__map-col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2c2c2e;
}

.contactmap__map-container {
    width: 100%;
    height: auto;
    min-height: 320px;
    position: relative;
    overflow: hidden;
}

.contactmap__iframe {
    width: 100%;
    height: 100%;
    min-height: 320px;
    border: 0;
    display: block;
}

/* content column (right side text/contacts) */
.contactmap__content {
    width: 100%;
    padding: 40px 24px;
    background-color: rgb(60, 60, 61);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* heading group */
.contactmap__heading-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.contactmap__supertitle {
    font-size: 14px;
    letter-spacing: 5.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2);
    font-weight: 400;
    font-family: 'Fira Sans';
}

.contactmap__title {
    font-size: 68px;
    font-weight: 400;
    line-height: 1.2;
    color: rgb(217, 181, 154);
    text-transform: none;
    letter-spacing: 0.02em;
    font-family: "Forum", sans-serif;
}

.contactmap__tagline {
    font-size: 40px;
    line-height: 1.5;
    color: rgb(217, 181, 154);
    font-weight: 400;
    margin-top: 0.25rem;
    font-family: "Forum", sans-serif;
}

.contactmap__address-link {
    display: inline-block;
    margin-top: 0.5rem;
}

.contactmap__address-text {
    font-size: 1.1rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #d9b59a;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s;
    font-family: "Forum", sans-serif;
}

.contactmap__address-text:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* two columns container (booking + reception) */
.contactmap__two-col {
    display: flex;
    flex-direction: row;
    gap: 40px;
    width: 100%;
    font-family: 'Fira Sans Variable';
}

@media (min-width: 768px) {
    .contactmap__two-col {
        flex-direction: row;
        gap: 48px;
    }

}

@media (max-width: 768px) {

    .contactmap__map-container iframe {
        min-height: 400px;
    }
}

/* card styles for both sections */
.contactmap__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.contactmap__card-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contactmap__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: -0.2px;
    margin-bottom: 0;
    font-family: 'Fira Sans';
    
}

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

.contactmap__phone-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    row-gap: 12px;
}

.contactmap__phone-link {
    font-size: 1.15rem;
    font-weight: 500;
    color: #d9b59a;
    text-decoration: none;
    transition: opacity 0.2s;
    letter-spacing: 0.3px;
}

.contactmap__phone-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

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

.contactmap__social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s;
}

.contactmap__social-icon:hover {
    transform: scale(1.08);
    opacity: 0.85;
}

.contactmap__email-link {
    font-size: 1rem;
    color: #d9b59a;
    text-decoration: none;
    word-break: break-all;
    transition: opacity 0.2s;
}

.contactmap__email-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.contactmap__hours-block {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 16px;
    margin-top: 8px;
}

.contactmap__hours-label {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
}

.contactmap__hours-value {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.95);
}

/* instagram row */
.contactmap__instagram {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.contactmap__instagram svg{
    width:24px !important;
    height:24px !important;
}

.contactmap__instagram-link {
    color: #d9b59a;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    transition: opacity 0.2s;
    font-family: 'Fira Sans';
}

.contactmap__instagram-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* requisites section */
.contactmap__requisites {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 24px;
}

.contactmap__requisites-title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Fira Sans Variable", "Fira Sans Variable Placeholder", sans-serif

}

.contactmap__requisites-text {
    font-size: 16px;
    line-height: 1.5;
    color: rgb(218, 217, 205);
    font-family: "Fira Sans Variable", "Fira Sans Variable Placeholder", sans-serif
}

/* utility */
.svg-icon {
    width: 24px;
    height: 24px;
    display: block;
}

.svg-icon path {
    fill: #d9b59a;
}

/* responsiveness improvements */
@media (min-width: 992px) {
    .contactmap__row {
        /* flex-direction: row; */
    }

    .contactmap__map-col {
        flex: 1;
		padding: 80px 0;
        background: rgb(60, 60, 61);
    }

    .contactmap__content {
        flex: 1;
        padding: 80px 60px;
    }

    .contactmap__map-container {
        height: 100%;
        min-height: 560px;
    }

    .contactmap__iframe {
        min-height: 560px;
    }

    .contactmap__title {
        font-size: 68p;
    }

    .contactmap__phone-link {
        font-size: 1.3rem;
    }
}

@media (min-width: 1200px) {
    .contactmap__content {
        padding: 80px 80px;
    }

    .contactmap__address-text {
        font-size: 24px;
        letter-spacing: 0.4em;
    }
}

/* tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .contactmap__content {
        padding: 48px 40px;
    }

    .contactmap__title {
        font-size: 2.2rem;
    }

    .contactmap__phone-row {
        flex-wrap: wrap;
    }
}

/* small devices (up to 480px) */
@media (max-width: 480px) {
    .contactmap__content {
        padding: 32px 20px;
        gap: 28px;
    }

    .contactmap__title {
        font-size: 1.8rem;
    }

    .contactmap__supertitle {
        font-size: 0.7rem;
    }

    .contactmap__address-text {
        font-size: 20px;
        word-break: break-word;
    }

    .contactmap__phone-link {
        font-size: 1rem;
        word-break: break-all;
    }

    .contactmap__two-col {
        gap: 32px;
    }

    .contactmap__card {
        gap: 16px;
    }

    .contactmap__subtitle {
        font-size: 1.1rem;
    }

    .contactmap__social-icons {
        gap: 16px;
    }

    .svg-icon {
        width: 33px;
        height: 33px;
    }

    .contactmap__requisites-title {
        font-size: 20px;
    }

    .contactmap__phone-row {
        flex-direction: column;
        align-items: start;
    }

    .contactmap__hours-value {
        font-size: 16px;
    }

    .contactmap__requisites-text {
        font-size: 16px;
    }

    .contactmap__instagram svg {
        width: 24px;
    }

    .contactmap__instagram svg path {
        fill: #d9b59a;
    }
}

/* fix extremely large screens */
@media (min-width: 1920px) {
    .contactmap {
        max-width: 100%;
        margin: 0 auto;
    }

    .contactmap__content {
        padding: 90px 100px;
    }
    .contactmap__title{
        font-size:100px;
    }
    .contactmap__subtitle{
        font-size:24px;
    }
    .contactmap__phone-link, .contactmap__email-link, .contactmap__hours-label,
    .contactmap__hours-value, .contactmap__instagram-link{
        font-size: 24px;
    }
}

/* optional: smooth hover & focus */
a,
button {
    -webkit-tap-highlight-color: transparent;
}

/* preserve framer-like visual details */
.contactmap__tagline span,
.contactmap__supertitle span {
    display: inline;
}

.framer-gZfEU.framer-1wq2qcs,
.framer-gZfEU .framer-1wq2qcs {
    display: block
}

.framer-gZfEU.framer-1wf5wko {
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: rgb(60, 60, 61);
}

.framer-gZfEU .framer-hwucok {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-16b1cd2 {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-self: stretch;
    align-items: center;
    gap: 10px;
    width: 1px;
    height: auto;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-gZfEU .framer-ie03xc-container {
    flex: 1 0 0;
    width: 100%;
    height: 1px;
    position: relative
}

.framer-gZfEU .framer-1ewazc8 {
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start;
    align-items: flex-start;
    gap: 36px;
    width: 1px;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-lnp5qv {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-dri1r5 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-17ox7sq,
.framer-gZfEU .framer-q57m97,
.framer-gZfEU .framer-1a7alqp,
.framer-gZfEU .framer-4q13rs,
.framer-gZfEU .framer-1uvvcmv,
.framer-gZfEU .framer-1gmn1lb,
.framer-gZfEU .framer-o9bise,
.framer-gZfEU .framer-1gac6qt,
.framer-gZfEU .framer-xloc4b,
.framer-gZfEU .framer-7acmin,
.framer-gZfEU .framer-747vdo,
.framer-gZfEU .framer-ljo4zv,
.framer-gZfEU .framer-1ybhm51,
.framer-gZfEU .framer-1qs2mk9 {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.framer-gZfEU .framer-12nxivq,
.framer-gZfEU .framer-6cqy6r,
.framer-gZfEU .framer-16fqi6g {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

.framer-gZfEU .framer-v7gq1 {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-b7hzl7 {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.framer-gZfEU .framer-1u9sgfz,
.framer-gZfEU .framer-1qq7tw5,
.framer-gZfEU .framer-12v907t,
.framer-gZfEU .framer-6qh778,
.framer-gZfEU .framer-a38mfw,
.framer-gZfEU .framer-e7ka0y {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-n9doi7,
.framer-gZfEU .framer-1r393i0 {
    height: min-content;
    overflow: var(--overflow-clip-fallback, clip);
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 0;
    display: flex;
    position: relative
}

.framer-gZfEU .framer-fypy1z {
    height: min-content;
    overflow: var(--overflow-clip-fallback, clip);
    flex-flow: row;
    flex: 1 0 0;
    place-content: center flex-start;
    align-items: center;
    gap: 24px;
    width: 1px;
    padding: 0;
    display: flex;
    position: relative
}

.framer-gZfEU .framer-1o3cich {
    height: min-content;
    overflow: var(--overflow-clip-fallback, clip);
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;

    padding: 0;
    display: flex;
    position: relative
}

.framer-gZfEU .framer-1dyv0x2,
.framer-gZfEU .framer-6v27wn,
.framer-gZfEU .framer-1602xw2,
.framer-gZfEU .framer-1rvkhj5 {
    flex: none;
    width: 33px;
    height: 33px;
    text-decoration: none;
    position: relative
}

.framer-gZfEU .framer-1l1lmxz {
    height: 32px;
    overflow: var(--overflow-clip-fallback, clip);
    flex: none;
    width: 32px;
    text-decoration: none;
    position: relative
}

.framer-gZfEU .framer-vplbjx,
.framer-gZfEU .framer-192daxk,
.framer-gZfEU .framer-fu0dnr {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0
}

.framer-gZfEU .framer-1iefnr2 {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 8px;
    left: 8px
}

.framer-gZfEU .framer-wjlcoo,
.framer-gZfEU .framer-wtcavw {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 16px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-1rt7105 {
    height: 33px;
    overflow: var(--overflow-clip-fallback, clip);
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 88px;
    padding: 0;
    display: flex;
    position: relative
}

.framer-gZfEU .framer-13dqngo {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 38px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU .framer-150eeua {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported, 24px);
    flex: none;
    width: 24px;
    position: relative
}

.framer-gZfEU .framer-11k2vjj {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-gZfEU.framer-v-3zitej.framer-1wf5wko {
    width: 810px
}

.framer-gZfEU.framer-v-3zitej .framer-hwucok {
    flex-direction: column;
    justify-content: flex-start
}

.framer-gZfEU.framer-v-3zitej .framer-16b1cd2,
.framer-gZfEU.framer-v-husbiw .framer-16b1cd2 {
    align-self: unset;
    flex: none;
    order: 1;
    width: 100%;
    height: min-content
}

.framer-gZfEU.framer-v-3zitej .framer-ie03xc-container {
    flex: none;
    height: 440px
}

.framer-gZfEU.framer-v-3zitej .framer-1ewazc8 {
    flex: none;
    order: 0;
    width: 100%;
    padding: 40px
}

.framer-gZfEU.framer-v-3zitej .framer-b7hzl7 {
    flex-direction: row
}

.framer-gZfEU.framer-v-3zitej .framer-1u9sgfz,
.framer-gZfEU.framer-v-3zitej .framer-6qh778,
.framer-gZfEU.framer-v-11vlqpt .framer-1u9sgfz,
.framer-gZfEU.framer-v-11vlqpt .framer-6qh778 {
    flex: 1 0 0;
    width: 1px
}

.framer-gZfEU.framer-v-3zitej .framer-n9doi7,
.framer-gZfEU.framer-v-3zitej .framer-1r393i0,
.framer-gZfEU.framer-v-husbiw .framer-n9doi7 {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start
}

.framer-gZfEU.framer-v-3zitej .framer-fypy1z,
.framer-gZfEU.framer-v-husbiw .framer-fypy1z {
    flex: none;
    width: 100%
}

.framer-gZfEU.framer-v-husbiw.framer-1wf5wko {
    width: 390px
}

.framer-gZfEU.framer-v-husbiw .framer-hwucok {
    flex-direction: column
}

.framer-gZfEU.framer-v-husbiw .framer-ie03xc-container {
    flex: none;
    height: 320px
}

.framer-gZfEU.framer-v-husbiw .framer-1ewazc8 {
    flex: none;
    order: 0;
    width: 100%;
    padding: 24px
}

.framer-gZfEU.framer-v-11vlqpt.framer-1wf5wko {
    width: 1920px
}

.framer-gZfEU.framer-v-11vlqpt .framer-b7hzl7 {
    flex-direction: row;
    gap: 80px
}

 .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
.framer-styles-preset-19zks6b.rich-text-wrapper h4 {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 16px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-font-weight-bold: 700;
    --framer-font-weight-bold-italic: 700;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: .4em;
    line-height: 1.6em;
    --framer-paragraph-spacing: 40px;
    --framer-text-alignment: start;
    color: #fff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: uppercase
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 14px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-cB56L .framer-styles-preset-19zks6b:not(.rich-text-wrapper),
    .framer-cB56L .framer-styles-preset-19zks6b.rich-text-wrapper h4 {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 10px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: italic;
        --framer-font-style-italic: italic;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-font-weight-bold: 700;
        --framer-font-weight-bold-italic: 700;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: .4em;
        line-height: 1.6em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #fff3;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: uppercase
    }
}

.framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
.framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
    font-family: "Forum", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 100px;
    --framer-font-style: normal;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-letter-spacing: 0em;
    line-height: .9em;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 68px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        text-align: start;
        color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 42px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        text-align: start;
        color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper),
    .framer-styles-preset-1gyj1i0.rich-text-wrapper h2 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 28px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: 0em;
        line-height: .9em;
        --framer-paragraph-spacing: 20px;
        text-align: start;
        color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
        text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none;
    }
    .amenities__title p.framer-styles-preset-1gyj1i0{
        text-align: center;
    }
    .framer-mb3t5m h2.framer-styles-preset-1gyj1i0, .framer-1r2n40h h2.framer-styles-preset-1gyj1i0,
    .framer-c3xbvz p.framer-styles-preset-1gyj1i0{
        text-align: start;
    }
    .framer-167gjqf,.intro-section-img, .intro-section{
        height: 80vh !important;
    }
}

.framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
.framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
    font-family: "Forum", sans-serif;
    --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
    font-size: 40px;
    --framer-font-style: normal;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-letter-spacing: -.04em;
    line-height: 1.4em;
    --framer-paragraph-spacing: 40px;
    text-align: start;
    color: #000;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 40px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1em;
        --framer-paragraph-spacing: 40px;
        text-align: start;
        color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 26px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1.4em;
        --framer-paragraph-spacing: 40px;
        text-align: start;
        color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 20px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1.4em;
        --framer-paragraph-spacing: 40px;
        text-align: start;
        color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

.framer-styles-preset-10v87a2:not(.rich-text-wrapper),
.framer-styles-preset-10v87a2.rich-text-wrapper p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 24px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: normal;
    --framer-font-style-italic: normal;
    --framer-font-variation-axes: normal;
    --framer-font-variation-axes-bold: "wght" 186;
    --framer-font-variation-axes-bold-italic: "wght" 186;
    --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
    --framer-font-weight-bold: 400;
    --framer-font-weight-bold-italic: 400;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: 0em;
    line-height: 160%;
    --framer-paragraph-spacing: 20px;
    text-align: start;
    color: #fff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 18px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        --framer-text-color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
    .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
       font-size: 16px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
        font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
         color: #fff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.footer-inner.framer-1njurey,
.footer-inner .framer-1njurey {
    display: block
}

.footer-inner.framer-1x4p3td {
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 1200px;
    height: min-content;
    padding: 80px 40px 40px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.footer-inner .framer-108fcfi {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-1lsbbtz {
    aspect-ratio: 1.0995;
    height: var(--framer-aspect-ratio-supported, 164px);
    flex: none;
    width: 180px;
    position: relative;
    overflow: visible
}

.footer-inner .framer-1vlvle7 {
    flex: none;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: visible
}

.footer-inner .framer-r5cyig {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-lb2tl1 {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-1t4w3m5 {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 32px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-ur3ytc,
.footer-inner .framer-gjxndq,
.footer-inner .framer-1sdn0ql,
.footer-inner .framer-r9c19i,
.footer-inner .framer-ko50jl {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-ko50jl {
    width: 100% !important;
}

.footer-inner .framer-1rdnxj4,
.footer-inner .framer-334bv5 {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-1lrew8z,
.footer-inner .framer-1ipblcz,
.footer-inner .framer-9l932m,
.footer-inner .framer-yb3mpw,
.footer-inner .framer-13ewnws,
.footer-inner .framer-mgn23c,
.footer-inner .framer-k9rvjr,
.footer-inner .framer-ukwqqt,
.footer-inner .framer-1u1j0qp,
.footer-inner .framer-1eo1oge,
.footer-inner .framer-12q9hyu,
.footer-inner .framer-8fbl5o,
.footer-inner .framer-3p5h3p,
.footer-inner .framer-1g5g9vv,
.footer-inner .framer-10oljgi,
.footer-inner .framer-q8fl21,
.footer-inner .framer-ih2w5q,
.footer-inner .framer-19k6sdm,
.footer-inner .framer-gg0y6j,
.footer-inner .framer-1c44lk9,
.footer-inner .framer-6dyqz2 {

    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.footer-inner .framer-gktbp4,
.footer-inner .framer-1jnnjz5,
.footer-inner .framer-13n1ep,
.footer-inner .framer-1rky1c0,
.footer-inner .framer-1ytqklv {
    flex: none;
    width: 1px;
    height: 24px;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-p0ed27,
.footer-inner .framer-cnih92,
.footer-inner .framer-sbudco {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-22m2c2 {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-self: stretch;
    align-items: center;
    gap: 10px;
    width: auto;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-f0if20 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 20px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.footer-inner .framer-105emo5 {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.footer-inner .framer-12e3r7i {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 32px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-15495wz {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 113px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-msr7 {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-yy8cg0 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-1f2s3jh {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 20px;
    width: 180px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.footer-inner .framer-1om9r0p {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative
}

.footer-inner .framer-1ptegmt {

    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative
}

.footer-inner .framer-u9b2j8 {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;
    width: 170px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-mvpbqw {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;

    min-width: 32px;
    height: min-content;
    min-height: 27px;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-inner .framer-1qh3kp3 {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-1y42r8r {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 10px;

    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.footer-inner .framer-gzd603-container {
    z-index: 10;
    flex: none;
    width: auto;
    height: auto;
    position: relative
}

.footer-inner.framer-v-oolds3.framer-1x4p3td {
    width: 810px;
    padding: 80px
}

.footer-inner.framer-v-oolds3 .framer-lb2tl1 {
    flex-direction: column;
    gap: 40px
}

.footer-inner.framer-v-oolds3 .framer-1t4w3m5 {
    gap: 80px;
    width: 100%
}

.footer-inner.framer-v-oolds3 .framer-ur3ytc,
.footer-inner.framer-v-oolds3 .framer-gjxndq,
.footer-inner.framer-v-oolds3 .framer-15495wz,
.footer-inner.framer-v-oolds3 .framer-1sdn0ql,
.footer-inner.framer-v-9cj47p .framer-ur3ytc,
.footer-inner.framer-v-9cj47p .framer-gjxndq,
.footer-inner.framer-v-9cj47p .framer-15495wz,
.footer-inner.framer-v-9cj47p .framer-1sdn0ql {
    flex: 1 0 0;
    width: 1px
}

.footer-inner.framer-v-oolds3 .framer-22m2c2,
.footer-inner.framer-v-9cj47p .framer-22m2c2 {
    align-self: unset;
    width: 100%
}

.footer-inner.framer-v-oolds3 .framer-12e3r7i {
    place-content: center flex-start;
    align-items: center;
    gap: 80px;
    width: 100%
}

.footer-inner.framer-v-oolds3 .framer-r9c19i,
.footer-inner.framer-v-9cj47p .framer-1t4w3m5,
.footer-inner.framer-v-9cj47p .framer-12e3r7i {
    width: 100%
}

.footer-inner.framer-v-oolds3 .framer-ko50jl {
    flex-direction: row;
    gap: 24px
}

.footer-inner.framer-v-9cj47p.framer-1x4p3td {
    width: 390px;
    padding: 40px 20px
}

.footer-inner.framer-v-9cj47p .framer-lb2tl1 {
    flex-direction: column
}

.footer-inner.framer-v-9cj47p .framer-1f2s3jh {
    width: 160px
}

.footer-inner.framer-v-9cj47p .framer-r9c19i {
    align-content: center;
    align-items: center;
    width: 100%
}

.footer-inner.framer-v-9cj47p .framer-u9b2j8 {
    justify-content: center;
    width: 100%
}

.footer-inner.framer-v-9cj47p .framer-ko50jl {
    align-content: center;
    align-items: center
}

.footer-inner.framer-v-9cj47p .framer-1qh3kp3 {
    align-content: flex-start;
    align-items: flex-start
}

.footer-inner.framer-v-9cj47p .framer-1y42r8r {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%
}

.footer-inner.framer-v-9cj47p .framer-gg0y6j {

    word-break: break-word;
    word-wrap: break-word;
    width: 100%
}

.footer-inner.framer-v-a3qten.framer-1x4p3td {
    width: 1920px
}

.footer-inner.framer-v-a3qten .framer-108fcfi {
    flex-direction: row;
    gap: 120px;
    width: min-content
}

.footer-inner.framer-v-a3qten .framer-r5cyig {
    width: 1540px
}

.footer-inner.framer-v-a3qten .framer-lb2tl1 {
    justify-content: flex-start;
    gap: 80px
}

.footer-inner.framer-v-a3qten .framer-1t4w3m5,
.footer-inner.framer-v-a3qten .framer-12e3r7i {
    gap: 80px
}

.footer-inner .links-title p {
    font-size: 20px;
    color: #d9b59a;
}

.footer-inner .footer-link p a {
    font-size: 12px;
    color: #d9b59a;
}

.footer-inner .copyright {
    justify-content: center;
}

.footer-inner .copyright p,
.footer-inner .copyright p a {
    font-size: 12px;
    color: #d9b59a;
}

.framer-Je9Q5 .framer-styles-preset-rakkvx:not(.rich-text-wrapper),
.framer-Je9Q5 .framer-styles-preset-rakkvx.rich-text-wrapper a {
    --framer-link-current-text-decoration: none;
    --framer-link-hover-text-color: #ab886d;
    --framer-link-hover-text-decoration: none;
    --framer-link-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-link-text-decoration: none
}

.__framer-cookie-component-button:focus:not(:focus-visible) {
    outline-color: #0000
}

@supports (aspect-ratio:1) {
    body {
        --framer-aspect-ratio-supported: auto
    }
}

.framer-PzEaA.framer-gtyqub,
.framer-PzEaA .framer-gtyqub {
    display: block
}

.framer-PzEaA.framer-1j2bjuk {
    cursor: pointer;
    flex-flow: column;
    place-content: center flex-end;
    align-items: center;
    gap: 24px;
    width: 560px;
    height: 800px;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-PzEaA .framer-1nqyoty {
    flex-flow: row;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 1px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.framer-PzEaA .framer-1j33ri6 {
    will-change: var(--framer-will-change-effect-override, transform);
    z-index: 1;
    flex: 1 0 0;
    width: 1px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.framer-PzEaA .framer-1qjoqsd,
.framer-PzEaA .framer-1180lkh {

    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {

    .framer-PzEaA.framer-1j2bjuk,
    .framer-PzEaA .framer-1nqyoty {
        gap: 0
    }

    .framer-PzEaA.framer-1j2bjuk>* {
        margin: 12px 0
    }

    .framer-PzEaA.framer-1j2bjuk>:first-child {
        margin-top: 0
    }

    .framer-PzEaA.framer-1j2bjuk>:last-child {
        margin-bottom: 0
    }

    .framer-PzEaA .framer-1nqyoty>* {
        margin: 0 5px
    }

    .framer-PzEaA .framer-1nqyoty>:first-child {
        margin-left: 0
    }

    .framer-PzEaA .framer-1nqyoty>:last-child {
        margin-right: 0
    }
}

.framer-PzEaA.framer-v-1cxyo99 .framer-1nqyoty {
    order: 2
}

.framer-PzEaA.framer-v-1cxyo99 .framer-1qjoqsd {
    order: 0
}

.framer-PzEaA.framer-v-1cxyo99 .framer-1180lkh {
    order: 1
}

/* CUSTOM ENHANCEMENTS: header scroll + section animations + accordion */

/* =============================================
           HEADER: transparent at top, solid on scroll
           The inner .framer-156ky06 carries the green bg.
           We hide it at top, reveal it on scroll.
        ============================================= */
.framer-lzp2i7-container {
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hide the inner bg div at top so header is transparent */
.framer-lzp2i7-container .framer-156ky06 {
    opacity: 0 !important;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* On scroll: reveal the inner bg */
.framer-lzp2i7-container.scrolled .framer-156ky06 {
    opacity: 1 !important;
}

.framer-lzp2i7-container.scrolled {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

/* Smooth logo scale on scroll */
.framer-lzp2i7-container .framer-1lsbbtz img,
.framer-lzp2i7-container .framer-1wm9fp4-container img {
    transition: transform 0.4s ease;
}

.framer-lzp2i7-container.scrolled .framer-1lsbbtz img,
.framer-lzp2i7-container.scrolled .framer-1wm9fp4-container img {
    transform: scale(0.88);
}

/* =============================================
           SECTION SCROLL ANIMATIONS
        ============================================= */
.framer-section {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.85s cubic-bezier(0.25, 0.1, 0.25, 1),
        transform 0.85s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.framer-section.visible {
    opacity: 1;
    transform: translateY(0);
    position: relative;
    z-index: 99;
    max-width: 1600px;
    margin: 0 auto;≠
}

/* =============================================
           ACCORDION
           Structure per item:
             .framer-tIV3c[data-framer-name="вопрос"]
               .framer-d2glrd  ← question row (click target)
                 .framer-ln17a5  ← question text
                 .framer-z0wtj   ← arrow icon
               .framer-pq17hb   ← visual separator (ignore for expand)
               .framer-1whagnc  ← answer text (THIS is what we expand)
        ============================================= */

/* Arrow transition */
.framer-tIV3c .framer-z0wtj {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

.framer-tIV3c .framer-1whagnc {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition:
        max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease,
        transform 0.3s ease,
        padding 0.4s ease;
    padding-top: 0;
    padding-bottom: 0;
}

.framer-tIV3c.accordion-open .framer-1whagnc {
    max-height: 650px;
    opacity: 1;
    transform: translateY(0);
    padding-top: 16px;
    padding-bottom: 16px;
}

/* Arrow rotated when open */
.framer-tIV3c.accordion-open .framer-z0wtj {
    transform: rotate(90deg) !important;
}

/* Question row cursor */
.framer-tIV3c .framer-d2glrd {
    cursor: pointer;
    user-select: none;
}

html {
    scroll-behavior: smooth;
}

/* =============================================
           AMENITIES GRID — row-by-row scroll animation
           Framer left these items at opacity:0 because
           its own scroll-trigger JS never runs in a
           static export. We override and animate them.
        ============================================= */

/* Row wrappers — each fades+slides in on scroll */
.framer-1mfglzc .framer-r69jkh,
.framer-1mfglzc .framer-yta18i,
.framer-1mfglzc .framer-1lj5bt,
.framer-1mfglzc .framer-u6grlw,
.framer-1mfglzc .framer-1lequki,
.framer-1mfglzc .framer-8m323q {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}

.framer-1mfglzc .framer-r69jkh.amenity-visible,
.framer-1mfglzc .framer-yta18i.amenity-visible,
.framer-1mfglzc .framer-1lj5bt.amenity-visible,
.framer-1mfglzc .framer-u6grlw.amenity-visible,
.framer-1mfglzc .framer-1lequki.amenity-visible,
.framer-1mfglzc .framer-8m323q.amenity-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Override Framer's inline opacity:0 on individual item containers */
.framer-udoget-container,
.framer-nuoua9-container,
.framer-m6zi91-container,
.framer-ftcju2-container,
.framer-1cojfaz-container,
.framer-xwskst-container,
.framer-tzdpw3-container,
.framer-dskkhm-container {
    opacity: 1 !important;
}

.button-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ========================================
           BUTTON 1: Text Slide Up Effect
           ======================================== */
.btn-slide {
    position: relative;

    background: transparent;
    padding: 20px 48px;
    cursor: pointer;
    overflow: hidden;
}

.btn-slide span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    white-space: nowrap;
}

/* Hover: text moves up and fades out */
.btn-slide:hover span {
    transform: translate(-50%, -150%);
    opacity: 0;
}

/* Clone of text that slides up from bottom */
.btn-slide::before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-slide:hover::before {
    transform: translate(-50%, -50%);
    opacity: 1;
}

/* Border glow effect on hover */
.btn-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.btn-slide:hover::after {
    /* transform: scaleX(1); */
}

/* ========================================
           BUTTON 2: Fill From Bottom Effect
           ======================================== */
.btn-fill {
    position: relative;
    width: 200px;
    height: 60px;
    background: transparent;
    border: 2px solid #ffffff;
    cursor: pointer;
    overflow: hidden;
}

.btn-fill span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2em;
    transition: color 0.4s ease;
    z-index: 1;
    white-space: nowrap;
}

/* Fill overlay from bottom */
.btn-fill::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #ffffff;
    transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}

.btn-fill:hover::before {
    height: 100%;
}

/* Text color changes to black on fill */
.btn-fill:hover span {
    color: #000000;
}

/* Smooth border color transition */
.btn-fill {
    transition: border-color 0.4s ease;
}

.btn-fill:hover {
    border-color: #ffffff;
}

/* Subtle scale effect */
.btn-fill:hover {
    transform: scale(1.02);
}

.btn-slide:hover {
    transform: scale(1.02);
}

/* ══ HEADER BAR ══ */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    height: 80px;

}

.header-bg {
    position: absolute;
    inset: 0;
    background: #005a4f;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.site-header.scrolled .header-bg,
.site-header.menu-open .header-bg {
    opacity: 1;
}

.header-bar {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 48px;
    height: 80px;
    width: 1200px;
    margin: 0 auto;
}

.menu-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Fira Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

.burger span {
    display: block;
    width: 18px;
    height: 1px;
    background: rgba(255, 255, 255, 0.85);
    margin-bottom: 4px;
    transform-origin: center;
}

.burger span:last-child {
    margin-bottom: 0;
}

.btn-book {
    font-family: 'Fira Sans', sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    background: transparent;
    padding: 9px 26px;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

.btn-book:hover {
    background: #fff;
    color: #005a4f;
}

/* toggle between menu/close label */
.trigger-label-menu {
    display: inline;
}

.trigger-label-close {
    display: none;
}

.site-header.menu-open .trigger-label-menu {
    display: none;
}

.site-header.menu-open .trigger-label-close {
    display: inline;
}

/* ========================================
 * MENU OPEN → CROSS
 * ======================================== */

.site-header.menu-open .burger span:nth-child(1) {
    top: 5px;
    transform: rotate(45deg);
    position: relative;
}

.site-header.menu-open .burger span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.site-header.menu-open .burger span:nth-child(3) {
    top: -5px;
    transform: rotate(-45deg);
    position: relative;
}

/* ══ FLOATING LOGO ══ */
.logo-wrap {
    position: fixed;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 301;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
    padding: 20px 0 16px;
    width: 310px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   /* // transition: top 0.45s cubic-bezier(.4, 0, .2, 1), padding 0.45s ease, height 0.45s ease, opacity 0.35s ease; */
}
.logo-wrap a svg{
     width: 98%;
            height: auto;
            display: block;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo-wrap.in-bar{
    top: 20px;
    padding: 0;
    /* /height: 50px; */
    width:184px;
    justify-content: center;
}

.logo-wordmark {
    font-family: 'Forum', serif;
    color: #fff;
    font-size: 52px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    transition: font-size 0.45s cubic-bezier(.4, 0, .2, 1);
}

.logo-sub {
    font-family: 'Forum', serif;
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    letter-spacing: 0.18em;
    font-style: italic;
    margin-top: 4px;
    transition: font-size 0.45s cubic-bezier(.4, 0, .2, 1), margin-top 0.45s ease;
}

.logo-wrap.in-bar .logo-wordmark {
    font-size: 22px;
}

.logo-wrap.in-bar .logo-sub {
    font-size: 9px;
    margin-top: 1px;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* Tablet (768px - 1023px) */
@media (max-width: 1023px) {
    .header-bar {
        padding: 0 32px;
    }

    .logo-wrap img,
    .logo-wrap svg {
        /* max-height: 50px; */
    }

    .card {
        height: 432px;
    }

    .site-header {
        height: 70px;
    }

    .header-bar {
        padding: 0 16px;
        height: 60px;
        width: 100%;
        max-width: 90%;
    }

    .menu-trigger {
        gap: 6px;
    }

    .burger span {
        width: 16px;
        height: 1px;
        margin-bottom: 3px;
    }

    .trigger-label-menu,
    .trigger-label-close {
        font-size: 9px;
        letter-spacing: 0.2em;
    }

    .logo-wrap {
        left: 16px;
        top: 35px;
    }

    .logo-wrap img,
    .logo-wrap svg {
        /* max-height: 36px; */
        width:175px;
    }
}

/* Mobile (up to 767px) - Menu icon on right, logo on left, hide book button */
@media (max-width: 767px) {
    .site-header {
        height: 70px;
    }

    .header-bar {
        padding: 0 20px;
        height: 70px;
    }

    /* Hide the empty spacer div on mobile */
    .header-bar>div:nth-child(2) {
        display: none;
    }

    /* Menu trigger moves to the RIGHT side */
    .menu-trigger {
        order: 2;
        margin-left: auto;
    }

    /* HIDE book button on mobile screens */
    .btn-fill {
        display: none;
    }

    /* Logo moves to LEFT side on mobile, NOT overlapping menu */
    .logo-wrap {
        position: fixed;

        left: 20px;
        transform: translateY(-50%);
        padding: 0;
        align-items: flex-start;
    }

    .logo-wrap a {
        display: flex;
        align-items: center;
    }

    .logo-wrap img,
    .logo-wrap svg {
        /* max-height: 42px; */
        width: 180px !important;
    }

    /* Ensure logo doesn't overlap with menu trigger */
    .menu-trigger {
        position: relative;
        z-index: 302;
    }

    .logo-wrap {
        z-index: 302;
    }

    .menu-content {
        display: none;
    }
}

/* Small mobile (up to 480px) - further adjustments */
@media (max-width: 480px) {
    .site-header {
        height: 70px;
    }

    .header-bar {
        /* padding: 0 16px; */
        height: 60px;
        width: 100%;
        max-width: 90%;
    }

    .menu-trigger {
        gap: 6px;
    }

    .burger span {
        width: 16px;
        height: 1px;
        margin-bottom: 3px;
    }

    .trigger-label-menu,
    .trigger-label-close {
        font-size: 9px;
        letter-spacing: 0.2em;
    }

    .logo-wrap {
        left: 16px;
        top: 35px;
    }

    .logo-wrap img,
    .logo-wrap svg {
        /* max-height: 36px; */
    }
}

/* Desktop large (1200px+) */
@media (min-width: 1200px) {
    .header-bar {
        max-width: 1200px;
        padding: 0 48px;
    }
}

/* Ultra wide screens */
@media (min-width: 1920px) {
    .header-bar {
        max-width: 1440px;
    }
}



@media (max-width: 767px) {
    .mega-menu-container {
        top: 70px;
    }
}

@media (max-width: 480px) {
    .mega-menu-container {
        top: 70px;
    }
}

/* Main content padding to account for fixed header */






@media (max-width: 767px) {
    .logo-wrap.in-bar {
        left: 20px;
        transform: translateY(-50%);
    }
}

@media (max-width: 480px) {
    .logo-wrap.in-bar {
        left: 16px;
        top: 35px;
    }
}

/* ══ MEGA MENU — starts below header ══ */
.mega-menu {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
    overflow: hidden;
}

.mega-menu::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #093630;
    transform-origin: top center;
    transform: scaleY(0);
    transition: transform 0s;
    z-index: 0;
}

.mega-menu.open {
    opacity: 1;
    pointer-events: all;
}

.mega-menu.open::before {
    transform: scaleY(1);
    transition: transform 0.55s cubic-bezier(.4, 0, .2, 1);
}

/* ══ BODY ══ */
.menu-body {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    overflow: hidden;
    min-height: 0;
}

.menu-body-inner {
    width: 100%;
    max-width: 1072px;
    margin: 0 auto;
    display: flex;
    flex: 1;
    min-height: 0;
}

/* Left nav */
.menu-nav {
    width: 42%;
    padding: 60px 64px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.nav-item {
    font-family: 'Forum', serif;
    font-size: 48px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.28);
    cursor: pointer;
    line-height: 1.18;
    transition: color 0.25s ease;
    text-decoration: none;
    display: block;
    padding: 8px 0;
    opacity: 0;
    transform: translateY(18px);
}

.mega-menu.open .nav-item {
    opacity: .5;
    transform: translateY(0);
}

.mega-menu.open .nav-item:hover {
    opacity: 1;
}

.mega-menu.open .nav-item:nth-child(1) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.12s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.12s;
}

.mega-menu.open .nav-item:nth-child(2) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.19s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.19s;
}

.mega-menu.open .nav-item:nth-child(3) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.26s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.26s;
}

.mega-menu.open .nav-item:nth-child(4) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.33s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.33s;
}

.mega-menu.open .nav-item:nth-child(5) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.40s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.40s;
}

.mega-menu.open .nav-item:nth-child(6) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.47s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.47s;
}

.mega-menu.open .nav-item:nth-child(7) {
    transition: color 0.25s ease, opacity 0.5s cubic-bezier(.4, 0, .2, 1) 0.54s, transform 0.5s cubic-bezier(.4, 0, .2, 1) 0.54s;
}

.nav-item:hover,
.nav-item.active {
    color: rgba(255, 255, 255, 0.9);
}

/* Right content */
.menu-content {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: none;
}
.menu-content .posts-grid{
    display: flex;
    flex-flow: column;
    gap:35px;
}
.menu-content::-webkit-scrollbar {
    display: none;
}

.content-panel {
    display: none;
    padding: 60px 60px;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.content-panel.active {
    display: block;
}

.content-panel.visible {
    opacity: 1;
}

a.page-item .page-title,
a.post-item .post-title {

    font-family: 'Forum', serif;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: color 0.2s ease;
}

.posts-grid .post-item {
    display: flex;
    flex-direction: column;
    gap: 10px
}

/* ── Contact ── */
#panel-contact{
    padding: 60px 30px;
}
.contact-headline {
    font-family: 'Forum', serif;
    font-size: 40px;
    color: rgba(210, 180, 140, 0.9);
    margin-bottom: 20px;
    line-height: 1.2;
}

.contact-address {
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(210, 180, 140, 1);
    margin-bottom: 28px;
}

.contact-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}

.contact-label {
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 4px;
}

.contact-label strong {
    color: rgba(255, 255, 255, 1);
}

.contact-phone {
    font-family: 'Forum', serif;
    font-size: 20px;
    color: rgba(210, 180, 140, 1);
    text-decoration: none;
    display: block;
    margin-bottom: 2px;
    transition: color 0.2s;
}

.contact-phone:hover {
    color: #fff;
}

.contact-email {
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 20px;
    color: rgba(210, 180, 140, 1);
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    transition: color 0.2s;
}

.contact-email:hover {
    color: #fff;
}

#panel-contact .contact-hours {
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    margin-top: 0px;
}

.contact-hours strong {
    color: rgba(255, 255, 255, 1);
}

.contact-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 20px 0;
}

.contact-social {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 20px;
    color: rgba(210, 180, 140, 1);
    text-decoration: none;
    margin-top: 30px;
    transition: color 0.2s;
}

.contact-social:hover {
    color: #fff;
}

.contact-social svg {
    opacity: 0.7;
    flex-shrink: 0;
}

/* ── Rooms ── */
.room-item {
    margin-bottom: 48px;
    text-decoration: none;
    display: block;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.room-item.visible {
    opacity: 1;
    transform: translateY(0);
}

.room-item:nth-child(1) {
    transition-delay: 0.04s;
}

.room-item:nth-child(2) {
    transition-delay: 0.11s;
}

.room-item:nth-child(3) {
    transition-delay: 0.18s;
}

.room-item:nth-child(4) {
    transition-delay: 0.25s;
}

.room-item:nth-child(5) {
    transition-delay: 0.32s;
}

.room-item:nth-child(6) {
    transition-delay: 0.39s;
}

.room-name {
    font-family: 'Forum', serif;
    font-size: 26px;
    color: #fff;
    margin-bottom: 12px;
    letter-spacing: 0.02em;
}

.room-img {
    width: 100%;
    max-width: 520px;
    height: 300px;
    overflow: hidden;
}

.room-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.room-item:hover .room-img img {
    transform: scale(1.04);
}

.generic-content {
    font-family: 'Forum', serif;
    color: rgba(255, 255, 255, 0.4);
    font-size: 32px;
}

/* ══ HERO ══ */
.hero {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 16px;
    height: 100vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}

.hero-bg {
    position: absolute;
    inset: -8%;
    /* background: url('https://framerusercontent.com/images/GUL0js9XI5kxCPm9CncGXcvLEw8.jpg') center/cover no-repeat; */
    animation: heroZoomOut 1.8s cubic-bezier(.4, 0, .2, 1) forwards;
}

.hero-img {
    animation: heroZoomOut 1.8s cubic-bezier(.4, 0, .2, 1) forwards;
}

@keyframes heroZoomOut {
    from {
        transform: scale(1.12);
    }

    to {
        transform: scale(1);
    }
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.38);
}

.content-page {
    min-height: 100vh;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-page p {
    font-family: 'Forum', serif;
    color: rgba(255, 255, 255, 0.1);
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* ========================================
           MARQUEE CONTAINER
           ======================================== */
.marquee-wrapper1 {
    position: relative;
    overflow: hidden;
}

/* Fade masks on edges */
.marquee-wrapper1::before,
.marquee-wrapper1::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

/* .marquee-wrapper1::before {
                                left: 0;
                                background: linear-gradient(to right, #1a1a2e 0%, transparent 100%);
                            }

                            .marquee-wrapper1:after {
                                right: 0;
                                background: linear-gradient(to left, #1a1a2e 0%, transparent 100%);
                            } */

/* ========================================
           MARQUEE TRACK
           ======================================== */
.marquee-track1 {
    display: flex;
    gap: 70px;
    animation: marquee-scroll 60s linear infinite;
    width: max-content;
}

.marquee-track1>div:nth-child(4n+1) {
    align-items: start;
}

.marquee-track1>div a {
    display: flex;
    flex-direction: column;

}

.marquee-track1>div:nth-child(5n+2) a {
    flex-direction: column-reverse;
}

.marquee-track1>div:nth-child(5n+4) a {
    flex-direction: column-reverse;
}

.marquee-track1>div:nth-child(5n+2) {
    align-items: end;
}

.marquee-track1>div:nth-child(5n+3) {
    align-items: center;
}

.marquee-track1>div:nth-child(5n+4) {
    align-items: start;
}

.marquee-track1>div:nth-child(5n+5) {
    align-items: center;
}

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

    100% {
        transform: translateX(-50%);
    }
}

/* ========================================
           ROOM CARD
           ======================================== */
.room-content {
    height: 800px;
    display: flex;
    flex-direction: column;
}

.marquee-track1 .room-card:nth-child(even) .room-content {
    flex-direction: column-reverse;
    /* justify-content: end; */
}

.room-card {
    flex-flow: row;
    flex: none;
    gap: 10px;
    width: 560px;
    height: 1000px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

/* Image Container */
.room-image {
    width: 560px;
    height: 690px;
    overflow: hidden;
}

.room-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Text Container */
.room-text {
    padding: 20px 0;
}

.room-title {
    font-family: 'Forum', serif;
    font-size: 48px;
    color: #ffffff;
    margin-bottom: 8px;
    opacity: 0.4;
    transition: opacity 0.4s ease;
}

.room-size {
    font-family: 'Forum', serif;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    opacity: 0.4;
    transition: opacity 0.4s ease;
}

/* ========================================
                HOVER EFFECTS
                ======================================== */
.room-card:hover .room-image img {
    transform: scale(1.1);
}

.room-card:hover .room-title {
    opacity: 1;
}

.room-card:hover .room-size {
    opacity: 1;
}

/* ========================================
           RESPONSIVE
           ======================================== */
@media (max-width: 768px) {
    .room-card {
        height: 700px;
        width: 380px;
    }

    .room-image {
        width: 370px;
        height: 560px;
    }

    .room-title {
        font-size: 1.2rem;
    }

    .room-size {
        font-size: 0.85rem;
    }

    .marquee-wrapper1::before,
    .marquee-wrapper1::after {
        width: 40px;
    }

    .framer-gorz4w {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }

    .framer-1c13r3e {
        height: auto;
    }
}

/* ========================================
           CARD CONTAINER
           ======================================== */
.card {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 80vh;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

/* ========================================
           IMAGE LAYER
           ======================================== */
.card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=800&q=80'); */
    background-size: cover;
    background-position: center;
    transition: filter 0.5s ease, transform 0.5s ease;
}

/* ========================================
           DARK OVERLAY
           ======================================== */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.8) 0%,
            rgba(0, 0, 0, 0.4) 50%,
            rgba(0, 0, 0, 0.2) 100%);
    opacity: 0.6;
    transition: opacity 0.5s ease;
    z-index: 1;
}

/* ========================================
           TEXT CONTENT CONTAINER
           ======================================== */
.card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* ========================================
           MAIN TITLE - Slides up on hover
           ======================================== */
.card-title {
    font-family: 'Forum', serif;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.3;
    transform: translateY(0);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ========================================
           READ MORE - Slides up from bottom
           ======================================== */
.card-readmore {
    font-family: "Fira Sans", "Fira Sans Variable Placeholder", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Underline for Read More */
/* .card-readmore::after {
            content: '';
            display: block;
            width: 40px;
            height: 2px;
            background: #ffffff;
            margin-top: 8px;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease 0.2s;
        } */

.card-readmore:hover::after {
    transform: scaleX(1);
}

/* ========================================
           HOVER EFFECTS
           ======================================== */

/* On hover: Image blurs and scales slightly */
.card:hover .card-image {
    /* filter: blur(4px); */
    transform: scale(1.05);
}

/* On hover: Overlay becomes darker */
.card:hover .card-overlay {
    opacity: 0.85;
}

/* On hover: Title moves up */
.card:hover .card-title {
    transform: translateY(-20px);
}

/* On hover: Read More slides up and fades in */
.card:hover .card-readmore {
    opacity: 1;
    transform: translateY(0);
}

/* ========================================
           DECORATIVE LINE
           ======================================== */
/* .card-line {
            position: absolute;
            bottom: 0;
            left: 40px;
            width: 0;
            height: 3px;
            background: linear-gradient(90deg, #d4af37, #f4e4bc);
            transition: width 0.5s ease;
            z-index: 3;
        }

        .card:hover .card-line {
            width: 80px;
        } */

/* ========================================
           RESPONSIVE
           ======================================== */
@media (max-width: 1023px) {
    .card {
        height: 432px;
    }

    .card-title {
        font-size: 48px;
    }
}

@media (max-width: 600px) {


    .card-title {
        font-size: 32px;
    }

    .card-content {
        padding: 30px;
    }
}

/* ========================================
                                MARQUEE CONTAINER
                                ======================================== */
.marquee-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}

/* Fade masks for smooth edges */
.marquee-wrapper::before,
.marquee-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    width: 150px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

/* .marquee-wrapper::before {
                                    left: 0;
                                    background: linear-gradient(to right, #1a1a2e 0%, transparent 100%);
                                }

                                .marquee-wrapper::after {
                                    right: 0;
                                    background: linear-gradient(to left, #1a1a2e 0%, transparent 100%);
                                } */

/* ========================================
                                    MARQUEE TRACK
                                    ======================================== */
.marquee-track {
    display: flex;
    gap: 30px;
    /* animation: marquee-scroll 60s linear infinite; */
    width: max-content;
    will-change: transform; /* Optimizes performance */
}

/* .marquee-track:hover {
    animation-duration: 120s;
}

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

    100% {
        transform: translateX(-50%);
    }
} */

/* ========================================
                                    REVIEW CARD
                                    ======================================== */
.review-card {
    flex-shrink: 0;
    width: 500px;
    /* background: rgba(255, 255, 255, 0.03); 
            border-radius: 20px;*/
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.08); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* .review-card:hover {
                                    transform: scale(1.02);
                                    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
                                    border-color: rgba(255, 255, 255, 0.15);
                                } */

/* Stars Row */
.stars-row {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.star-icon {
    width: 25px;
    height: 25px;
}

.star-icon svg {
    width: 100%;
    height: 100%;
    fill: #d9b59a;
}

/* Quote Section */
.quote-section {
    display: flex;
    /* flex-direction: column; */
    gap: 15px;
}

.quote-icon {
    width: 50px;
    height: 24px;
}

.end-quote {
    display: flex;
    align-items: flex-end;
    transform: rotate(180deg);
    align-self: flex-end;
}

.quote-icon svg {
    width: 100%;
    height: 100%;
    fill: #d9b59a;
}

.review-text-section {
    position: relative;
}

.review-text {
    font-size: 18px;
    line-height: 1.7;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: -0.02em;
    margin-bottom: 30px;
    ;
}

p.dots {
    display: flex;
    gap: 4px !important;
    justify-content: center;
    color: white;
    font-size: 18px !important;
    background-color: transparent !important;
    bottom: 0 !important;
}

/* Author Section */
.author-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 5px;
    /* border-top: 1px solid rgba(217, 181, 154, 0.3); */
    justify-content: center;
    align-items: center;
    position: relative;
}

.author-section:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 80px;
    height: 1px;
    background: #d9b59a;
}

.author-section::after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 80px;
    height: 1px;
    background: #d9b59a;
}

.author-name {
    font-family: 'Forum', serif;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #d9b59a;
}

.author-location {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: -0.02em;
    align-items: center;
    justify-content: center;
}

/* Read More Link */
.read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #ffffff;
    font-family: 'Forum', serif;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-decoration: none;
    margin-top: 10px;
    transition: opacity 0.3s ease;
}

.read-more:hover {
    opacity: 0.8;
}

.read-more:hover::after {
    content: '';
    width: 30px;
    height: 1px;
    background: #d9b59a;
    transition: width 0.3s ease;
}

.read-more:hover::before {
    width: 50px;
}

/* ========================================
                                    RESPONSIVE
                                    ======================================== */
@media (max-width: 768px) {
    .review-card {
        width: 300px;
        padding: 24px;
    }

    .review-text {
        font-size: 14px;
    }

    .marquee-wrapper::before,
    .marquee-wrapper::after {
        width: 60px;
    }
}

/* ========================================
           CUSTOM CURSOR - Hidden by default
           ======================================== */
.custom-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 999999;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.1s ease;
}

.custom-cursor.visible {
    opacity: 1;
}

.cursor-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1);
}

.cursor-svg {
    width: 40px;
    height: 30px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.cursor-svg path {
    stroke: #ffffff;
    transition: stroke 0.3s ease;
}

/* Hover state on circle-hover elements - white bg */
.custom-cursor.hover .cursor-circle {
    transform: scale(1.1);
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}

.custom-cursor.hover .cursor-svg {
    opacity: 1;
    transform: translateX(5px);
}

.custom-cursor.hover .cursor-svg path {
    stroke: #1a1a2e;
}

/* Click state */
.custom-cursor.clicking .cursor-circle {
    transform: scale(0.9);
    background: #ffffff;
}

/* ============================================
   About Page Styles
   ============================================ */

/* Hero Section */
.intro-section {
    flex-flow: column;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100vh;
    padding: 40px 64px;
    display: flex;
    position: relative;
    overflow: visible;
}
.single-nomera .intro-section {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100vh;
    padding: 40px 64px;
    display: flex;
    position: relative;
    overflow: visible;
}
.intro-section-inner {
    flex: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.intro-section-img {
    filter: brightness(.9);
    opacity: .8;
    will-change: transform;
    z-index: 1;
    flex: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.intro-section-content {
    z-index: 2;
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 16px;
    width: 60%;
    height: 1px;
    padding: 64px 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.single-nomera .intro-section-content {
    z-index: 2;
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 16px;
    width: 60%;
    height: min-content;
    padding: 64px 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
/* Breadcrumbs */
.framer-bjxaid {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.single-nomera .framer-bjxaid {
    flex-flow: row;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-1gii79o,
.framer-16mq0fx {
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-1mz94kw {
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

/* Breadcrumb text styles */
.framer-1gii79o .framer-text,
.framer-16mq0fx .framer-text,
.framer-1mz94kw .framer-text {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: rgb(255, 255, 255);
}

.framer-1gii79o .framer-text a,
.framer-16mq0fx .framer-text a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.framer-1gii79o .framer-text a:hover,
.framer-16mq0fx .framer-text a:hover {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

/* Hero Title */
.framer-wg6ph9 {
    word-break: break-word;
    word-wrap: break-word;
    z-index: 1;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

/* Widget Container */
.framer-dj8e0m {
    z-index: 2;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 64px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-1x49x0z-container {
    flex: none;
    width: 960px;
    height: auto;
    position: relative;
}

/* Concept Section */
.framer-13qxrea {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px 80px 120px;
    display: flex;
    position: relative;
    overflow: visible;
    margin: 0 auto;
}


.framer-1brivrd {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-leblgo {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1mkp8mh {
    opacity: .5;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-187kg9i {
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

/* Founders */
.framer-n294nv {
    z-index: 2;
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-rkd9kz {
    flex: none;
    align-self: stretch;
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.framer-44uti {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-44uti .framer-text {
    font-family: "Lora", "Lora Placeholder", serif;
    font-size: 13.511px;
    line-height: 120%;
    color: rgb(255, 255, 255);
}

/* Floating Images */
.framer-wcy5yh {
    aspect-ratio: 1.73244;
    height: var(--framer-aspect-ratio-supported, 393px);
    opacity: .3;
    will-change: filter;
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 681px;
    position: absolute;
    bottom: -110px;
    right: -21px;
    overflow: hidden;
}

.framer-1z00rqp {
    aspect-ratio: 1.73244;
    height: var(--framer-aspect-ratio-supported, 304px);
    opacity: .3;
    will-change: filter;
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 527px;
    position: absolute;
    bottom: -370px;
    left: 73px;
    overflow: hidden;
}

/* History Section */
.framer-1jw4gap {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px 0;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.framer-sm419v {
    will-change: filter;
    flex: none;
    width: 50%;
    height: 619px;
    position: relative;
    overflow: hidden;
}

.framer-6ddx61 {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-kpa7yc {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-184qzm9 {
    aspect-ratio: .975;
    height: var(--framer-aspect-ratio-supported, 205px);
    will-change: filter;
    flex: none;
    width: 68%;
    position: relative;
    overflow: hidden;
}

.framer-3p6ela {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 20px 20px 16px;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-o4is23 {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-5hlsyg {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    min-width: 162px;
    height: min-content;
    min-height: 16px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1tt47a3 {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-17zy5b4 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 20px 40px 20px 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-joiu8g {
    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative;
}

/* Gallery Container */
.framer-lgj6em-container {
    z-index: 1;
    flex: none;
    width: 100%;
    height: 640px;
    position: relative;
}

.framer-31l6tm {
    aspect-ratio: 1.72822;
    height: var(--framer-aspect-ratio-supported, 640px);
    width: 1106px;
    flex-shrink: 0;
    position: relative;
}

/* Rooms Concept Section */
.framer-la94bq {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px 80px 40px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.framer-r4nztl {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
    margin:0 auto;
}

.framer-ltbs4i {
    flex-flow: row;
    flex: none;
    place-content: start;
    align-items: start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.framer-11ep6ua {
    opacity: .5;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-jt8abn {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

/* Rooms Content */
.framer-uxyxzz {
    flex-flow: row;
    flex: none;
    place-content: flex-start flex-end;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 0 80px 120px;
    display: flex;
    position: relative;
    overflow: visible;
    margin: 0 auto;
}

.framer-famfei {
    z-index: 1;
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-1go8fb1 {
    opacity: 0;
    flex: none;
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.framer-ogpxie {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-11r0wgh {
    aspect-ratio: 1.38889;
    height: var(--framer-aspect-ratio-supported, 144px);
    will-change: filter;
    flex: none;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.framer-1l2w3d3 {
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-19cytt3 {
    aspect-ratio: 1.13043;
    height: var(--framer-aspect-ratio-supported, 177px);
    will-change: filter;
    flex: none;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.framer-pvnrmb {
    aspect-ratio: 1.42857;
    height: var(--framer-aspect-ratio-supported, 140px);
    will-change: filter;
    flex: none;
    width: 80%;
    position: relative;
    overflow: hidden;
}

/* Rooms Carousel */
.framer-x6auql {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    height: min-content;
    padding: 40px 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1t7ftc9-container {
    flex: none;
    width: 100%;
    height: 1000px;
    position: relative;
}

.framer-1tb3nw2 {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 80px;
    width: min-content;
    height: 1000px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.framer-1vvl3ov,
.framer-gpbztj {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 560px;
    height: 1000px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-11yvw88 {
    flex-flow: row;
    flex: none;
    place-content: flex-end center;
    align-items: flex-end;
    gap: 10px;
    width: 560px;
    height: 1000px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

/* Restaurant Section */
.framer-13gk1zp {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 160px 80px 80px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.framer-1ypk43z {
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-17ij0bb {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1wnzv0d,
.framer-6r6bgh {
    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative;
}

/* Restaurant Links */
.framer-13jsk3 {
    z-index: 1;
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-1ogov1b-container,
.framer-fi74nl-container {
    flex: 1 0 0;
    width: 1px;
    height: 80vh;
    position: relative;
}

/* Card Styles
.card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

.card-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
}

.card:hover .card-image {
    transform: scale(1.05);
}

.card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: background 0.3s ease;
}

.card:hover .card-overlay {
    background: rgba(0, 0, 0, 0.2);
}

.card-content {
    position: absolute;
    bottom: 60px;
    left: 40px;
    z-index: 2;
}

.card-title {
    font-family: "Forum", sans-serif;
    font-size: 56px;
    line-height: 1.1em;
    color: rgb(255, 255, 255);
    margin-bottom: 8px;
}

.card-readmore {
    font-family: "Forum", sans-serif;
    font-size: 24px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.04em;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.card:hover .card-readmore {
    opacity: 1;
}

.card-line {
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    transition: background 0.3s ease;
}

.card:hover .card-line {
    background: rgba(255, 255, 255, 0.6);
} */

/* Location Section */
.framer-up5llf {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 160px 80px 40px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.framer-qwdpf7 {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 4px;
    width: 80%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

.framer-1spujzh {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-sju1fy {
    opacity: .5;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-xlba4n {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-1s5h8id {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 40px 80px 80px;
    display: flex;
    position: relative;
    overflow: visible;
    margin:0 auto; 
}

.framer-lhku4i {
    will-change: filter;
    flex: 1 0 0;
    align-self: stretch;
    width: 1px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.framer-zea807 {
    z-index: 1;
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 24px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}

/* Video Section */
.framer-1ue7l6 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-abqhv5-container {
    aspect-ratio: 2;
    height: var(--framer-aspect-ratio-supported, 100px);
    flex: none;
    width: 100%;
    position: relative;
}

/* CTA Section */
.framer-1k5p28j-container {
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

/* Group Section */
.framer-1gbzwo6 {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 160px 0;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.framer-zo3m5m {
    z-index: 1;
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1hpa7v1 {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-1hpa7v1 .framer-text {
    font-family: "Forum", sans-serif;
    font-size: 100px;
    line-height: 0.9em;
    text-align: center;
    color: var(--token-48a09b1a, rgb(217, 181, 154));
}

.framer-tlarjm {
    z-index: 1;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-qmyy2x {
    z-index: 1;
    flex: none;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: grid;
    position: relative;
    overflow: hidden;
}

.framer-ce5o0k {
    flex-flow: column;
    flex: none;
    place-content: center;
    place-self: start;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-19bdblm {
    will-change: filter;
    flex: none;
    width: 240px;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.framer-191ls18 {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-13f8u06 {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-1xu1kzz-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-1l882vo {
    opacity: .1;
    z-index: 0;
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    display: flex;
    position: absolute;
    inset: 163px 0 162px;
    overflow: visible;
}

.framer-saom5o {
    aspect-ratio: 1.75081;
    height: var(--framer-aspect-ratio-supported, 114px);
    mix-blend-mode: overlay;
    flex: none;
    width: 100%;
    position: relative;
    overflow: visible;
    max-width: 97%;
}

.framer-p5k53g-container {
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.scale-on-scroll {
    transform: scale(.3);
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.scale-on-scroll.visible {
    transform: scale(1);
}

/* ============================================
   Responsive Styles for About Page
   ============================================ */

@media (max-width: 1199px) and (min-width: 810px) {

    .intro-section-content,
    .framer-1x49x0z-container {
        width: 100%;
    }

    .framer-dj8e0m {
        padding: 0;
    }

    .framer-13qxrea {
        padding: 80px 40px 120px;
    }

    .framer-wcy5yh {
        height: var(--framer-aspect-ratio-supported, 238px);
        width: 412px;
        bottom: 45px;
    }

    .framer-1z00rqp {
        height: var(--framer-aspect-ratio-supported, 215px);
        width: 372px;
    }

    .framer-la94bq {
        padding: 80px 40px 40px;
    }

    .framer-uxyxzz {
        gap: 20px;
        padding: 0 40px 120px;
    }

    .framer-13gk1zp,
    .framer-1ue7l6 {
        padding: 40px;
    }

    .framer-13jsk3 {
        height: 70vh;
    }

    .framer-1ogov1b-container,
    .framer-fi74nl-container {
        height: 100%;
    }

    .framer-up5llf {
        padding: 160px 40px 40px;
    }

    .framer-1s5h8id {
        padding: 40px 40px 80px;
    }

    .framer-ce5o0k {
        padding: 20px;
    }
}

@media (max-width: 809px) {
    /* .intro-section {
        aspect-ratio: .666667;
        height: var(--framer-aspect-ratio-supported, 300px);
        padding: 40px 24px;
    }

    .intro-section-inner,
    .intro-section-img {
        aspect-ratio: .666667;
        height: var(--framer-aspect-ratio-supported, 300px);
        left: 50%;
        transform: translate(-50%);
    } */

    .intro-section-content,
    .framer-1x49x0z-container,
    .framer-qwdpf7 {
        width: 100%;
    }

    .framer-dj8e0m {
        padding: 0;
    }
    .framer-dj8e0m iframe{
        height: 200px !important;
    }

    .framer-13qxrea {
        gap: 40px;
        padding: 80px 20px;
    }

    .framer-44uti {
        word-break: break-word;
        word-wrap: break-word;
        flex: 1 0 0;
        width: 1px;
    }

    .framer-wcy5yh {
        bottom: unset;
        height: var(--framer-aspect-ratio-supported, 155px);
        width: 268px;
        top: 47%;
        right: 5px;
        transform: translateY(-50%);
    }

    .framer-1z00rqp {
        height: var(--framer-aspect-ratio-supported, 137px);
        width: 237px;
        bottom: -57px;
        left: 8px;
    }

    .framer-1jw4gap {
        flex-direction: column;
        gap: 20px;
        padding: 80px 0 20px;
    }

    .framer-sm419v {
        order: 0;
        width: 72%;
        height: 209px;
    }

    .framer-6ddx61 {
        flex: none;
        order: 1;
        width: 100%;
    }

    .framer-184qzm9 {
        width: 60%;
    }

    .framer-lgj6em-container {
        height: 400px;
    }

    .framer-la94bq {
        padding: 80px 80px 40px 20px;
    }

    .framer-uxyxzz {
        flex-direction: column;
        padding: 0 20px 120px;
    }

    .framer-famfei,
    .framer-1l2w3d3,
    .framer-1wnzv0d,
    .framer-6r6bgh,
    .framer-1ogov1b-container,
    .framer-fi74nl-container,
    .framer-zea807 {
        flex: none;
        width: 100%;
        height: auto;
    }

    .framer-ogpxie {
        order: 2;
    }

    .framer-11r0wgh {
        order: 1;
    }

    .framer-13gk1zp {
        padding: 40px 20px;
    }

    .framer-17ij0bb {
        flex-direction: column;
        gap: 16px;
    }

    .framer-13jsk3 {
        flex-direction: column;
    }

    .framer-up5llf {
        padding: 160px 80px 40px 20px;
    }

    .framer-1s5h8id {
        flex-direction: column;
        padding: 40px 20px 80px;
    }

    .framer-lhku4i {
        align-self: unset;
        flex: none;
        width: 100%;
        height: 260px;
    }

    .framer-1ue7l6,
    .framer-ce5o0k {
        padding: 20px;
    }

    .framer-1gbzwo6 {
        padding: 80px 0;
    }

    .framer-qmyy2x {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
        padding: 20px;
    }

    .framer-1l882vo {
        bottom: unset;
        height: min-content;
        top: 890px;
        left: -205px;
        right: -205px;
    }
}

@media (min-width: 1920px) {
    .framer-1brivrd {
        width: 74%;
    }

    .framer-wcy5yh {
        height: var(--framer-aspect-ratio-supported, 524px);
        width: 907px;
        bottom: -63px;
        right: -31px;
    }

    .framer-1z00rqp {
        height: var(--framer-aspect-ratio-supported, 398px);
        width: 689px;
        bottom: -510px;
        left: 271px;
    }

    .framer-1jw4gap {
        gap: 80px;
    }

    .framer-17zy5b4 {
        padding: 20px 80px 20px 20px;
    }

    .framer-pvnrmb,
    .framer-saom5o {
        width: 60%;
    }

    .framer-13gk1zp {
        padding: 160px 160px 80px;
    }
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    background: none;
    padding: 40px 0;
}

.marquee-content {
    display: flex;
    gap: 0px;
    animation: marquee 40s linear infinite;
    width: fit-content;
}

.marquee-item {
    flex-shrink: 0;
    width: 1000px;
    height: 800px;
    overflow: hidden;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
    transition: transform 0.3s ease;
}

.marquee-item:hover {
    /* transform: scale(1); */
}

.marquee-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

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

    100% {
        transform: translateX(-25%);
    }
}

.cta .bgimg1 {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 358px);
    z-index: 0;
    flex: none;
    width: 45%;
    position: absolute;
    top: 40px;
    left: 40px;
    overflow: hidden;
}

.cta .bgimg2 {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 218px);
    z-index: 0;
    flex: none;
    width: 27%;
    position: absolute;
    bottom: 102px;
    left: 185px;
    overflow: hidden;
}

.cta .bgimg3 {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 192px);
    z-index: 0;
    flex: none;
    width: 24%;
    position: absolute;
    top: 74px;
    right: 145px;
    overflow: hidden;

}

.cta .bgimg4 {
    aspect-ratio: 1.5;
    height: var(--framer-aspect-ratio-supported, 350px);
    z-index: 0;
    flex: none;
    width: 44%;
    position: absolute;
    bottom: -75px;
    right: -69px;
    overflow: hidden;
}

.cta p.framer-text {
    font-size: 68px;
    ;
}

a {
    text-decoration: none;
}

.cta-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.cta-text {
    color: #fff !important;
    font-size: 68px;
    letter-spacing: 2px;
    transition: all 0.4s ease;
    white-space: nowrap;
    line-height: 80px;
    text-align: center !important;
}

/* Icon container - starts small and hidden */
.cta-icon {
    width: 0;
    height: 0;
    opacity: 0;
    margin-left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Main circle - starts tiny */
.circle {
    width: 0;
    height: 0;
    border: 0px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
}

/* Arrow inside circle */
.arrow {
    position: absolute;
    width: 0;
    height: 2px;
    background: transparent;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;
}



/* Inner fill dot - starts tiny */
.inner-dot {
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
}

/* Hover effects */


.cta-wrapper:hover .cta-icon {
    width: 50px;
    height: 50px;
    opacity: 1;
    margin-left: -20px;
}

.cta-wrapper:hover .circle {
    width: 44px;
    height: 44px;
    border-width: 2px;
    /* box-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
                        inset 0 0 10px rgba(255, 255, 255, 0.1); */
}

.cta-wrapper:hover .inner-dot {
    width: 18px;
    height: 2x;
}

.cta-wrapper:hover .arrow {
    width: 35px;
    background: #ffffff;
    right: -10px;
}



/* Glow pulse animation */
@keyframes glow-pulse {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
            inset 0 0 10px rgba(255, 255, 255, 0.1);
    }

    50% {
        box-shadow: 0 0 35px rgba(255, 255, 255, 0.8),
            inset 0 0 15px rgba(255, 255, 255, 0.2);
    }
}


.framer-t3hjf {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-10ddmid-container {
    flex: 0 0 auto;
    height: auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}

.framer-156b7r9 {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 80px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.framer-eourcd {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: 80%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-1t0aqci {
    place-content: flex-start flex-end;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-1rah7j0 {
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: 50%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-4FNaY.framer-1jarwy5 {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 120px 80px 80px;
    position: relative;
    width: 1516px;
}

.framer-4FNaY .framer-31swev {
    aspect-ratio: 1.89464 / 1;
    flex: 0 0 auto;
    height: var(--framer-aspect-ratio-supported, 560px);
    left: 40px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 70%;
    z-index: 1;
}
.framer-4FNaY .framer-31swev img{
    width:100%;
    object-fit: cover;
}

.framer-4FNaY .framer-qsd4od {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 527px;
    z-index: 1;
}

.framer-4FNaY .framer-1f872o1 {
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}
.framer-1f872o1 p{
    color: #000033;
}
.framer-4FNaY .framer-bh3ocn {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 16px;
    height: min-content;
    overflow: visible;
    padding: 0px 0px 0px 0px;
    position: relative;
    width: 100%;
}

.framer-4FNaY .framer-bb2cj0,
.framer-4FNaY .framer-11aydqo,
.framer-4FNaY .framer-ra22zk {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: visible;
    padding: 0px;
    position: relative;
}

.framer-4FNaY .framer-177qrgx,
.framer-4FNaY .framer-10puspl,
.framer-4FNaY .framer-8cn87n,
.framer-4FNaY .framer-9afb2v,
.framer-4FNaY .framer-e5hibc,
.framer-4FNaY .framer-1qa14k {
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: auto;
}

.framer-4FNaY .framer-1aheqj3 {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 28px;
    height: min-content;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-4FNaY .framer-qamds0-container {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
}

.framer-4FNaY .framer-ps8exz-container {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

 .framer-qhosz9 {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 120px;
    height: min-content;
    max-width: 1920px;
    overflow: visible;
    padding: 120px 80px 80px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

 .framer-1fd8kaj {
    aspect-ratio: 1.73244 / 1;
    bottom: -325px;
    flex: 0 0 auto;
    gap: 10px;
    height: var(--framer-aspect-ratio-supported, 115px);
    left: -474px;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    overflow: hidden;
    position: absolute;
    width: 82%;
    z-index: 0;
}

.framer-1nl2ujy {
    aspect-ratio: 1.73244 / 1;
    bottom: 170px;
    flex: 0 0 auto;
    gap: 10px;
    height: var(--framer-aspect-ratio-supported, 115px);
    left: unset;
	right:-180px;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    overflow: hidden;
    position: absolute;
    width: 43%;
    z-index: 0;
}

.framer-qhosz9 {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 120px;
    height: min-content;
    max-width: 1920px;
    overflow: visible;
    padding: 120px 80px 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

 .framer-69sdz6 {
    place-content: flex-end;
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-v3wqea {
    flex: 0 0 auto;
    height: auto;
    pointer-events: auto;
    position: relative;
    user-select: none;

    width: 50%;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* .framer-styles-preset-10v87a2:not(.rich-text-wrapper),
 .framer-styles-preset-10v87a2.rich-text-wrapper p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 18px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: normal;
    --framer-font-style-italic: normal;
    --framer-font-variation-axes: normal;
    --framer-font-variation-axes-bold: "wght" 186;
    --framer-font-variation-axes-bold-italic: "wght" 186;
    --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
    --framer-font-weight-bold: 400;
    --framer-font-weight-bold-italic: 400;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: 0em;
    line-height: 160%;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    --framer-text-color: #ffffff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
} */

.framer-1rgc6yl {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: auto;
}

.framer-65v67d {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.framer-nUEvP .framer-1rgc6yl {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;

    width: auto;
}

.framer-nUEvP .framer-n8a06m {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-ih2cpy,
.framer-86l8mq {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 1 0 0px;
    height: auto;
    position: relative;

    width: 1px;
    word-break: break-word;
    overflow-wrap: break-word;
}



.framer-10ddmid-container {
    flex: 0 0 auto;
    height: auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
@media (min-width:1920px){
    .framer-10ddmid-container{
        width:1920px;
        max-width: 1900px;
    }
}
.framer-4FNaY.framer-1jarwy5 {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 120px 80px 80px;
    position: relative;
    width: 1516px;
}

.framer-4FNaY .framer-qsd4od {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 527px;
    z-index: 1;
}

.roomtitle {
    --framer-text-color: var(--extracted-r6o4lv, var(--token-d53dfed6-2b82-4802-a969-1de56fd4a7d6, rgb(0, 0, 51))) !important;
}

.roominfo-text-color {
    color: #000033 !important;
}

:root body {
    background-color: rgb(7, 38, 35);
}

.post-type-archive-nomera,
.single-uslugi,
.post-type-archive-otzyvy,
body.blog,
.single.single-post,
.page-template-page-booking,
.single-otzyvy {
    background-color: rgb(61, 61, 60) !important;
}

.post-type-archive-restoran a {
    color: #d9b59a;
}

.single-restoran,
.post-type-archive-akcii,
body.post-type-archive-restoran {
    background-color: #000033 !important;
}

.link-animate {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 12px 24px;
    background: #000;
    /* black background */
    color: #fff;
    /* white text */
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
    height: 50px;
    align-self: center;
}

.link-animate span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* center both spans */
    transition: transform 0.5s ease, opacity 0.5s ease;
    white-space: nowrap;
    /* keep text inline */
}

.link-animate .text {
    opacity: 1;
}

.link-animate .text-hover {
    opacity: 0;
    transform: translate(-50%, 150%);
    /* start hidden below center */
}

.link-animate:hover .text {
    transform: translate(-50%, -150%);
    /* slide up out of view */
    opacity: 0;
}

.link-animate:hover .text-hover {
    transform: translate(-50%, -50%);
    /* move to center */
    opacity: 1;
}

.bg-dark-blue {
    background-color: #000033 !important;
}

.hero-img-contianer {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    corner-shape: inherit;
    object-position: center center;
    object-fit: cover;
}

.breadcrumb {
    display: flex;
    gap: 10px;
}

.breadcrumb p,
.breadcrumb p a,
.breadcrumb p a:hover {
    font-family: 'Fira Sans',
        'Fira Sans Placeholder',
        sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: rgb(255, 255, 255);
}

.sw {
    position: relative;
    width: 100%;
    height: 640px;
    overflow: hidden;
    background: transparent;
    user-select: none;
}

.track {
    position: absolute;
    inset: 0
}

.slide {
    position: absolute;
    overflow: hidden;
    will-change: transform, opacity, width, height, left, top
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none
}

.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    background: rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s
}

.nav:hover {
    background: rgba(0, 0, 0, 0.5)
}

.nav svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.nav.prev {
    left: 50px
}

.nav.next {
    right: 50px
}

.dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;

    padding: 7px 10px;
    border-radius: 50px;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.5);
}

.dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: 0.4;
    transition: opacity 0.3s, transform 0.3s
}

.dot.on {
    opacity: 1;
    transform: scale(1.3)
}

.room-details {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 160px 0 80px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.room-details-inner {
    flex-flow: row;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 1px;
    height: min-content;
    padding: 160px 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-6oxy0d {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 80px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.room-details-img {
    will-change: var(--framer-will-change-filter-override, filter);
    flex: none;
    width: 100%;
    height: 619px;
    position: relative;
    overflow: hidden;
}

.framer-vvy1h8 {
    flex-flow: row;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1szeuf {
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 20px 20px 16px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.framer-1uecw8i {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 20px 40px 20px 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.room-description {
    z-index: 0;
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: visible;
    margin:0 auto;
}

.room-description-inner {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    --framer-text-wrap-override: none;
    z-index: 2;
    flex: none;
    width: 80%;
    height: auto;
    position: relative;
    font-size: 40px;
    font-family: 'Forum', 'Forum Placeholder', sans-serif;
    color: white;
    text-transform: uppercase;
    line-height: 50px;
}

.room-description-img {
    aspect-ratio: 1.73244;
    height: var(--framer-aspect-ratio-supported, 381px);
    mix-blend-mode: luminosity;
    opacity: .2;
    will-change: var(--framer-will-change-filter-override, filter);
    z-index: 0;
    flex: none;
    gap: 10px;
    width: 660px;
    position: absolute;
    bottom: -76px;
    right: 9px;
    overflow: hidden;
}

.room-details {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 160px 0px 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.room-details-inner {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 160px 0px 0px;
    position: relative;
    width: 1px;
}

.room-details-img {
    flex: 0 0 auto;
    height: 619px;
    overflow: hidden;
    position: relative;
    width: 100%;
    will-change: var(--framer-will-change-filter-override, filter);
}

.framer-6oxy0d {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: column;
    gap: 80px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 1px;
}

.framer-vvy1h8 {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-clu1se {
    aspect-ratio: 0.975 / 1;
    flex: 0 0 auto;
    height: var(--framer-aspect-ratio-supported, 405px);
    overflow: hidden;
    position: relative;
    width: 68%;
    will-change: var(--framer-will-change-filter-override, filter);
}

.framer-1szeuf {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 20px 20px 16px;
    position: relative;
    width: 100%;
}

.framer-1ecj3in,
.framer-s0y22b,
.framer-2wfr6,
.framer-3m9diw {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 4px;
    height: min-content;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 80%;
}

.framer-s2pcng,
.framer-v7m2jh,
.framer-10qjws7,
.framer-pd2rl9 {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.framer-1uecw8i {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 20px 40px 20px 20px;
    position: relative;
    width: 100%;
}

.framer-153f0jq {
    flex: 1 0 0px;
    height: auto;
    pointer-events: auto;
    position: relative;
    user-select: none;
    width: 1px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-et3y26,
.framer-1dbtul0 {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    max-width: 1400px;
    overflow: hidden;
    padding: 80px 0px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.framer-fvoid3,
.framer-1s2o6qw,
.framer-ddhzju {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 40px 40px 16px 80px;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin:0 auto;
}

.framer-2l1smf,
.framer-l3im95 {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 80px;
    height: min-content;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
}

.framer-8wehyb {
    align-self: stretch;
    flex: 0 0 auto;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 50%;
    will-change: var(--framer-will-change-filter-override, filter);
}

.framer-6kp9j6,
.framer-1ps5s52,
.framer-18zcbac {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-flow: column;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 1px;
}

.framer-z7c1hk,
.framer-lw76d6,
.framer-172cibs {
    flex: 0 0 auto;
    height: auto;
    pointer-events: auto;
    position: relative;
    user-select: none;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-1fzwv6a {
    flex: 0 0 auto;
    height: 155px;
    overflow: hidden;
    position: relative;
    width: 50%;
}

.framer-1kk0uqr-container {
    aspect-ratio: 1.78571;
    height: var(--framer-aspect-ratio-supported, 639px);
    flex: none;
    width: 80%;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;;
}

.framer-1xs2c70 {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    overflow: hidden;
    padding: 80px 0px;
    position: relative;
    width: 100%;
}

.framer-1fk5s4w {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
}

.framer-k00sji {
    flex: 0 0 auto;
    height: 155px;
    overflow: hidden;
    position: relative;
    width: 40%;
}

.framer-2owog9 {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 0px;
    height: min-content;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-1u7hl4a {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    padding: 0px;
    position: relative;
    text-decoration: none;
    width: 1px;
}


.framer-thfz7 .framer-styles-preset-3hgrz1:not(.rich-text-wrapper),
.framer-thfz7 .framer-styles-preset-3hgrz1.rich-text-wrapper p {
    font-family: "Forum", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 40px;
    font-style: normal;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-letter-spacing: 0em;
    line-height: 120%;
    --framer-paragraph-spacing: 20px;
    text-align: left;
    color: #fff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: uppercase;
}

h2 {
    font-family: "Forum", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 68px;
    --framer-font-style: normal;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-letter-spacing: 0em;
    line-height: 0.9em;
    --framer-paragraph-spacing: 20px;
    text-align: start;
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
}

.single-post .post-content p ,.page .post-content p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --framer-font-open-type-features: normal;
    font-size: 18px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: normal;
    --framer-font-style-italic: normal;
    --framer-font-variation-axes: normal;
    --framer-font-variation-axes-bold: "wght" 186;
    --framer-font-variation-axes-bold-italic: "wght" 186;
    --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
    --framer-font-weight-bold: 400;
    --framer-font-weight-bold-italic: 400;
    --framer-font-weight-italic: 400;
    --framer-letter-spacing: 0em;
    line-height: 160%;
    --framer-paragraph-spacing: 20px;
    --framer-text-alignment: start;
    color: #ffffff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
    margin: 15px 0;
}

.framer-164qx9p {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 80px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.framer-wtcsis {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-sd6am0 {
    flex: 0 0 auto;
    height: auto;
    pointer-events: auto;
    position: relative;
    user-select: none;
    white-space: pre-wrap;
    width: 80%;
    word-break: break-word;
    overflow-wrap: break-word;
}


.animated-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    font-family: 'Forum', serif;
    font-size: 18px;
    letter-spacing: 0.04em;
    position: relative;
    padding: 10px 0;
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    align-self: center;
}

.animated-button:hover {
    transform: translateX(-30px);
}

.animated-button .button-text {
    position: relative;
    z-index: 2;
    font-size: 16px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: .8;
    font-family: 'Forum', sans-serif;
}

.circle-container {
    position: relative;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    transform: scale(0);
}

.circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(0);
    transform-origin: center center;
}

.animated-button:hover .circle,
.animated-button:hover .circle-container {
    transform: scale(1);
}

.line {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 50px;
    height: 1px;
    background-color: #fff;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animated-button:hover .line {
    transform: translateY(-50%) scaleX(1);
}

/* Hero Section */
.promo-hero {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 16px;
    height: 100vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}

.promo-hero-bg {
    flex: 0 0 auto;
    height: 100vh;
    left: calc(2.13163e - 14%);
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.promo-hero-img {
    filter: brightness(0.9);
    flex: 0 0 auto;
    height: 100vh;
    left: calc(2.13163e - 14%);
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    will-change: var(--framer-will-change-effect-override, transform);
    z-index: 2;
}

.promo-hero-content {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 16px;
    height: min-content;
    overflow: hidden;
    padding: 64px 0px 0px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.promo-breadcrumbs {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 12px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.promo-breadcrumb-item {
    --framer-paragraph-spacing: 0px;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.promo-breadcrumb-link {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.promo-breadcrumb-link:hover {
    text-decoration: underline;
}

.promo-breadcrumb-sep {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: rgb(255, 255, 255);
}

.promo-breadcrumb-current {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: rgb(255, 255, 255);
}

.promo-hero-title-wrap {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.promo-hero-widget {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 64px;
    height: min-content;
    overflow: visible;
    padding: 40px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.hero-section h1 {
    font-family: "Forum", sans-serif;
    --framer-font-family-bold: "Inter", sans-serif;
    --framer-font-family-bold-italic: "Inter", sans-serif;
    --framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
    --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
    font-size: 96px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    font-weight: 400;
    --framer-font-weight-bold: 900;
    --framer-font-weight-bold-italic: 900;
    --framer-font-weight-italic: 700;
    --framer-letter-spacing: 0em;
    line-height: 1em;
    --framer-paragraph-spacing: 0px;
    --framer-text-alignment: center;
    --framer-text-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
}

.content p {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    color: white;
    font-size: 18px;
    ;
    line-height: 160%;
}

/* Next Link */
.promo-next-section {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 60px;
    height: min-content;
    max-width: 100%;
    padding: 0px 0px 80px;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.promo-next-row {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    padding: 0px;
    position: relative;
    width: 100%;
}

.promo-next-spacer {
    align-self: stretch;
    flex: 1 0 0px;
    height: auto;
    position: relative;
    width: 1px;
}

.promo-next-link {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.promo-next-link a {
    color: var(--token-48a09b1a, #d9b59a);
    text-decoration: none;
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: 14px;
    line-height: 160%;
}

.promo-next-link a:hover {
    color: #ab886d;
    font-size: 14px;
}

/* Gallery styles */
.restaurant-gallery {
    width: 1200px;
    max-width: 100%;
    height: 640px;
    overflow: hidden;
    position: relative;
}

.restaurant-gallery ul {
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.5s ease;
}

.restaurant-gallery ul li {
    flex-shrink: 0;
    width: 1106px;
}

.restaurant-gallery ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


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

/* ===== Link Base - White Border, Transparent BG ===== */
.animated-border-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    background: transparent !important;
    color: #ffffff !important;
    /* Force white text */
    border: 2px solid #ffffff;
    border-radius: 0;
    /* Square border */
    text-decoration: none;
    overflow: visible;
    /* Allow text to slide out */
    cursor: pointer;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.animated-border-link:hover {
    border-color: #ffffff;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.4);
    transform: translateY(-3px);
}

/* ===== Text Wrapper - CRITICAL: Exact Height ===== */
.link-text-wrapper {
    position: relative;
    /* 24px font × 1.6 line-height = 38.4px */
    height: 38.4px !important;
    line-height: 1.6 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Text Layers - Override Framer Inline Styles ===== */
.text-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease !important;
    will-change: transform, opacity;
    /* Force white text */
    color: #ffffff !important;
}

/* Ensure paragraph inside also has correct styles */
.text-layer .framer-text {
    font-size: 24px !important;
    line-height: 160% !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}

/* ===== Original Text - Visible by Default ===== */
.text-original {
    transform: translateY(0) !important;
    opacity: 1 !important;
    z-index: 2;
}

/* ===== Duplicate Text - Hidden Below by Default ===== */
.text-duplicate {
    transform: translateY(100%) !important;
    /* Start below wrapper */
    opacity: 0 !important;
    z-index: 1;
}

/* ===== HOVER: Slide Original Up, Bring Duplicate Up ===== */
.animated-border-link:hover .text-original {
    transform: translateY(-100%) !important;
    /* Slide up out of view */
    opacity: 0 !important;
}

.animated-border-link:hover .text-duplicate {
    transform: translateY(0) !important;
    /* Slide up into view */
    opacity: 1 !important;
}

/* ===== FOCUS for Keyboard Navigation ===== */
.animated-border-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}

/* ===== Respect Reduced Motion Preference ===== */
@media (prefers-reduced-motion: reduce) {

    .text-layer,
    .animated-border-link {
        transition: none !important;
        transform: none !important;
    }

    .text-duplicate {
        display: none;
        /* Fallback: no animation */
    }
}

/* ========== QUESTION CTA SECTION ========== */
.question-cta-container {
    flex: 0 0 auto;
    width: 100%;
    height: 100vh;
    position: relative;
}

.question-cta-wrapper {
    background-color: var(--token-d53dfed6-2b82-4802-a969-1de56fd4a7d6, rgb(0, 0, 51));
    height: 100%;
    width: 100%;
    opacity: 1;
    position: relative;
    overflow: hidden;
}

.question-cta-inner {
    opacity: 1;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 280px 40px;
    min-height: 400px;
}

.question-cta-title {
    color: #fff;
    transform: none;
    opacity: 1;
}

.question-cta-title p {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 0.9em;
    text-align: center;
    color: #fff;
    margin: 0;
}

.question-cta-btn-wrapper {
    opacity: 1;
}

.question-cta-btn {
    cursor: pointer;
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0px;
    /* width: min-content; */
    height: min-content;
    padding: 20px 48px;
    text-decoration: none;
    display: flex;
    position: relative;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

/* .question-cta-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #d9b59a;
} */

.question-cta-btn-text {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center flex-start;
    align-items: center;
    gap: 2px;
    /* width: min-content; */
    height: 36px;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.question-cta-btn-text-primary {
    user-select: none;
    pointer-events: auto;
    flex: 0 0 auto;
    width: auto;
    height: 36px;
    position: relative;
    font-family: 'Fira Sans Variable', 'Fira Sans Placeholder', sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: block;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.question-cta-btn-text-secondary {
    user-select: none;
    pointer-events: auto;
    flex: 0 0 auto;
    width: auto;
    height: 36px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Fira Sans Variable', 'Fira Sans Placeholder', sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: block;
    white-space: nowrap;
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.question-cta-btn:hover .question-cta-btn-text-primary {
    transform: translateY(-100%);
    opacity: 0;
}

.question-cta-btn:hover .question-cta-btn-text-secondary {
    top: 0;
}

.question-cta-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 1;
    will-change: transform, opacity;
    transform: scale(1);
    opacity: 0.22;
}

.question-cta-bg.zoom-in {
    transform: scale(1.15);
    opacity: 0.15;
}

.question-cta-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.1s linear;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1199px) {
    .question-cta-title p {
        font-size: 60px;
    }

    .question-cta-inner {
        padding: 180px 30px;
        gap: 30px;
    }

    .question-cta-btn {
        padding: 16px 40px;
    }

    .question-cta-btn-text-primary,
    .question-cta-btn-text-secondary {
        font-size: 20px;
        line-height: 30px;
        height: 30px;
    }

    .question-cta-btn-text {
        height: 30px;
    }
}

@media (max-width: 809px) {
    .question-cta-title p {
        font-size: 40px;
    }

    .question-cta-inner {
        padding: 120px 20px;
        gap: 24px;
        min-height: 250px;
    }

    .question-cta-btn {
        padding: 14px 32px;
    }

    .question-cta-btn-text-primary,
    .question-cta-btn-text-secondary {
        font-size: 18px;
        line-height: 28px;
        height: 28px;
    }

    .question-cta-btn-text {
        height: 28px;
    }
}

/* ========================================
 * PAGES PANEL - SPECIAL LAYOUT
 * Links on left, images on right
 * ======================================== */
.pages-panel-wrapper {
    display: flex;
    gap: 0px;
    min-height: 400px;
    align-items: stretch;
}

.pages-links-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex: 0 0 46%;
    position: relative;
    z-index: 12;
    height: 100%;
    margin-right: -130px;
    justify-content: center;
    min-height: 400px;
}

.page-link-item {
    display: block;
    padding: 18px 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.08); */
    transition: all 0.3s ease;
    position: relative;
    padding-right: 20px;
    /* Overlap effect - each link overlaps the next by 30px */
    margin-bottom: -30px;
    /* background: rgba(7, 38, 35, 0.9); 
    backdrop-filter: blur(5px);*/
    font-size: 28px;
}

.page-link-item:last-child {
    margin-bottom: 0;
}

.page-link-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    /* background: #d9b59a; */
    transition: width 0.3s ease;
}

.page-link-item:hover {
    color: rgba(255, 255, 255, 1) !important;
}


.menu-nav a {
    color: white !important;
}

.page-link-item:hover::after,
.page-link-item.active::after {
    width: 100%;
}

.page-link-item .page-link-title {
    position: relative;
    z-index: 1;
}

/* ===== PAGES IMAGE COLUMN (RIGHT SIDE) ===== */
.pages-images-column {
    flex: 0 0 60%;
    position: relative;
    min-height: 400px;
    overflow: hidden;
    border-radius: 0px;
}

.page-preview-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateX(50px);

}

.page-preview-image.active {
    opacity: 1;
    transform: translateX(0);
}

.page-preview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

/* Fallback image when no image */
.pages-images-column .no-image-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 0px;
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
}

.post-thumb img {
    height: 350px;
    object-fit: cover;
}

/* ========================================
 * GALLERY PANEL - STACKED OVERLAPPING IMAGES
 * ======================================== */
.gallery-panel-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    position: relative;
    padding: 40px;
}

.gallery-stack {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 400px;
    perspective: 1000px;
}

/* Main big image - center */
.gallery-image-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(5deg);
    width: 500px;
    /* height: 70%; */
    z-index: 1;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.gallery-image-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

/* Left image - smaller, rotated */
.gallery-image-left {
    position: absolute;
    top: 85%;
    left: -15%;
    transform: translateY(-50%) rotate(-10deg);
    width: 60%;
    height: 45%;
    z-index: 2;
    border-radius: 0px;
    overflow: hidden;
    opacity: 0.85;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.gallery-image-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

/* Right image - medium, rotated opposite */
.gallery-image-right {
    position: absolute;
    top: 92%;
    right: -15%;
    transform: translateY(-50%) rotate(15deg);
    width: 75%;
    height: 55%;
    z-index: 3;
    border-radius: 0px;
    overflow: hidden;
    opacity: 0.85;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.gallery-image-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

/* Decorative elements behind */
.gallery-stack::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-12deg);
    width: 45%;
    height: 60%;
    background: rgba(217, 181, 154, 0.05);
    border-radius: 8px;
    z-index: 2;
}

.gallery-stack::after {
    content: '';
    position: absolute;
    top: 52%;
    left: 48%;
    transform: translate(-50%, -50%) rotate(15deg);
    width: 38%;
    height: 55%;
    background: rgba(217, 181, 154, 0.03);
    border-radius: 8px;
    z-index: 1;
}

/* Hover effects */
/* .gallery-image-main:hover {
    z-index: 5;
    transform: translate(-50%, -50%) scale(1.05);
    transition: all 0.4s ease;
}

.gallery-image-left:hover,
.gallery-image-right:hover {
    z-index: 4;
    opacity: 1;
    transition: all 0.4s ease;
}

.gallery-image-left:hover {
    transform: translateY(-50%) rotate(-20deg);
}

.gallery-image-right:hover {
    transform: translateY(-50%) rotate(15deg);
} */

.gallery-image-main,
.gallery-image-left,
.gallery-image-right {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================================
 * CINEMATIC SMOOTH REVEAL
 * ======================================== */

.gallery-stack {
    perspective: 1400px;
    transform-style: preserve-3d;
}

/* Shared styles */
.gallery-image-main,
.gallery-image-left,
.gallery-image-right {
    opacity: 0;
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
}

/* ========================================
 * MAIN IMAGE
 * ======================================== */

.gallery-image-main {
    animation: smoothMainReveal 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* ========================================
 * LEFT IMAGE
 * ======================================== */

.gallery-image-left {
    animation: smoothLeftReveal 2.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.3s;
}

/* ========================================
 * RIGHT IMAGE
 * ======================================== */

.gallery-image-right {
    animation: smoothRightReveal 2.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.6s;
}

/* ========================================
 * MAIN IMAGE KEYFRAME
 * ======================================== */

@keyframes smoothMainReveal {

    0% {
        opacity: 0;
        transform:
            translate(-50%, -15%) rotate(0deg) scale(0.75);
        filter: blur(18px);
    }

    45% {
        opacity: 0.75;
    }

    70% {
        opacity: 1;
        transform:
            translate(-50%, -50%) rotate(5deg) scale(1.00);
        filter: blur(0px);
    }

    100% {
        opacity: 1;
        transform:
            translate(-50%, -50%) rotate(5deg) scale(1);
        filter: blur(0px);
    }
}

/* ========================================
 * LEFT IMAGE KEYFRAME
 * ======================================== */

@keyframes smoothLeftReveal {

    0% {
        opacity: 0;
        transform:
            translateX(120px) translateY(-15%) rotate(0deg) scale(0.65);
        filter: blur(16px);
    }

    50% {
        opacity: 0.7;
    }

    75% {
        opacity: 1;
        transform:
            translateX(0px) translateY(-50%) rotate(-10deg) scale(1.00);
        filter: blur(0px);
    }

    100% {
        opacity: 0.95;
        transform:
            translateY(-50%) rotate(-10deg) scale(1);
        filter: blur(0px);
    }
}

/* ========================================
 * RIGHT IMAGE KEYFRAME
 * ======================================== */

@keyframes smoothRightReveal {

    0% {
        opacity: 0;
        transform:
            translateX(-120px) translateY(-15%) rotate(0deg) scale(0.65);
        filter: blur(16px);
    }

    50% {
        opacity: 0.7;
    }

    75% {
        opacity: 1;
        transform:
            translateX(0px) translateY(-50%) rotate(15deg) scale(1.00);
        filter: blur(0px);
    }

    100% {
        opacity: 0.95;
        transform:
            translateY(-50%) rotate(15deg) scale(1);
        filter: blur(0px);
    }
}

.framer-1m11tz9 {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 80px 40px 16px 80px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.framer-1h8q8hh {
    place-content: flex-start flex-end;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    overflow: visible;
    padding: 80px 80px 160px;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.framer-ugtpv4 {
    place-content: flex-end center;
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 50%;
    z-index: 1;
}

/* Questions Section Styles */
.questions-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    background-color: var(--bg-dark, rgb(0, 0, 51));
    overflow: hidden;
}

/* Overlay with rgb(7, 38, 35) and opacity 0.25 */
.questions-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 33, 0.75);
    z-index: 2;
    pointer-events: none;
}

.questions-container {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

.questions-title {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    line-height: 0.9em;
    text-align: center;
    color: var(--text-light, rgb(255, 255, 255));
    margin-bottom: 40px;
    opacity: 1;
}

/* Button Styles with Slide Effect */
.cta-button-wrapper {
    display: inline-block;
    opacity: 1;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    border: 2px solid var(--text-light, rgb(255, 255, 255));
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.button-content {
    position: relative;
    padding: 16px 32px;
    overflow: hidden;
    min-width: 200px;
}

.button-text {
    font-family: 'Fira Sans Variable', 'Fira Sans Placeholder', sans-serif;
    font-size: 24px;
    line-height: 160%;
    color: var(--text-light, rgb(255, 255, 255));
    margin: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    display: block;
    text-align: center;
}

.button-text-top {
    transform: translateY(0);
    opacity: 1;
}

.button-text-bottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    opacity: 0;
    padding: 16px 32px;
}

/* Hover effect - text slides up and appears from bottom */
.cta-button:hover .button-text-top {
    transform: translateY(-100%);
    opacity: 0;
}

.cta-button:hover .button-text-bottom {
    transform: translateY(0);
    opacity: 1;
}

/* Background Image with Zoom Animation */
.questions-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.questions-background img {
    display: block;
    width: 110%;
    height: 110%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
    transition: transform 0.1s ease-out;
    will-change: transform;
}

/* Form Overlay Styles */
.form-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.form-overlay.active {
    display: flex;
}

.form-container {
    position: relative;
    max-width: 90%;
    width: 440px;
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Close button */
.close-form {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    z-index: 10;
}

.close-form div {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgb(7, 38, 35);
    top: 50%;
    left: 0;
}

.close-form div:first-child {
    transform: rotate(-45deg);
}

.close-form div:last-child {
    transform: rotate(45deg);
}

/* Form Styles */
.form-wrapper {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    padding: 24px;
    position: relative;
	padding-top:45px;
}

.form-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
    column-gap: 8px;
}

.mobile-only {
    display: none;
}

@media (max-width: 900px) {
    .form-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .form-grid {
        grid-template-columns: 1fr !important;
    }
}

.form-field {
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    margin-bottom: 0px;
}

.form-label {
    margin-bottom: 6px;
    align-self: flex-start;
    padding: 0px;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: rgb(134, 130, 121);
}

.form-label .required {
    color: rgb(221, 0, 0);
    margin-left: 2px;
}

.form-input {
    width: 100%;
    margin-bottom: 0px;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-input:focus {
    box-shadow: 0 0 0 2px rgba(7, 38, 35, 0.2);
    border-color: rgb(7, 38, 35);
}

textarea.form-input {
    resize: vertical;
}

.form-input::placeholder {
    color: rgb(134, 130, 121);
    opacity: 1;
}

.checkbox-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px;
}

.checkbox-input {
    margin-bottom: 0px;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.checkbox-label {
    font-size: 14px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.4em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: rgb(134, 130, 121);
    border-radius: 8px;
    padding: 0px;
    cursor: pointer;
}

.submit-button {
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    display: block;
    background: rgb(0, 90, 79);
    color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: center;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.submit-button:hover {
    background: rgb(7, 38, 35);
    transform: translateY(-2px);
}

.privacy-text {
    margin-top: 20px;
    text-align: center;
}

.privacy-link {
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #d9b59a;
    text-decoration: none;
}

.privacy-link:hover {
    text-decoration: underline;
}

.success-message {
    text-align: center;
    padding: 40px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
}

.success-message h3 {
    color: rgb(7, 38, 35);
    margin-bottom: 15px;
    font-family: 'Forum', sans-serif;
    font-size: 28px;
}

.success-message p {
    color: rgb(134, 130, 121);
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
}

/* ---------- AMENITIES SECTION - PROPER CLASS NAMING (semantic, no extra effects) ---------- */
.amenities-container {
    width: 100%;
}

/* Main wrapper - replaces .framer-nYzAT.framer-1v9ivqh */
.amenities {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: min-content;
    padding: 80px;
    position: relative;
    overflow: hidden;
}

/* Header row - replaces .framer-1kh7l6 */
.amenities__header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
}

/* Title - replaces .framer-odnlmw */
.amenities__title {
    flex: none;
    width: auto;
    height: auto;
}

/* Description - replaces .framer-4k8xsb */
.amenities__description {
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
}

/* Grid container - replaces .framer-1mfglzc */
.amenities__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    height: min-content;
}

/* Each row - replaces .framer-r69jkh, .framer-yta18i, etc. */
.amenities__row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
}

/* Left amenity item (50% width) - replaces .framer-1tkwzss-container */
.amenities__item-left {
    flex: none;
    width: 50%;
    height: auto;
}

/* Right amenity item (flexible) - replaces .framer-1f2mhne-container */
.amenities__item-right {
    flex: 1 0 0;
    width: 1px;
    height: auto;
}

/* Amenity card inner - replaces .framer-PNNA2 framer-18awtw7 */
.amenity-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
}

/* Icon wrapper - replaces .framer-jzx3ff */
.amenity-card__icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

/* Amenity name - replaces .framer-1k7d0wa */
.amenity-card__name {
    text-align: center;
}

.amenity-card__name p {
    margin: 0;
}

/* ========== RESPONSIVE CSS (matches original framer breakpoints exactly) ========== */

/* Tablet view (810px width from original framer-v-oolds3 style) */
@media (max-width: 1023px) and (min-width: 768px) {
    .amenities {
        max-width: 810px;
        padding: 80px;
        gap: 60px;
    }
}

/* Mobile view (390px width from original framer-v-9h0da8) */
@media (max-width: 767px) {
    .amenities {
        padding: 80px 20px;
        gap: 40px;
    }

    /* Title becomes flexible width on mobile (from framer-v-9h0da8 .framer-odnlmw) */
    .amenities__title {
        flex: 1 0 0;
        width: 1px;
        text-align: center;
    }

    /* Each row becomes column on mobile */
    .amenities__row {
        flex-direction: column;
        gap: 24px;
    }

    /* Both left and right items take full width on mobile */
    .amenities__item-left,
    .amenities__item-right {
        width: 100%;
        flex: none;
    }

    /* Preserve original card layout on mobile (no horizontal changes) */
    .amenity-card {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .amenity-card__name {
        text-align: center;
    }
}

/* Small mobile (extra small devices) */
@media (max-width: 480px) {
    .amenities {
        padding: 80px 20px;
        gap: 32px;
    }

    .amenities__grid {
        gap: 20px;
    }

    .amenities__row {
        gap: 20px;
    }



    .amenities__description p {
        text-align: center;
    }

    .amenities__title p {
        text-align: center;
        max-width: 75%;
        margin: 0 auto;
    }
}

/* Large desktop (1920px from original framer-v-a3qten) */
@media (min-width: 1920px) {
    .amenities {
        max-width: 1920px;
        padding: 80px;
		overflow:visible;
    }
}

/* Preserve original text styles exactly */
.framer-text {
    margin: 0;
    font-family: inherit;
}

.framer-styles-preset-1gyj1i0 {
    font-size: inherit;
    line-height: inherit;
}

.framer-styles-preset-10v87a2 {
    font-size: inherit;
    line-height: inherit;
}

/* ========== CTA SECTION - PROPER CLASS NAMING & FULLY RESPONSIVE ========== */

/* Main container */
.cta-container {
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

/* CTA Wrapper */
.cta-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 800px;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

/* Background images container */
.cta__bg-image {
    position: absolute;
    overflow: hidden;
    z-index: 0;
    opacity: 0.09;
}

.cta__bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Individual background image positions */
.cta__bg-image--1 {
    aspect-ratio: 1.5;
    height: auto;
    width: 45%;
    top: 40px;
    left: 40px;
}

.cta__bg-image--2 {
    aspect-ratio: 1.5;
    height: auto;
    width: 27%;
    bottom: 102px;
    left: 185px;
}

.cta__bg-image--3 {
    aspect-ratio: 1.5;
    height: auto;
    width: 24%;
    top: 74px;
    right: 145px;
}

.cta__bg-image--4 {
    aspect-ratio: 1.5;
    height: auto;
    width: 44%;
    bottom: -75px;
    right: 3px;
}

/* Content wrapper */
.cta__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 47%;
    padding: 0 20px;
}

/* CTA Text */
.cta__text {
    color: #ffffff !important;
    font-size: 68px;
    letter-spacing: 2px;
    transition: all 0.4s ease;
    white-space: nowrap;
    line-height: 80px;
    text-align: center !important;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}

/* CTA Button */
.cta__button {
    display: inline-block;
    margin-top: 30px;
}

.cta__button .btn-fill {
    font-family: 'Fira Sans', sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    background: transparent;
    padding: 12px 32px;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}

.cta__button .btn-fill:hover {
    background: #fff;
    color: #005a4f;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* Tablet (768px - 1023px) */
@media (max-width: 1023px) {
    .cta-wrapper {
        height: 1080px;
    }

    .cta__text {
        font-size: 48px;
        line-height: 60px;
        white-space: normal;
        word-break: keep-all;
    }

    .cta__bg-image--1 {
        width: 50%;
        top: 30px;
        left: 30px;
    }

    .cta__bg-image--2 {
        width: 30%;
        bottom: 60px;
        left: 100px;
    }

    .cta__bg-image--3 {
        width: 28%;
        top: 50px;
        right: 80px;
    }

    .cta__bg-image--4 {
        width: 48%;
        bottom: -50px;
        right: -50px;
    }

    .cta__button .btn-fill {
        padding: 10px 28px;
        font-size: 12px;
    }

    .faq-subtitle {
        font-size: 42px;
    }

    h2,
    .framer-1hpa7v1 .framer-text {
        font-size: 42px;
    }

    .cta__content {
        width: 70%;
    }

    .restaurant-gallery__link .restaurant-gallery__link-arrow {
        opacity: 1;
        transform: translateX(0);
    }

    .restaurant-gallery__link .restaurant-gallery__link-text {
        color: #ffffff;
    }

    .faq-item.open .faq-answer {
        display: block;
        font-size: 20px !important;
    }

    .single-nomera .intro-section {
        height: 100vh;
    }

    .hero-home-details {
        flex-flow: column;
    }

    .header-bg {
        height: 72px;
    }

    .site-header {
        border-bottom: 1px solid white;
    }

    .framer-nUEvP .framer-1nl2ujy {
        left: unset;
        right: 0;
    }

    .card {
        height: 350px;
    }

}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
    .cta-wrapper {
        height: 844px;
        gap: 0;
    }

    .cta__text {
        font-size: 32px;
        line-height: 44px;
        letter-spacing: 1px;
        white-space: normal;
        word-wrap: break-word;
        padding: 0 10px;
    }

    .cta__button {
        margin-top: 24px;
    }

    .cta__button .btn-fill {
        padding: 8px 24px;
        font-size: 11px;
        letter-spacing: 0.15em;
    }

    /* Reposition background images for mobile */
    .cta__bg-image--1 {
        width: 60%;
        top: 20px;
        left: 20px;
        opacity: 0.06;
    }

    .cta__bg-image--2 {
        width: 35%;
        bottom: 40px;
        left: 50px;
        opacity: 0.06;
    }

    .cta__bg-image--3 {
        width: 32%;
        top: 30px;
        right: 30px;
        opacity: 0.06;
    }

    .cta__bg-image--4 {
        width: 55%;
        bottom: -30px;
        right: -30px;
        opacity: 0.06;
    }

    .faq-section {
        padding: 30px;
    }

    .framer-1s6n7vx {
        left: unset;
    }

    .card {
        height: 565px;
    }
}

/* Small mobile (up to 480px) */
@media (max-width: 480px) {
    .cta-wrapper {
        height: 400px;
    }

    .cta__text {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.5px;
    }

    .cta__button {
        margin-top: 20px;
    }

    .cta__button .btn-fill {
        padding: 6px 20px;
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .cta__bg-image--1 {
        width: 70%;
        top: 15px;
        left: 15px;
    }

    .cta__bg-image--2 {
        width: 40%;
        bottom: 30px;
        left: 30px;
    }

    .cta__bg-image--3 {
        width: 38%;
        top: 20px;
        right: 20px;
    }

    .cta__bg-image--4 {
        width: 65%;
        bottom: -20px;
        right: -20px;
    }
}

/* Desktop large (1200px - 1440px) */
@media (min-width: 1200px) and (max-width: 1440px) {
    .cta-wrapper {
        height: 700px;
    }

    .cta__text {
        font-size: 58px;
        line-height: 72px;
    }
}

/* Ultra wide (1920px+) */
@media (min-width: 1920px) {
    .cta-wrapper {
        max-width: 100%;
        height: 1080px;
    }

    .cta__text {
        font-size: 78px;
        line-height: 90px;
    }

    .cta__button .btn-fill {
        padding: 14px 40px;
        font-size: 16px;
    }
}

/* Landscape orientation for mobile */
@media (max-width: 767px) and (orientation: landscape) {
    .cta-wrapper {
        height: 350px;
    }

    .cta__text {
        font-size: 28px;
        line-height: 38px;
    }

    .cta__button {
        margin-top: 16px;
    }
}

/* Preserve original styling */
.framer-text {
    margin: 0;
}

.framer-styles-preset-1gyj1i0 {
    font-family: inherit;
}

a {
    text-decoration: none;
}

/* Responsive styles */
@media (max-width: 768px) {
    .questions-title {
        font-size: 50px;
    }

    .button-text {
        font-size: 18px;
    }

    .button-content {
        padding: 12px 24px;
        min-width: 160px;
    }

    .button-text-bottom {
        padding: 12px 24px;
    }

    .form-container {
        width: 95%;
    }

    .room-description {
        padding: 15px;
        flex-flow: column;
    }

    .room-description-inner {
        width: 100%;
        font-size: 30px;
        line-height: 1.1;
    }

    .room-description-img {
        width: 100%;
        right: 0;
    }

    .room-details {
        flex-flow: column;
        gap: 20px;
    }

    .framer-2l1smf,
    .framer-l3im95 {
        flex-flow: column;
        gap: 20px;
        padding: 15px;
    }

    .framer-6kp9j6,
    .framer-1ps5s52,
    .framer-18zcbac {
        width: 100%;
        flex: unset;
    }

    .framer-6oxy0d {
        width: 100%;
        flex: unset;
    }

    .room-details-inner {
        width: 100%;
        flex: unset;
        padding: 15px;
    }

    .room-details-img {
        width: 100%;
        right: 0;
        height: auto;
    }

    .framer-fvoid3,
    .framer-1s2o6qw,
    .framer-ddhzju {
        padding: 15px;
    }

    .framer-k00sji {
        height: auto;
    }

    .framer-1fk5s4w {
        padding: 15px;
        width: 100%;
        flex-flow: column;
    }

    .restaurant-intro-title p {
        font-size: 38px;
        line-height: 1.1;
    }

    .restaurant-intro-title {
        width: 100%;
        flex: unset
    }
}

/* Responsive */
@media (max-width: 809px) {

    .framer-styles-preset-1gyj1i0:not(.rich-text-wrapper) h2,
    .framer-styles-preset-1l72zt8:not(.rich-text-wrapper) h1 {
        font-size: 28px;
    }

    .restaurant-card .card-title {
        font-size: 36px;
    }

    .framer-dkjfo2 {
        padding: 60px 20px;
    }

    .framer-194x8nz {
        padding: 40px 20px;
    }

    .framer-1hbvlbc {
        flex-direction: column;
    }
}

/* Responsive Styles */
@media (max-width: 768px) {
    .faq-item {
        padding: 20px 24px;
    }

    .faq-question-text {
        font-size: 16px;
    }

    .faq-answer {
        font-size: 14px;
    }

    .faq-title {
        font-size: 10px;
    }

    .faq-subtitle {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .faq-item {
        padding: 16px 20px;
    }

    .faq-question-row {
        gap: 15px;
    }

    .faq-question-text {
        font-size: 14px;
    }

    .faq-arrow-icon {
        width: 30px;
        height: 24px;
    }

    .faq-arrow-svg {
        width: 30px;
        height: 22px;
    }

    .menu-nav {
        padding: 24px;
        width: 100%;
    }

    .mobile-only {
        display: block;
    }

    .menu-nav a.nav-item {
        font-size: 32px;
        color: rgba(255, 255, 255, .7) !important;
        opacity: .5 !important;
    }

    .menu-nav a.nav-item:hover {
        font-size: 32px;
        color: rgba(255, 255, 255, 1) !important;
    }

    .site-header.menu-open .burger span:nth-child(1) {
        top: 3px;
        transform: rotate(45deg);
        position: relative;
    }
}

@media (max-width:1919px) and (min-width:1200px) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 40px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:1199px) and (min-width:810px) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 26px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1.4em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

@media (max-width:809px) and (min-width:0) {

    .framer-yxvqH .framer-styles-preset-1c6m0gd:not(.rich-text-wrapper),
    .framer-yxvqH .framer-styles-preset-1c6m0gd.rich-text-wrapper h3 {
        font-family: "Forum", sans-serif;
        --framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
        font-size: 20px;
        --framer-font-style: normal;
        --framer-font-variation-axes: normal;
        font-weight: 400;
        --framer-letter-spacing: -.04em;
        line-height: 1.4em;
        --framer-paragraph-spacing: 40px;
        --framer-text-alignment: start;
        --framer-text-color: #000;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none
    }
}

/* Form Grid Styles */
.v1-form-grid {
    display: grid;
    width: 100%;
/*     grid-template-columns: repeat(1, 1fr); */
    gap: 20px 8px;
}

.v1-form-grid input.framer-custom-input::placeholder,
.v1-form-grid input.framer-custom-input::-webkit-input-placeholder,
.v1-form-grid input.framer-custom-input::-moz-placeholder,
.v1-form-grid input.framer-custom-input:-ms-input-placeholder,
.v1-form-grid input.framer-custom-input::-ms-input-placeholder,
.v1-form-grid textarea.framer-custom-input::placeholder,
.v1-form-grid textarea.framer-custom-input::-webkit-input-placeholder,
.v1-form-grid textarea.framer-custom-input::-moz-placeholder,
.v1-form-grid textarea.framer-custom-input:-ms-input-placeholder,
.v1-form-grid textarea.framer-custom-input::-ms-input-placeholder {
    color: rgb(134, 130, 121) !important;
    opacity: 1 !important;
}

.v1-form-grid input.framer-custom-input::placeholder,
.v1-form-grid textarea.framer-custom-input::placeholder {
    color: rgb(134, 130, 121) !important;
}

/* Form Field Styles */
.v1-form-field {
    display: flex;
    flex-direction: column;
    grid-column: span 1;
    margin-bottom: 0;
}

.v1-form-field.v1-form-field-full {
    grid-column: span 2;
}

.v1-form-label {
    margin-bottom: 6px;
    align-self: flex-start;
    padding: 0;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: rgb(134, 130, 121);
	display: inline-block;
    margin-bottom: 6px;
}

.v1-form-label .v1-required {
    color: rgb(221, 0, 0);
    margin-left: 2px;
}

.v1-form-input {
    width: 100%;
    margin-bottom: 0;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.v1-form-input:focus {
    border-color: rgb(0, 90, 79);
    box-shadow: 0 0 0 2px rgba(0, 90, 79, 0.2);
}

.v1-form-select {
    width: 100%;
    margin-bottom: 0;
    padding: 12px 40px 12px 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.v1-form-select:focus {
    border-color: rgb(0, 90, 79);
    box-shadow: 0 0 0 2px rgba(0, 90, 79, 0.2);
}

.v1-select-wrapper {
    position: relative;
    width: 100%;
}

.v1-select-wrapper .v1-select-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
}

.v1-form-textarea {
    width: 100%;
    margin-bottom: 0;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    resize: vertical;
    min-height: 80px;
}

.v1-form-textarea:focus {
    border-color: rgb(0, 90, 79);
    box-shadow: 0 0 0 2px rgba(0, 90, 79, 0.2);
}

.v1-form-submit-wrapper {
    grid-column: span 2;
    width: 100%;
    display: block;
    margin-top: 16px;
}

.v1-form-submit {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: block;
    background: rgb(0, 90, 79);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 8px;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1em;
    text-align: center;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.v1-form-submit:hover {
    background: rgb(0, 110, 96);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 14px;
    transform: translateY(-1px);
}

.v1-form-submit:active {
    background: rgb(0, 70, 62);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
    transform: translateY(0);
}

.v1-form-checkbox-wrapper {
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    margin-bottom: 0;
}

.v1-form-checkbox-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.v1-form-checkbox {
    margin-bottom: 0;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgb(255, 255, 255);
    color: rgb(17, 18, 17);
    border: 1px solid rgb(243, 243, 242);
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.v1-form-checkbox-label,  .wpcf7-list-item-label {
    font-size: 14px;
    font-family: 'PT Sans', 'PT Sans Placeholder', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: rgb(134, 130, 121);
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
}
.wpcf7-list-item{
    display: flex;
    align-items: start;
    margin: 0;
    gap: 8px;
}
/* Responsive Styles */
@media (max-width: 900px) {
    .v1-form-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .v1-form-field,
    .v1-form-field.v1-form-field-full,
    .v1-form-checkbox-wrapper,
    .v1-form-submit-wrapper {
        grid-column: span 1 !important;
    }
}

@media (max-width: 600px) {
    .v1-form-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .framer-nUEvP .framer-1nl2ujy {
        left: 0;
        right: 0;
    }

    .framer-nUEvP .framer-qhosz9 {
        padding: 20px;
    }

    .framer-v3wqea {
        width: 100%;
    }

    .framer-65v67d {
        padding: 20px;
    }

    .framer-nUEvP .framer-n8a06m {
        flex-direction: column;
        gap: 20px;
    }

    .framer-ih2cpy,
    .framer-86l8mq {
        width: 100%;
    }

    .framer-4FNaY.framer-1jarwy5 {
        padding: 0;
        height: 800px
    }

    .framer-4FNaY .framer-qsd4od {
        width: 90%;
        margin: 0 auto;
        top: 150px;
        padding: 30px 15px;
    }

    .framer-4FNaY .framer-bh3ocn {
        padding: 0px;
    }

    .framer-4FNaY .framer-31swev {
        width: 100%;
        height: 600px;
        left: 0;
    }

    .framer-4FNaY .framer-31swev img {
        height: 600px;
        object-fit: cover;
        width: 100%;
    }

    .framer-156b7r9 {
        padding: 20px;
    }

    .framer-1rah7j0 {
        width: 100%;
    }

    .framer-4FNaY .framer-bb2cj0,
    .framer-4FNaY .framer-11aydqo,
    .framer-4FNaY .framer-ra22zk {
        width: 100%;
        font-size: 12px;
        justify-content: start
    }

    p.room-info {
        font-size: 14px;
    }
}

.framer-k7luu .framer-5yjxgd {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 60px;
    height: min-content;
    max-width: 100%;
    padding: 80px 30px;
    position: relative;
    width: 100%;
}

.framer-k7luu .framer-4hg5up {
    display: grid;
    flex: 0 0 auto;
    gap: 40px;
    grid-auto-rows: minmax(0px, 1fr);
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    height: min-content;
    justify-content: center;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-k7luu .framer-17o20ek {
    place-content: flex-start;
    align-items: flex-start;
    place-self: start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-k7luu .framer-ekdh0z-container {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
}

.framer-k7luu .framer-h6a51 {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: min-content;
    overflow: visible;
    padding: 80px 40px;
    position: relative;
    scroll-margin-top: 80px;
    width: 100%;
}

.framer-k7luu .framer-14xpj {
    --framer-link-text-color: #0099ff;
    --framer-link-text-decoration: underline;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
    will-change: var(--framer-will-change-effect-override, transform);
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-k7luu .framer-ywc8ql {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 15px;
    height: min-content;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 480px;
}

.framer-k7luu .framer-14ebbbd-container {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 400px;
}

.framer-k7luu .framer-jvj9lq {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

/* Review Card Styles */
.framer-GFWCo.framer-mrp4x8 {
    place-content: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 500px;
}

.framer-GFWCo .framer-1ds9vud {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 100%;
}

.framer-GFWCo .framer-xutjs1 {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 16px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.framer-GFWCo .framer-1os42ht,
.framer-GFWCo .framer-12spiek,
.framer-GFWCo .framer-v4ss1,
.framer-GFWCo .framer-21ks3e,
.framer-GFWCo .framer-mm0yb9,
.framer-GFWCo .framer-19rgz0r,
.framer-GFWCo .framer-1kahdjq {
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    height: var(--framer-aspect-ratio-supported, 24px);
    position: relative;
    width: 24px;
}

.framer-GFWCo .framer-p5gsu7 {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 24px 0px;
    position: relative;
    width: 100%;
}

.framer-GFWCo .framer-1aud8mn {
    place-content: flex-start center;
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: auto;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.framer-GFWCo .framer-1nglnu6 {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 1px;
}

.framer-GFWCo .framer-1e5mqrs {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.framer-GFWCo .framer-1lst02l,
.framer-GFWCo .framer-vftfe1,
.framer-GFWCo .framer-vqh40g {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.framer-GFWCo .framer-mnpeeg {
    place-content: flex-end center;
    align-items: flex-end;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: auto;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.framer-GFWCo .framer-18m3go0 {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 8px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: auto;
}

.framer-GFWCo .framer-1gufwkz,
.framer-GFWCo .framer-1m5fq0x {
    flex: 0 0 auto;
    height: 1px;
    overflow: hidden;
    position: relative;
    width: 80px;
}

.framer-GFWCo .framer-1xdoeqj {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.framer-GFWCo .framer-1kknqge {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%;
}

.framer-GFWCo .framer-e5js30-container {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.framer-GFWCo .framer-ogrncu {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 16px 0px 0px;
    position: relative;
    width: 50%;
}

.framer-GFWCo .framer-mz6c5g {
    flex: 0 0 auto;
    height: 1px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: var(--token-691a38ed-5b56-4442-88f9-44fee6e6946a, #fff);
}



@media (max-width: 809px) {
    .framer-k7luu .framer-4hg5up {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }

    .framer-k7luu .framer-ywc8ql {
        width: 100%;
    }

    .framer-k7luu .framer-14ebbbd-container {
        width: 100%;
    }

    .header-bar {
        /* padding: 12px 20px; */
    }

    .framer-ztnyb .framer-styles-preset-1l72zt8 h1 {
        font-size: 48px;
    }
}

:root {
    --color-dark-bg: #000319;
    --color-white: #ffffff;
    --color-gold: #d9b59a;
    --color-gold-light: #ab886d;
    --font-primary: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    --font-primary-variable: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    --font-heading: "Forum", sans-serif;
}

/* Layout */
.restaurant-page {
    min-height: 100vh;
    width: 100%;
}



/* Hero Section */
.restaurant-hero {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.restaurant-hero__content {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 16px;
    height: 100vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}

.restaurant-hero__image-container {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.restaurant-hero__image-bg {
    filter: brightness(0.9);
    height: 100vh;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

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

.restaurant-hero__title-wrapper {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 16px;
    height: min-content;
    overflow: hidden;
    padding: 64px 0 0;
    position: relative;
    width: 80%;
    z-index: 2;
}



.restaurant-hero__title {
    font-family: var(--font-heading);
    font-size: 100px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    color: var(--color-white);
    font-feature-settings: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
}

.restaurant-hero__info {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 5px;
    height: min-content;
    overflow: visible;
    padding: 80px 40px 0;
    position: relative;
    width: 100%;
    z-index: 3;
    justify-content: center;
}

.restaurant-hero__info-text {
    font-family: var(--font-primary);
    line-height: 120%;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
}

.restaurant-hero__info-hours {
    font-family: var(--font-primary);
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: var(--color-white);
    font-size: 16px;
}

/* Intro Section */
.restaurant-intro {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 120px;
    height: min-content;
    max-width: 1920px;
    overflow: visible;
    padding: 200px 160px 280px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.restaurant-intro__main {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.restaurant-intro__text {
    font-family: var(--font-heading);
    font-size: 64px;
    line-height: 100%;
    color: var(--color-white);
    width: 80%;
    pointer-events: auto;
    user-select: none;
}

.restaurant-intro__aside {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.restaurant-intro__subtitle {
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 160%;
    color: var(--color-white);
    width: 50%;
}

.restaurant-intro__decor-left {
    aspect-ratio: 1.73244 / 1;
    bottom: -350px;
    height: auto;
    left: -409px;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    width: 60%;
    z-index: 0;
}

.restaurant-intro__decor-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.restaurant-intro__decor-right {
    aspect-ratio: 1.73244 / 1;
    bottom: 313px;
    height: auto;
    right: -200px;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    width: 43%;
    z-index: 0;
}

.restaurant-intro__decor-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Gastronomy Section */
.restaurant-gastronomy {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 40px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.restaurant-gastronomy__title {
    font-family: var(--font-heading);
    font-size: 68px;
    font-weight: 400;
    line-height: 0.9em;
    color: var(--color-gold);
}

.restaurant-gastronomy__columns {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.restaurant-gastronomy__column {
    flex: 1 0 0px;
    height: auto;
    position: relative;
    width: 100%;
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 160%;
    color: var(--color-white);
}

/* Restaurant Cards */
.restaurant-cards {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 0;
    height: min-content;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.restaurant-cards__grid {
    display: flex;
    flex-flow: row;
    flex: 1 0 0px;
    height: 80vh;
    position: relative;
    width: 1px;
}

.restaurant-card {
    position: relative;
    flex: 1 0 0px;
    height: 80vh;
    min-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 80px 40px;
    text-decoration: none;
    color: var(--color-white);
}

.restaurant-card__image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

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

.restaurant-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.restaurant-card__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.restaurant-card__title {
    font-family: var(--font-heading);
    font-size: 56px;
    line-height: 1.1em;
    color: var(--color-white);
}

.restaurant-card__readmore {
    display: inline-flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    font-family: var(--font-primary);
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 1.6em;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.restaurant-card:hover .restaurant-card__readmore {
    color: var(--color-gold);
}

.restaurant-card:hover .restaurant-card__title {
    color: var(--color-gold);
}

/* Concept Section */
.restaurant-concept {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 0;
    height: min-content;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.restaurant-concept__header {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 40px 40px 16px 80px;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin:0 auto;
    margin:0 auto;
}

.restaurant-concept__label-group {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 4px;
    height: min-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 80%;
}

.restaurant-concept__label {
    font-family: var(--font-primary);
    font-size: 16px;
    letter-spacing: 0.4em;
    line-height: 1.6em;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.restaurant-concept__title {
    font-family: var(--font-heading);
    font-size: 68px;
    font-weight: 400;
    line-height: 0.9em;
    color: var(--color-gold);
    width: 100%;
}

.restaurant-concept__body {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    
}

.restaurant-concept__spacer {
    flex: 0 0 auto;
    height: 155px;
    overflow: hidden;
    position: relative;
    width: 40%;
}

.restaurant-concept__content {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 24px;
    height: min-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1px;
    flex: 1 0 0px;
}

.restaurant-concept__text {
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 160%;
    color: var(--color-white);
    font-family: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
}

/* Gallery Section */
.restaurant-gallery {
    position: relative;
    width: 1200px;
    height: 640px;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto;
}

.restaurant-gallery__track {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    will-change: transform;
}

.restaurant-gallery__track li {
    flex-shrink: 0;
    width: 1106px;
    height: 640px;
}

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

/* Contact Section */
.restaurant-contact {
    flex: 0 0 auto;
    order: 1001;
    width: 100%;
    height: auto;
    position: relative;
}

/* Responsive */
@media (max-width: 1200px) {
    .restaurant-hero__title {
        font-size: 42px;
    }

    .restaurant-gastronomy__title,
    .restaurant-concept__title {
        font-size: 42px;
    }

    .restaurant-intro__text {
        font-size: 64px;
        width: 100%;
    }

    .restaurant-intro__subtitle {
        width: 70%;
    }

    .restaurant-card__title {
        font-size: 40px;
    }

    .restaurant-gastronomy__columns {
        flex-flow: column;
    }

    .restaurant-concept__body {
        flex-flow: row;
        padding: 40px;
    }

    .restaurant-concept__spacer {
        width: 50%;
        height: 80px;
    }

    .restaurant-concept__content {
        width: 50%;
    }

    .restaurant-gallery__track li {
        width: 100vw;
        height: 56vw;
    }

    .restaurant-gallery {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1023px) {

    .restaurant-concept__text,
    .restaurant-intro__subtitle,
    .restaurant-gastronomy__column {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .restaurant-hero__title {
        font-size: 42px;
    }

    .restaurant-gastronomy__title,
    .restaurant-concept__title {
        font-size: 28px;
    }

    .restaurant-intro__text {
        font-size: 36px;
    }

    .restaurant-intro__subtitle {
        width: 100%;
        font-size: 18px;
    }

    .restaurant-card__title {
        font-size: 32px;
    }

    .restaurant-cards__grid {
        flex-flow: column;
        height: auto;
    }

    .restaurant-card {
        height: 50vh;
        min-height: 300px;
    }

    .restaurant-intro {
        padding: 80px 40px;
    }

    .restaurant-gastronomy {
        padding: 40px;
    }

    .restaurant-concept__header {
        padding: 40px;
    }

    .framer-164qx9p {
        padding: 30px 15px;
    }

    .single-post h2 {
        font-size: 28px;
        line-height: 1.1;
    }

    .single-post .framer-sd6am0 {
        width: 100%;
    }
}

/* ========== PAGE WRAPPER ========== */
.services-page-wrapper {
    background-color: var(--token-faa1bcfd-ef6f-4d2b-98c6-19a2ac68d50c, rgb(7, 38, 35));
    min-height: 100vh;
    width: auto;
}

.services-page-inner {
    background-color: #072623;
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 0px;
    max-width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

/* ========== HERO ========== */
.services-hero {
    z-index: 1;
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100vh;
    padding: 40px 64px;
    display: flex;
    position: relative;
    overflow: visible;
}

.services-hero-bg {
    flex: 0 0 auto;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0%;
    overflow: hidden;
}

.services-hero-img {
    filter: brightness(0.9);
    opacity: 0.8;
    flex: 0 0 auto;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0%;
    overflow: hidden;
}

.services-hero-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-hero-content {
    z-index: 2;
    flex-flow: column;
    flex: 1 0 0px;
    place-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 1px;
    padding: 80px 0px 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-breadcrumbs {
    flex-flow: row;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: min-content;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-breadcrumb-item {
    --framer-paragraph-spacing: 0px;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    position: relative;
}

.services-breadcrumb-link {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: #fff;
}

.services-breadcrumb-sep {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.services-hero-title {
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 1;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
}

.services-hero-title h1 {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    color: #fff;
    font-feature-settings: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
}

/* ========== BOOKING WIDGET ========== */
.services-widget {
    z-index: 2;
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 64px;
    width: 100%;
    height: min-content;
    padding: 40px;
    display: flex;
    position: relative;
    overflow: visible;
}

.services-widget-inner {
    flex: 0 0 auto;
    width: 960px;
    max-width: 100%;
    height: auto;
    position: relative;
}

/* ========== INTRO BLOCK ========== */
.services-intro {
    z-index: 0;
    flex-flow: column;
    flex: 0 0 auto;
    place-content: flex-start;
    align-items: flex-start;
    gap: 120px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 120px 80px 80px;
    display: flex;
    position: relative;
    overflow: visible;
    margin:0 auto;
}

.services-intro-header {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-intro-title {
    user-select: none;
    pointer-events: auto;
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 0 0 auto;
    width: 80%;
    height: auto;
    position: relative;
}

.services-intro-title p {
    font-family: 'Forum', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 120%;
    color: #fff;
}

.services-intro-subtitle {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: flex-end;
    align-items: flex-end;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-intro-subtitle-inner {
    user-select: none;
    pointer-events: auto;
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 0 0 auto;
    width: 50%;
    height: auto;
    position: relative;
}

.services-intro-text {
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
}

.services-intro-text a {
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    text-decoration: none;
}

.services-intro-text a:hover {
    color: #ab886d;
}

.services-decor-img-1,
.services-decor-img-2 {
    aspect-ratio: 1.73244 / 1;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    z-index: 0;
    flex: 0 0 auto;
    gap: 10px;
    position: absolute;
    overflow: hidden;
}

.services-decor-img-1 {
    height: auto;
    width: 62%;
    bottom: -9px;
    left: -176px;
}

.services-decor-img-2 {
    height: 115px;
    width: 43%;
    bottom: 709px;
    left: 707px;
}

.services-decor-img-1 img,
.services-decor-img-2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== SERVICE CARDS ========== */
.services-cards-section {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
}

.services-cards-grid {
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    gap: 60px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
}

.services-cards-inner {
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-auto-rows: minmax(0px, 1fr);
    justify-content: center;
    gap: 0px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: grid;
    position: relative;
}

.service-card {
    flex-flow: row;
    flex: 0 0 auto;
    place-content: flex-start;
    place-self: start;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
    height: min-content;
    padding: 0px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.service-card-inner {
    cursor: pointer;
    flex-flow: column;
    place-content: flex-start flex-end;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 640px;
    padding: 80px 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.service-card-title {
    --framer-text-wrap: balance;
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
}

.service-card-title p {
    font-family: 'Forum', sans-serif;
    font-size: 48px;
    line-height: 1.1em;
    color: #fff;
}

.service-card-overlay {
    z-index: 1;
    flex: 0 0 auto;
    position: absolute;
    inset: 0px;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
}

.service-card-image {
    z-index: 0;
    flex: 0 0 auto;
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

.service-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== SERVICES TEXT CONTENT ========== */
.services-text-section {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.services-text-title {
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 0 0 auto;
    width: 70%;
    height: auto;
    position: relative;
}

/* .services-text-title h2 {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 0.9em;
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
} */

.services-text-list-wrapper {
    flex-flow: row;
    flex: 0 0 auto;
    place-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-text-list {
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 1 0 0px;
    width: 1px;
    height: auto;
    position: relative;
}

.services-text-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-text-list li {
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
    padding-left: 2ch;
    position: relative;
}

.services-text-list li::before {
    content: '•';
    position: absolute;
    left: 0;
}

.services-text-section-right {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: flex-end center;
    align-items: flex-end;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    height: min-content;
    padding: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.services-text-list-right {
    flex-flow: row;
    flex: 0 0 auto;
    place-content: flex-end;
    align-items: flex-end;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-text-list-inner {
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 0 0 auto;
    width: 50%;
    height: auto;
    position: relative;
}

.services-text-list-inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-text-list-inner li {
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
    padding-left: 2ch;
    position: relative;
}

.services-text-list-inner li::before {
    content: '•';
    position: absolute;
    left: 0;
}

/* ========== CTA SECTION ========== */
.services-cta {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
}

.services-cta-wrapper {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1920px;
    height: 800px;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: rgb(4, 51, 45);
    margin:0 auto;
}

.services-cta-bg {
    position: absolute;
    overflow: hidden;
    opacity: 0.09;
}

.services-cta-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-cta-bg-1 {
    aspect-ratio: 1.5 / 1;
    height: 350px;
    bottom: -75px;
    right: -69px;
    width: 44%;
}

.services-cta-bg-2 {
    aspect-ratio: 1.5 / 1;
    height: 358px;
    top: 40px;
    left: 40px;
    width: 45%;
}

.services-cta-bg-3 {
    aspect-ratio: 1.5 / 1;
    height: 218px;
    bottom: 102px;
    left: 185px;
    width: 27%;
}

.services-cta-bg-4 {
    aspect-ratio: 1.5 / 1;
    height: 192px;
    top: 74px;
    right: 145px;
    width: 24%;
}

.services-cta-content {
    z-index: 2;
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center;
    align-items: center;
    gap: 40px;
    width: 675px;
    height: min-content;
    padding: 0px;
    display: flex;
    position: relative;
}

.services-cta-title {
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.services-cta-title h2 {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 0.9em;
    color: #fff;
    text-align: center;
}

.services-cta-btn {
    cursor: pointer;
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 0px;
    width: min-content;
    height: min-content;
    padding: 20px 48px;
    text-decoration: none;
    display: flex;
    position: relative;
    border: 2px solid #fff;
    transition: background-color 0.3s;
}

.services-cta-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.services-cta-btn-text {
    flex-flow: column;
    flex: 0 0 auto;
    place-content: center flex-start;
    align-items: center;
    gap: 2px;
    width: min-content;
    height: 36px;
    padding: 0px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services-cta-btn-text span {
    font-family: 'Fira Sans Variable', sans-serif;
    font-size: 24px;
    line-height: 160%;
    color: #fff;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1199px) {

    .services-hero-title h1,
    .services-text-title h2,
    .services-cta-title h2 {
        font-size: 60px;
    }

    .services-intro {
        padding: 80px 40px;
        gap: 60px;
    }

    .services-text-section,
    .services-text-section-right {
        padding: 40px;
    }

    .services-text-list ul li,
    .services-text-list-inner ul li {
        font-size: 18px;
    }

    .services-cards-inner {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }

    .services-cta-wrapper {
        height: auto;
        min-height: 500px;
        padding: 60px 20px;
    }

    .service-card-inner {
        height: 400px;
    }
}

@media (max-width: 1023px) {
    .framer-k7luu .framer-4hg5up {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }

    /* .hero-image,
    .hero-section,
    .services-hero,
    .intro-section-img, .intro-section {
        height: 80vh;
    } */


}

@media (max-width: 809px) {
    .services-hero-title h1 {
        font-size: 40px;
    }

    .services-hero {
        padding: 40px 20px;
    }

    .services-intro {
        padding: 60px 20px;
        gap: 40px;
    }

    .services-intro-title p {
        font-size: 28px;
    }

    .services-intro-subtitle-inner {
        width: 100%;
    }

    .services-intro-text {
        font-size: 16px;
    }

    .services-text-section,
    .services-text-section-right {
        padding: 40px 20px;
    }

    .services-text-title {
        width: 100%;
    }

    .services-text-title h2 {
        font-size: 28px;
    }

    .services-text-list-inner {
        width: 100%;
    }

    .services-text-list ul li,
    .services-text-list-inner ul li {
        font-size: 16px;
    }

    .service-card-title p {
        font-size: 32px;
    }

    .service-card-inner {
        height: 300px;
        padding: 40px 20px;
    }

    .services-cta-title h2 {
        font-size: 36px;
    }

    .services-decor-img-1,
    .services-decor-img-2 {
        display: none;
    }
}

/* ============================================
   CONTACT PAGE STYLES - BEM Naming Convention
   Fully Responsive
   ============================================ */

/* CSS Variables */
:root {
    --contact-primary: #072623;
    --contact-accent: #d9b59a;
    --contact-accent-hover: #ab886d;
    --contact-white: #ffffff;
    --contact-dark-overlay: rgba(0, 0, 0, 0.4);
    --contact-transition: all 0.3s ease;
}

/* ============================================
   BASE CONTAINER
============================================ */
.contact-page {
    min-height: 100vh;
    width: 100%;
    background-color: var(--contact-primary);
}

/* ============================================
   LINK STYLES (Preserving original framer styles)
============================================ */

/* Preserve original framer class for compatibility */
.framer-styles-preset-rakkvx:not(.rich-text-wrapper),
.framer-styles-preset-rakkvx.rich-text-wrapper a {
    --framer-link-current-text-decoration: none;
    --framer-link-hover-text-color: #ab886d;
    --framer-link-hover-text-decoration: none;
    --framer-link-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-link-text-decoration: none;
    color: var(--framer-link-text-color);
    text-decoration: var(--framer-link-text-decoration);
}

.framer-styles-preset-rakkvx:not(.rich-text-wrapper):hover,
.framer-styles-preset-rakkvx.rich-text-wrapper a:hover {
    color: var(--framer-link-hover-text-color);
    text-decoration: var(--framer-link-hover-text-decoration);
}

/* Base link styles for contact page */
.contact-page a:not(.contact-button):not(.contact-social-icons__link):not(.contact-social-row__link) {
    --framer-link-current-text-decoration: none;
    --framer-link-hover-text-color: #ab886d;
    --framer-link-hover-text-decoration: none;
    --framer-link-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-link-text-decoration: none;

    color: var(--framer-link-text-color);
    text-decoration: var(--framer-link-text-decoration);
    transition: var(--contact-transition);
}

.contact-page a:not(.contact-button):not(.contact-social-icons__link):not(.contact-social-row__link):hover {
    color: var(--framer-link-hover-text-color);
    text-decoration: var(--framer-link-hover-text-decoration);
}

/* Contact info specific links */
.contact-info-block__value a,
.contact-row__phone a,
.contact-hours__value a {
    --framer-link-current-text-decoration: none;
    --framer-link-hover-text-color: #ab886d;
    --framer-link-hover-text-decoration: none;
    --framer-link-text-color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    --framer-link-text-decoration: none;

    color: var(--framer-link-text-color);
    text-decoration: var(--framer-link-text-decoration);
    font-family: inherit;
    transition: var(--contact-transition);
}

.contact-info-block__value a:hover,
.contact-row__phone a:hover,
.contact-hours__value a:hover {
    color: var(--framer-link-hover-text-color);
    text-decoration: var(--framer-link-hover-text-decoration);
}

/* Email and phone link specific styles */
.contact-info-block__value a[href^="mailto:"] {
    word-break: break-all;
}

.contact-row__phone a {
    white-space: nowrap;
}

/* ============================================
   SVG ICON STYLES - Matching Link Colors
============================================ */

/* Base SVG icon styles */
.contact-social-icons__icon,
.contact-social-row__icon,
.contact-social-icons svg,
.contact-social-row svg {
    fill: var(--contact-accent);
    color: var(--contact-accent);
    transition: var(--contact-transition);
}

/* SVG hover states */
.contact-social-icons__link:hover .contact-social-icons__icon,
.contact-social-icons__link:hover svg,
.contact-social-row__link:hover+.contact-social-row__icon,
.contact-social-row:hover .contact-social-row__icon {
    fill: var(--contact-accent-hover);
    color: var(--contact-accent-hover);
}

/* Specific SVG path styles */
.contact-social-icons__icon path,
.contact-social-row__icon path,
.contact-social-icons svg path,
.contact-social-row svg path {
    fill: inherit;
    transition: var(--contact-transition);
}

/* For SVG icons inside links */
a .contact-social-icons__icon,
a .contact-social-row__icon,
a svg.icon {
    fill: var(--contact-accent);
}

a:hover .contact-social-icons__icon,
a:hover .contact-social-row__icon,
a:hover svg.icon {
    fill: var(--contact-accent-hover);
}

/* Social icons container hover effect */
.contact-social-icons__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    transition: var(--contact-transition);
}

.contact-social-icons__link:hover {
    transform: translateY(-2px);
}

.contact-social-icons__link:hover .contact-social-icons__icon,
.contact-social-icons__link:hover svg,
.contact-social-icons__link:hover svg path {
    fill: var(--contact-accent-hover);
}

/* Social row icon styles */
.contact-social-row__icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    fill: var(--contact-accent);
}

.contact-social-row:hover .contact-social-row__icon,
.contact-social-row__link:hover+.contact-social-row__icon {
    fill: var(--contact-accent-hover);
}

/* Instagram icon specific (if using use href) */
svg use {
    fill: inherit;
    color: inherit;
}

/* Preserve original framer SVG styles */
[data-framer-component-type="SVG"] svg,
[data-framer-component-type="SVG"] svg path,
[data-framer-component-name="TelegramLogo"] svg,
[data-framer-component-name="TelegramLogo"] svg path,
[data-framer-component-name="WhatsappLogo"] svg,
[data-framer-component-name="WhatsappLogo"] svg path,
[data-framer-component-name="Insta"] svg,
[data-framer-component-name="Insta"] svg path {
    fill: var(--contact-accent);
    transition: var(--contact-transition);
}

[data-framer-component-type="SVG"]:hover svg,
[data-framer-component-type="SVG"]:hover svg path,
[data-framer-component-name="TelegramLogo"]:hover svg,
[data-framer-component-name="TelegramLogo"]:hover svg path,
[data-framer-component-name="WhatsappLogo"]:hover svg,
[data-framer-component-name="WhatsappLogo"]:hover svg path,
[data-framer-component-name="Insta"]:hover svg,
[data-framer-component-name="Insta"]:hover svg path {
    fill: var(--contact-accent-hover);
}

/* ============================================
   HERO SECTION
============================================ */
.contact-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    padding: 40px 20px;
}

@media (min-width: 768px) {
    .contact-hero {
        padding: 40px 64px;
    }
}

.contact-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.contact-hero__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
    opacity: 0.8;
}

.contact-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

.contact-hero__title {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-weight: 300;
    font-size: clamp(2rem, 8vw, 4rem);
    line-height: 1.2;
    color: var(--contact-white);
    margin: 0;
}

/* ============================================
   CONTENT SECTION
============================================ */
.contact-content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0 160px;
}

@media (max-width: 768px) {
    .contact-content {
        padding: 0 0 80px;
    }
}

.contact-content__header {
    padding: 40px 20px;
}

@media (min-width: 768px) {
    .contact-content__header {
        padding: 80px;
    }
}

.contact-content__subtitle {
    font-size: 68px;
    line-height: 100%;
    color: var(--contact-white);
    max-width: 640px;
    margin: 0;
}

/* ============================================
   TWO COLUMN LAYOUT
============================================ */
.contact-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
}

@media (min-width: 992px) {
    .contact-grid {
        flex-direction: row;
        gap: 80px;
        padding: 0 40px;
    }
}

@media (min-width: 1200px) {
    .contact-grid {
        max-width: 1400px;
        margin: 0 auto;
    }
}

.contact-grid__map {
    flex: 1;
    position: relative;
    min-height: 300px;
}

@media (min-width: 768px) {
    .contact-grid__map {
        min-height: 400px;
    }
}

@media (min-width: 992px) {
    .contact-grid__map {
        min-height: auto;
        align-self: stretch;
    }
}

.contact-grid__map-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact-grid__info {
    flex: 1;
    padding: 0;
}

@media (min-width: 768px) {
    .contact-grid__info {
        padding: 40px;
    }
}

/* ============================================
   INFO BLOCKS
============================================ */
.contact-info-block {
    margin-bottom: 48px;
}

.contact-info-block:last-child {
    margin-bottom: 0;
}

.contact-info-block__divider {
    height: 1px;
    background-color: var(--contact-white);
    opacity: 0.19;
    margin: 48px 0;
}

@media (max-width: 576px) {
    .contact-info-block__divider {
        margin: 32px 0;
    }
}

.contact-info-block__label {
    font-size: clamp(0.875rem, 3vw, 1rem);
    font-weight: 400;
    letter-spacing: 0.05em;
    color: var(--contact-white);
    margin: 0 0 16px 0;
    text-transform: uppercase;
}

.contact-info-block__value {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-size: clamp(1.25rem, 5vw, 2rem);
    line-height: 1.4;
    margin-bottom: 24px;
	font-weight: 300;
}

/* ============================================
   CONTACT ROW (Phone + Social Icons)
============================================ */
.contact-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.contact-row--space-between {
    justify-content: space-between;
}

@media (max-width: 576px) {
    .contact-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-row__phone a {
        white-space: normal;
        word-break: break-word;
    }
}

.contact-row__phone {
    font-size: clamp(1.25rem, 5vw, 1.75rem);
}

/* ============================================
   SOCIAL ICONS
============================================ */
.contact-social-icons {
    display: flex;
    gap: 20px;
    align-items: center;
}

@media (max-width: 576px) {
    .contact-social-icons {
        margin-top: 8px;
    }
}

.contact-social-icons__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    transition: var(--contact-transition);
}

.contact-social-icons__link:hover {
    transform: translateY(-2px);
}

.contact-social-icons__icon {
    width: 100%;
    height: 100%;
}

/* ============================================
   HOURS BLOCK
============================================ */
.contact-hours {
    margin-top: 32px;
}

.contact-hours__label {
    font-size: clamp(0.875rem, 3vw, 1rem);
    font-weight: 600;
    color: var(--contact-white);
    opacity: 0.7;
    margin: 0 0 8px 0;
}

.contact-hours__value {
    font-size: clamp(1.25rem, 5vw, 2rem);
    color: var(--contact-accent);
    margin: 0;
}

/* ============================================
   SOCIAL MEDIA ROW
============================================ */
.contact-social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}

.contact-social-row__icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    fill: var(--contact-accent);
}

.contact-social-row__link {
    font-size: clamp(1.25rem, 5vw, 1.75rem);
    color: var(--contact-accent);
    text-decoration: none;
    transition: var(--contact-transition);
}

.contact-social-row__link:hover {
    color: var(--contact-accent-hover);
    text-decoration: none;
}

.contact-social-row:hover .contact-social-row__icon,
.contact-social-row__link:hover+.contact-social-row__icon {
    fill: var(--contact-accent-hover);
}

/* ============================================
   FULL WIDTH MAP SECTION
============================================ */
.contact-full-map {
    width: 100%;
    height: 400px;
    background-color: var(--contact-white);
    max-width: 1920px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .contact-full-map {
        height: 480px;
    }
}

.contact-full-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ============================================
   CTA SECTION
============================================ */
.contact-cta {
    position: relative;
    width: 100%;
    background-color: #04332d;
    overflow: hidden;
}

.contact-cta__backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

.contact-cta__bg {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.contact-cta__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.09;
}

.contact-cta__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
}

@media (min-width: 768px) {
    .contact-cta__content {
        padding: 80px 20px;
    }
}

.contact-cta__title {
    font-size: clamp(1.5rem, 6vw, 3rem);
    line-height: 1.3;
    color: var(--contact-white);
    margin: 0 0 32px 0;
    max-width: 800px;
}

/* ============================================
   CTA BUTTON
============================================ */
.contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid var(--contact-white);
    padding: 12px 32px;
    text-decoration: none;
    transition: var(--contact-transition);
    cursor: pointer;
}

.contact-button:hover {
    background-color: var(--contact-white);
    transform: translateY(-2px);
    text-decoration: none;
}

.contact-button:hover .contact-button__text {
    color: var(--contact-primary);
}

.contact-button__text {
    font-family: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    font-size: clamp(1rem, 4vw, 1.5rem);
    line-height: 1.6;
    color: var(--contact-white);
    margin: 0;
    transition: var(--contact-transition);
}

/* ============================================
   UTILITY CLASSES
============================================ */
.contact-text--white {
    color: var(--contact-white);
}

.contact-text--accent {
    color: var(--contact-accent);
}

.contact-hidden-mobile {
    display: none;
}

@media (min-width: 992px) {
    .contact-hidden-mobile {
        display: block;
    }
}

/* ============================================
   RESPONSIVE BREAKPOINTS
============================================ */
@media (max-width: 576px) {
    .contact-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-social-icons {
        margin-top: 8px;
    }

    .contact-info-block__divider {
        margin: 32px 0;
    }

    .contact-row__phone a {
        white-space: normal;
        word-break: break-word;
    }

}

@media (min-width: 577px) and (max-width: 991px) {
    .contact-grid {
        gap: 48px;
    }

    .contact-info-block__value {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .contact-hero__content {
        max-width: 1400px;
    }

    .contact-grid {
        max-width: 1400px;
        margin: 0 auto;
    }
}

/* ============================================
   ADDITIONAL UTILITIES FOR TEXT STYLES
============================================ */
.contact-text {
    font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
    font-weight: 300;
    line-height: 120%;
    color: var(--contact-white);
}

.contact-heading {
    font-family: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    font-weight: 400;
    line-height: 160%;
    color: var(--contact-white);
}

.contact-strong {
    color: var(--contact-accent);
}

.contact-label-text {
    font-family: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
    font-size: 24px;
    line-height: 160%;
    color: var(--contact-white);
    font-weight: 400;
}

@media (max-width: 768px) {
    .contact-label-text {
        font-size: 18px;
    }
}

/* ============================================
   SVG CONTAINER STYLES
============================================ */
.svgContainer {
    width: 100%;
    height: 100%;
    aspect-ratio: inherit;
}

.svgContainer svg {
    width: 100%;
    height: 100%;
}

.svgContainer svg path,
.svgContainer svg use {
    fill: var(--contact-accent);
    transition: var(--contact-transition);
}

a:hover .svgContainer svg path,
a:hover .svgContainer svg use,
.contact-social-icons__link:hover .svgContainer svg path,
.contact-social-icons__link:hover .svgContainer svg use {
    fill: var(--contact-accent-hover);
}

/* ---------- FOOTER MAIN CONTAINER (semantic class naming) ---------- */
.footer-container {
    width: 100%;
    /* background-color: rgb(60, 60, 61); */
}

/* Main footer wrapper - replaces .footer-inner.framer-1x4p3td */
.footer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
    padding: 80px 40px 40px;
    position: relative;
    overflow: hidden;
    /* background-color: rgb(60, 60, 61); */
}

/* top section: logo + divider + links grid */
.footer__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

.footer__logo {
    width: 180px;
    height: auto;
    aspect-ratio: 1.0995;
    position: relative;
}

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

.footer__divider {
    width: 100%;
    height: 1px;
    background-color: rgb(217, 181, 154);
    opacity: 1;
}

/* links grid container */
.footer__links-grid {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* main row that holds 3 columns: first column group (about + rooms), second column (restaurants + services), third column (Garuda Group) */
.footer__main-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

/* group for "О нас" + "Наши номера" side by side */
.footer__double-col {
    display: flex;
    flex-direction: row;
    gap: 32px;
    flex-wrap: wrap;
}

/* individual column card */
.footer__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 140px;
}

/* title + underline row */
.footer__col-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.footer__col-title {
    font-size: 20px;
    font-weight: 500;
    color: rgb(217, 181, 154);
    letter-spacing: 0.3px;
}

.footer__col-underline {
    width: 1px;
    height: 24px;
    background-color: rgba(217, 181, 154, 0.8);
    transform: rotate(12deg);
}

/* links list */
.footer__links-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__link-item {
    font-size: 12px;
    line-height: 1.4;
}

.footer__link-item a {
    color: rgb(217, 181, 154);
    text-decoration: none;
    transition: opacity 0.2s;
    font-size: 12px;
}

.footer__link-item a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* special for rooms sub-list (F0if20 mimic) */
.footer__rooms-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__room-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

/* services block - extra handling */
.footer__services-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 180px;
}

.footer__service-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.footer__service-link {
    flex: 1;
    min-width: 0;
}

/* restaurants column specific */
.footer__restaurants-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Group column (Garuda Group) */
.footer__group-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__group-header {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.footer__group-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 12px;
}

/* copyright section */
.footer__copyright {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer__copyright-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    column-gap: 20px;
    text-align: center;
}

.footer__copyright-text {
    font-size: 12px;
    color: rgb(217, 181, 154);
}

.footer__copyright-text a {
    color: rgb(217, 181, 154);
    text-decoration: none;
}

.footer__copyright-text a:hover {
    text-decoration: underline;
}

.footer__privacy-link {
    font-size: 12px;
    color: rgb(217, 181, 154);
}

.footer__privacy-link a {
    color: rgb(217, 181, 154);
    text-decoration: none;
}

.footer__privacy-link a:hover {
    text-decoration: underline;
}



/* ensure all text styles from original remain */
.links-title p,
.footer__col-title p {
    margin: 0;
    font-size: 20px;
    color: #d9b59a;
    font-weight: 500;
}

.footer-link p,
.footer__link-item p {
    margin: 0;
}

.footer-link p a,
.footer__link-item a {
    font-size: 12px;
    color: #d9b59a;
    text-decoration: none;
}

.copyright p,
.copyright p a,
.footer__copyright-text a {
    font-size: 12px;
    color: #d9b59a;
}

/* additional utility */
.framer-text,
.framer-text p {
    margin: 0;
}

/* ========== PAGE WRAPPER ========== */
.blog-page-wrapper {
    background-color: var(--token-6db72c6c-20b6-4c73-a3ac-d702b63e9d14, rgb(61, 61, 60));
    min-height: 100vh;
    width: auto;
}

.blog-page-inner {
    place-content: center flex-start;
    align-items: center;
    background-color: var(--token-6db72c6c-20b6-4c73-a3ac-d702b63e9d14, #3d3d3c);
    display: flex;
    flex-flow: column;
    height: min-content;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.blog-nav-trigger {
    flex: 0 0 auto;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: 100%;
    z-index: -1;
}

/* ========== HERO SECTION ========== */
.blog-hero {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: 100vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}

.blog-hero-bg {
    flex: 0 0 auto;
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.blog-hero-img {
    filter: brightness(0.9);
    flex: 0 0 auto;
    height: 100vh;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.blog-hero-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-hero-content {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: column;
    gap: 16px;
    height: 1px;
    overflow: hidden;
    padding: 64px 0px 0px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.blog-breadcrumbs {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 12px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: min-content;
}

.blog-breadcrumb-item {
    --framer-paragraph-spacing: 0px;
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: auto;
}

.blog-breadcrumb-link {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    color: #fff;
    text-decoration: none;
}

.blog-breadcrumb-link:hover {
    text-decoration: underline;
}

.blog-breadcrumb-sep {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}

.blog-hero-title {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 1;
}

.blog-hero-title h1 {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    color: #fff;
    font-feature-settings: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
}

/* ========== BOOKING WIDGET ========== */
.blog-widget {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 64px;
    height: min-content;
    overflow: visible;
    padding: 40px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.blog-widget-inner {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 960px;
    max-width: 100%;
}

/* ========== BLOG GRID ========== */
.blog-grid-section {
    place-content: center flex-start;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 60px;
    height: min-content;
    padding: 0px;
    position: relative;
    width: 100%;
}

.blog-grid {
    display: grid;
    flex: 0 0 auto;
    gap: 0px;
    grid-auto-rows: minmax(0px, 1fr);
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    height: min-content;
    justify-content: center;
    padding: 0px;
    position: relative;
    width: 100%;
}

.blog-card {
    place-content: flex-start;
    align-items: flex-start;
    place-self: start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: wrap;
    gap: 0px;
    height: min-content;
    padding: 0px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.blog-card-inner {
    cursor: pointer;
    flex-flow: column;
    place-content: flex-start flex-end;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 640px;
    padding: 80px 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.blog-card-image-wrapper {
    aspect-ratio: 0.9375 / 1;
    flex: 1 0 0px;
    position: relative;
    width: 100%;
    height: 100%;
}

.blog-card-title {
    --framer-text-wrap: balance;
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 2;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    position: relative;
}

.blog-card-title p {
    font-family: 'Forum', sans-serif;
    font-size: 48px;
    line-height: 1.1em;
    color: #fff;
}

.blog-card-overlay {
    z-index: 1;
    flex: 0 0 auto;
    position: absolute;
    inset: 0px;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
}

.blog-card-image {
    z-index: 0;
    flex: 0 0 auto;
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

.blog-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== PAGINATION ========== */
.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 40px 0;
    width: 100%;
}

.blog-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #d9b59a;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.blog-pagination .page-numbers.current {
    border-color: #d9b59a;
    background: transparent;
}

.blog-pagination .page-numbers:hover {
    border-color: #d9b59a;
    background: rgba(217, 181, 154, 0.1);
}

.blog-pagination .prev,
.blog-pagination .next {
    width: auto;
    padding: 0 20px;
    border-radius: 20px;
}

/* ========== NO POSTS ========== */
.blog-no-posts {
    grid-column: span 2;
    text-align: center;
    padding: 80px 20px;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1199px) {
    .blog-hero-title h1 {
        font-size: 60px;
    }

    .blog-page-inner {
        padding: 0px;
        gap: 80px;
    }

    .blog-grid {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }

    .blog-card-inner {
        height: 400px;
    }
}

@media (max-width: 809px) {
    .blog-hero-title h1 {
        font-size: 40px;
    }

    .blog-hero {
        padding: 40px 20px;
    }

    .blog-page-inner {
        padding: 0px;
        gap: 40px;
    }

    .blog-card-inner {
        height: 300px;
        padding: 40px 20px;
    }

    .blog-card-title p {
        font-size: 32px;
    }
	.framer-1nl2ujy{
		right:10px;
	}
	.contact-content__subtitle {
    font-size: 28px;
	}
    
}


/* ========== BASE STYLES ========== */

/* ========== LAYOUT ========== */
.booking-page-wrapper {
    background-color: var(--token-6db72c6c-20b6-4c73-a3ac-d702b63e9d14, rgb(61, 61, 60));
    */ min-height: 100vh;
    width: auto;
}

.booking-page-inner {
    place-content: center flex-start;
    align-items: center;
    /* background-color: var(--token-d53dfed6-2b82-4802-a969-1de56fd4a7d6, #000033); */
    display: flex;
    flex-flow: column;
    gap: 0px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    max-width: 100%;
}

.booking-nav-trigger {
    flex: 0 0 auto;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 16px;
    width: 100%;
    z-index: -1;
}

/* ========== HERO SECTION ========== */
.booking-hero {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 10px;
    height: 60vh;
    overflow: visible;
    padding: 40px 64px;
    position: relative;
    width: 100%;
}

.booking-hero-bg {
    flex: 0 0 auto;
    height: 60vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.booking-hero-image {
    filter: brightness(0.9);
    flex: 0 0 auto;
    height: 100vh;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.booking-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booking-hero-content {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: row;
    gap: 10px;
    height: 1px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 80%;
}

.booking-hero-title {
    flex: 1 0 0px;
    height: auto;
    position: relative;
    width: 1px;
    word-break: break-word;
    overflow-wrap: break-word;
    z-index: 1;
}

.booking-hero-title h1 {
    font-family: 'Forum', sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    color: #fff;
    font-feature-settings: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
}

/* ========== BOOKING IFRAME SECTION ========== */
.booking-iframe-section {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 100%;
}

.booking-iframe-container {
    flex: 1 0 0px;
    height: auto;
    max-width: 1200px;
    position: relative;
    width: 1px;
}

.booking-iframe-inner {
    max-width: 100%;
    width: 100%;
    position: relative;
}

.booking-iframe-wrapper {
    padding-bottom: 30px;
}

.booking-iframe-wrapper iframe {
    width: 100%;
    position: relative;
    z-index: 2;
    min-height: 850px;
    flex: 1 1 auto;
    display: block;
    overflow: hidden;
    border: none;
}

/* ========== TEXT CONTENT SECTION ========== */
.booking-content {
    place-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 80px;
    height: min-content;
    max-width: 1920px;
    overflow: hidden;
    padding: 120px 80px;
    position: relative;
    width: 100%;
    margin:0 auto;
}

.booking-content-row {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.booking-content-text {
    flex: 1 0 0px;
    height: auto;
    position: relative;
    width: 1px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.booking-content-text p {
    font-family: 'Fira Sans', 'Fira Sans Placeholder', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
}

.booking-content-text p:not(:first-child) {
    margin-top: 20px;
}

.booking-content-text a {
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
    text-decoration: none;
}

.booking-content-text a:hover {
    color: #ab886d;
}

.booking-content-image {
    aspect-ratio: 1.44444 / 1;
    flex: 0 0 auto;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 50%;
}

.booking-content-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== SECTION TITLE ========== */
.booking-section-title-wrapper {
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 10px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

.booking-section-title {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    width: 890px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.booking-section-title h2 {
    font-family: 'Forum', sans-serif;
    font-size: 68px;
    font-weight: 400;
    line-height: 0.9em;
    color: var(--token-48a09b1a-4207-4cd1-940f-ce919413891b, #d9b59a);
}

.booking-content-row-reverse {
    place-content: flex-start center;
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row;
    gap: 40px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1199px) {
    .booking-hero-title h1 {
        font-size: 60px;
    }

    .booking-section-title h2 {
        font-size: 60px;
    }

    .booking-content {
        padding: 80px 40px;
    }

    .booking-content-row,
    .booking-content-row-reverse {
        flex-direction: column;
    }

    .booking-content-image {
        width: 100%;
    }

    .booking-content-text {
        width: 100%;
        flex: auto;
    }

    .booking-content-text p {
        font-size: 18px;
    }

    .contactmap__row {
        flex-direction: column;
    }

    .room-description-inner {
        font-size: 26px;
    }

    .sw {
        height: 390px;
    }
}

@media (max-width: 809px) {
    .booking-hero-title h1 {
        font-size: 40px;
    }

    .booking-hero {
        padding: 40px 20px;
    }

    .booking-iframe-section {
        padding: 20px 10px;
    }

    .booking-section-title h2 {
        font-size: 28px;
    }

    .booking-content {
        padding: 60px 20px;
        gap: 40px;
    }

    .booking-content-text p {
        font-size: 16px;
    }
    .hero-home-details {
        flex-flow: column;
        width: 100%;
        padding: 0;
    }
    .hero-home-details .info-section{
        flex-flow:column;
        width:100%;
        align-items: flex-start;
    }
    .room-description-inner, .services-intro-title p {
        font-size: 20px !important;
        line-height: 120%;
    }

    .hero-content {
        width: 95%;
    }

    .single.single-otzyvy .hero-section {
        padding: 40px 24px;
        height: 500px;
    }

    .single.single-otzyvy .hero-section h1 {
        font-size: 32px;
    }

    .framer-1v4hiji {
        flex-flow: column;
        align-items: center;
    }

    .framer-14h8acy {
        flex-flow: column;
        gap: 30px;
    }

    .framer-183vnii {
        width: 90%;
    }

    .footer__group-links {
        flex-direction: row;
    }
    .restaurant-intro__decor-right{
        right:0;
    }
    .restaurant-concept__body{
        flex-flow: column;
    }
    .restaurant-concept__spacer{
        display: none;
    }
    .restaurant-concept__content{
        width: 100%;
        overflow: visible;
    }
    .restaurant-intro, .restaurant-bottom{
        padding: 40px 30px !important;
    }
    .restaurant-intro-subtitle{
        width:85% !important;
    }
    .restaurant-content-section{
        padding: 80px 30px !important;
    }
    .restaurant-content-spacer{
        display: none;
    }
    .promo-next-link p a,.promo-prev-link p a{
        font-size:16px !important;
    }
	.contact-grid{
		flex-direction: column;
	}
	.contact-grid__map{
		display:none;
	}
}

/* responsive breakpoints */
@media (max-width: 1024px) {
    .footer {
        max-width: 100%;
        padding: 80px;
    }

    .footer__main-row {
        gap: 40px;
    }

    .footer__double-col {
        gap: 80px;
        width: 100%;
    }

    .footer__col {
        width: 42%;
    }

    .footer__group-col {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .footer__group-links {
        flex-direction: row;
        justify-content: space-between;
    }

    .contactmap__two-col {
        flex-flow: row;
    }

    .footer-link p a,
    .footer__link-item a {
        opacity: .5;
    }

    iframe {
        height: 440px;
    }

    .contactmap__map-col {
        order: 2;
    }

    .faq-question-text {
        font-size: 26px;
    }

    .header-bar .btn-fill {
        display: none;
    }

    .menu-trigger {
        order: 2;
        margin-left: auto;
    }

        .logo-wrap, .logo-wrap.in-bar {
        left: 110px;
        top: 11px;
        width: 180px;
        padding: 0;
    }

    .hero-content {
        width: 90%;
    }
}
.rooms-intro-title{
	font-family: "Forum", sans-serif;
    font-size: 64px;
    line-height: 110%;
    color: rgb(255, 255, 255);
    text-transform: inherit;
}
.framer-1gic2hq{
	width:80%;
}
@media (max-width: 768px) {
	.rooms-intro-title{
		font-family: "Forum", sans-serif;
		font-size: 25px;
		line-height: 110%;
		color: rgb(255, 255, 255);
		text-transform: inherit;
	}
	.framer-1gic2hq{
		width:100%;
	}
    .footer {
        padding: 48px 24px 32px;
        gap: 32px;
    }

    .footer__main-row {
        flex-direction: column;
        gap: 40px;
    }

    .footer__double-col {
        flex-direction: row;
        width: 100%;
        gap: 36px;
    }

    .footer__col {
        width: 44%;
    }

    .footer__group-links {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .footer__group-col {
        width: 100%;
    }

    .footer__copyright-row {
        flex-direction: column;
        gap: 12px;
    }

    .footer__col-header {
        justify-content: start;
        width: 100%;
    }

    .footer__rooms-wrapper {
        gap: 16px;
    }

    .single-post .post-content p, .page .post-content p {
        font-size: 16px;
    }
	.contactmap__two-col{
		flex-direction: column;
	}
}

@media (max-width: 480px) {
    .hero-home-details {
        display: none;
    }

    .footer {
        padding: 40px 20px 28px;
        gap: 28px;
    }

    .footer__logo {
        width: 140px;
    }

    .footer__col-title {
        font-size: 18px;
    }

    .footer__link-item a {
        font-size: 12px;
    }

    .footer__group-links {
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .footer__group-header {
        justify-content: center;
    }

    .footer__copyright-row {
        flex-direction: column;
        gap: 8px;
    }

    .footer__col-header {
        justify-content: start;
        width: 100%;
    }

    .footer__rooms-wrapper {
        gap: 12px;
    }


    .footer__copyright-text {
        font-size: 10px;
    }

    .framer-1hpa7v1 .framer-text {
        font-size: 58px;
    }

    .restaurant-concept__body {
        flex-direction: column;
    }

    .restaurant-concept__spacer {
        display: none;
    }

    .restaurant-concept__content {
        width: 100%;
        flex: unset;
    }

    .contactmap__tagline {
        font-size: 20px;
    }

    .contactmap__two-col {
        flex-direction: column;
    }

    .contactmap__email-link {
        font-size: 20px;
    }
}

/* for large screens up to 1920px */
@media (min-width: 1440px) {
    .footer {
        max-width: 1440px;
        padding: 80px 80px 40px;
    }
}



/* Add this to your stylesheet */

/* For the hero image container */
.intro-section-img {
    overflow: hidden;
    /* Ensures the zoom effect stays within bounds */
}

.intro-section-img img {
    animation: zoomOut 0.5s ease-out forwards;
}

/* Zoom out animation keyframes */
@keyframes zoomOut {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Optional: Add a smooth transition for any other hover effects */
.intro-section-img img {
    transition: transform 0.5s ease-out;
    opacity: .8;
}

/* ====================== LETTER BY LETTER ====================== */
/* .animate-on-scroll {
    opacity: 0;
   
}

.animate-on-scroll.animate-letters {
    opacity: 1;
}

.animate-letters span {
    display: inline-block;
    opacity: 0;
    transform: translateY(15px);
    animation: letterPop 0.35s forwards;
    filter: blur(8px);
}

@keyframes letterPop {
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }
} */
 /* Preserve word wrapping for letter animation */
/* ====================== LETTER BY LETTER ====================== */
.animate-on-scroll {
    opacity: 0;
    visibility: hidden;
}

.animate-on-scroll.animate-letters {
    opacity: 1;
    visibility: visible;
}

/* Word wrapper preserves word wrapping */
.word-wrapper {
    display: inline-block;
    white-space: normal;
}

/* Individual letter animation */
.letter {
    display: inline-block;
    opacity: 0;
    transform: translateY(15px);
    animation: letterPop 0.35s forwards;
    filter: blur(8px);
}

/* Space between words */
.word-space {
    display: inline-block;
    white-space: normal;
}

/* Keyframes animation */
@keyframes letterPop {
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }
}

/* Optional: For mobile responsiveness */
@media (max-width: 768px) {
    .word-wrapper {
        word-break: break-word;
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .letter {
        animation: none;
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }
}

/* ====================== SLIDE UP FROM BOTTOM ====================== */
.animate-slide-up {
    opacity: 0;
    transform: translateY(140px);
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.animate-slide-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* CTA Section Animations */
.cta-container {
    overflow: hidden;
}

.cta__bg-image {
    opacity: 0;
    transform: translateX(var(--start-x, 0)) translateY(var(--start-y, 0));
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Different starting positions for each image */
.cta__bg-image-1 {
    --start-x: -100px;
    --start-y: -50px;
}

.cta__bg-image-2 {
    --start-x: 100px;
    --start-y: -50px;
}

.cta__bg-image-3 {
    --start-x: -100px;
    --start-y: 50px;
}

.cta__bg-image-4 {
    --start-x: 100px;
    --start-y: 50px;
}

/* Visible state when animation triggers */
.cta__bg-image.animate-visible {
    opacity: 0.09;
    transform: translateX(0) translateY(0);
}

/* Base styles for parallax elements */
.parallax-scroll {
    transition: transform 0.05s linear;
    will-change: transform;
    backface-visibility: hidden;
}

/* Optional: Different speeds for different elements via data attributes */
.parallax-scroll[data-parallax-speed="0.1"] {
    /* slower */
}

.parallax-scroll[data-parallax-speed="0.5"] {
    /* medium */
}

.parallax-scroll[data-parallax-speed="1"] {
    /* faster */
}

/* Smooth rendering */
.parallax-scroll img {
    display: block;
    width: 100%;
    height: auto;
}

.slide-up {
    opacity: 0;
    transform: translateY(40px);
    animation: slideUp 0.6s ease-out forwards;
}

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================= */
/* THE CRITICAL PART: custom cursor on hover for .custom-hover elements */
/* We'll use a combination of CSS to change the standard cursor to 'none' 
           and then dynamically show a custom-made circle+arrow element that follows 
           the mouse, but that approach often requires JS for smooth following.
           
           However: the requirement says: "change cursor on hover an element with class custom-hover 
           a white bg circle and svg arrow on it" 
           
           That implies we replace the default cursor with a custom visual (a circle + svg arrow).
           The cleanest, most robust way is to create a hidden custom cursor element that becomes visible 
           only when hovering .custom-hover, and follows mouse movements. The native cursor is hidden 
           inside .custom-hover area.
           
           This implementation is fully accessible and smooth, uses minimal JS to update position.
           
           ALSO we respect no external libraries — vanilla HTML/CSS/JS, SVG arrow inline.
        */

/* 1. Hide default cursor when hovering ANY .custom-hover element, 
              and also while the custom cursor is active we ensure no distraction */
.custom-hover {
    cursor: none !important;
    /* force hide default arrow inside hover zone */
}

/* 2. Custom cursor element: a white circle containing an SVG arrow.
              Initially hidden (opacity:0, visibility hidden) */
.fancy-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    pointer-events: none;
    /* so clicks pass through */
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s, transform 0.1s ease;
    will-change: left, top;
    filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.2));
}

/* when the body (or any parent) has a 'cursor-active' class we show the custom cursor with fade */
body.cursor-visible .fancy-cursor {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease, visibility 0s linear 0s;
}

/* inner white circle + SVG arrow layout */
.cursor-inner {
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(255, 255, 255, 0.5);
    transition: transform 0.2s cubic-bezier(0.2, 1.2, 0.4, 1);
}

/* scale effect on hover start, just a subtle bounce */
.custom-hover:hover~.fancy-cursor .cursor-inner {
    transform: scale(1.05);
}

/* but we want when custom cursor active, also style. Since .fancy-cursor is sibling of body? 
           We can instead use JS to add a class on body to trigger micro interactions, but it's not needed.
           However the hover state is known: because when custom cursor shows, it's inside .custom-hover.
           We'll add dynamic class for subtle scaling */

/* SVG arrow styling inside circle */
.cursor-svg {
    width: 20px;
    height: 20px;
    display: block;
    transition: transform 0.15s;
}

.cursor-svg path {
    stroke: #1e2f3e;
    stroke-width: 2.2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* optional extra flair: slight rotation on movement? but keep clean */

/* additional styling for demo elements with custom-hover */
.custom-hover {
    transition: transform 0.25s ease, background 0.2s;
}

/* .custom-hover:hover {
    transform: translateY(-6px);
} */

/* also support links or any inline element */
a.custom-hover {
    text-decoration: none;
    display: inline-block;
}

button.custom-hover {
    border: none;
    background: #ffd966;
    color: #1e2f3e;
    font-weight: bold;
    padding: 0.8rem 1.5rem;
    border-radius: 40px;
    font-size: 1rem;
    cursor: none;
    font-family: inherit;
}
.text-left{
    text-align: start;
}
.text-center{
    text-align: center !important;
}
.post-top-heading{
    display: none;
}
.single-uslugi .wpcf7-form .wpcf7-text, .single-uslugi .wpcf7-form .wpcf7-textarea{
    width: 100%;
    margin-bottom: 0px;
    padding: 12px;
    border-radius: 0px;
    font-size: 16px;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgb(80, 80, 79);
    color: var(--token-f772f98f-a20b-459f-bb93-b74ea64a1b92, rgb(255, 255, 255));
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.trdest-form__label{
    margin-bottom: 6px;
    align-self: flex-start;
    padding: 0px;
    border-radius: 8px;
    font-size: 14px;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: var(--token-37e14a9e-4669-41b8-9e0e-5027d50fe728, rgb(134, 130, 121));
    margin-top:6px;
    display: block;
}
.single-uslugi .wpcf7-form .wpcf7-select, .single-uslugi .wpcf7-form .wpcf7-number{
    width: 100%;
    margin-bottom: 0px;
    padding: 12px 40px 12px 12px;
    border-radius: 0px;
    font-size: 16px;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgb(80, 80, 79);
    color: var(--token-f772f98f-a20b-459f-bb93-b74ea64a1b92, rgb(255, 255, 255));
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    appearance: none;
}
.single-uslugi .wpcf7-form .cf7-timepicker, .single-uslugi .wpcf7-form .wpcf7-date{
    width: 100%;
    margin-bottom: 0px;
    padding: 12px;
    border-radius: 0px;
    font-size: 16px;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgb(80, 80, 79);
    color: var(--token-f772f98f-a20b-459f-bb93-b74ea64a1b92, rgb(255, 255, 255));
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.single-uslugi .wpcf7-form .wpcf7-submit{
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    display: block;
    background: rgb(1, 90, 79);
    color: var(--token-f772f98f-a20b-459f-bb93-b74ea64a1b92, rgb(255, 255, 255));
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 1000px;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: center;
    box-sizing: border-box;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 20px;
}
.single-uslugi .wpcf7-form label span.wpcf7-list-item-label{
    font-size: 14px;
    font-family: "PT Sans", "PT Sans Placeholder", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1em;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    color: var(--token-37e14a9e-4669-41b8-9e0e-5027d50fe728, rgb(134, 130, 121));
    border-radius: 8px;
    padding: 0px;
}
.wpcf7 .field-half{
    width:49%;
}
.wpcf7 .two-fields{
    display:flex;
    justify-content: space-between;
}
h3.trdest-form__section-label {
    color:#ffffff;
    font-size:20px;
    margin-top:20px;
}
form a{
	color: #ab886d;
}
@media (min-width:1920px){
	.rooms-intro-title{
	font-family: "Forum", sans-serif;
    font-size: 80px;
    line-height: 110%;
    color: rgb(255, 255, 255);
    text-transform: inherit;
}
    .framer-g2pmL .framer-styles-preset-10v87a2:not(.rich-text-wrapper), .framer-g2pmL .framer-styles-preset-10v87a2.rich-text-wrapper p {
        font-family: "Fira Sans", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-bold-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-family-italic: "Fira Sans Variable", "Fira Sans Placeholder", sans-serif;
        --framer-font-open-type-features: normal;
        font-size: 24px;
        --framer-font-style: normal;
        --framer-font-style-bold: normal;
        --framer-font-style-bold-italic: normal;
        --framer-font-style-italic: normal;
        --framer-font-variation-axes: normal;
        --framer-font-variation-axes-bold: "wght" 186;
        --framer-font-variation-axes-bold-italic: "wght" 186;
        --framer-font-variation-axes-italic: "wght" 186;
    font-weight: 400;
        --framer-font-weight-bold: 400;
        --framer-font-weight-bold-italic: 400;
        --framer-font-weight-italic: 400;
        --framer-letter-spacing: 0em;
        line-height: 160%;
        --framer-paragraph-spacing: 20px;
        --framer-text-alignment: start;
        color: #ffffff;
        --framer-text-decoration: none;
        --framer-text-stroke-color: initial;
        --framer-text-stroke-width: initial;
        --framer-text-transform: none;
    }
    .service-feature-title h2{
        font-size:48px;
    }
    .sw {
        position: relative;
        width: 100%;
        height: 1440px;
        overflow: hidden;
        background: transparent;
        user-select: none;
        
    }
    .cta__content{
        width:60%;
    }
    .cta__content .cta__text{
        font-size:160px;
    }
    .questions-container{
        max-width:1600px
    }
   .questions-container .questions-title{
        font-size:140px;
    }
    .framer-12ygagu{
        display: flex;
        flex-flow: column;
        gap:100px;
    }
    .framer-4FNaY .framer-qsd4od{
        left:-150px;
        width:590px;
        top:100px;
    }
    .framer-bh3ocn p{
        font-size: 24px;
    }
    .framer-k7luu .framer-5yjxgd, .framer-plmvU.framer-1rwjpbd .framer-183vnii{
        max-width: 1920px;
        margin: 0 auto;
    }
    .menu-trigger{
        font-size: 16px;
    }
     .contact-full-map {
        height: 800px;
    }
    .framer-section.visible{
        max-width: 1920px;
    }
    .intro_text1{
        font-size:80px;
    }
    .framer-Je9Q5 .framer-styles-preset-rakkvx:not(.rich-text-wrapper), 
    .framer-Je9Q5 .framer-styles-preset-rakkvx.rich-text-wrapper a ,
    .review-content-text p,
    .content p, .content p a, .restaurant-intro__subtitle, .restaurant-gastronomy__column p,
    .restaurant-concept__text p,
    .single-post .post-content p,
	.page .post-content p,
    .promo-next-link p a,
    .promo-prev-link p a,
	.booking-content-text p a{
        font-size:24px !important;
		line-height:160%;
		
    }
	.content p, .restaurant-concept__text p{
		margin-bottom:10px;
	}
    h2, .faq-subtitle, .restaurant-concept__title,
    .restaurant-gastronomy__title,
    .transfer-form-title h2 {
        font-size: 100px !important;
    }
    .promo-intro-text p, .service-intro-text p{
        font-size: 80px !important;
    }
    .service-feature-title h2, h2.card-title, h2.room-title{
        font-size:48px !important;
    }
    .faq-title{
        font-size: 16px;
        opacity: 0.5;
    }
    .framer-r4nztl {
        width: 100%;
    }
    .room-description{
        padding: 160px;
    }
    .services-intro{
        padding:200px 160px 280px
    }
    .services-decor-img-2{
        left: unset;
        right:30px;
        height:350px;
        bottom:650px;
    }
   
    .restaurant-gallery {
        width: 100%;
    }
    .post-top-heading{
        display: block;
    }
    .framer-1m11tz9{
        max-width: 1920px;
        margin: 0 auto;
    }
    .framer-1o5v54x{
        width:65% !important;
    }
	.booking-iframe-container{
		max-width: 1600px;
	}
	.contact-content__subtitle {
		font-size: 100px;
	}
	.contact-info-block__value{
		font-size:48px;
	}
	.contact-grid {
        max-width: 1920px;
        margin: 0 auto;
    }
}