/* math */
/* white-space: wrap !important;word-wrap: break-word !important; */
body {
overflow-x: hidden;
--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb: #350d0a;
--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf: #eee7da;
--token-5c41d16a-4412-45c6-97b1-a2917a8dadbd: #a5564a;
--token-958fffe2-6195-4469-bff9-68e2af1bed1b: #c7a275;
--token-419394a1-565d-4952-8ba3-b4f1eb92339c: #050505;
--token-3edc53ec-2b53-43fb-be53-9e75b862c113: #161819;
--token-b8b3b8fb-e44e-4de9-9943-5d2b26783061: #594032;
--token-0038da15-9241-4645-bec3-ec23c0514afc: #f5cec0;
--token-76fc6dab-fab2-4524-ae52-afcdf67a1cb6: #bdc9b2;
--token-bf966309-2582-4df8-98f4-f091ce81e703: #131415;
--token-20608b9f-0145-4a1e-b971-ee948ebbb015: #fff;
--token-84002464-baa0-40a1-a1a1-82899aec539a: #9ba1a5;
--token-965e5c17-6359-41cc-bd03-2fa4898e2c2b: #222426;
--token-82b5832e-a0cf-4abf-84b4-daf77b132a71: #51565a;
--token-a042497d-749d-4d03-8d3a-78930210d354: #0080ff;
--token-6caa153b-31c9-4eaa-bd6e-82180b70617c: #33373a;
--token-3934a1ce-fb31-436e-a338-5ddf7a832558: #350d0a;
--token-e94b78ec-33f8-4955-8c05-01daf2816959: #f5cec0;
--token-e8074257-d361-49bc-b56d-45090b525486: #fff;
--token-40351340-ff73-4c0e-bc4f-ebeae4bfde51: #111;
--token-74d3c6ff-3343-4a4b-98c4-58df5ae34924: gray;
--token-1a572b8f-3caa-4ca5-a8b5-0943df43f998: #fff6;
--token-caba7c64-98e4-49b6-86d6-28ff4ad19a7a: #ffffff1a;
--token-2adaf220-d174-4105-b93a-7089ba330d82: #000;
--token-60a27d31-0704-43af-b223-22b40bf3a48d: #2060df;
--token-b67fe1f1-1548-462b-9909-4955e80aefdd: #fff;
--token-293955a5-6f9a-470e-8eb8-8f52a27509f0: #101014;
--token-138c6083-e907-40e8-909c-96eb16f3a3a3: #e6e6e6;
--token-0c2325eb-32e6-4468-b86d-b2000f27f938: #fff;
--token-187cde52-4d3c-4c42-b84c-d6d602ac62bc: #d0d1db;
--token-54e6a972-2be4-40f1-88e3-a0431ea81021: #ffffff1a;
--token-f50a08ee-89ba-45ba-bd59-521f4e9cdc51: #000;
--token-67527bae-cc15-4839-8636-c9b28351e4d7: #fff;
}
.framer-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center !important;
width: fit-content;
left: 50%;
transform: translateX(-50%);
position: relative;
wrod-wrap: break-word;
}
#mobileSearchContainer {
@media(max-width : 1024px) {
display: none !important;
}
}
* {
margin: 0;
padding: 0;
}
@font-face {
font-family: "Kumbh Sans";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/kumbhsans/v27/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQz5Ywir7vYko.woff2) format("woff2");
unicode-range:
U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040,
U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E,
U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115,
U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5,
U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310,
U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0,
U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1,
U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF,
U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF,
U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: "Kumbh Sans";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/kumbhsans/v27/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQz5YwmL7vYko.woff2) format("woff2");
unicode-range:
U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB,
U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C,
U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3,
U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF,
U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336,
U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF,
U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED,
U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B,
U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD,
U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984,
U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89,
U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
font-family: "Kumbh Sans";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/kumbhsans/v27/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQz5Yw-L7vYko.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: "Kumbh Sans";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/kumbhsans/v27/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQz5Yw9r7v.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;
}
/* latin-ext */
@font-face {
font-family: "Libre Baskerville";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWx8QDP2V.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: "Libre Baskerville";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWxEQDA.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;
}
/* latin-ext */
@font-face {
font-family: "Libre Baskerville";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.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: "Libre Baskerville";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.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;
}
/* latin-ext */
@font-face {
font-family: "Libre Baskerville";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY5KcCsww.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: "Libre Baskerville";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/librebaskerville/v17/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY3KcA.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: "Inter";
src: url("https://framerusercontent.com/assets/BkDpl4ghaqvMi1btKFyG2tdbec.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
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("https://framerusercontent.com/assets/zAMK70AQRFSShJgUiaR5IiIhgzk.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/IETjvc5qzUaRoaruDpPSwCUM8.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/oLCoaT3ioA0fHdJnWR9W6k7NY.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/Sj0PCHQSBjFmEp6NBWg6FNaKc.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
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("https://framerusercontent.com/assets/aqiiD4LUKkKzXdjGL5UzHq8bo5w.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
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("https://framerusercontent.com/assets/H4TfENUY1rh8R9UaSD6vngjJP3M.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
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("https://framerusercontent.com/assets/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("https://framerusercontent.com/assets/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("https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/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("https://framerusercontent.com/assets/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("https://framerusercontent.com/assets/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("https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
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("https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
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("https://framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
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("https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
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("https://framerusercontent.com/assets/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: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/JNZJOYWPZGCJABV7INGNG74UQOGQO7H7/TVH2DETU5R2TPPQRUUBUZUQI2BAA4Q3N/ZJQHXP44TYVKV3MQJTI3QOJTZWPUXCWS.woff2");
font-display: swap;
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/2YCK276JNUIIHMRWISQCDGWXNOKAXSCG/6OIJIEVI2ZSNHVU6RZ6WV47LHUN2T4MN/ZYCN4M673NULYB4BOICEICFLQAPDYBRK.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/5N7AW67SFRYDQX4PD7CVQBBKU4KFZBF6/IRJRILZOM2VYFNQSOPRIBLLVGYQMZYXX/VHOUC36AWF2BXBRYVUE5TB5CZAVHYGQV.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/MH43EZQ5D5TBWLC2PYWZEYFPY3CXY4M5/XDDBYYRARAUB3F7RA772N4INJTRQYCTY/NBSC4X5XDVX3Q7RBFSRL24UBCSPNFBXK.woff2");
font-display: swap;
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Poppins";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/NC2MP33RO4WQTSTEEAWBJLAEXNCNEQVF/7F4U3COKLHQH4WUH3AXPC7N4UELEWJQN/JMWNCAGBH3TLANIVQPVABVAVNV5QERTH.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Poppins";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/EOHGWBZYYKO6R4PWP4S2B3FFWHHBEZN6/UWQLMF4AFWLXCJQCFV3WRVYC77KZXPRB/FYG6OCH7XOLUUSZTIZE65ATBZWF623O4.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Poppins";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/JQL34MORONR7D7BXOVTX3KBGJGEJQ5BJ/CKUZVY5SFANCFAT7FS3MP6ZL4BMEWCJE/NOLRWF3JBJ434MILPG5RB6R2B4HGRSZB.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
}
@font-face {
font-family: "Poppins";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/7LLTLAW3NRWOADG4II2JGKZC6OSEMBQC/EYFXWX77PEMPU645EAWOTG22E375GULW/SSNNTU67MMJH4CSWT443B4KJ7OB4WFHF.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/ZOIWAQVAVASXBR56BLYIAEYYR6JRABLJ/EEQDABDVRH2J6DA7SWMJNSBXSSKN5XD2/Z44HTHVYVEXDW67RPEV7ZLLGGIA6RIPD.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Raleway";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/ZFKW3XFNLVI62KZLAAVAZD6DD6CFBW4Z/TO732HM6IPEQ2KENRBHBO2EV5NQLOGXQ/RWQG7USMC4GSSOZ4GBFNEQ6ISLNIWSXI.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "Libre Baskerville Placeholder";
src: local("Times New Roman");
ascent-override: 76.28%;
descent-override: 21.23%;
line-gap-override: 0%;
size-adjust: 127.17%;
}
@font-face {
font-family: "Kumbh Sans Placeholder";
src: local("Arial");
ascent-override: 93.32%;
descent-override: 24.02%;
line-gap-override: 0%;
size-adjust: 105.69%;
}
@font-face {
font-family: "Inter Placeholder";
src: local("Arial");
ascent-override: 89.79%;
descent-override: 22.36%;
line-gap-override: 0%;
size-adjust: 107.89%;
}
@font-face {
font-family: "Raleway Placeholder";
src: local("Arial");
ascent-override: 89.45%;
descent-override: 22.27%;
line-gap-override: 0%;
size-adjust: 105.09%;
}
@font-face {
font-family: "Poppins Placeholder";
src: local("Arial");
ascent-override: 91.95%;
descent-override: 30.94%;
line-gap-override: 7.96%;
size-adjust: 113.11%;
}
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;
}
@supports (z-index: calc(infinity)) {
#__framer-badge-container {
--infinity: infinity;
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 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;
}
}
[data-framer-component-type] {
position: absolute;
}
[data-framer-component-type="Text"] {
cursor: inherit;
}
[data-framer-component-text-autosized] * {
white-space: normal;
}
[data-framer-component-type="Text"]>* {
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="Text"] span span,
[data-framer-component-type="Text"] p span,
[data-framer-component-type="Text"] h1 span,
[data-framer-component-type="Text"] h2 span,
[data-framer-component-type="Text"] h3 span,
[data-framer-component-type="Text"] h4 span,
[data-framer-component-type="Text"] h5 span,
[data-framer-component-type="Text"] h6 span {
display: block;
}
[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 {
display: unset;
}
[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);
}
[data-framer-component-type="Text"] a,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] a span span span,
[data-framer-component-type="Text"] a p span span,
[data-framer-component-type="Text"] a h1 span span,
[data-framer-component-type="Text"] a h2 span span,
[data-framer-component-type="Text"] a h3 span span,
[data-framer-component-type="Text"] a h4 span span,
[data-framer-component-type="Text"] a h5 span span,
[data-framer-component-type="Text"] a h6 span span {
--font-family: var(--framer-link-font-family, var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform,
var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid)) var(--framer-link-text-decoration, var(--framer-text-decoration, none)) var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor)) var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset));
}
[data-framer-component-type="Text"] a:hover,
[data-framer-component-type="Text"] a div span:hover,
[data-framer-component-type="Text"] a span span span:hover,
[data-framer-component-type="Text"] a p span span:hover,
[data-framer-component-type="Text"] a h1 span span:hover,
[data-framer-component-type="Text"] a h2 span span:hover,
[data-framer-component-type="Text"] a h3 span span:hover,
[data-framer-component-type="Text"] a h4 span span:hover,
[data-framer-component-type="Text"] a h5 span span:hover,
[data-framer-component-type="Text"] a h6 span span:hover {
--font-family: var(--framer-link-hover-font-family,
var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size,
var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid))) var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))) var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor))) var(--framer-link-hover-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset)));
}
[data-framer-component-type="Text"].isCurrent a,
[data-framer-component-type="Text"].isCurrent a div span,
[data-framer-component-type="Text"].isCurrent a span span span,
[data-framer-component-type="Text"].isCurrent a p span span,
[data-framer-component-type="Text"].isCurrent a h1 span span,
[data-framer-component-type="Text"].isCurrent a h2 span span,
[data-framer-component-type="Text"].isCurrent a h3 span span,
[data-framer-component-type="Text"].isCurrent a h4 span span,
[data-framer-component-type="Text"].isCurrent a h5 span span,
[data-framer-component-type="Text"].isCurrent a h6 span span {
--font-family: var(--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid))) var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))) var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor))) var(--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto)));
--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)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset)));
}
[data-framer-component-type="RichTextContainer"] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex;
}
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-blockquote-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style,
var(--framer-font-style, normal));
font-weight: 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, 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));
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]) {
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-blockquote-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color,
var(--framer-link-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));
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: var(--framer-link-text-background-color, initial);
border-radius: var(--framer-link-text-background-radius, initial);
padding: var(--framer-link-text-background-padding, initial);
}
a.framer-text,
span.framer-text[data-nested-link] {
-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)));
}
@supports not (color: color(display-p3 1 1 1)) {
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: 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));
}
}
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: var(--framer-blockquote-text-color,
var(--framer-link-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));
}
@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-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-link-hover-font-style,
var(--framer-blockquote-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-blockquote-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
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))));
background-color: var(--framer-link-hover-text-background-color,
var(--framer-link-text-background-color,
var(--framer-text-background-color, initial)));
border-radius: var(--framer-link-hover-text-background-radius,
var(--framer-link-text-background-radius,
var(--framer-text-background-radius, 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 {
-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))));
}
@supports not (color: color(display-p3 1 1 1)) {
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]) {
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))))));
}
}
code.framer-text a.framer-text:hover,
code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link]:hover,
code.framer-text span.framer-text[data-nested-link]:hover 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-link-hover-text-color,
var(--framer-blockquote-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000)))));
font-size: calc(var(--framer-link-hover-font-size,
var(--framer-blockquote-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
}
.framer-text {
text-align: center !important;
--framer-text-alignment: center !important;
}
[data-framer-component-type="RichTextContainer"] {
text-align: center !important;
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link]:hover,
code.framer-text span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
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))))))));
}
}
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-link-current-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
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)));
background-color: var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color, initial));
border-radius: var(--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, 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] {
-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)));
}
@supports not (color: color(display-p3 1 1 1)) {
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]) {
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))))));
}
}
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: var(--framer-link-current-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000))));
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));
}
@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]) {
font-family: 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-link-hover-font-style,
var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color,
var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
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))));
background-color: var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color, initial)));
border-radius: var(--framer-link-hover-text-background-radius,
var(--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, 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 {
-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))));
}
@supports not (color: color(display-p3 1 1 1)) {
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: 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))))));
}
}
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]) {
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: 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)))));
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));
background-color: var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color,
var(--framer-text-background-color, initial))));
border-radius: var(--framer-link-hover-text-background-radius,
var(--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius,
var(--framer-text-background-radius, initial))));
padding: var(--framer-link-hover-text-background-padding,
var(--framer-link-current-text-background-padding,
var(--framer-link-text-background-padding,
var(--framer-text-background-padding, initial))));
}
@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 {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-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;
--framer-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-padding: initial;
}
ol.framer-text {
--list-style-type: decimal;
}
ul.framer-text,
ol.framer-text {
padding-left: 3ch;
position: relative;
}
li.framer-text {
counter-increment: list-item;
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;
left: 0;
}
ol.framer-text>li.framer-text:nth-last-child(n + 100),
ol.framer-text>li.framer-text:nth-last-child(n + 100)~li {
padding-left: 1ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 1000),
ol.framer-text>li.framer-text:nth-last-child(n + 1000)~li {
padding-left: 2ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 10000),
ol.framer-text>li.framer-text:nth-last-child(n + 10000)~li {
padding-left: 3ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 100000),
ol.framer-text>li.framer-text:nth-last-child(n + 100000)~li {
padding-left: 4ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 1000000),
ol.framer-text>li.framer-text:nth-last-child(n + 1000000)~li {
padding-left: 5ch;
}
ul.framer-text>li.framer-text:before {
content: "•";
position: absolute;
left: 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[style*="aspect-ratio"]> :first-child {
width: 100%;
}
@supports not (aspect-ratio: 1) {
.framer-text-module[style*="aspect-ratio"] {
position: relative;
}
.framer-text-module[style*="aspect-ratio"]:before {
content: "";
padding-bottom: calc(100% / calc(var(--aspect-ratio)));
display: block;
}
.framer-text-module[style*="aspect-ratio"]> :first-child {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
[data-framer-component-type="DeprecatedRichText"] {
cursor: inherit;
}
[data-framer-component-type="DeprecatedRichText"] .text-styles-preset-reset {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--font-variation-settings: normal;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6 {
margin: 0;
padding: 0;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6,
[data-framer-component-type="DeprecatedRichText"] li,
[data-framer-component-type="DeprecatedRichText"] ol,
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] span:not([data-text-fill]) {
font-family: var(--framer-font-family,
Inter,
Inter Placeholder,
sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: var(--framer-font-size, 16px);
letter-spacing: var(--framer-letter-spacing, 0);
text-transform: var(--framer-text-transform, none);
-webkit-text-decoration: var(--framer-text-decoration, none);
text-decoration: var(--framer-text-decoration, none);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="DeprecatedRichText"] p:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] div:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h1:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h2:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h3:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h4:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h5:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h6:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ol:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ul:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0);
}
[data-framer-component-type="DeprecatedRichText"] span[data-text-fill] {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
[data-framer-component-type="DeprecatedRichText"] a,
[data-framer-component-type="DeprecatedRichText"] a span:not([data-text-fill]) {
font-family: var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-link-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: var(--framer-link-font-size, var(--framer-font-size, 16px));
text-transform: var(--framer-link-text-transform,
var(--framer-text-transform, none));
-webkit-text-decoration: var(--framer-link-text-decoration,
var(--framer-text-decoration, none));
text-decoration: var(--framer-link-text-decoration,
var(--framer-text-decoration, none));
}
[data-framer-component-type="DeprecatedRichText"] a:hover,
[data-framer-component-type="DeprecatedRichText"] a:hover span:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-hover-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current],
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current] span:not([data-text-fill]):not([data-nested-link]) {
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-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
-webkit-text-decoration: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current]:hover,
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current]:hover span:not([data-text-fill]):not([data-nested-link]) {
font-family: 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-link-hover-font-style,
var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color,
var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
font-size: var(--framer-link-hover-font-size,
var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-current-text-transform,
var(--framer-link-text-transform,
var(--framer-text-transform, none))));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))));
text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))));
}
[data-framer-component-type="DeprecatedRichText"] strong {
font-weight: bolder;
}
[data-framer-component-type="DeprecatedRichText"] em {
font-style: italic;
}
[data-framer-component-type="DeprecatedRichText"] .framer-image {
max-width: 100%;
height: auto;
display: block;
}
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] ol {
width: 100%;
margin: 0;
padding-left: 0;
display: table;
}
[data-framer-component-type="DeprecatedRichText"] li {
counter-increment: list-item;
list-style: none;
display: table-row;
}
[data-framer-component-type="DeprecatedRichText"] ol>li:before {
box-sizing: border-box;
content: counter(list-item) ".";
white-space: nowrap;
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
[data-framer-component-type="DeprecatedRichText"] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-component-type],
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>[data-framer-component-type] {
position: relative;
}
.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled="true"]>*,
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"] {
margin-top: calc(var(--stack-gap-y) / 2);
margin-bottom: calc(var(--stack-gap-y) / 2);
margin-right: calc(var(--stack-gap-x) / 2);
margin-left: calc(var(--stack-gap-x) / 2);
}
[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: var(--stack-native-row-gap);
column-gap: var(--stack-native-column-gap);
}
.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: unset;
column-gap: unset;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"]> :first-child,
[data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :first-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"]> :last-child,
[data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :last-child {
margin-top: 0;
margin-left: 0;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"]> :last-child,
[data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :last-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"]> :first-child,
[data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :first-child {
margin-bottom: 0;
margin-right: 0;
}
NavigationContainer [data-framer-component-type="NavigationContainer"]>*,
[data-framer-component-type="NavigationContainer"]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type="Scroll"]::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="ScrollContentWrapper"]>* {
position: relative;
}
[data-framer-component-type="NativeScroll"] {
-webkit-overflow-scrolling: touch;
}
[data-framer-component-type="NativeScroll"]>* {
position: relative;
}
[data-framer-component-type="NativeScroll"].direction-both {
overflow: auto;
}
[data-framer-component-type="NativeScroll"].direction-vertical {
overflow: hidden auto;
}
[data-framer-component-type="NativeScroll"].direction-horizontal {
overflow: auto hidden;
}
[data-framer-component-type="NativeScroll"].direction-vertical>* {
width: 100% !important;
}
[data-framer-component-type="NativeScroll"].direction-horizontal>* {
height: 100% !important;
}
[data-framer-component-type="NativeScroll"].scrollbar-hidden::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="PageContentWrapper"]>*,
[data-framer-component-type="PageContentWrapper"]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type="DeviceComponent"].no-device>* {
width: 100% !important;
height: 100% !important;
}
[data-is-present="false"],
[data-is-present="false"] * {
pointer-events: none !important;
}
[data-framer-cursor="pointer"] {
cursor: pointer;
}
[data-framer-cursor="grab"] {
cursor: grab;
}
[data-framer-cursor="grab"]:active {
cursor: grabbing;
}
[data-framer-component-type="Frame"] *,
[data-framer-component-type="Stack"] * {
pointer-events: auto;
}
[data-framer-generated] * {
pointer-events: unset;
}
.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: normal;
}
.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);
}
}
.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;
}
}
.framer-BZ9ah.framer-rkwomo,
.framer-BZ9ah .framer-rkwomo {
display: block;
}
.framer-BZ9ah.framer-k2fatd {
background-color: var(--token-958fffe2-6195-4469-bff9-68e2af1bed1b,
#c7a275);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-BZ9ah .framer-vv7w88 {
background: 0 0;
flex-grow: 1;
width: 0;
height: 0;
margin: 0;
position: relative;
}
[data-layout-template="true"]>#overlay {
margin-bottom: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-AY8un.framer-lux5qc,
.framer-AY8un .framer-lux5qc {
display: block;
}
.framer-AY8un.framer-72rtr7 {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
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-AY8un .framer-11622o7-container {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: none;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 50%;
transform: translate(-50%);
}
.framer-AY8un .framer-67qgex {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100vw;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1k90wli {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 30px;
width: 100%;
height: auto !important;
min-height: auto !important;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
@media (max-width: 768px) {
height: auto !important;
min-height: auto !important;
}
}
.framer-AY8un .framer-19i89s5 {
z-index: 2;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.framer-AY8un .framer-10kpgea-container {
z-index: 1;
flex: none;
width: 100%;
height: auto !important;
position: relative !important;
top: 0;
left: 0%;
}
.hero-text-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
pointer-events: none;
z-index: 5;
}
.framer-AY8un .framer-1ynmg90 {
z-index: 2;
flex: none;
width: 851px;
max-width: 920px;
height: 120px;
position: relative;
overflow: hidden;
/*bottom : -210px;*/
@media (max-width: 768px) {
bottom: -50px;
}
}
.framer-AY8un .framer-al1rf6-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
max-width: 920px;
height: auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
@media (max-width: 500px) {
top: 30%;
}
}
.framer-AY8un .framer-1tdk418 {
z-index: 2;
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-AY8un .framer-z7wfzx {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
will-change: var(--framer-will-change-effect-override, transform);
word-break: break-word;
word-wrap: break-word;
flex: none;
width: auto;
max-width: 600px;
height: auto;
position: relative;
}
.framer-AY8un .framer-1kzxtsd {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
}
.framer-AY8un .framer-1pjfh13-container {
z-index: 1;
flex: none;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
@media (max-width: 768px) {
height: auto !important;
min-height: auto !important;
}
}
/* User's fix: Allow the last sticky banner to scroll naturally out of the viewport to prevent Safari Z-index bleed */
.last-banner-container {
position: relative !important;
}
.framer-1tdk418 {
bottom: -120px !important;
@media (max-width: 768px) {
bottom: -15px !important;
}
}
.framer-AY8un .framer-6tiszo {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 4400px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-aglf20 {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: 120vh;
padding: 0 20px;
display: flex;
position: sticky;
top: -5rem;
overflow: hidden;
@media (min-width: 991px) and (max-width: 1400px) {
height: 150vh !important;
}
img {
@media (max-width: 768px) {
object-fit: cover !important;
}
}
}
.framer-AY8un .framer-8nl2m0 {
height: 520px;
transform-style: preserve-3d;
flex: none;
width: 990px;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-rjd5he {
will-change: var(--framer-will-change-override, transform);
border-radius: 12px;
flex: none;
width: 651px;
height: 465px;
position: absolute;
top: calc(50% - 232.5px);
left: calc(50% - 325.5px);
overflow: hidden;
}
.framer-AY8un .framer-175ro95,
.framer-AY8un .framer-13mp4ld {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.framer-AY8un .framer-c5ykv4 {
will-change: var(--framer-will-change-override, transform);
border-radius: 12px;
flex: none;
width: 651px;
height: 465px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-td1w28 {
will-change: var(--framer-will-change-override, transform);
border-radius: 12px;
flex: none;
width: 651px;
height: 465px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-q5d226-container {
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-AY8un .framer-15m9j95,
.framer-AY8un .framer-mvi59n {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 712px;
height: auto;
position: relative;
}
.framer-15m9j95 {
margin-top: 0.5rem;
}
.framer-AY8un .framer-1tt0h1o,
.framer-AY8un .framer-107m1b6,
.framer-AY8un .framer-12sz9t1,
.framer-AY8un .framer-11me22i {
pointer-events: none;
flex: none;
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1k7exfh,
.framer-AY8un .framer-1ym07og {
pointer-events: none;
flex: none;
width: 100%;
height: 400px;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1lguzd7,
.framer-AY8un .framer-zpi0hu {
pointer-events: none;
flex: none;
height: 114px;
position: absolute;
top: 100px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-1j6hljv,
.framer-AY8un .framer-gfzwtx {
pointer-events: none;
flex: none;
height: 400px;
position: absolute;
top: 100px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-11nwzl0 {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
z-index: 2;
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 10px;
width: 100%;
height: 500vh;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media(max-width : 725px) {
height: 300vh;
}
}
.framer-AY8un .framer-jd05u {
z-index: 1;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 64px;
width: 1px;
height: 100vh;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.framer-AY8un .framer-g9bsx4 {
background: linear-gradient(270deg,
#59403200 0%,
#59403200 35%,
var(--token-b8b3b8fb-e44e-4de9-9943-5d2b26783061, #594032) 138%);
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 64px;
padding: 0 64px;
display: flex;
position: relative;
overflow: hidden;
@media(max-width : 768px) {
padding: 0 10px;
}
}
.framer-AY8un .framer-qq1wue-container,
.framer-AY8un .framer-1xk5sq8-container,
.framer-AY8un .framer-14rsuxy-container,
.framer-AY8un .framer-zvum1r-container,
.framer-AY8un .framer-1hcxnav-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un .framer-dcbp7o {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 300%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 768px) {
width: auto !important;
height: auto !important;
}
@media (max-width: 500px) {
width: auto !important;
}
}
.framer-AY8un .framer-1ptq81q-container,
.framer-AY8un .framer-1uy3cto-container,
.framer-AY8un .framer-1kef8ll-container,
.framer-AY8un .framer-1i05vg-container,
.framer-AY8un .framer-yrr6ed-container,
.framer-AY8un .framer-1xyz123-container {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 500px);
flex: none;
width: 500px;
position: relative;
@media (max-width: 1024px) {
width: 300px;
}
@media (max-width: 500px) {
width: 200px;
}
}
.framer-AY8un.framer-5puils,
.framer-AY8un.framer-yrosp0,
.framer-AY8un.framer-18hsrz8,
.framer-AY8un.framer-icrh8h,
.framer-AY8un.framer-1pimg80 {
-webkit-user-select: none;
user-select: none;
z-index: 2;
background-color: #0000008a;
position: fixed;
inset: 0;
}
.framer-AY8un.framer-wijl7-container,
.framer-AY8un.framer-xxbxn0-container,
.framer-AY8un.framer-1wed5dz-container,
.framer-AY8un.framer-10nxeom-container,
.framer-AY8un.framer-v9vo31-container {
aspect-ratio: 1.77807;
height: var(--framer-aspect-ratio-supported, 112px);
z-index: 2;
flex: none;
width: 65%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.framer-AY8un .framer-1wkgzfx,
.framer-2h7nj6 {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
z-index: 2;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 90vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
height: auto !important;
flex-direction: column !important;
.framer-17o2nxd,
.framer-axgjn6-container,
.css-mljhgi,
.css-wt6yvf {
height: auto !important;
}
.css-wt6yvf .img-after {
position: relative !important;
height: auto !important;
}
.framer-1lhce4z {
height: auto !important;
position: relative !important;
&>div,
img {
height: auto !important;
position: relative !important;
}
}
}
}
.framer-AY8un .framer-eq5jvg,
.framer-AY8un .framer-18f98a9 {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 1024px) {
width: 100%;
min-height: fit-content !important;
height: fit-content !important;
}
}
.framer-AY8un .framer-ymde0g,
.framer-AY8un .framer-1us37au {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 40%;
height: 100%;
min-height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 1024px) {
width: 100%;
min-height: fit-content !important;
height: auto !important;
}
@media (max-width: 600px) {
height: auto !important;
}
}
.framer-AY8un .framer-46jm3h,
.framer-AY8un .framer-1kgscmx,
.framer-AY8un .framer-1swrrz3,
.framer-AY8un .framer-q39d1f {
z-index: 1;
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: 1px;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
@media(max-width: 1024px) {
position: relative !important;
height: auto !important;
overflow: visible !important;
}
}
.framer-AY8un .framer-hebugd,
.framer-AY8un .framer-isv68l,
.framer-AY8un .framer-ivb9if,
.framer-AY8un .framer-1d9h555 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media(max-width: 1024px) {
height: auto !important;
overflow: visible !important;
}
}
.framer-AY8un .framer-1difgab,
.framer-AY8un .framer-11uatj2,
.framer-AY8un .framer-1h9iqmz,
.framer-AY8un .framer-6dqla {
will-change: var(--framer-will-change-override, transform);
border-radius: 5px;
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
height: 100%;
padding: 10px;
display: flex;
position: relative;
overflow: hidden;
@media(max-width: 1024px) {
height: auto !important;
overflow: visible !important;
}
}
.framer-AY8un .framer-1c0runw {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 24px;
width: 100%;
height: 100%;
padding: 0 0 160px;
display: flex;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.framer-AY8un .framer-zauoet,
.framer-AY8un .framer-wwfqfd,
.framer-AY8un .framer-cavnlw {
z-index: 1;
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: visible;
}
.framer-dropdown a {
pointer-events: auto !important;
position: relative;
z-index: 99999;
}
.framer-AY8un .framer-1jtaukg-container,
.framer-AY8un .framer-1mrtezc-container,
.framer-AY8un .framer-8n1vdf-container {
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-AY8un .framer-1jtaukg-container h1 {
@media (max-width: 600px) {
font-size: large !important;
}
}
.framer-8n1vdf-container h1 {
font-size: xx-large !important;
@media (max-width: 1300px) {
font-size: x-large !important;
}
@media (max-width: 600px) {
font-size: large !important;
}
}
framer-1lleb7f .framer-1lleb7f p {
@media (max-width: 600px) {
font-size: x-small !important;
}
}
.framer-1mrtezc-container {
h1 {
@media (max-width: 1500px) {
font-size: 32px !important;
}
@media (max-width: 1200px) {
font-size: 28px !important;
}
@media (max-width: 1024px) {
font-size: large !important;
}
}
}
.framer-zaa6je {
p {
@media (max-width: 1024px) {
font-size: small !important;
}
}
}
.framer-AY8un .framer-vbg7sa {
flex: 1 0 0;
width: 1px;
height: 100%;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-gvw2f1 {
--border-bottom-width: 1px;
--border-color: #fff;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
will-change: var(--framer-will-change-override, transform);
z-index: 2;
background-color: #ffffff4d;
border-radius: 20px;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 65%;
height: 55%;
padding: 0;
display: flex;
position: absolute;
top: 20%;
left: 17.5%;
overflow: hidden;
@media(max-width : 600px) {
width: 80%;
height: 60%;
top: 13%;
left: 9.5%;
}
}
.framer-AY8un .framer-1cnchyc,
.framer-AY8un .framer-1f91r0w {
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-AY8un .framer-zaa6je,
.framer-AY8un .framer-1lleb7f {
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 80%;
height: auto;
position: relative;
}
.framer-AY8un .framer-64dpul-container,
.framer-AY8un .framer-ocarea-container,
.framer-AY8un .framer-1l7x3vl-container,
.framer-AY8un .framer-1no6rbn-container,
.framer-AY8un .framer-zkgwn5-container {
z-index: 5;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un .framer-1wgw3x9 {
flex: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1ezp6o,
.framer-AY8un .framer-1dnhguv {
z-index: 3;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 50px;
width: 100%;
height: min-content;
min-height: 128px;
padding: 0 0 80px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.framer-AY8un .framer-jx0221 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 3500px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-16kq2y6 {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 56px;
width: 100%;
height: 100vh;
padding: 0 0 164px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.framer-AY8un .framer-131c961 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-n8a1di,
.framer-AY8un .framer-1dc0yz6,
.framer-AY8un .framer-n40gkl,
.framer-AY8un .framer-kbk9kc {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-AY8un .framer-chqn6f {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 34px;
width: 100%;
height: 120px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 768px) {
gap: 16px;
}
}
.framer-AY8un .framer-cu5mg4,
.framer-AY8un .framer-2ecrzq,
.framer-AY8un .framer-vkz1cw,
.framer-AY8un .framer-crzshc,
.framer-AY8un .framer-w7lr1c,
.framer-AY8un .framer-1d32a3z,
.framer-AY8un .framer-1vttz0i {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un .framer-1s9iexa {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
z-index: 2;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un .framer-9bmlc9 {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-top-left-radius: 2000px;
border-top-right-radius: 2000px;
flex: none;
width: 246px;
height: 343px;
position: absolute;
top: calc(68.2222% - 171.5px);
left: calc(50% - 123px);
overflow: hidden;
}
.framer-AY8un .framer-3jp45r {
z-index: 10;
flex-flow: column;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 100%;
height: 100vh;
padding: 0 0 120px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.framer-AY8un .framer-lkuc8f {
z-index: 1;
flex: none;
height: 800px;
position: absolute;
top: 3400px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-4tikfa {
z-index: 1;
flex: none;
height: 3400px;
position: absolute;
top: 718px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-9ma7p0 {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 238px;
height: 100vh;
padding: 0;
display: flex;
position: absolute;
top: 2000px;
left: 0;
right: 0;
overflow: hidden;
@media (max-width: 689px) {
gap: 50px;
}
}
.framer-AY8un .framer-4gkvyl {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 800px;
height: auto;
position: relative;
@media (max-width: 500px) {
p {
font-size: xx-large !important;
}
}
}
.framer-AY8un .framer-aph1xv,
.framer-AY8un .framer-1mnleei {
flex-flow: column;
flex: none;
place-content: flex-end center;
align-items: center !important;
gap: 10px;
width: 800px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.framer-1mnleei {
/*right: 10%;*/
}
.framer-svsksw {
left: 10%;
}
}
@media (max-width: 768px) {
.framer-1mnleei {
/*right: 20%;*/
}
.framer-svsksw {
/*left: 20%;*/
}
}
@media (max-width: 600px) {
.framer-1mnleei,
.framer-svsksw {
/*left: 50%;*/
/*transform: translateX(-50%);*/
}
}
.framer-AY8un .framer-1vlfi77 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 278px;
height: auto;
position: relative;
@media (max-width: 1024px) {
/*right: 10%;*/
}
@media (max-width: 768px) {
/*right: 20%;*/
}
@media (max-width: 500px) {
/*right: 50%;*/
/*transform: translateX(50%) !important;*/
}
}
.framer-AY8un .framer-1fdyr92 {
flex: none;
width: 100%;
height: 3400px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1s0uibr {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 238px;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.framer-AY8un .framer-1b9j0up {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-top-left-radius: 2000px;
border-top-right-radius: 2000px;
flex: none;
width: 246px;
height: 343px;
position: absolute;
top: calc(50% - 171.5px);
left: calc(50% - 123px);
overflow: hidden;
}
.framer-AY8un .framer-1etvqzw {
z-index: 1;
flex: none;
height: 3400px;
position: absolute;
top: 5560px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-svkjvr {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 238px;
height: 100vh;
padding: 0;
display: flex;
position: absolute;
top: 8960px;
left: 0;
right: 0;
overflow: hidden;
}
.framer-AY8un .framer-1l55uww {
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 44%;
height: auto;
position: relative;
@media (max-width: 500px) {
p {
font-size: xx-large !important;
}
}
}
.framer-AY8un .framer-svsksw {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 10px;
width: 800px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-kjek9m {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 293px;
height: auto;
position: relative;
}
.framer-AY8un .framer-1gdkgkx {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-aorzr0 {
filter: blur(20px);
z-index: 1;
flex: none;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
overflow: visible;
}
.framer-AY8un .framer-1wccnle-container {
z-index: 3;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un .framer-zqc70x {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-4mfonx,
.framer-AY8un .framer-uhiquf {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 36px;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.framer-AY8un .framer-yo1wig {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 1px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 500px) {
top: -150px;
}
}
.framer-AY8un .framer-zc56pd {
height: min-content;
transform-style: preserve-3d;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-nubgww,
.framer-AY8un .framer-o6wfn3,
.framer-AY8un .framer-lpbbuk,
.framer-AY8un .framer-1lhrha6,
.framer-AY8un .framer-iixd32 {
height: 151px;
transform-style: preserve-3d;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 865px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 768px) {
width: 500px;
}
}
.framer-AY8un .framer-1ptiw9v-container,
.framer-AY8un .framer-146h4mg-container,
.framer-AY8un .framer-1eq0a3z-container,
.framer-AY8un .framer-6e8rls-container,
.framer-AY8un .framer-1n18tiu-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
}
.framer-AY8un .framer-1rc38wu-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 49%;
left: -161px;
transform: translateY(-50%);
}
.framer-AY8un .framer-9sjpb4 {
flex-flow: column;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 100%;
height: 1500px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-10nirva {
flex: none;
width: 100%;
height: 30vh;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-2h7nj6 {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
z-index: 2;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 90vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
/* height: 200vh; */
}
}
.framer-AY8un .framer-17o2nxd {
-webkit-user-select: none;
user-select: none;
box-shadow: 0px 0px 0px 1px var(--token-6caa153b-31c9-4eaa-bd6e-82180b70617c, #33373a);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-axgjn6-container {
flex: 1 0 0;
width: 100%;
height: 1px;
position: relative;
}
.framer-AY8un .framer-rde6up {
background-color: var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, #fff);
will-change: var(--framer-will-change-override, transform);
border-radius: 70px;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: 36px;
height: 36px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-3tonlb {
flex: none;
width: 100%;
height: 20px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-197apto {
flex: none;
width: 20px;
height: 20px;
position: absolute;
bottom: 0;
left: calc(50% - 10px);
}
.framer-AY8un .framer-1t8zhb4 {
--border-bottom-width: 1px;
--border-color: #fff;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
will-change: var(--framer-will-change-override, transform);
z-index: 2;
background-color: #fff6;
border-radius: 20px;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 65%;
height: 50%;
padding: 0;
display: flex;
position: absolute;
top: 20%;
left: 17.5%;
overflow: hidden;
@media (max-width: 500px) {
width: 77%;
height: 64%;
left: 11.5%;
}
}
.framer-AY8un .framer-1lhce4z {
filter: blur();
flex: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-12rx4ia {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
height: 2800px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1fvjd7f {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 3000px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1jic084 {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: visible;
}
.framer-AY8un .framer-1e9vlng {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-sivp5x {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 52px;
width: 600px;
height: min-content;
min-height: 208px;
padding: 0 20px;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1x9brx0 {
pointer-events: none;
z-index: 3;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 690px;
height: 100vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 500px) {
width: 900px;
}
}
.framer-AY8un .framer-jisj1s-container {
z-index: 1;
flex: none;
width: 1000px;
height: 100%;
position: absolute;
top: 0%;
left: calc(50% - 500px);
div {
@media (max-width: 1024px) {
width: 80% !important;
height: 80% !important;
top: 20%;
}
@media (max-width: 768px) {
width: 70% !important;
height: 70% !important;
}
@media (max-width: 500px) {
width: 50% !important;
height: 50% !important;
}
}
}
.framer-AY8un .framer-bczvvu {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 10px;
width: 100%;
height: 70vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1ujzlg8 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 52px;
width: 500px;
height: min-content;
padding: 0 20px 0 100px;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 768px) {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
display: flex;
align-items: center !important;
justify-content: center !important;
}
}
.framer-AY8un .framer-f49b65 {
--border-bottom-width: 1px;
--border-color: var(--token-76fc6dab-fab2-4524-ae52-afcdf67a1cb6, #bdc9b2);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
will-change: var(--framer-will-change-override, transform);
z-index: 5;
background-color: #bdc9b233;
border-radius: 20px;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 600px;
height: min-content;
padding: 24px;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 600px) {
width: 90% !important;
padding: 14px;
}
}
.framer-AY8un .framer-17ukj1w {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 14px;
width: 100%;
height: min-content;
min-height: 48px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1a5h76c {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 10px;
width: 100%;
height: 120vh;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1rfataj {
z-index: 5;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 52px;
width: 500px;
height: min-content;
padding: 0 20px 0 100px;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 768px) {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
display: flex;
align-items: center !important;
justify-content: center !important;
}
}
.framer-AY8un .framer-1x8qjil {
--border-bottom-width: 1px;
--border-color: var(--token-76fc6dab-fab2-4524-ae52-afcdf67a1cb6, #bdc9b2);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
will-change: var(--framer-will-change-override, transform);
background-color: #bdc9b233;
border-radius: 20px;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 600px;
height: min-content;
padding: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1bprfpp {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 14px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-4v4p1 {
background-color: var(--token-bfcf0b5a-f9dc-4843-a51f-33efc33ad4cb,
#350d0a);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0 72px;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 600px) {
padding: 0 50px;
}
}
.framer-AY8un .framer-1cikm1k {
z-index: 6;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 120px 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-1xcazcd {
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: hidden;
}
.framer-AY8un .framer-1lwv6f4 {
z-index: 0;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
flex-direction: column !important;
}
}
.framer-AY8un .framer-1tetdki,
.framer-AY8un .framer-1n4j9qp,
.framer-AY8un .framer-5godcd {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 28px;
width: 308px;
height: min-content;
padding: 0 0 18px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1o3kjca,
.framer-AY8un .framer-1fi9uqj,
.framer-AY8un .framer-oa5o10 {
background-color: var(--token-dbadf130-9d1f-4acb-bf02-0333b4ffbfbf,
#eee7da);
will-change: var(--framer-will-change-override, transform);
border-radius: 17px;
flex-flow: row;
flex: none;
place-content: center;
align-items: flex-start;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1b5c3tj,
.framer-AY8un .framer-14rr6ur,
.framer-AY8un .framer-xcp9t3 {
will-change: var(--framer-will-change-effect-override, transform);
border-radius: 16px;
flex: none;
gap: 10px;
width: 300px;
height: 450px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-y3k9ka,
.framer-AY8un .framer-7gik4u,
.framer-AY8un .framer-1kwf54q {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: center;
gap: 22px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-ghnm92,
.framer-AY8un .framer-eoog8c,
.framer-AY8un .framer-e7ypk3 {
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;
}
.framer-AY8un .framer-l7maj9,
.framer-AY8un .framer-16afpgv,
.framer-AY8un .framer-1axn8wg {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 95%;
height: auto;
position: relative;
}
.framer-1lwv6f4 h5 {
@media (max-width: 400px) {
font-size: small !important;
}
}
.framer-AY8un .framer-ilnm94,
.framer-AY8un .framer-38veqn,
.framer-AY8un .framer-1p459bs {
flex-flow: row;
flex: none;
place-content: space-between flex-start;
align-items: center;
gap: 18px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-hbsl3,
.framer-AY8un .framer-4ilkmp,
.framer-AY8un .framer-4b09oq,
.framer-AY8un .framer-jzjzch,
.framer-AY8un .framer-r4zzwu,
.framer-AY8un .framer-1wce37h {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 7px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-14dgqll-container,
.framer-AY8un .framer-290ll4-container,
.framer-AY8un .framer-z8n25v-container,
.framer-AY8un .framer-boz64m-container,
.framer-AY8un .framer-1faz0aq-container,
.framer-AY8un .framer-c6d350-container {
flex: none;
width: 16px;
height: 16px;
position: relative;
}
.framer-AY8un .framer-mp36sf {
z-index: 1;
flex: none;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
@media (max-width: 1024px) {
.bg-image {
display: none !important;
}
}
.framer-AY8un .framer-ur3mth {
filter: blur(10px);
z-index: 0;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: visible;
}
.framer-AY8un .framer-aw0pws {
background-color: var(--token-5c41d16a-4412-45c6-97b1-a2917a8dadbd,
#a5564a);
z-index: 5;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-vk2h7z {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 36px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
top: -42px;
@media (max-width: 1250px) {
transform: scale(0.7) !important;
top: -23px;
}
}
.framer-AY8un .framer-sq8ozu {
aspect-ratio: 1.12142;
height: var(--framer-aspect-ratio-supported, 253px);
flex: none;
width: 283px;
position: relative;
overflow: visible;
}
.framer-AY8un .framer-7mjn8 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 445px);
pointer-events: none;
z-index: 1;
flex: none;
width: 445px;
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
transform: translate(-50%, -50%);
}
.framer-AY8un .framer-1w9tgpx,
.framer-AY8un .framer-1xwc0xn,
.framer-AY8un .framer-jyvf87,
.framer-AY8un .framer-155qxdi,
.framer-AY8un .framer-ug1bsa,
.framer-AY8un .framer-19wosc,
.framer-AY8un .framer-1s6dzbm,
.framer-AY8un .framer-1elf8id {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 445px);
z-index: 1;
border-radius: 80px;
flex: none;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: visible;
}
.framer-AY8un .framer-n0cvq4 {
flex-flow: column;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 100%;
height: 1000px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1nz78tz {
flex: none;
width: 100%;
height: 28%;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-1ert2qo {
background-color: var(--token-0038da15-9241-4645-bec3-ec23c0514afc,
#f5cec0);
z-index: 2;
flex: none;
width: 100%;
height: auto;
min-height: 360px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 20px;
gap: 20px;
}
.framer-AY8un .framer-10j1rea {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 44px);
flex: none;
width: 44px;
position: relative;
overflow: hidden;
}
.framer-AY8un .framer-17dlz27 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: normal;
flex: none;
width: 100%;
height: auto;
position: relative;
text-align: center;
@media(max-width : 500px) {
width: 100%;
}
}
.framer-AY8un .framer-19acfst {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
opacity: 0.8;
white-space: normal;
flex: none;
width: 100%;
/*max-width: 600px;*/
height: auto;
position: relative;
text-align: center;
@media(max-width : 500px) {
padding: 0 !important;
}
}
.framer-AY8un .framer-15bnu4b-container {
flex: none;
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content: center;
@media (max-width: 600px) {
bottom: auto;
}
}
.framer-AY8un .framer-18hh6gi-container {
z-index: 2;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-AY8un .framer-7k2242-container {
z-index: 0;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-AY8un[data-border="true"]:after,
.framer-AY8un [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-HQLOR.framer-i8hww7,
.framer-HQLOR .framer-i8hww7 {
display: block;
}
.framer-HQLOR.framer-190tgz4 {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1440px;
height: min-content;
padding: 0 0 10px;
display: flex;
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1px) !important;
-webkit-backdrop-filter: blur(5px) !important;
width: 100%;
opacity: 1;
@media (max-width: 500px) {
height: 60px !important;
}
}
.framer-HQLOR .framer-1lhvrr0 {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 10px 100px 0;
display: flex;
position: relative;
overflow: visible;
transition: all 0.3s ease;
}
.framer-HQLOR .framer-143a8jo {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 14px;
width: 20px;
height: 20px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR .framer-cxxfqa-container,
.framer-HQLOR .framer-1jlkdvo-container,
.framer-HQLOR .framer-6j5nph-container,
.framer-HQLOR .framer-1mdgyt7-container {
flex: none;
width: 20px;
height: 20px;
position: relative;
}
.framer-HQLOR .framer-je0b8e {
aspect-ratio: 4.10714;
height: var(--framer-aspect-ratio-supported, 68px);
flex: none;
width: 280px;
text-decoration: none;
position: relative;
overflow: visible;
}
#ligtLogo,
#darkLogo {
margin-left: 5rem;
inset: 1px !important;
@media (max-width: 1024px) {
margin-left: 0;
}
}
.framer-HQLOR .framer-3yjaix {
aspect-ratio: 4.10714;
height: var(--framer-aspect-ratio-supported, 48px);
flex: none;
width: 197px;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-zjvf30 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 14px;
width: 100px;
height: 80px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
img {
transition: all 0.1s ease;
&:hover {
transform: scale(1.1);
}
}
@media (max-width: 500px) {
width: 50px !important;
}
}
.framer-HQLOR .framer-193688z {
aspect-ratio: 4.10714;
height: var(--framer-aspect-ratio-supported, 73px);
flex: none;
width: 280px;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-1xpycob {
aspect-ratio: 4.10714;
height: var(--framer-aspect-ratio-supported, 73px);
flex: none;
width: 280px;
text-decoration: none;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-181blvk {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 31px;
width: min-content;
height: min-content;
/* padding: 24px 0 0; */
display: flex;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-1bxuy5f-container,
.framer-HQLOR .framer-1feic05-container,
.framer-HQLOR .framer-u7wry6-container,
.framer-HQLOR .framer-1koo5w-container,
.framer-HQLOR .framer-i0b0e1-container,
.framer-HQLOR .framer-yfrlwz-container,
.framer-HQLOR .framer-1ycakc8-container,
.framer-HQLOR .framer-hkw1ad-container,
.framer-HQLOR .framer-n91tac-container,
.framer-HQLOR .framer-1y93d37-container,
.framer-HQLOR .framer-1r9eqk8-container,
.framer-HQLOR .framer-j6nrae-container,
.framer-HQLOR .framer-1heiwkg-container,
.framer-HQLOR .framer-gstjb7-container,
.framer-HQLOR .framer-yke32y-container,
.framer-HQLOR .framer-10npqov-container,
.framer-HQLOR .framer-3ldi92-container,
.framer-HQLOR .framer-9ie2vt-container,
.framer-HQLOR .framer-kexonn-container,
.framer-HQLOR .framer-1ad0z3z-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-HQLOR .framer-repqjm {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 100px;
display: flex;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-1bdn3gy {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 200px;
height: 200px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR .framer-hll23h,
.framer-HQLOR .framer-o8v07b {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR .framer-10depux,
.framer-HQLOR .framer-p2ye2r,
.framer-HQLOR .framer-e0y30c {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 560px;
height: 320px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR .framer-1opg73v,
.framer-HQLOR .framer-fw0wie,
.framer-HQLOR .framer-1jgozlb,
.framer-HQLOR .framer-lola6y,
.framer-HQLOR .framer-5i69ov,
.framer-HQLOR .framer-nbyo2p,
.framer-HQLOR .framer-rbh36b,
.framer-HQLOR .framer-1xair7s {
z-index: 1;
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: visible;
}
.framer-HQLOR .framer-1gqwydk,
.framer-HQLOR .framer-9qs7vn,
.framer-HQLOR .framer-1r6wdv5,
.framer-HQLOR .framer-1nev4o6,
.framer-HQLOR .framer-1itdlvs,
.framer-HQLOR .framer-1nq4ohx,
.framer-HQLOR .framer-1645qul,
.framer-HQLOR .framer-1h97gs9,
.framer-HQLOR .framer-ypleap,
.framer-HQLOR .framer-1bfgjd1,
.framer-HQLOR .framer-1g9g5qu,
.framer-HQLOR .framer-17y8sp6,
.framer-HQLOR .framer-1tlxulx {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-HQLOR .framer-1xis4ij,
.framer-HQLOR .framer-z2rval,
.framer-HQLOR .framer-11u5fhe,
.framer-HQLOR .framer-t3oabn,
.framer-HQLOR .framer-1hklxe,
.framer-HQLOR .framer-vx12vk,
.framer-HQLOR .framer-106vkuy,
.framer-HQLOR .framer-l47s6j {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 0;
flex: none;
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
bottom: 0;
left: 0%;
overflow: visible;
}
.framer-HQLOR .framer-6t6isn {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 560px;
height: 320px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR .framer-1patxr0,
.framer-HQLOR .framer-152qvje,
.framer-HQLOR .framer-fgq9uq,
.framer-HQLOR .framer-1ls83oa,
.framer-HQLOR .framer-1wqwx6i {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-1x79ql,
.framer-HQLOR .framer-14zoru7,
.framer-HQLOR .framer-yzjcuq,
.framer-HQLOR .framer-15fnelv,
.framer-HQLOR .framer-1ex7jzi {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-1hocjkq {
flex: none;
width: 282px;
height: 175px;
position: relative;
overflow: visible;
}
.framer-HQLOR .framer-jly218,
.framer-HQLOR .framer-1ttoq53,
.framer-HQLOR .framer-sa5fhb,
.framer-HQLOR .framer-19yytxp,
.framer-HQLOR .framer-16p085h {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 260px;
height: 160px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-HQLOR.framer-v-1to9i2h .framer-1lhvrr0 {
order: 0;
height: 78px;
}
.framer-HQLOR.framer-v-1to9i2h .framer-143a8jo,
.framer-HQLOR.framer-v-182qsks .framer-143a8jo,
.framer-HQLOR.framer-v-1rnbjr7 .framer-143a8jo,
.framer-HQLOR.framer-v-dohcpt .framer-143a8jo,
.framer-HQLOR.framer-v-dohcpt .framer-1bxuy5f-container,
.framer-HQLOR.framer-v-1qwauqp .framer-143a8jo,
.framer-HQLOR.framer-v-1qwauqp .framer-1xis4ij,
.framer-HQLOR.framer-v-11yuqkj .framer-143a8jo,
.framer-HQLOR.framer-v-11yuqkj .framer-1bxuy5f-container {
order: 0;
}
.framer-HQLOR.framer-v-1to9i2h .framer-3yjaix,
.framer-HQLOR.framer-v-dohcpt .framer-u7wry6-container,
.framer-HQLOR.framer-v-11yuqkj .framer-u7wry6-container {
order: 4;
}
.framer-HQLOR.framer-v-1to9i2h .framer-zjvf30,
.framer-HQLOR.framer-v-182qsks .framer-zjvf30,
.framer-HQLOR.framer-v-1rnbjr7 .framer-zjvf30,
.framer-HQLOR.framer-v-dohcpt .framer-zjvf30,
.framer-HQLOR.framer-v-1qwauqp .framer-zjvf30,
.framer-HQLOR.framer-v-11yuqkj .framer-zjvf30 {
order: 5;
}
.framer-HQLOR.framer-v-1to9i2h .framer-193688z {
height: var(--framer-aspect-ratio-supported, 12px);
order: 2;
width: 53px;
}
.framer-HQLOR.framer-v-1to9i2h .framer-181blvk,
.framer-HQLOR.framer-v-182qsks .framer-181blvk,
.framer-HQLOR.framer-v-1rnbjr7 .framer-181blvk {
order: 1;
padding: 12px 0 0;
}
.framer-HQLOR.framer-v-182qsks .framer-1lhvrr0,
.framer-HQLOR.framer-v-1rnbjr7 .framer-1lhvrr0 {
mix-blend-mode: difference;
order: 0;
height: 78px;
}
.framer-HQLOR.framer-v-182qsks .framer-193688z,
.framer-HQLOR.framer-v-1rnbjr7 .framer-193688z {
height: var(--framer-aspect-ratio-supported, 68px);
order: 2;
}
.framer-HQLOR.framer-v-dohcpt.framer-190tgz4,
.framer-HQLOR.framer-v-1qwauqp.framer-190tgz4,
.framer-HQLOR.framer-v-11yuqkj.framer-190tgz4 {
justify-content: flex-start;
padding: 0;
}
.framer-HQLOR.framer-v-dohcpt .framer-1xpycob,
.framer-HQLOR.framer-v-1qwauqp .framer-1xpycob,
.framer-HQLOR.framer-v-11yuqkj .framer-1xpycob {
height: var(--framer-aspect-ratio-supported, 68px);
order: 1;
}
.framer-HQLOR.framer-v-dohcpt .framer-i0b0e1-container,
.framer-HQLOR.framer-v-11yuqkj .framer-i0b0e1-container {
order: 7;
}
.framer-HQLOR.framer-v-dohcpt .framer-yfrlwz-container,
.framer-HQLOR.framer-v-11yuqkj .framer-yfrlwz-container {
order: 8;
}
.framer-HQLOR.framer-v-dohcpt .framer-1ycakc8-container,
.framer-HQLOR.framer-v-11yuqkj .framer-1ycakc8-container {
order: 3;
}
.framer-HQLOR.framer-v-dohcpt .framer-hkw1ad-container,
.framer-HQLOR.framer-v-11yuqkj .framer-hkw1ad-container {
order: 6;
}
.framer-HQLOR.framer-v-dohcpt .framer-e0y30c,
.framer-HQLOR.framer-v-11yuqkj .framer-e0y30c {
width: 260px;
height: 160px;
}
.framer-HQLOR.framer-v-1qwauqp .framer-repqjm {
justify-content: center;
gap: 12px;
}
.framer-HQLOR.framer-v-1qwauqp .framer-1bdn3gy {
width: 560px;
height: 320px;
}
.framer-HQLOR.framer-v-1qwauqp .framer-1opg73v {
order: 1;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-tYe2J.framer-1hl7agy,
.framer-tYe2J .framer-1hl7agy {
display: block;
}
.framer-tYe2J.framer-1g744yu {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 20px;
height: 20px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-tYe2J .framer-1dkqd03 {
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative;
}
.framer-tYe2J.framer-v-1g744yu.hover.framer-1g744yu,
.framer-tYe2J.framer-v-o2c4no.hover.framer-1g744yu {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-tYe2J.framer-v-1g744yu.hover .framer-1dkqd03,
.framer-tYe2J.framer-v-o2c4no.hover .framer-1dkqd03 {
height: var(--framer-aspect-ratio-supported, 22px);
width: 22px;
}
.framer-PtNER {
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--43q7um);
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
width: 24px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-lqVQT.framer-u2zocx,
.framer-lqVQT .framer-u2zocx {
display: block;
}
.framer-lqVQT.framer-zxmdw4 {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 20px;
height: 20px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-lqVQT .framer-br8odt {
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative;
}
.framer-lqVQT.framer-v-zxmdw4.hover.framer-zxmdw4,
.framer-lqVQT.framer-v-1pfbuy4.hover.framer-zxmdw4 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-lqVQT.framer-v-zxmdw4.hover .framer-br8odt {
width: 22px;
}
.framer-lqVQT.framer-v-1pfbuy4.hover .framer-br8odt {
height: var(--framer-aspect-ratio-supported, 22px);
width: 22px;
}
.framer-vWtJe {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Z9RV6.framer-5obg1j,
.framer-Z9RV6 .framer-5obg1j {
display: block;
}
.framer-Z9RV6.framer-elc5wv {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 20px;
height: 20px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Z9RV6 .framer-412ily {
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative;
}
.framer-Z9RV6.framer-v-elc5wv.hover.framer-elc5wv,
.framer-Z9RV6.framer-v-l5xn5d.hover.framer-elc5wv {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-Z9RV6.framer-v-elc5wv.hover .framer-412ily,
.framer-Z9RV6.framer-v-l5xn5d.hover .framer-412ily {
height: var(--framer-aspect-ratio-supported, 22px);
width: 22px;
}
.framer-bTIAN {
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--szd5nr);
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
width: 24px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-ntFHT.framer-16hrtdr,
.framer-ntFHT .framer-16hrtdr {
display: block;
}
.framer-ntFHT.framer-1xgs85o {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 20px;
height: 20px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-ntFHT .framer-vnwu9l {
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative;
}
.framer-ntFHT.framer-v-x811sa.framer-1xgs85o {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
}
.framer-ntFHT.framer-v-1xgs85o.hover.framer-1xgs85o {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-ntFHT.framer-v-1xgs85o.hover .framer-vnwu9l,
.framer-ntFHT.framer-v-x811sa.hover .framer-vnwu9l {
height: var(--framer-aspect-ratio-supported, 22px);
width: 22px;
}
.framer-ntFHT.framer-v-x811sa.hover.framer-1xgs85o {
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-lNXDf {
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--szd5nr);
-webkit-mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
mask:
url('data:image/svg+xml,') alpha no-repeat center/auto var(--framer-icon-mask-mode, add),
var(--framer-icon-mask, none);
width: 24px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-ua0Df.framer-1a63f5a,
.framer-ua0Df .framer-1a63f5a {
display: block;
}
.framer-ua0Df.framer-1mkgwlh {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-ua0Df .framer-38wu1a {
-webkit-user-select: none;
user-select: none;
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-ua0Df .framer-1o81zdf {
z-index: 1;
flex: none;
width: 6px;
height: 1px;
position: absolute;
bottom: 0;
left: -6px;
overflow: visible;
}
.framer-ua0Df .framer-1uign75 {
z-index: 1;
flex: none;
height: 1px;
position: absolute;
top: 19px;
left: 0;
right: 0;
overflow: visible;
}
.framer-ua0Df.framer-v-1ea5v87.framer-1mkgwlh {
cursor: unset;
}
.framer-ua0Df.framer-v-1mkgwlh.hover .framer-1o81zdf {
bottom: unset;
width: unset;
top: 19px;
left: 0;
right: 0;
}
.framer-ua0Df.framer-v-4lvgaa.hover .framer-1o81zdf {
width: 100%;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-eD94s.framer-14824dw,
.framer-eD94s .framer-14824dw {
display: block;
}
.framer-eD94s.framer-1qyokc8 {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-eD94s .framer-18wp2xe {
-webkit-user-select: none;
user-select: none;
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-eD94s .framer-16jl7hm {
z-index: 1;
flex: none;
width: 6px;
height: 1px;
position: absolute;
bottom: 0;
left: -6px;
overflow: visible;
}
.framer-eD94s.framer-v-1qyokc8.hover .framer-16jl7hm {
bottom: unset;
width: unset;
top: 21px;
right: -3px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-NxDQS.framer-tx760v,
.framer-NxDQS .framer-tx760v {
display: block;
}
.framer-NxDQS.framer-vwt1x7 {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-NxDQS .framer-1vtoq8c {
-webkit-user-select: none;
user-select: none;
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-NxDQS .framer-1vpvl4h {
z-index: 1;
flex: none;
width: 6px;
height: 1px;
position: absolute;
bottom: 0;
left: -6px;
overflow: visible;
}
.framer-NxDQS.framer-v-vwt1x7.hover .framer-1vpvl4h {
bottom: unset;
width: unset;
top: 21px;
right: -3px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-O1fCP.framer-1235gh5,
.framer-O1fCP .framer-1235gh5 {
display: block;
}
.framer-O1fCP.framer-1n63ga {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1160px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-O1fCP .framer-111a978,
.framer-O1fCP .framer-13s7xj0,
.framer-O1fCP .framer-13x0kzp,
.framer-O1fCP .framer-p59dg9 {
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-dcVtB.framer-hqxd3g,
.framer-dcVtB .framer-hqxd3g {
display: block;
}
.framer-dcVtB.framer-1xl2ulp {
flex-flow: row;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 768px) {
flex-direction: column !important;
align-items: center !important;
}
@media (max-width: 500px) {
overflow: visible;
}
}
.framer-dcVtB .framer-1md7hlf,
.framer-dcVtB .framer-wd4q6g {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
@media(max-width : 500px) {
width: 100% !important;
h2 {
width: 100% !important;
justify-content: center;
/*left: 50%;*/
}
}
}
.framer-1md7hlf h2 {
@media(max-width : 500px) {
left: 50px;
}
}
.framer-wd4q6g h2 {
@media(max-width : 500px) {
left: -114px;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Whsam.framer-32z9fl,
.framer-Whsam .framer-32z9fl {
display: block;
}
.framer-Whsam.framer-3w977e {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: 580px;
height: 580px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Whsam .framer-z5z0w4 {
cursor: none;
z-index: 1;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: visible;
}
.framer-Whsam .framer-6ckonu-container {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.framer-Whsam .framer-10l3fb5 {
mix-blend-mode: difference;
z-index: 1;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
bottom: 39px;
left: 34px;
overflow: visible;
width: 100%;
@media (max-width: 1024px) {
left: 15px;
}
@media (max-width: 500px) {
p {
font-size: small !important;
}
}
}
.framer-Whsam .framer-tgrrpw {
white-space: normal;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Whsam.framer-v-1xurqt0.framer-3w977e {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 580px);
will-change: var(--framer-will-change-override, transform);
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-UzRwD.framer-1ispzc8,
.framer-UzRwD .framer-1ispzc8 {
display: block;
}
.framer-UzRwD,
.framer-hx2qvz,
.framer-18e1x8i,
.framer-ohJGT {
transition: all 0.5s ease !important;
}
.framer-UzRwD {
&:hover {
background-color: rgb(53, 13, 10) !important;
p {
color: #fff !important;
}
}
}
.framer-13lzqhz-container .framer-UzRwD,
.framer-sbauai-container .framer-UzRwD {
p {
color: #fff !important;
}
&:hover {
background-color: #fff !important;
p {
color: rgb(53, 13, 10) !important;
}
}
}
.framer-ulerw8-container {
p {
color: #fff;
&:hover {
background-color: #fff !important;
}
}
}
.framer-hx2qvz,
.framer-18e1x8i.anto {
&:hover {
background-color: transparent !important;
p {
color: #fff !important;
}
}
}
.framer-hx2qvz,
.framer-18e1x8i {
/* Fix blue text issue by overriding link color variable to use the current text color (which we animate) */
--framer-link-text-color: currentColor !important;
&:hover {
background-color: transparent !important;
p {
color: inherit !important;
}
}
}
/* Ensure the wrapper also doesn't force blue */
.framer-UzRwD {
--framer-link-text-color: currentColor !important;
}
.framer-ohJGT {
&:hover {
background-color: transparent !important;
p {
color: rgb(53, 13, 10) !important;
}
}
}
.framer-ohJGT {
p {
transition: all 0.5s ease !important;
}
&:hover {
p {
color: rgba(53, 13, 10, 0.5) !important;
}
}
}
.framer-1a1wji6 p {
position: relative;
overflow: hidden;
}
.framer-1a1wji6 p::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
/* underline thickness */
width: 0;
/* start at 0 */
background: #c7a275;
/* underline matches text color */
transition: width 0.3s ease;
}
.framer-1a1wji6 p:hover::after {
width: 100%;
/* animate to full width */
}
.framer-UzRwD.framer-1gisdvu {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 183px;
height: 48px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-UzRwD .framer-sglvz1 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 49px;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-UzRwD .framer-19xhvbd {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 29px);
mix-blend-mode: multiply;
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex: none;
width: 29px;
position: absolute;
top: 10px;
left: 10px;
overflow: hidden;
}
.framer-UzRwD .framer-bv419y {
z-index: 1;
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
height: 100%;
padding: 1px 0 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-UzRwD .framer-1ny4vj8-container {
flex: none;
width: 14px;
height: 9px;
position: relative;
}
.framer-UzRwD .framer-hx2qvz {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
height: min-content;
padding: 2px 0 0;
display: flex;
position: relative;
overflow: visible;
align-items: center;
justify-content: center;
}
.framer-UzRwD .framer-18e1x8i {
-webkit-user-select: none;
user-select: none;
white-space: normal;
z-index: 2;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-UzRwD.framer-v-89dlck.framer-1gisdvu,
.framer-UzRwD.framer-v-1gisdvu.hover .framer-19xhvbd,
.framer-UzRwD.framer-v-89dlck.hover.framer-1gisdvu {
will-change: unset;
}
.framer-UzRwD.framer-v-sc4c2.framer-1gisdvu {
cursor: unset;
}
.framer-UzRwD.framer-v-1gisdvu.hover .framer-bv419y {
padding: 1px 0 0 36px;
}
.framer-UzRwD[data-border="true"]:after,
.framer-UzRwD [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; */
}
/* New class for solid buttons to invert on hover */
.framer-UzRwD.framer-btn-solid {
background-color: rgb(53, 13, 10) !important;
}
.framer-UzRwD.framer-btn-solid p {
color: #fff !important;
}
.framer-UzRwD.framer-btn-solid:hover {
background-color: transparent !important;
border: 1px solid rgb(53, 13, 10) !important;
}
.framer-UzRwD.framer-btn-solid:hover p {
color: rgb(53, 13, 10) !important;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Jdldc.framer-1ob67e8,
.framer-Jdldc .framer-1ob67e8 {
display: block;
}
.framer-Jdldc.framer-8p30dk {
cursor: pointer;
flex-flow: column;
place-content: center flex-end;
align-items: center;
gap: 10px;
width: 320px;
height: 320px;
padding: 0 0 48px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Jdldc .framer-95h4au {
z-index: 1;
flex: none;
height: 320px;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.framer-Jdldc .framer-dj2s92 {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
bottom: -25px;
}
.framer-Jdldc .framer-10zwbh-container {
flex: none;
align-self: stretch;
width: auto;
height: auto;
position: relative;
}
.framer-Jdldc.framer-v-1l75yuu.framer-8p30dk,
.framer-Jdldc.framer-v-1yfoe3l.framer-8p30dk {
width: 130px;
height: 85px;
}
.framer-Jdldc.framer-v-1l75yuu .framer-95h4au,
.framer-Jdldc.framer-v-1yfoe3l .framer-95h4au {
height: 85px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-DHhLF.framer-18e1j56,
.framer-DHhLF .framer-18e1j56 {
display: block;
}
.framer-DHhLF.framer-147ory0 {
cursor: pointer;
flex-flow: column;
place-content: center flex-end;
align-items: center;
gap: 10px;
width: 320px;
height: 320px;
padding: 0 0 48px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-DHhLF .framer-19s0ds0 {
z-index: 1;
flex: none;
height: 320px;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.framer-DHhLF .framer-1ybr7nw {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
bottom: -25px;
}
.framer-DHhLF .framer-1svnjvx-container {
flex: none;
align-self: stretch;
width: auto;
height: auto;
position: relative;
}
.framer-DHhLF.framer-v-1ocihel.framer-147ory0,
.framer-DHhLF.framer-v-118kofk.framer-147ory0 {
width: 130px;
height: 85px;
}
.framer-DHhLF.framer-v-1ocihel .framer-19s0ds0,
.framer-DHhLF.framer-v-118kofk .framer-19s0ds0 {
height: 85px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-arFNY.framer-1nxd1u4,
.framer-arFNY .framer-1nxd1u4 {
display: block;
}
.framer-arFNY.framer-tek0vj {
flex-flow: row;
place-content: flex-end flex-start;
align-items: flex-end;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
align-items: flex-start;
gap: 12px;
@media(max-width : 768px) {
gap: 6px;
}
}
.framer-arFNY .framer-1bb20k0,
.framer-arFNY .framer-l49ha0 {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-l8zSI.framer-1ky1bry,
.framer-l8zSI .framer-1ky1bry {
display: block;
}
.framer-l8zSI.framer-13jhfzr {
flex-flow: row;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 600px) {
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 1rem;
}
}
.framer-l8zSI .framer-1k31jqn {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 360px;
height: min-content;
padding: 0;
display: flex;
position: relative;
}
.framer-l8zSI .framer-f0md33 {
--framer-input-focused-border-color: var(--token-02e07b47-6b8d-4ab9-a09e-be92c4f8106d,
#000);
--framer-input-focused-border-style: solid;
--framer-input-focused-border-width: 1px;
--framer-input-font-family: "Raleway";
--framer-input-font-letter-spacing: 0em;
--framer-input-font-line-height: 1.2em;
--framer-input-font-size: 18px;
--framer-input-font-weight: 300;
--framer-input-padding: 0px 24px 0px 24px;
flex: none;
width: 100%;
height: 48px;
position: relative;
}
.framer-l8zSI .framer-3nvtwg-container {
flex: none;
width: 144px;
height: 48px;
position: relative;
}
.framer-form-input {
padding: var(--framer-input-padding);
font-family: var(--framer-input-font-family);
font-weight: var(--framer-input-font-weight);
font-size: var(--framer-input-font-size);
font-style: var(--framer-input-font-style);
color: var(--framer-input-font-color);
font-feature-settings: var(--framer-input-font-open-type-features);
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
height: var(--framer-input-wrapper-height, 100%);
letter-spacing: var(--framer-input-font-letter-spacing);
text-align: var(--framer-input-font-text-alignment);
line-height: var(--framer-input-font-line-height);
background: 0 0;
border: none;
overflow: hidden;
}
.framer-form-input:focus-visible {
outline: none;
}
.framer-form-input-wrapper:after {
content: "";
pointer-events: none;
box-sizing: border-box;
border-top-left-radius: var(--framer-input-border-radius-top-left);
border-top-right-radius: var(--framer-input-border-radius-top-right);
border-bottom-right-radius: var(--framer-input-border-radius-bottom-right);
border-bottom-left-radius: var(--framer-input-border-radius-bottom-left);
border-color: var(--framer-input-border-color);
border-top-width: var(--framer-input-border-top-width);
border-right-width: var(--framer-input-border-right-width);
border-bottom-width: var(--framer-input-border-bottom-width);
border-left-width: var(--framer-input-border-left-width);
border-style: var(--framer-input-border-style);
width: 100%;
height: 100%;
transition: var(--framer-input-focused-transition);
transition-property:
border-color, border-width, border-style, border-top-left-radius,
border-top-right-radius, border-bottom-right-radius,
border-bottom-left-radius;
position: absolute;
top: 0;
left: 0;
}
.framer-form-input-wrapper {
box-shadow: var(--framer-input-box-shadow);
border-top-left-radius: var(--framer-input-border-radius-top-left);
border-top-right-radius: var(--framer-input-border-radius-top-right);
border-bottom-right-radius: var(--framer-input-border-radius-bottom-right);
border-bottom-left-radius: var(--framer-input-border-radius-bottom-left);
background: var(--framer-input-background);
transition: var(--framer-input-focused-transition);
transition-property: background, box-shadow;
overflow: hidden;
}
.framer-form-text-input .framer-form-input::placeholder {
color: var(--framer-input-placeholder-color);
}
.framer-form-text-input .framer-form-input[type="date"],
.framer-form-text-input .framer-form-input[type="time"] {
appearance: none;
}
.framer-form-text-input .framer-form-input::-webkit-date-and-time-value {
text-align: start;
}
.framer-form-text-input textarea {
resize: var(--framer-textarea-resize);
min-height: inherit;
max-height: inherit;
white-space: break-spaces;
display: flex;
overflow-y: auto;
}
.framer-form-text-input textarea::-webkit-resizer {
background: url('data:image/svg+xml,') no-repeat;
}
.framer-form-text-input textarea::-webkit-scrollbar {
cursor: pointer;
background: 0 0;
}
.framer-form-text-input textarea::-webkit-scrollbar-thumb:window-inactive {
opacity: 0;
}
.framer-form-text-input textarea::-webkit-scrollbar-corner {
background: 0 0;
outline: none;
}
.framer-form-text-input .framer-form-input::-webkit-datetime-edit {
height: var(--framer-input-font-line-height);
}
.framer-form-text-input .framer-form-input.framer-form-input-empty::-webkit-datetime-edit {
color: var(--framer-input-placeholder-color);
-webkit-text-fill-color: var(--framer-input-placeholder-color);
overflow: visible;
}
.framer-form-text-input .framer-form-input[type="date"]:before,
.framer-form-text-input .framer-form-input[type="time"]:before {
content: "";
box-sizing: content-box;
width: 16px;
padding: var(--framer-input-padding);
pointer-events: none;
background-repeat: no-repeat;
background-size: 16px;
background-color: var(--framer-input-icon-color);
background-position: 10px;
border: none;
padding-left: 10px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
-webkit-mask-position: 10px;
mask-position: 10px;
-webkit-mask-size: 16px;
mask-size: 16px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.framer-form-text-input .framer-form-input[type="date"]:before {
-webkit-mask-image: var(--framer-input-icon-mask-image,
url('data:image/svg+xml,'));
mask-image: var(--framer-input-icon-mask-image,
url('data:image/svg+xml,'));
background-image: var(--framer-input-icon-image);
}
.framer-form-text-input .framer-form-input[type="time"]:before {
-webkit-mask-image: var(--framer-input-icon-mask-image,
url('data:image/svg+xml,'));
mask-image: var(--framer-input-icon-mask-image,
url('data:image/svg+xml,'));
background-image: var(--framer-input-icon-image);
}
.framer-form-text-input .framer-form-input::-webkit-calendar-picker-indicator {
opacity: 0;
padding: var(--framer-input-padding);
width: 16px;
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.framer-form-text-input:focus-within,
.framer-form-text-input.framer-form-input-forced-focus {
box-shadow: var(--framer-input-focused-box-shadow,
var(--framer-input-box-shadow));
background: var(--framer-input-focused-background,
var(--framer-input-background));
}
.framer-form-text-input:focus-within:after,
.framer-form-text-input.framer-form-input-forced-focus:after {
border-color: var(--framer-input-focused-border-color,
var(--framer-input-border-color));
border-style: var(--framer-input-focused-border-style,
var(--framer-input-border-style));
border-width: var(--framer-input-focused-border-width,
var(--framer-input-border-top-width) var(--framer-input-border-right-width) var(--framer-input-border-bottom-width) var(--framer-input-border-left-width));
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-QhBue.framer-1frrmp0,
.framer-QhBue .framer-1frrmp0 {
display: block;
}
.framer-QhBue.framer-1iqqkv2 {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 240px;
height: 48px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-QhBue .framer-1t0azi9,
.framer-QhBue .framer-1i7pltj {
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: visible;
}
.framer-QhBue .framer-1wagt1y {
white-space: normal;
z-index: 1;
flex: none;
width: auto;
height: 22px;
position: relative;
}
.framer-QhBue .framer-1ttwatc {
white-space: normal;
z-index: 1;
flex: none;
width: auto;
height: 22px;
position: absolute;
top: 50%;
left: 48%;
}
.framer-QhBue .framer-uj0vjo {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 22px;
padding: 0;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: -22px;
overflow: hidden;
}
.framer-QhBue .framer-jiall6-container,
.framer-QhBue .framer-18ctkh8-container {
z-index: 1;
flex: none;
width: 22px;
height: 22px;
position: absolute;
top: calc(50% - 11px);
right: -22px;
}
.framer-QhBue .framer-1cd6nw8 {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 22px;
height: 22px;
padding: 0;
display: flex;
position: absolute;
top: calc(50% - 11px);
right: -22px;
overflow: hidden;
}
.framer-QhBue .framer-1058ml2 {
-webkit-user-select: none;
user-select: none;
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-QhBue .framer-1fro0uf {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
gap: 10px;
width: 20px;
position: relative;
overflow: hidden;
}
.framer-QhBue .framer-7gluop {
flex: none;
position: absolute;
inset: 0;
overflow: visible;
}
.framer-QhBue .framer-15hgagd {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 2px);
flex: none;
width: 2px;
position: absolute;
top: 0;
left: 50%;
overflow: visible;
}
.framer-QhBue.framer-v-18s5p70.framer-1iqqkv2,
.framer-QhBue.framer-v-pwba8c.framer-1iqqkv2,
.framer-QhBue.framer-v-2ixd5d.framer-1iqqkv2,
.framer-QhBue.framer-v-4py8i1.framer-1iqqkv2 {
cursor: unset;
}
.framer-QhBue.framer-v-18s5p70 .framer-7gluop {
overflow: hidden;
}
.framer-QhBue.framer-v-1iqqkv2.hover .framer-1ttwatc {
left: -12px;
}
.framer-QhBue.framer-v-1iqqkv2.hover .framer-18ctkh8-container {
left: calc(50% - 11px);
right: unset;
}
.framer-QhBue[data-border="true"]:after,
.framer-QhBue [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-4FxhB.framer-1xe1au4,
.framer-4FxhB .framer-1xe1au4 {
display: block;
}
.framer-4FxhB.framer-lsjagu {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1200px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-4FxhB .framer-1i8sjxx {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 30px 200px;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
padding: 30px 100px;
}
@media (max-width: 768px) {
padding: 30px 50px;
}
@media (max-width: 500px) {
padding: 30px 10px;
}
}
.framer-4FxhB .framer-1qk7p19 {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 36px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-4FxhB {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
flex-direction: column;
gap: 3rem;
}
}
.framer-b885rk {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 1024px) {
flex-direction: column !important;
gap: 3rem;
}
}
.framer-4FxhB .framer-1cn92vh {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 48px;
width: auto;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
@media (max-width: 500px) {
flex-flow: column;
}
}
.framer-4FxhB .framer-1lfvetc,
.framer-4FxhB .framer-1qqpkg3,
.framer-4FxhB .framer-1udof7t {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: auto;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
width: 200px;
}
.framer-4FxhB .framer-zs57w5,
.framer-4FxhB .framer-846j3m,
.framer-4FxhB .framer-corhbz {
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: visible;
}
.framer-4FxhB .framer-1nfn6a3,
.framer-4FxhB .framer-82rfa9,
.framer-4FxhB .framer-eete6d,
.framer-4FxhB .framer-poqvjs {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-4FxhB .framer-1wl2ykp {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-self: stretch;
align-items: flex-start;
gap: 14px;
width: auto;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
p {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
width: fit-content !important;
left: 50% !important;
transform: translateX(-50%) !important;
position: relative !important;
}
}
.framer-4FxhB .framer-ok4cku-container,
.framer-4FxhB .framer-13difxx-container,
.framer-4FxhB .framer-h12895-container,
.framer-4FxhB .framer-4nrd0o-container,
.framer-4FxhB .framer-1bb8px5-container,
.framer-4FxhB .framer-1kjmrzi-container,
.framer-4FxhB .framer-1n1nvr4-container,
.framer-4FxhB .framer-1t3uuyz-container,
.framer-4FxhB .framer-171e49u-container,
.framer-4FxhB .framer-gwh0sx-container,
.framer-4FxhB .framer-12xwmys-container,
.framer-4FxhB .framer-174o6km-container,
.framer-4FxhB .framer-1hvq8ew-container,
.framer-4FxhB .framer-sqk4n4-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-4FxhB .framer-ecnr1h {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 14px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-4FxhB .framer-ywxlt3 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
width: 100%;
}
.framer-4FxhB .framer-syh28w {
will-change: var(--framer-will-change-effect-override, transform);
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-4FxhB .framer-18ky9aj {
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: hidden;
}
.framer-4FxhB .framer-rpx2rj {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 48px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-4FxhB .framer-2li3jk {
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-4FxhB .framer-1vi7kk0-container,
.framer-4FxhB .framer-1sdj6af-container,
.framer-4FxhB .framer-1ccnz2h-container,
.framer-4FxhB .framer-7ozh81-container,
.framer-4FxhB .framer-h5cp2m-container,
.framer-4FxhB .framer-157v61s-container {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 36px);
flex: none;
width: 36px;
position: relative;
}
.framer-4FxhB .framer-cdgu63 {
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: hidden;
}
.framer-4FxhB .framer-1ik5ijr {
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: auto;
max-width: 600px;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-G9yWd.framer-o9sdpo,
.framer-G9yWd .framer-o9sdpo {
display: block;
}
.framer-G9yWd.framer-fu1hjd {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-G9yWd .framer-xjjzyz {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-DofUm.framer-fixj7z,
.framer-DofUm .framer-fixj7z {
display: block;
}
.framer-DofUm.framer-4pxq6l {
cursor: pointer;
width: 24px;
height: 24px;
position: relative;
overflow: hidden;
}
.framer-DofUm.framer-v-4pxq6l.hover.framer-4pxq6l {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-yHEWh.framer-minlsq,
.framer-yHEWh .framer-minlsq {
display: block;
}
.framer-yHEWh.framer-wchf17 {
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 64px;
width: 1440px;
height: min-content;
padding: 120px 72px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-yHEWh .framer-alekvu {
z-index: 0;
flex: none;
gap: 80px;
position: absolute;
inset: 0;
overflow: hidden;
}
.framer-yHEWh .framer-xv43k0 {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 28px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
@media (max-width: 500px) {
top: -100px !important;
}
}
#animateText {
@media (max-width: 500px) {
flex-direction: row !important;
}
}
.framer-yHEWh .framer-ks35pp,
.framer-yHEWh .framer-gt9p8f {
white-space: normal;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
@media (max-width: 768px) {
h6 {
font-size: large !important;
letter-spacing: -2px !important;
}
}
}
.framer-yHEWh .framer-8jvdxi {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 410px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-gt9p8f{
@media(max-width : 768px){
top : 60px !important;
}
}
.framer-yHEWh .framer-16y05bt {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 7.56px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-yHEWh .framer-ph402h-container,
.framer-yHEWh .framer-ohm6v1-container,
.framer-yHEWh .framer-18a9ta8-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-lQuHw.framer-4229m4,
.framer-lQuHw .framer-4229m4 {
display: block;
}
.framer-lQuHw.framer-b1yuy7 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 6px 24px;
display: flex;
position: relative;
overflow: visible;
}
.framer-lQuHw .framer-h123ja {
white-space: normal;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-cN0j5 .framer-styles-preset-1jywgsz:not(.rich-text-wrapper),
.framer-cN0j5 .framer-styles-preset-1jywgsz.rich-text-wrapper p {
--framer-font-family: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold-italic:
"Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-italic: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-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;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 29px;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-9d9d73c4-0291-4bff-8e8b-410a7bb6f647,
#1119);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1439px) and (min-width: 810px) {
.framer-cN0j5 .framer-styles-preset-1jywgsz:not(.rich-text-wrapper),
.framer-cN0j5 .framer-styles-preset-1jywgsz.rich-text-wrapper p {
--framer-font-family: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold-italic:
"Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-italic:
"Poppins", "Poppins Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 15px;
--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;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 29px;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-9d9d73c4-0291-4bff-8e8b-410a7bb6f647,
#1119);
--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-cN0j5 .framer-styles-preset-1jywgsz:not(.rich-text-wrapper),
.framer-cN0j5 .framer-styles-preset-1jywgsz.rich-text-wrapper p {
--framer-font-family: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold: "Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-bold-italic:
"Poppins", "Poppins Placeholder", sans-serif;
--framer-font-family-italic:
"Poppins", "Poppins Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 15px;
--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;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 29px;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-9d9d73c4-0291-4bff-8e8b-410a7bb6f647,
#1119);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-lQuHw[data-border="true"]:after,
.framer-lQuHw [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;
}
.frameruni-R1lodaqop-line {
width: 100%;
display: block;
transform-style: preserve-3d;
}
.frameruni-R1lodaqop-word-wrapper {
display: inline-block;
transform-style: preserve-3d;
white-space: normal;
}
.frameruni-R1lodaqop-span {
display: inline-block;
transform-style: preserve-3d;
white-space: normal;
will-change:
transform,
-webkit-text-stroke-width,
padding-inline;
transform-origin: 50% 50%;
-webkit-text-stroke-color: currentColor;
}
.banner-text {
cursor: pointer;
text-align: center;
user-select: none;
text-transform: none;
color: rgb(255, 255, 255);
font-family: "Libre Baskerville", "Libre Baskerville Placeholder", serif;
font-size: 60px;
font-style: normal;
letter-spacing: -0.05em;
line-height: 1em;
max-width: 100%;
width: 100%;
}
.banner-text.home-page {
@media(max-width : 768px) {
font-size: x-large !important;
}
}
.banner-words {
font-weight: 700;
transition: all 0.3s ease;
}
.banner-words:hover {
transform: scale(1.16673, 0.958317);
-webkit-text-stroke-width: 0.0583555em;
padding-inline: 0.0416825em;
}
/* Wrapper creates a layer that can actually blur the page background */
.nav-blur-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.1);
/* translucent base */
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(10px);
}
/* Reset Framer container transforms so blur stays global */
.nav-blur-wrapper .framer-11622o7-container {
position: relative !important;
transform: none !important;
left: 0 !important;
width: 100% !important;
}
/* Keep your inner nav layout the same */
.framer-HQLOR.framer-190tgz4 {
background: transparent !important;
overflow: visible !important;
}
/* Dropdown container: full screen width with slider */
.framer-dropdown {
position: fixed;
top: 115px;
left: 0;
width: 100vw;
background-color: #fff;
z-index: 1000;
overflow: hidden;
visibility: hidden;
max-height: 0;
transition: max-height 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 3rem 8rem;
}
/* Slider wrapper */
.framer-dropdown-slider-wrapper {
width: 100%;
overflow: hidden;
}
/* Inner content: slider track */
.framer-dropdown-inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin: 0;
padding: 0;
transition: transform 0.4s ease;
--dropdown-gap: clamp(0.5rem, 1vw, 1rem);
gap: var(--dropdown-gap);
justify-content: center;
width: auto !important;
}
/* Each list item - fixed width for 6 visible items */
.framer-dropdown-inner .list {
flex: 0 0 calc((100% - (5 * var(--dropdown-gap))) / 6);
/* exactly 6 items visible */
min-width: calc((100% - (5 * var(--dropdown-gap))) / 6);
height: auto;
min-height: 160px;
overflow: hidden;
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
}
.framer-dropdown-inner .list.unique {
flex: none;
height: 250px;
width: auto !important;
}
/* Navigation arrows */
.dropdown-nav-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #350d0a;
border: none;
width: 45px;
height: 45px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
opacity: 1;
pointer-events: auto;
}
.dropdown-nav-arrow:hover {
background: rgba(255, 255, 255, 1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
transform: translateY(-50%) scale(1.1);
}
.dropdown-nav-arrow.disabled {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
.dropdown-nav-arrow.prev {
left: 80px;
}
.dropdown-nav-arrow.next {
right: 80px;
}
.dropdown-nav-arrow svg {
width: 20px;
height: 20px;
fill: white;
&:hover {
fill: #350d0a;
}
}
/* Each link fills the box */
.framer-dropdown-inner .list a {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
color: rgb(53, 13, 10);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
/* Equal-size images, smooth zoom on hover */
.framer-dropdown-inner .list img {
width: 100%;
height: 160px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
/* Zoom image slightly on hover */
.framer-dropdown-inner .list:hover img {
transform: scale(1.1);
}
/* Text below image */
.framer-dropdown-inner .list span {
position: relative;
color: #350d0a;
font-size: 14px;
font-weight: 600;
text-align: center;
z-index: 2;
padding: 10px;
margin-top: 5px;
}
/* Remove overlay since text is outside */
.framer-dropdown-inner .list::after {
display: none;
}
/* Hover underline (unchanged) */
.framer-dropdown a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 2px;
background-color: rgb(255, 226, 198);
transition: width 0.3s ease;
}
.framer-dropdown a:hover::after {
width: 100%;
}
/* Show dropdown on hover */
.framer-1feic05-container:hover .framer-dropdown {
max-height: 300px;
visibility: visible;
}
.framer-38wu1a p {
position: relative;
transition: all 0.3s ease;
white-space: nowrap;
}
.framer-38wu1a p::before {
content: "";
width: 0%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--underline-color, #fff);
/* default white */
transition:
width 0.5s ease,
background-color 0.3s ease;
}
.framer-38wu1a p:hover::before {
width: 100%;
}
.mainLogo {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-position: center;
object-fit: cover;
}
.css-wt6yvf {
position: relative;
img {
vertical-align: top;
object-fit: cover;
height: 100%;
width: 100%;
background-position-y: -100px;
}
}
/* mobile screen css */
/* Mobile menu container */
.mobile-menu {
flex-direction: column;
background: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
width: 80%;
/* Increased for better mobile visibility, adjust if needed */
top: 0;
left: -1000px;
z-index: 999;
height: 100vh;
transition: all 1s ease;
position: fixed;
padding-left: 1rem;
padding-top: 3rem;
overflow-y: auto;
overscroll-behavior: contain;
padding-bottom: 15rem;
}
@media (min-width: 768px) {
.mobile-menu {
width: 50%;
}
}
/* Links and buttons inside */
.mobile-menu a,
.dropdown-btn {
color: #350d0a;
text-decoration: none;
padding: 14px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 1rem;
background: none;
border: none;
text-align: left;
cursor: pointer;
width: 100%;
display: block;
transition: background 0.3s ease;
}
#search {
position: absolute;
top: 20px;
right: 20px;
font-size: 1rem;
width: fit-content;
}
/* Dropdown content */
.dropdown-content {
display: none;
flex-direction: column;
}
.dropdown-content a {
padding: 12px 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/* Show classes */
.mobile-menu.show {
left: 0;
}
.dropdown-content.show {
display: flex;
}
#navToggle {
display: none;
}
.threeImageHeading {
height: auto;
margin-top: 20px;
}
.framer-axgjn6-container,
.css-mljhgi {
position: relative;
width: 100%;
height: 100%;
overflow: visible !important;
}
/* Main slider wrapper */
.css-wt6yvf {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* Make both images fill container fully */
.css-wt6yvf .css-rs75p9 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Clip one image for comparison effect */
.css-wt6yvf .img-before {
clip-path: inset(0 50% 0 0);
transition: clip-path 0.05s ease-out;
}
/* Full-width invisible range input */
.css-wt6yvf .css-or5vhe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: ew-resize;
z-index: 5;
margin: 0;
padding: 0;
}
/* Remove default track + thumb styling */
.css-wt6yvf .css-or5vhe::-webkit-slider-runnable-track {
height: 100%;
background: transparent;
}
.css-wt6yvf .css-or5vhe::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 0;
height: 100%;
}
/* Divider line */
.divider-line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background: #000;
z-index: 8;
pointer-events: none;
transition: left 0.05s ease-out;
}
/* Handle circle */
.handle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: var(--thumb-size, 36px);
height: var(--thumb-size, 36px);
background: rgb(53, 13, 10);
border-radius: 50%;
color: #fff !important;
border: 2px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
color: #000;
z-index: 10;
pointer-events: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.framer-QhBue {
i {
transition: all 0.3s ease;
}
p {
position: relative !important;
transition: all 0.3s ease;
}
&:hover>i {
right: 20% !important;
}
&:hover>p {
left: 60px !important;
}
}
.animatingArrow {
position: absolute;
color: #fff;
right: -20%;
top: 50%;
transform: translateY(-50%);
font-weight: 100;
font-size: large;
}
/* Safety: ensure images and slider fill responsive layouts */
.css-wt6yvf img,
.css-wt6yvf input {
max-width: 100%;
max-height: 100%;
}
@media (max-width: 1024px) {
.framer-6j5nph-container,
.framer-1mdgyt7-container,
.framer-181blvk,
.framer-1jlkdvo-container,
.framer-143a8jo {
display: none !important;
}
.framer-AY8un .framer-8nl2m0 {
height: 300px !important;
}
#navToggle {
display: block !important;
button {
height: 100%;
width: 100%;
background: transparent;
border: none;
}
}
.framer-HQLOR .framer-1lhvrr0 {
padding: 10px 16px 0;
}
#framer-dcbp7oVideo {
transform: perspective(1200px) translateX(800px) !important;
}
}
@media (max-width: 768px) {
.threeImageHeading {
font-size: x-large !important;
}
.threeImageDescription {
font-size: medium !important;
}
.threeImageHeading {
height: auto;
margin-top: 15px;
}
}
@media (max-width: 600px) {
.animateText {
font-size: x-large !important;
flex-direction: column !important;
align-items: center !important;
gap: 0.4rem !important;
}
.animateText .banner-word-group {
white-space: normal !important;
flex-wrap: wrap;
justify-content: center;
}
.framer-AY8un .framer-8nl2m0 {
height: 200px !important;
}
#ligtLogo img,
#darkLogo img {
width: 70% !important;
}
}
@media (max-width: 500px) {
.mainLogo {
display: block;
width: 80%;
height: 100%;
border-radius: inherit;
object-position: center;
object-fit: cover;
}
.framer-z7wfzx p {
font-size: small !important;
}
.framer-AY8un .framer-1k90wli {
gap: 0;
}
.threeImageHeading {
font-size: large !important;
height: auto;
margin-top: 10px;
}
.threeImageDescription {
font-size: small !important;
}
.framer-1md7hlf h2,
.framer-wd4q6g h2 {
font-size: xx-large !important;
}
.framer-17dlz27,
.index-footer {
p {
font-size: x-large !important;
}
}
.framer-19acfst,
.index-footer-desc {
p {
min-width: 350px !important;
white-space: normal !important;
word-wrap: break-word !important;
}
}
}
@media (max-width: 1068px) {
.ekaaraText {
font-size: 60px !important;
}
}
@media (max-width: 768px) {
.ekaaraText {
font-size: 32px !important;
}
.framer-AY8un .framer-131c961 {
top: -50px;
}
.framer-1s9iexa {
z-index: -10 !important;
}
}
@media (max-width: 520px) {
.ekaaraText {
font-size: 25px !important;
}
}
@media (max-width: 768px) {
.framer-Jdldc,
.framer-DHhLF {
width: 200px !important;
height: 200px !important;
}
.framer-95h4au {
/*img {*/
/* width: 100% !important;*/
/* height: 100% !important;*/
/*}*/
}
}
@media (max-width: 550px) {
.framer-1rfataj .framer-1x8qjil {
width: 90% !important;
}
.framer-1bb20k0 h2,
.framer-l49ha0 h2 {
font-size: x-large !important;
}
}
@media (max-width: 500px) {
.framer-1f9krmg p {
font-size: x-large !important;
}
.framer-1nn5mjq p {
font-size: small !important;
/*width: 300px;*/
white-space: wrap;
word-break: break-word;
}
.framer-1k31jqn {
width: 300px !important;
}
.framer-qq1wue-container h2 {
font-size: x-large !important;
}
.framer-g9bsx4 {
padding: 0 !important;
padding-left: 1rem !important;
}
}
#LogoIconDark {
left: 50%;
transform: translateX(50%);
@media (max-width: 1024px) {
left: 0 !important;
transform: translateX(1%);
}
}
/* User avatar dropdown menu (global) */
.user-menu-wrapper {
position: relative;
}
.user-menu-dropdown {
position: absolute;
top: 120%;
right: 0;
min-width: 100px;
background: white;
border-radius: 8px;
padding: 8px 0;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 999999999 !important;
}
.user-menu-wrapper:hover .user-menu-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.user-menu-dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
.user-menu-dropdown li {
margin: 0;
padding: 0;
}
.user-menu-dropdown a {
display: block;
padding: 8px 14px;
font-family:
Raleway,
Raleway Placeholder,
sans-serif;
font-size: 12px;
color: #350d0a;
text-decoration: none;
white-space: nowrap;
font-size: 14px;
}
.user-menu-dropdown a:hover {
background: rgba(255, 255, 255, 0.08);
}
/* Cart and Wishlist Count Badge Styles - Standardized for all views */
.cart-count,
.wishlist-count {
position: absolute !important;
top: -10px !important;
right: -10px !important;
background: #350d0a !important;
color: #fff !important;
font-size: 11px !important;
font-weight: bold !important;
border-radius: 50% !important;
min-width: 18px !important;
height: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 100 !important;
line-height: 1 !important;
border: 1.5px solid #fff !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
padding: 0 4px !important;
}
/* Mobile menu specific positioning */
.mobile-menu .cart-count,
.mobile-menu .wishlist-count {
top: 0px !important;
right: 0px !important;
}
/* Ensure badges are hidden when count is 0 */
.cart-count[style*="display: none"],
.wishlist-count[style*="display: none"] {
display: none !important;
}
/* Fix text wrapping issue on blog dates due to global whitespace: normal */
.framer-1p459bs {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
/* Restore full width relative to fluid parent */
max-width: 100% !important;
margin: 0 !important;
white-space: nowrap !important;
box-sizing: border-box !important;
padding: 0 20px !important;
/* Consistent inset padding */
}
@media (max-width: 600px) {
.hide-on-mobile {
display: none !important;
}
/* Mobile Pagination: Background only for active link */
.pagination-item-inactive,
.pagination-item-inactive * {
background-color: transparent !important;
background: transparent !important;
border-color: transparent !important;
border: none !important;
box-shadow: none !important;
opacity: 1 !important;
/* Ensure text is visible */
}
.pagination-item-active {
/* Keep background for active link */
}
}
/* Homepage Banner Slider */
.framer-19i89s5 {
z-index: 3 !important;
pointer-events: none !important;
}
.framer-10kpgea-container {
z-index: 1 !important;
}
.banner-swiper {
width: 100%;
height: 100%;
}
.banner-swiper .swiper-slide {
width: 100%;
height: 100%;
}
.banner-swiper .swiper-slide video,
.banner-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Custom Navigation Buttons */
.banner-nav-btn {
color: #fff !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
width: 60px !important;
height: 80px !important;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 100 !important;
/* Extremely high to beat any sibling overlay */
transition: all 0.3s ease;
background: transparent !important;
/* No box background */
border: none !important;
pointer-events: auto !important;
/* Ensure they receive clicks */
}
.banner-nav-btn::after {
display: none !important;
/* Hide default Swiper icons */
}
.banner-nav-btn i {
font-size: 40px;
font-family: "Font Awesome 6 Free" !important;
font-weight: 900 !important;
display: block !important;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
@media (max-width: 500px) {
font-size: large;
}
}
.banner-nav-btn:hover {
opacity: 0.6;
transform: translateY(-50%) scale(1.1);
}
.swiper-button-prev.banner-nav-btn {
left: 30px !important;
right: auto !important;
@media (max-width: 500px) {
left: 0px !important;
}
}
.swiper-button-next.banner-nav-btn {
right: 30px !important;
left: auto !important;
@media (max-width: 500px) {
right: 0px !important;
}
}
.banner-pagination {
bottom: 30px !important;
z-index: 100 !important;
}
.banner-pagination .swiper-pagination-bullet {
background: #fff;
opacity: 0.5;
width: 10px;
height: 10px;
margin: 0 5px !important;
}
.banner-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #fff;
}
/* --- SITE-WIDE CARD ALIGNMENT FIXES --- */
/* 1. Containers: Center grid and allow equal height items */
.framer-guHiO .framer-1xiibc9,
.framer-z5scbh,
.framer-1lwv6f4,
.framer-uvuqyn {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 40px !important;
}
/* 2. Individual Cards: Flexible height and column layout */
.framer-guHiO .framer-i8gire,
.framer-1kxtxz6,
.framer-5godcd,
.framer-9smrd6 {
height: auto !important;
display: flex !important;
flex-direction: column !important;
width: auto !important;
min-width: 280px !important;
max-width: 400px !important;
}
/* 3. Text Wrappers: Grow to fill space and push footer down */
.framer-guHiO .framer-7v646c,
.framer-1j9pvnc,
.framer-1kwf54q,
.framer-8m105z {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
}
/* Heading alignment for Featuring page */
.framer-guHiO .framer-1uhbcxc {
text-align: left !important;
}
/* 4. Bottom Wrappers (Date/Time): Spread horizontally and stick to bottom */
.framer-guHiO .framer-8z4a6x,
.framer-1x8guhs,
.framer-1p459bs,
.framer-374f13 {
display: flex !important;
justify-content: space-between !important;
width: 100% !important;
margin-top: auto !important;
gap: 10px !important;
}
/* 5. Date/Time Text elements: Prevent wrapping */
.framer-guHiO .framer-356x3h,
.framer-guHiO .framer-1a2pjem,
.framer-vtes21,
.framer-1i3z9r8,
.framer-r4zzwu,
.framer-1wce37h,
.framer-19qqx2p,
.framer-1q96ysj {
white-space: nowrap !important;
flex: 0 0 auto !important;
min-width: fit-content;
}
/* 6. Mobile Padding Fix: Reduce large top padding on featuring page */
@media (max-width: 810px) {
.framer-guHiO .framer-6wuz5z {
padding: 40px 0 20px !important;
}
/* 7. Newsletter Footer Fix: Reduce font size and ensure visibility */
.framer-17dlz27 p,
.framer-1otfug5 p,
.index-footer p {
font-size: large !important;
line-height: 1.2em !important;
white-space: normal !important;
}
.framer-19acfst,
.framer-bns1qi,
.index-footer-desc {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
position: relative !important;
bottom: auto !important;
top: auto !important;
width: 100% !important;
padding: 0 20px !important;
text-align: center !important;
white-space: normal !important;
transform: none !important;
}
.framer-19acfst p,
.framer-bns1qi p,
.index-footer-desc p {
width: 100% !important;
max-width: 100% !important;
/*min-width: unset !important;*/
white-space: normal !important;
}
.framer-15bnu4b-container,
.framer-2rh81r-container,
.index-footer-form {
bottom: auto !important;
position: relative !important;
}
}
@media (max-width: 600px) {
.index-footer {
top: auto !important;
}
.index-footer-desc {
top: auto !important;
}
}
/* Video Performance Optimizations */
video {
will-change: transform;
contain: layout style paint;
backface-visibility: hidden;
transform: translateZ(0);
}
video:not([src]) {
display: none;
}
/* Optimize video loading */
video[preload="metadata"] {
background-color: #000;
}
/* Reduce video reflow */
video {
max-width: 100%;
height: auto;
}
/* Custom Button Hover Effect */
.new-btn {
transition: all 0.3s ease;
}
.new-btn:hover {
background-color: #fff !important;
}
.new-btn:hover .framer-text {
color: rgb(53, 13, 10) !important;
}
#LogoIconDark img {
@media (max-width: 500px) {
display: block;
width: 45px;
height: 100%;
border-radius: inherit;
object-position: center center;
object-fit: contain;
margin-top: 6px;
}
}
.framer-q5d226-container {
position: relative;
z-index: 2;
}
.framer-qq1wue-container .framer-1xl2ulp {
flex-direction: row !important;
}
@media (max-width: 1024px) {
.framer-AY8un .framer-vbg7sa,
.framer-AY8un .framer-1wgw3x9 {
height: auto !important;
}
.framer-AY8un .framer-vbg7sa>div,
.framer-AY8un .framer-1wgw3x9>div {
position: relative !important;
height: auto !important;
}
.framer-AY8un .framer-vbg7sa img,
.framer-AY8un .framer-1wgw3x9 img {
position: relative !important;
height: auto !important;
object-fit: contain !important;
transform: none !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body .framer-dropdown-inner .list img {
width: unset !important;
}
}
/* Global Hero Banner Refinements */
.global-hero-content {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
/* Default: Bottom aligned for internal pages */
position: relative !important;
min-height: 100vh !important;
overflow: hidden !important;
}
/* Modifier: 60vh Height for specific pages (About, Terms, Refund, etc.) */
.global-hero-content.hero-60vh {
min-height: 60vh !important;
}
/* Modifier: Centered Content (Mainly for Home/Index page) */
.global-hero-content.hero-centered {
justify-content: center !important;
}
.global-hero-content.hero-centered .hero-content-wrapper {
justify-content: center !important;
padding-bottom: 0 !important;
}
.global-hero-image-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
}
.global-hero-image-container img,
.global-hero-image-container video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.hero-content-wrapper {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
padding-bottom: 80px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-end !important;
/* Default for internal pages */
@media(max-width : 768px) {
margin-bottom: 3rem;
}
}
/* Reset Framer's absolute positioning for elements inside our wrapper */
.hero-content-wrapper>div,
.hero-content-wrapper>div div,
.hero-content-wrapper p,
.hero-content-wrapper .framer-text {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
height: auto !important;
/* Ensure containers are not stretched */
min-height: unset !important;
}
.hero-content-wrapper p,
.hero-content-wrapper h1,
.hero-content-wrapper h2,
.hero-content-wrapper .framer-text,
.hero-content-wrapper span:not(.banner-words) {
text-align: center !important;
width: 100% !important;
display: block !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.hero-content-wrapper span {
white-space: normal !important;
}
.hero-content-wrapper .banner-text span {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: baseline !important;
/* Use baseline to better align text metrics */
width: auto !important;
max-width: 100% !important;
pointer-events: none;
word-break: normal !important;
overflow: visible !important;
padding-top: 5px !important;
padding-bottom: 15px !important;
/* Generous room for descenders on big screens */
line-height: 1.2 !important;
}
/* If Framer wraps words in spans, keep them together */
.hero-content-wrapper .banner-text span span {
display: inline-block !important;
white-space: nowrap !important;
width: auto !important;
overflow: visible !important;
padding-bottom: 5px !important;
}
.hero-content-wrapper .banner-text {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
overflow: visible !important;
width: 100% !important;
min-height: fit-content !important;
}
/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
.global-hero-content {
width: 100% !important;
}
.hero-content-wrapper {
padding-left: 10px !important;
/* Minimal padding to maximize width */
padding-right: 10px !important;
padding-bottom: 40px !important;
width: 100% !important;
}
.hero-content-wrapper>div,
.hero-content-wrapper>div div,
.hero-content-wrapper p,
.hero-content-wrapper .framer-text {
width: 100% !important;
max-width: 100% !important;
}
.hero-content-wrapper h1,
.hero-content-wrapper .banner-text {
font-size: 28px !important;
/* Slightly smaller for better fit */
line-height: 1.2 !important;
width: 100% !important;
}
.hero-content-wrapper h2,
.hero-content-wrapper .framer-text {
font-size: 15px !important;
line-height: 1.4 !important;
width: 100% !important;
}
.hero-content-wrapper p {
font-size: 14px !important;
width: 100% !important;
}
.global-hero-content.hero-60vh {
min-height: 50vh !important;
}
}
@media screen and (min-width: 720px) and (max-width: 730px) and (min-height: 1200px) {
.framer-AY8un .framer-6tiszo {
height: 6000px !important;
}
.framer-AY8un .framer-8nl2m0 {
height: 500px !important;
}
.framer-AY8un .framer-aglf20 {
top: -10rem !important;
}
}
@media screen and (min-width: 1530px) and (max-width: 1540px) and (min-height: 2100px) and (max-height: 2200px) {
.framer-AY8un .framer-6tiszo {
height: 7000px !important;
}
.framer-AY8un .framer-8nl2m0 {
height: 600px !important;
}
.framer-AY8un .framer-11nwzl0 {
height: 400vh !important;
}
.framer-AY8un .framer-1wkgzfx, .framer-2h7nj6{
height: 200vh !important;
flex-direction: column !important;
overflow: visible !important;
}
.framer-AY8un .framer-eq5jvg,
.framer-AY8un .framer-18f98a9,
.framer-AY8un .framer-ymde0g,
.framer-AY8un .framer-1us37au {
width: 100% !important;
min-height: 100vh !important;
height: 100vh !important;
}
}