#hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-8bb5e985 { position: relative; } .l-9aa25253 { margin-left: 8px; fill: currentColor; } .l-38aff719 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-38aff719 .l-00c230ff { justify-content: flex-start; } .l-b3b2d8bd .l-38aff719 { border-radius: 0 0 12px 12px; } .l-00c230ff { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-00c230ff:hover { text-shadow: 0.5px 0 var(--color-text); } .l-de19d87c .l-38aff719 { display: flex; } .l-de19d87c .l-9aa25253 { transform: scaleY(-1); } .l-de19d87c .l-33142678 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-d3361478 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-565fdde5 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-68218ddc { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-827c4ad1 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-30abc1a8 { font-size: 34px; margin-right: var(--size-xxs); } .l-d540e460 { font-size: 24px; font-weight: 600; } .l-3fd8240b { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-33142678 { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-33142678:hover { color: var(--color-text); } .l-9769a9c9 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-9769a9c9 .l-5f486f87 { background-color: var(--color-text); } .l-9769a9c9 .l-af9c9291 { background-color: var(--color-text); } .l-5f486f87 { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-af9c9291 { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-ee01f014 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-ee01f014:hover { transform: scale(1.05); } .l-ee01f014 svg { fill: var(--color-text-light); } .l-3dbced07 { display: none; } .l-2793038a { display: none; } .l-7932fe90 .l-3dbced07 { display: inline; } .l-7932fe90 .l-55779722 { display: none; } .l-26ead939 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-7165566e .l-68218ddc { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-7165566e .l-3fd8240b { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-7165566e .l-33142678 { justify-content: flex-start; } .l-7165566e .l-38aff719 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-7165566e .l-5f486f87 { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-30abc1a8 { font-size: 28px; } .l-d540e460 { font-size: 20px; } .l-68218ddc { gap: var(--size-xxs); height: auto; } .l-3fd8240b { gap: var(--size-xxs); } .l-92a169d2 { display: none; } .l-2793038a { display: block; } .l-26ead939.l-2e53b09d { display: flex; width: 100%; } } .l-c28b1d5a { display: flex; align-items: center; gap: var(--size-s); } .l-652ae80d { flex: 1; } .l-62a6801a { flex: 0 1 465px; padding: var(--size-m) var(--size-s); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .l-913b83fe { flex: 1 1 660px; } @media screen and (max-width: 1024px) { .l-c28b1d5a { flex-direction: column; } .l-62a6801a { flex: auto; } .l-913b83fe { flex: auto; width: 100%; } }@media screen and (max-width: 576px) { .l-62a6801a { text-align: center; align-items: center; padding: var(--size-m); } } .l-94c561e6 { display: flex; align-items: center; gap: var(--size-m); } .l-29d2223e { flex: 1; } .l-47a58da9 { position: relative; padding: var(--size-m); } .l-47a58da9::before { content: ""; display: block; position: absolute; top: 0; right: -50%; left: 0; width: 150%; height: 100%; background-color: var(--color-surface); margin-bottom: var(--size-s); z-index: -1; border-radius: var(--b-radius); } .l-52c7e2a2 { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 870px) { .l-94c561e6 { flex-direction: column; align-items: stretch; } .l-29d2223e { flex: auto; } .l-47a58da9 { padding: var(--size-m) var(--size-s); } .l-47a58da9::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; } }@media screen and (max-width: 576px) { .l-47a58da9 { text-align: center; } } .l-41355abc { display: grid; gap: var(--size-s); grid-template-columns: repeat(6, 1fr); grid-auto-rows: auto; } .l-fdc51440 { grid-column: span 3; } .l-34bbf8e4 { aspect-ratio: 3/2; grid-column: span 2; } .l-245043fb { grid-column: span 3; } @media screen and (max-width: 768px) { .l-41355abc { grid-template-columns: 1fr; } .l-34bbf8e4 { grid-column: span 3; } } .l-a6ea3acd { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); } .l-a6bc20a1 { flex: 0 1 560px; } .l-fbb5bbac { flex: 1 1 630px; } .l-2b1382e5 { flex: 1; } .l-7dd29101 { display: flex; gap: var(--size-s); flex-wrap: wrap; } .l-9307529b { flex: 1; } .l-6ba46e5f { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); } .l-98950de4 { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; } @media screen and (max-width: 768px) { .l-a6ea3acd { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; } .l-a6bc20a1 { flex: auto; } .l-fbb5bbac { flex: auto; width: 100%; } .l-7dd29101 { margin-top: var(--size-s); } .l-9307529b { flex: 1 1 calc(50% - var(--size-s) / 2); } }@media screen and (max-width: 1024px) { .l-6ba46e5f { align-items: flex-start; flex-direction: column; gap: var(--size-xs); } }@media screen and (max-width: 576px) { .l-a6bc20a1 { text-align: center; } .l-7dd29101 { flex-direction: column; } .l-9307529b { flex: auto; text-align: center; } .l-6ba46e5f { align-items: center; } } .l-b6bcb0ea { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-d6fa1cba { text-align: center; } .l-b6bcb0ea { column-count: 1; } } .l-308a05cf { display: flex; justify-content: flex-start; align-items: center; position: relative; gap: var(--size-s); z-index: 1; } .l-08faf605 { padding: var(--size-m); flex: 0 0 60%; display: flex; flex-direction: column; justify-content: center; } .l-14c89041 { display: flex; justify-content: flex-start; } .l-5791bc16 { padding: var(--size-xl); flex: 1; display: flex; justify-content: flex-start; align-items: center; } .l-93d12346 { display: flex; justify-content: flex-start; align-items: center; } .l-e088e2ae { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: var(--size-m); } .l-09d10640 { fill: var(--color-text); } .l-a09009da { stroke: var(--color-text); } .l-a7dec1d7 { stroke: var(--color-text); } .l-dbc4d8c1 { display: flex; flex-direction: column; } .l-7cd3bc4e { flex: 0 0 50%; height: 383px; } .l-c4c9d143 { position: relative; z-index: 1; } @media screen and (max-width: 870px) { .l-308a05cf { flex-direction: column; } .l-08faf605 { width: 100%; flex: 0 0 auto; } .l-14c89041 { flex-direction: column; } .l-5791bc16 { width: 100%; padding: var(--size-m); var(--wrapper-padding); } .l-e7a3431e { width: 100%; display: flex; justify-content: space-between; } .l-93d12346 { margin-top: 0; align-items: flex-start; flex-direction: column; } .l-e088e2ae { margin-right: 0; } .l-dbc4d8c1 { margin-top: var(--size-xs); } .l-7cd3bc4e { height: 429px; width: 100%; flex: 0 0 auto; } }@media screen and (max-width: 576px) { .l-08faf605 { padding: var(--size-xs); } .l-e7a3431e { flex-direction: column; align-items: center; gap: var(--size-s); margin-top: var(--size-s); } .l-93d12346 { align-items: center; } .l-dbc4d8c1 { text-align: center; } .l-7cd3bc4e { height: 370px; } } .l-5d713e57 { padding-top: var(--size-xl); } .l-4781d0df { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-2964324b { max-width: 434px; } .l-a2544acf { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-0a6c6052 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-8e2dde61 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-2c59ea3d { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-2192dfc6 { font-size: 36px; margin-right: var(--size-xs); } .l-698a3d6a { font-size: 24px; font-weight: 600; } .l-2b828700 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-2964324b { max-width: initial; } .l-8e2dde61 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-2a154bae { order: 3; } }@media screen and (max-width: 576px) { .l-2b828700 { padding-top: var(--size-xs); } } .l-231cd2fb { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-231cd2fb svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-231cd2fb { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-60c3b515 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-c1ae45ca { display: block; } .l-fd9919aa { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-e632f289 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-28b3555d { width: 100%; } @media screen and (max-width: 768px) { .l-60c3b515 { padding: var(--size-s); } .l-fd9919aa { text-align: center; gap: var(--size-s); flex-direction: column; } .l-e632f289 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-28b3555d { width: auto; } }@media screen and (max-width: 576px) { .l-e632f289 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-3466a540 { position: relative; } .l-f7d89279 { margin-left: 8px; fill: currentColor; } .l-e745f893 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-e745f893 .l-0d291fe2 { justify-content: flex-start; } .l-fd98cda6 .l-e745f893 { border-radius: 0 0 12px 12px; } .l-0d291fe2 { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-0d291fe2:hover { text-shadow: 0.5px 0 var(--color-text); } .l-1d53f114 .l-e745f893 { display: flex; } .l-1d53f114 .l-f7d89279 { transform: scaleY(-1); } .l-1d53f114 .l-6177918e { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-cee8ac36 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-8c73ac46 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-a8456b24 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-5601a664 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-6d16f7f5 { font-size: 34px; margin-right: var(--size-xxs); } .l-c85dda60 { font-size: 24px; font-weight: 600; } .l-3637baef { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-6177918e { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-6177918e:hover { color: var(--color-text); } .l-eef32c9c { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-eef32c9c .l-725ab9be { background-color: var(--color-text); } .l-eef32c9c .l-26a0c9d4 { background-color: var(--color-text); } .l-725ab9be { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-26a0c9d4 { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-d0f20666 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-d0f20666:hover { transform: scale(1.05); } .l-d0f20666 svg { fill: var(--color-text-light); } .l-5b19584d { display: none; } .l-e78fa485 { display: none; } .l-bd9c2f6e .l-5b19584d { display: inline; } .l-bd9c2f6e .l-4ddf62e5 { display: none; } .l-7f6a5449 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-121f4637 .l-a8456b24 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-121f4637 .l-3637baef { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-121f4637 .l-6177918e { justify-content: flex-start; } .l-121f4637 .l-e745f893 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-121f4637 .l-725ab9be { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-6d16f7f5 { font-size: 28px; } .l-c85dda60 { font-size: 20px; } .l-a8456b24 { gap: var(--size-xxs); height: auto; } .l-3637baef { gap: var(--size-xxs); } .l-941e9eef { display: none; } .l-e78fa485 { display: block; } .l-7f6a5449.l-63880357 { display: flex; width: 100%; } } .l-a57806d3 { display: flex; align-items: center; gap: var(--size-s); } .l-b894cc4b { flex: 1; } .l-deefe1f8 { flex: 0 1 465px; padding: var(--size-m) var(--size-s); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .l-cd22357d { flex: 1 1 660px; } @media screen and (max-width: 1024px) { .l-a57806d3 { flex-direction: column; } .l-deefe1f8 { flex: auto; } .l-cd22357d { flex: auto; width: 100%; } }@media screen and (max-width: 576px) { .l-deefe1f8 { text-align: center; align-items: center; padding: var(--size-m); } } .l-a755cf78 { display: flex; align-items: center; gap: var(--size-m); } .l-9db4b220 { flex: 1; } .l-6a9fc75f { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .l-a755cf78 { flex-direction: column; } }@media screen and (max-width: 576px) { .l-094fabe1 { text-align: center; } } .l-99acab24 { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); } .l-e96603f0 { flex: 0 1 560px; } .l-d1e30da4 { flex: 1 1 630px; } .l-883f0f01 { flex: 1; } .l-7fba4d63 { display: flex; gap: var(--size-s); flex-wrap: wrap; } .l-a733dbc9 { flex: 1; } .l-13b5d2e9 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); } .l-02aec4fe { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; } @media screen and (max-width: 768px) { .l-99acab24 { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; } .l-e96603f0 { flex: auto; } .l-d1e30da4 { flex: auto; width: 100%; } .l-7fba4d63 { margin-top: var(--size-s); } .l-a733dbc9 { flex: 1 1 calc(50% - var(--size-s) / 2); } }@media screen and (max-width: 1024px) { .l-13b5d2e9 { align-items: flex-start; flex-direction: column; gap: var(--size-xs); } }@media screen and (max-width: 576px) { .l-e96603f0 { text-align: center; } .l-7fba4d63 { flex-direction: column; } .l-a733dbc9 { flex: auto; text-align: center; } .l-13b5d2e9 { align-items: center; } } .l-3f0b2190 { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-3f0b2190 { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-3f0b2190 { padding: var(--size-s); } } .l-15506d0d { position: relative; counter-reset: item; display: flex; flex-wrap: wrap; } .l-15506d0d::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); z-index: 1; } .l-1f85abd3 { counter-increment: item; border-left: 2px solid var(--color-primary); padding-left: var(--size-s); position: relative; width: clamp(16.875rem, 16.9921875vw + 8.71875rem, 22.3125rem); } .l-1f85abd3::before { content: ""; position: absolute; left: -1px; display: block; width: 17px; height: 17px; border-radius: 50%; background-color: var(--color-primary); transform: translate(-50%); } .l-b2b28728::before { content: "0" counter(item) " | "; font-size: 20px; font-weight: bold; } .l-0aeb00dc { order: 1; margin-left: clamp(0rem, 7.2265625vw + -3.46875rem, 2.3125rem); margin-right: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem); margin-bottom: -9px; align-self: flex-end; } .l-c70fd187 { order: 3; margin-left: clamp(1.875rem, 44.921875vw + -19.6875rem, 16.25rem); margin-top: -9px; align-self: flex-start; } .l-f846c374 { order: 2; margin-bottom: -9px; align-self: flex-end; } .l-4535365d { order: 4; margin-left: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem); margin-top: -9px; align-self: flex-start; } .l-4f0a83b8 { padding-bottom: 37px; } .l-4f0a83b8::before { bottom: 0; } .l-85bf2eec { padding-top: 35px; } .l-85bf2eec::before { top: 0; } @media screen and (max-width: 768px) { .l-15506d0d { flex-direction: column; } .l-15506d0d::before { width: 2px; height: 100%; top: 0; left: 50%; } .l-1c480c19 { width: 50%; } .l-0aeb00dc { margin: 0; align-self: initial; } .l-c70fd187 { order: 2; margin-left: auto; align-self: initial; } .l-f846c374 { order: 3; align-self: initial; } .l-4535365d { margin-left: auto; align-self: initial; } .l-1f85abd3 { padding-left: 0; padding-right: var(--size-xs); width: auto; border-left: none; border-bottom: 2px solid var(--color-primary); } .l-1f85abd3::before { left: auto; right: -1px; bottom: 0; transform: translate(50%, 50%); } .l-4f0a83b8 { padding-bottom: var(--size-xs); } .l-85bf2eec { padding-bottom: var(--size-xs); padding-left: var(--size-s); padding-right: 0; padding-top: 50px; } .l-85bf2eec::before { top: auto; left: 1px; transform: translate(-50%, 50%); } }@media screen and (max-width: 576px) { .l-15506d0d::before { left: 0; } .l-1c480c19 { width: 100%; } .l-0aeb00dc { margin: 0; } .l-c70fd187 { margin: 0; } .l-f846c374 { margin: 0; } .l-4535365d { margin: 0; } .l-1f85abd3 { padding-left: var(--size-s); } .l-1f85abd3::before { left: -1px; right: auto; transform: translate(-50%, 50%); } .l-4f0a83b8 { margin: 0; padding-top: 35px; } .l-85bf2eec { padding-top: 35px; } } .l-3ea0a524 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-16484492 { text-align: center; } .l-3ea0a524 { column-count: 1; } } .l-bd6f1352 { padding-top: var(--size-xl); } .l-d0db2e2c { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-7079e4c4 { max-width: 434px; } .l-7881be6b { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-29e35d7c { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-e36c515e { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-76b863f3 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-b688201b { font-size: 36px; margin-right: var(--size-xs); } .l-a78a141c { font-size: 24px; font-weight: 600; } .l-7d5d45d4 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-7079e4c4 { max-width: initial; } .l-e36c515e { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-3fdd3e76 { order: 3; } }@media screen and (max-width: 576px) { .l-7d5d45d4 { padding-top: var(--size-xs); } } .l-fdd1b5ec { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-fdd1b5ec svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-fdd1b5ec { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-4da2890e { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-f167a547 { display: block; } .l-bb4242c4 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-2deea7f0 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-6a57d0f9 { width: 100%; } @media screen and (max-width: 768px) { .l-4da2890e { padding: var(--size-s); } .l-bb4242c4 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-2deea7f0 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-6a57d0f9 { width: auto; } }@media screen and (max-width: 576px) { .l-2deea7f0 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-b42320f3 { position: relative; } .l-ff2a3808 { margin-left: 8px; fill: currentColor; } .l-e7d353b8 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-e7d353b8 .l-c430aef1 { justify-content: flex-start; } .l-273427df .l-e7d353b8 { border-radius: 0 0 12px 12px; } .l-c430aef1 { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-c430aef1:hover { text-shadow: 0.5px 0 var(--color-text); } .l-14fc37d9 .l-e7d353b8 { display: flex; } .l-14fc37d9 .l-ff2a3808 { transform: scaleY(-1); } .l-14fc37d9 .l-bd873c88 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-fd08578f { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-f0c469b9 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-3b703a63 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-432ac2fb { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-0c3eeeb7 { font-size: 34px; margin-right: var(--size-xxs); } .l-1fa48939 { font-size: 24px; font-weight: 600; } .l-2cc2bad1 { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-bd873c88 { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-bd873c88:hover { color: var(--color-text); } .l-dd8a56a0 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-dd8a56a0 .l-f1549d2b { background-color: var(--color-text); } .l-dd8a56a0 .l-c5052fbe { background-color: var(--color-text); } .l-f1549d2b { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-c5052fbe { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-f77d345a { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-f77d345a:hover { transform: scale(1.05); } .l-f77d345a svg { fill: var(--color-text-light); } .l-f9a42bef { display: none; } .l-4760b04b { display: none; } .l-1409f9f6 .l-f9a42bef { display: inline; } .l-1409f9f6 .l-66c47237 { display: none; } .l-70f3daac { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-3df55e26 .l-3b703a63 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-3df55e26 .l-2cc2bad1 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-3df55e26 .l-bd873c88 { justify-content: flex-start; } .l-3df55e26 .l-e7d353b8 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-3df55e26 .l-f1549d2b { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-0c3eeeb7 { font-size: 28px; } .l-1fa48939 { font-size: 20px; } .l-3b703a63 { gap: var(--size-xxs); height: auto; } .l-2cc2bad1 { gap: var(--size-xxs); } .l-c55349b9 { display: none; } .l-4760b04b { display: block; } .l-70f3daac.l-30c0196d { display: flex; width: 100%; } } .l-024f30fd { position: relative; min-height: 600px; display: flex; align-items: flex-end; } .l-9f5ad066 { padding: clamp(1.5rem, 6.25vw + -1.5rem, 3.5rem); display: flex; justify-content: flex-start; align-items: flex-end; gap: var(--size-m); } .l-fd456365 { flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem); } .l-7619366f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-7619366f::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-7619366f img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 870px) { .l-024f30fd { align-items: center; } .l-9f5ad066 { flex-direction: column; text-align: center; } .l-fd456365 { flex-basis: auto; } }@media screen and (max-width: 576px) { .l-024f30fd { min-height: 400px; } } .l-aa953ba7 { display: flex; align-items: center; gap: var(--size-m); } .l-f8a736dc { flex: 1; } .l-7d43bc7f { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .l-aa953ba7 { flex-direction: column; } }@media screen and (max-width: 576px) { .l-4242080a { text-align: center; } } .l-5270dcdd { width: 60%; } .l-1d6cbb55 { flex: 1; position: relative; display: flex; gap: var(--size-s); } .l-1d6cbb55::before { content: ""; position: absolute; top: 135px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); } .l-092b17a7 { flex: 1; } .l-bab318bb { position: relative; height: 100%; } .l-bab318bb::before { content: ""; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; top: 128px; background-color: var(--color-primary); border-radius: 50%; } .l-a2f11ff0 { font-size: 80px; line-height: 130%; font-weight: 500; margin-bottom: 72px; text-align: center; } @media screen and (max-width: 870px) { .l-4f80dbf3 { flex-direction: column; } .l-5270dcdd { width: 100%; } .l-1d6cbb55 { flex-direction: column; } .l-1d6cbb55::before { top: 0; left: 80px; width: 2px; height: 100%; } .l-bab318bb { display: flex; justify-content: flex-start; align-items: center; } .l-bab318bb::before { margin-left: 0; top: 50%; margin-top: -8px; left: 73px; } .l-a2f11ff0 { text-align: left; margin-bottom: 0; font-size: 40px; flex: 0 0 110px; } }@media screen and (max-width: 576px) { .l-5270dcdd { text-align: center; } .l-1d6cbb55::before { left: 57px; } .l-bab318bb::before { left: 50px; } .l-a2f11ff0 { font-size: 32px; flex: 0 0 75px; } } .l-73cc1423 { display: flex; align-items: stretch; gap: var(--size-s); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-bottom: 10px; } .l-73cc1423 li { flex: 1; } .l-32be37cd { padding: var(--size-m); min-width: 270px; height: 100%; } .l-1f1b6e3a { display: flex; justify-content: center; } @media screen and (max-width: 576px) { .l-73cc1423 { flex-direction: column; } .l-32be37cd { text-align: center; min-width: auto; } } .l-ff1bf823 { position: relative; display: flex; align-items: center; gap: var(--size-m); min-height: 550px; padding: var(--size-xl); } .l-440019fe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .l-462fafd7 { position: relative; z-index: 2; width: 60%; margin-left: auto; padding: var(--size-m); } @media screen and (max-width: 870px) { .l-462fafd7 { width: 100%; } }@media screen and (max-width: 576px) { .l-ff1bf823 { padding: 0; flex-direction: column-reverse; } .l-440019fe { position: static; border-radius: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .l-462fafd7 { text-align: center; } } .l-f22f0ac1 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-71ab4479 { text-align: center; } .l-f22f0ac1 { column-count: 1; } } .l-d93d26bf { padding-top: var(--size-xl); } .l-98227965 { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-4ebf0d96 { max-width: 434px; } .l-1afe8ee8 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-cc2aa51e { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-dce4d409 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-7077bdfe { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-0b9c705d { font-size: 36px; margin-right: var(--size-xs); } .l-65df7a3b { font-size: 24px; font-weight: 600; } .l-07a51620 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-4ebf0d96 { max-width: initial; } .l-dce4d409 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-1ea03ae3 { order: 3; } }@media screen and (max-width: 576px) { .l-07a51620 { padding-top: var(--size-xs); } } .l-5625fe59 { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-5625fe59 svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-5625fe59 { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-60ac9aad { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-3771d414 { display: block; } .l-bfaee798 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-e31ffcf3 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-b9932003 { width: 100%; } @media screen and (max-width: 768px) { .l-60ac9aad { padding: var(--size-s); } .l-bfaee798 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-e31ffcf3 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-b9932003 { width: auto; } }@media screen and (max-width: 576px) { .l-e31ffcf3 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-52af79c0 { position: relative; } .l-01fc7a1a { margin-left: 8px; fill: currentColor; } .l-7857d973 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-7857d973 .l-3687b239 { justify-content: flex-start; } .l-d94e2d78 .l-7857d973 { border-radius: 0 0 12px 12px; } .l-3687b239 { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-3687b239:hover { text-shadow: 0.5px 0 var(--color-text); } .l-bdaa6afe .l-7857d973 { display: flex; } .l-bdaa6afe .l-01fc7a1a { transform: scaleY(-1); } .l-bdaa6afe .l-7843faaf { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-378d3c04 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-5e24420a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-d3467f18 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-21e753f8 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-11826cd4 { font-size: 34px; margin-right: var(--size-xxs); } .l-db1076c4 { font-size: 24px; font-weight: 600; } .l-68d1e8af { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-7843faaf { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-7843faaf:hover { color: var(--color-text); } .l-72215128 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-72215128 .l-e5b1791e { background-color: var(--color-text); } .l-72215128 .l-7f63d48b { background-color: var(--color-text); } .l-e5b1791e { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-7f63d48b { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-5b3193bb { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-5b3193bb:hover { transform: scale(1.05); } .l-5b3193bb svg { fill: var(--color-text-light); } .l-1fc8efb4 { display: none; } .l-64a005c4 { display: none; } .l-1ea8b6d9 .l-1fc8efb4 { display: inline; } .l-1ea8b6d9 .l-634b2d17 { display: none; } .l-74abc0da { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-1a50babb .l-d3467f18 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-1a50babb .l-68d1e8af { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-1a50babb .l-7843faaf { justify-content: flex-start; } .l-1a50babb .l-7857d973 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-1a50babb .l-e5b1791e { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-11826cd4 { font-size: 28px; } .l-db1076c4 { font-size: 20px; } .l-d3467f18 { gap: var(--size-xxs); height: auto; } .l-68d1e8af { gap: var(--size-xxs); } .l-d1801d1c { display: none; } .l-64a005c4 { display: block; } .l-74abc0da.l-fcb94228 { display: flex; width: 100%; } } .l-ddfa779f { position: relative; } .l-ddfa779f .l-4eaef86f { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-ff5d8cd6 { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-d14569ed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-d14569ed::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-d14569ed img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-ff5d8cd6 { width: 100%; } }@media screen and (max-width: 576px) { .l-b126ca7b { text-align: center; } } .l-578dd9ce { padding: 0; } @media screen and (max-width: 1280px) { .l-26963ca7 { border-radius: 0; } }@media screen and (max-width: 768px) { .l-578dd9ce { padding: 0 var(--wrapper-padding); } .l-3ed33793 { column-count: 1; } .l-26963ca7 { border-radius: var(--b-radius); } }@media screen and (max-width: 576px) { .l-3ed33793 { text-align: center; } } .l-394ff105 { width: 60%; } .l-1a571062 { flex: 1; position: relative; display: flex; gap: var(--size-l); } .l-4423852b { flex: 1; } .l-9406bb54 { position: relative; } .l-9406bb54::before { content: ""; position: absolute; top: 0; left: calc(-1 * var(--size-l) / 2); width: 1px; height: 100%; background-color: var(--color-primary); } .l-80b33647::before { display: none; } @media screen and (max-width: 870px) { .l-b1ddc63e { flex-direction: column; } .l-394ff105 { width: 100%; } .l-1a571062 { display: grid; grid-template-columns: 1fr 1fr; } .l-1a571062::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-primary); } .l-1a571062::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--color-primary); } .l-9406bb54::before { display: none; } }@media screen and (max-width: 576px) { .l-394ff105 { text-align: center; } .l-1a571062 { margin-top: var(--size-m); gap: var(--size-m); grid-template-columns: 1fr; } .l-1a571062::before { display: none; } .l-1a571062::after { display: none; } .l-9406bb54::before { left: 0; top: calc(-1 * var(--size-m) / 2); display: block; height: 1px; width: 100%; } .l-80b33647::before { display: none; } } .l-badaa830 { text-align: center; } .l-bc628ff9 { display: flex; align-items: center; gap: var(--size-m); } .l-c67d8dcd { flex: 1; } .l-ab3f3a8c { position: relative; padding: var(--size-m); } .l-ab3f3a8c::before { content: ""; display: block; position: absolute; top: 0; right: -50%; left: 0; width: 150%; height: 100%; background-color: var(--color-surface); margin-bottom: var(--size-s); z-index: -1; border-radius: var(--b-radius); } .l-7e74632e { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 870px) { .l-bc628ff9 { flex-direction: column; align-items: stretch; } .l-c67d8dcd { flex: auto; } .l-ab3f3a8c { padding: var(--size-m) var(--size-s); } .l-ab3f3a8c::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; } }@media screen and (max-width: 576px) { .l-ab3f3a8c { text-align: center; } } .l-faad780b { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-faad780b { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-faad780b { padding: var(--size-s); } } .l-218da988 { padding-top: var(--size-xl); } .l-2c391bbe { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-90538dab { max-width: 434px; } .l-9a10d9c6 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-81203d1a { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-8340c1e0 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-f95714e4 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-e58ff626 { font-size: 36px; margin-right: var(--size-xs); } .l-253894ec { font-size: 24px; font-weight: 600; } .l-4d998911 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-90538dab { max-width: initial; } .l-8340c1e0 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-1c17d6cb { order: 3; } }@media screen and (max-width: 576px) { .l-4d998911 { padding-top: var(--size-xs); } } .l-f910da2a { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-f910da2a svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-f910da2a { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-e9b509f7 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-a7d08401 { display: block; } .l-2d8ac75b { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-8ee65c12 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-845f6d70 { width: 100%; } @media screen and (max-width: 768px) { .l-e9b509f7 { padding: var(--size-s); } .l-2d8ac75b { text-align: center; gap: var(--size-s); flex-direction: column; } .l-8ee65c12 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-845f6d70 { width: auto; } }@media screen and (max-width: 576px) { .l-8ee65c12 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-2e08235b { position: relative; } .l-1db38e92 { margin-left: 8px; fill: currentColor; } .l-f97240ad { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-f97240ad .l-89c3ae05 { justify-content: flex-start; } .l-4ea6e688 .l-f97240ad { border-radius: 0 0 12px 12px; } .l-89c3ae05 { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-89c3ae05:hover { text-shadow: 0.5px 0 var(--color-text); } .l-5412e29a .l-f97240ad { display: flex; } .l-5412e29a .l-1db38e92 { transform: scaleY(-1); } .l-5412e29a .l-d76e0b6e { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-fd4ff5a6 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-35b2f6b7 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-ce550ab6 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-948f93ef { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-4e95810b { font-size: 34px; margin-right: var(--size-xxs); } .l-40089217 { font-size: 24px; font-weight: 600; } .l-8ee0e666 { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-d76e0b6e { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-d76e0b6e:hover { color: var(--color-text); } .l-31483733 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-31483733 .l-8b4dc81f { background-color: var(--color-text); } .l-31483733 .l-eb47a89f { background-color: var(--color-text); } .l-8b4dc81f { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-eb47a89f { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-e010cf63 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-e010cf63:hover { transform: scale(1.05); } .l-e010cf63 svg { fill: var(--color-text-light); } .l-31d721d0 { display: none; } .l-8da17922 { display: none; } .l-38446029 .l-31d721d0 { display: inline; } .l-38446029 .l-f9155004 { display: none; } .l-2072b572 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-4d706469 .l-ce550ab6 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-4d706469 .l-8ee0e666 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-4d706469 .l-d76e0b6e { justify-content: flex-start; } .l-4d706469 .l-f97240ad { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-4d706469 .l-8b4dc81f { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-4e95810b { font-size: 28px; } .l-40089217 { font-size: 20px; } .l-ce550ab6 { gap: var(--size-xxs); height: auto; } .l-8ee0e666 { gap: var(--size-xxs); } .l-99c035ea { display: none; } .l-8da17922 { display: block; } .l-2072b572.l-66857ae1 { display: flex; width: 100%; } } .l-355ea46a { position: relative; min-height: 600px; display: flex; align-items: flex-end; } .l-7e80655f { padding: clamp(1.5rem, 6.25vw + -1.5rem, 3.5rem); display: flex; justify-content: flex-start; align-items: flex-end; gap: var(--size-m); } .l-1bf5fe4f { flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem); } .l-5aa4a889 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-5aa4a889::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-5aa4a889 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 870px) { .l-355ea46a { align-items: center; } .l-7e80655f { flex-direction: column; text-align: center; align-items: center; } .l-1bf5fe4f { flex-basis: auto; } }@media screen and (max-width: 576px) { .l-355ea46a { min-height: 400px; } } .l-58612b42 { display: flex; align-items: center; gap: var(--size-m); } .l-ce529c2c { flex: 1; } .l-9d33bae0 { position: relative; padding: var(--size-m); } .l-9d33bae0::before { content: ""; display: block; position: absolute; top: 0; right: -50%; left: 0; width: 150%; height: 100%; background-color: var(--color-surface); margin-bottom: var(--size-s); z-index: -1; border-radius: var(--b-radius); } .l-adb14f3b { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 870px) { .l-58612b42 { flex-direction: column; align-items: stretch; } .l-ce529c2c { flex: auto; } .l-9d33bae0 { padding: var(--size-m) var(--size-s); } .l-9d33bae0::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; } }@media screen and (max-width: 576px) { .l-9d33bae0 { text-align: center; } } .l-4fd65c7a { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: var(--size-s); } .l-52abaa97 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-52abaa97::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .l-36036be4 { position: relative; grid-row: span 2; min-height: 350px; padding: var(--size-s) var(--size-s) var(--size-m); } .l-af07bde1 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-s); } .l-db1695d5 { padding: var(--size-s) var(--size-s) var(--size-m); } .l-a8cc44c2 { display: flex; justify-content: space-between; align-items: center; gap: var(--size-s); } .l-9adc158d { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; } @media screen and (max-width: 870px) { .l-52abaa97 { position: static; border-radius: var(--b-radius); overflow: hidden; height: auto; } .l-52abaa97::after { display: none; } .l-36036be4 { border-radius: 0; padding: 0; display: flex; flex-direction: column-reverse; gap: var(--size-s); } }@media screen and (max-width: 768px) { .l-4fd65c7a { grid-template-columns: 1fr; grid-template-rows: auto; } .l-36036be4 { text-align: center; } .l-af07bde1 { grid-template-columns: 1fr 1fr; } }@media screen and (max-width: 576px) { .l-117d9347 { color: var(--color-text); } .l-af07bde1 { grid-template-columns: 1fr; } .l-db1695d5 { padding: var(--size-xs); } .l-a8cc44c2 { flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; gap: var(--size-xs); } } .l-32c0762c { display: flex; align-items: center; gap: var(--size-m); } .l-4c10dd31 { flex: 1; } .l-268cb947 { flex: 1; } @media screen and (max-width: 768px) { .l-32c0762c { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-268cb947 { text-align: center; } } .l-eb073a60 { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-eb073a60 { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-eb073a60 { padding: var(--size-s); } } .l-505fdd9b { position: relative; z-index: 1; } .l-73e49c0a { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; } .l-c18655c7 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .l-d7627db2 { flex: 0 0 660px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; } .l-dbae2835 { position: relative; z-index: 1; transform: translateY(50%); padding: var(--size-xs); } .l-31c20c59 { width: 100%; display: flex; justify-content: space-evenly; align-items: flex-start; gap: var(--size-m); flex-wrap: wrap; } .l-7908e4bc { flex: 1; display: flex; align-items: center; flex-direction: column; text-align: center; } .l-435b445a { width: 56px; height: 56px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; } .l-c88afddf { fill: var(--color-text); } .l-44cd0436 { stroke: var(--color-text); } .l-0424540b { stroke: var(--color-text); } .l-6d703c46 { display: flex; flex-direction: column; } .l-7da63b79 { width: 100%; height: 370px; } @media screen and (max-width: 1024px) { .l-73e49c0a { flex-direction: column; } .l-efa2ae89 { margin-top: 0; } .l-d7627db2 { flex: 1; } .l-7da63b79 { height: 430px; } }@media screen and (max-width: 768px) { .l-6d703c46 { margin-top: var(--size-xs); } }@media screen and (max-width: 576px) { .l-c18655c7 { align-items: center; text-align: center; } .l-d7627db2 { padding: var(--size-s); } .l-dbae2835 { transform: translateY(var(--size-xl)); } .l-31c20c59 { flex-direction: column; align-items: center; } .l-7da63b79 { height: 370px; } } .l-93a06942 { padding-top: var(--size-xl); } .l-d2aa0085 { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-6640b714 { max-width: 434px; } .l-9fd78270 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-e0b91a0f { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-2ab9d190 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-c7e37cb2 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-273680ef { font-size: 36px; margin-right: var(--size-xs); } .l-0f66eed1 { font-size: 24px; font-weight: 600; } .l-f051b9b2 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-6640b714 { max-width: initial; } .l-2ab9d190 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-f3d97344 { order: 3; } }@media screen and (max-width: 576px) { .l-f051b9b2 { padding-top: var(--size-xs); } } .l-02713893 { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-02713893 svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-02713893 { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-af278b35 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-22f1145b { display: block; } .l-b66a36b6 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-3b9e2d80 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-96dedf9a { width: 100%; } @media screen and (max-width: 768px) { .l-af278b35 { padding: var(--size-s); } .l-b66a36b6 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-3b9e2d80 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-96dedf9a { width: auto; } }@media screen and (max-width: 576px) { .l-3b9e2d80 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-5b9e9640 { position: relative; } .l-95958e80 { margin-left: 8px; fill: currentColor; } .l-8b3179d4 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-8b3179d4 .l-bb399f0d { justify-content: flex-start; } .l-f6350690 .l-8b3179d4 { border-radius: 0 0 12px 12px; } .l-bb399f0d { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-bb399f0d:hover { text-shadow: 0.5px 0 var(--color-text); } .l-baa646f9 .l-8b3179d4 { display: flex; } .l-baa646f9 .l-95958e80 { transform: scaleY(-1); } .l-baa646f9 .l-108147af { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-2fa65151 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-a90924a4 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-f1b4ff1c { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-64dcf5f1 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-b8cd7458 { font-size: 34px; margin-right: var(--size-xxs); } .l-9d2ba920 { font-size: 24px; font-weight: 600; } .l-26475eee { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-108147af { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-108147af:hover { color: var(--color-text); } .l-ea87eb6d { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-ea87eb6d .l-b63c212f { background-color: var(--color-text); } .l-ea87eb6d .l-c14794e4 { background-color: var(--color-text); } .l-b63c212f { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-c14794e4 { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-a6808373 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-a6808373:hover { transform: scale(1.05); } .l-a6808373 svg { fill: var(--color-text-light); } .l-f3c4e1c0 { display: none; } .l-7546f87c { display: none; } .l-0f8e1012 .l-f3c4e1c0 { display: inline; } .l-0f8e1012 .l-84bc98fe { display: none; } .l-fe3260a0 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-fc36c0a0 .l-f1b4ff1c { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-fc36c0a0 .l-26475eee { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-fc36c0a0 .l-108147af { justify-content: flex-start; } .l-fc36c0a0 .l-8b3179d4 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-fc36c0a0 .l-b63c212f { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-b8cd7458 { font-size: 28px; } .l-9d2ba920 { font-size: 20px; } .l-f1b4ff1c { gap: var(--size-xxs); height: auto; } .l-26475eee { gap: var(--size-xxs); } .l-666cc2c2 { display: none; } .l-7546f87c { display: block; } .l-fe3260a0.l-920806d7 { display: flex; width: 100%; } } .l-d33340cc { position: relative; } .l-d33340cc .l-596c95af { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-a7aa51aa { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-9f1e0648 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-9f1e0648::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-9f1e0648 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-a7aa51aa { width: 100%; } }@media screen and (max-width: 576px) { .l-4dae947e { text-align: center; } } .l-ecb5c431 { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); } .l-1e76568e { flex: 0 1 560px; } .l-efa082d6 { flex: 1 1 630px; } .l-e0ecfeba { flex: 1; } .l-f3913bbc { display: flex; gap: var(--size-s); flex-wrap: wrap; } .l-2293f942 { flex: 1; } .l-7981c15a { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); } .l-3d21ef54 { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; } @media screen and (max-width: 768px) { .l-ecb5c431 { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; } .l-1e76568e { flex: auto; } .l-efa082d6 { flex: auto; width: 100%; } .l-f3913bbc { margin-top: var(--size-s); } .l-2293f942 { flex: 1 1 calc(50% - var(--size-s) / 2); } }@media screen and (max-width: 1024px) { .l-7981c15a { align-items: flex-start; flex-direction: column; gap: var(--size-xs); } }@media screen and (max-width: 576px) { .l-1e76568e { text-align: center; } .l-f3913bbc { flex-direction: column; } .l-2293f942 { flex: auto; text-align: center; } .l-7981c15a { align-items: center; } } .l-625906e3 { text-align: center; } .l-8086fdda { width: 60%; } .l-d6339ac3 { padding: var(--size-s) var(--wrapper-padding); } .l-52bd33f9 { display: flex; justify-content: flex-start; } .l-52bd33f9 svg { fill: var(--color-secondary); } .l-bf10a7e3 { justify-content: flex-end; } .l-3e46aa61 { padding: 0 var(--wrapper-padding); } .l-68eaa235 { padding: 0 var(--wrapper-padding); } @media screen and (max-width: 768px) { .l-8086fdda { width: 100%; } }@media screen and (max-width: 576px) { .l-9eb31ef1 { flex-direction: column; } .l-52bd33f9 svg { transform: scale(0.6); } .l-3e46aa61 { padding: 0 50px 0 50px; } .l-68eaa235 { padding: 0 50px 0 50px; } }@media screen and (max-width: 375px) { .l-3e46aa61 { padding: 0; } .l-68eaa235 { padding: 0; } } .l-3f6fd960 { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-3f6fd960 { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-3f6fd960 { padding: var(--size-s); } } .l-4f928886 { padding-top: var(--size-xl); } .l-2248d9a8 { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-e1bab320 { max-width: 434px; } .l-61eac7e8 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-d7069ef4 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-f9a14a47 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-197287ca { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-429497f6 { font-size: 36px; margin-right: var(--size-xs); } .l-e9589543 { font-size: 24px; font-weight: 600; } .l-871536b0 { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-e1bab320 { max-width: initial; } .l-f9a14a47 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-add604a0 { order: 3; } }@media screen and (max-width: 576px) { .l-871536b0 { padding-top: var(--size-xs); } } .l-c5cf485d { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-c5cf485d svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-c5cf485d { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-413ac747 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-b870f8da { display: block; } .l-9d48563f { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-fd5ea92b { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-2fcd4467 { width: 100%; } @media screen and (max-width: 768px) { .l-413ac747 { padding: var(--size-s); } .l-9d48563f { text-align: center; gap: var(--size-s); flex-direction: column; } .l-fd5ea92b { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-2fcd4467 { width: auto; } }@media screen and (max-width: 576px) { .l-fd5ea92b { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-ccafb47a { position: relative; } .l-0286466e { margin-left: 8px; fill: currentColor; } .l-3728d44a { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-3728d44a .l-bd4f7c47 { justify-content: flex-start; } .l-fa82da11 .l-3728d44a { border-radius: 0 0 12px 12px; } .l-bd4f7c47 { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-bd4f7c47:hover { text-shadow: 0.5px 0 var(--color-text); } .l-408d2e81 .l-3728d44a { display: flex; } .l-408d2e81 .l-0286466e { transform: scaleY(-1); } .l-408d2e81 .l-eb7a11af { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-1c92bd72 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-676738c3 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-bf3a2749 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-fdff92f8 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-0ac8f821 { font-size: 34px; margin-right: var(--size-xxs); } .l-57326cdf { font-size: 24px; font-weight: 600; } .l-cc0d7ad5 { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-eb7a11af { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-eb7a11af:hover { color: var(--color-text); } .l-ef362a92 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-ef362a92 .l-71e6c148 { background-color: var(--color-text); } .l-ef362a92 .l-4fb1b497 { background-color: var(--color-text); } .l-71e6c148 { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-4fb1b497 { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-4941e951 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-4941e951:hover { transform: scale(1.05); } .l-4941e951 svg { fill: var(--color-text-light); } .l-79f40d65 { display: none; } .l-5cfc2b9c { display: none; } .l-fb3689a6 .l-79f40d65 { display: inline; } .l-fb3689a6 .l-23e6b2d6 { display: none; } .l-76a32138 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-0f8dbdab .l-bf3a2749 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-0f8dbdab .l-cc0d7ad5 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-0f8dbdab .l-eb7a11af { justify-content: flex-start; } .l-0f8dbdab .l-3728d44a { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-0f8dbdab .l-71e6c148 { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-0ac8f821 { font-size: 28px; } .l-57326cdf { font-size: 20px; } .l-bf3a2749 { gap: var(--size-xxs); height: auto; } .l-cc0d7ad5 { gap: var(--size-xxs); } .l-901d8e81 { display: none; } .l-5cfc2b9c { display: block; } .l-76a32138.l-cf602fe7 { display: flex; width: 100%; } } .l-0a449ba4 { position: relative; } .l-0a449ba4 .l-7e91adf0 { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-c89c4037 { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-cfb8ca12 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-cfb8ca12::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-cfb8ca12 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-c89c4037 { width: 100%; } }@media screen and (max-width: 576px) { .l-efd65381 { text-align: center; } } .l-2404dc95 { text-align: center; } .l-cd251467 { position: relative; } .l-dced4365::before { content: ""; position: absolute; top: 0; left: 0; width: clamp(30.3125rem, 47.0703125vw + 7.71875rem, 45.375rem); height: 100%; background-color: var(--color-secondary); z-index: -1; } .l-4d775819 { padding: 80px 0; display: flex; justify-content: flex-start; align-items: center; } .l-0f3d8560 { flex: 0 0 clamp(26.75rem, 45.3125vw + 5rem, 41.25rem); padding-right: clamp(10rem, 7.8125vw + 6.25rem, 12.5rem); position: relative; } .l-50ac0195 { flex: 1; padding: 0 0 0 clamp(1rem, 7.8125vw + -2.75rem, 3.5rem); margin-left: clamp(-7.0625rem, -3.3203125vw + -5.46875rem, -8.125rem); position: relative; z-index: 1; } .l-50ac0195 li:last-child .l-be33222e { border-bottom: none; } .l-be33222e { border-bottom: 1px solid var(--color-secondary); user-select: none; } .l-be33222e[open] .l-37685c40 { transform: rotate(45deg); } .l-be33222e .l-2e6c207d { padding-bottom: var(--size-s); } .l-1d6c03b9 { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding-top: var(--size-s); padding-bottom: var(--size-s); } .l-1d6c03b9::-webkit-details-marker { display: none; } .l-37685c40 { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-color: var(--color-surface); border-radius: 50%; margin-left: var(--size-xs); } .l-37685c40 svg { fill: var(--color-text); } .l-2e6c207d { padding-bottom: var(--size-s); } @media screen and (max-width: 768px) { .l-dced4365::before { width: 100%; } .l-4d775819 { flex-direction: column; } .l-0f3d8560 { flex: 0; padding-right: 0; text-align: center; padding-bottom: var(--size-s); } .l-50ac0195 { margin-left: 0; width: 100%; padding-right: 16px; } }@media screen and (max-width: 870px) { .l-1d6c03b9 { padding-top: var(--size-xs); padding-bottom: var(--size-xs); } .l-37685c40 { width: 24px; height: 24px; } .l-37685c40 svg { width: 16px; height: 16px; } .l-2e6c207d { padding-bottom: var(--size-xs); } } .l-68951628 { padding: 0; } @media screen and (max-width: 1280px) { .l-0cb10fdf { border-radius: 0; } }@media screen and (max-width: 768px) { .l-68951628 { padding: 0 var(--wrapper-padding); } .l-14253c81 { column-count: 1; } .l-0cb10fdf { border-radius: var(--b-radius); } }@media screen and (max-width: 576px) { .l-14253c81 { text-align: center; } } .l-eea095c5 { padding-top: var(--size-xl); } .l-3dbe081d { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-bdff05a5 { max-width: 434px; } .l-bc8ad225 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-3ac908c1 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-ec6b9843 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-147eadd5 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-ff4489df { font-size: 36px; margin-right: var(--size-xs); } .l-934c1fbd { font-size: 24px; font-weight: 600; } .l-0f94cf7f { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-bdff05a5 { max-width: initial; } .l-ec6b9843 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-e375295c { order: 3; } }@media screen and (max-width: 576px) { .l-0f94cf7f { padding-top: var(--size-xs); } } .l-ebc82010 { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-ebc82010 svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-ebc82010 { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-1bcd0089 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-4885ed91 { display: block; } .l-643a6d18 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-798b094c { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-55b64faf { width: 100%; } @media screen and (max-width: 768px) { .l-1bcd0089 { padding: var(--size-s); } .l-643a6d18 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-798b094c { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-55b64faf { width: auto; } }@media screen and (max-width: 576px) { .l-798b094c { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-05ba36d1 { position: relative; } .l-e9b86058 { margin-left: 8px; fill: currentColor; } .l-860c95a6 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-860c95a6 .l-36d3007f { justify-content: flex-start; } .l-076d09e2 .l-860c95a6 { border-radius: 0 0 12px 12px; } .l-36d3007f { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-36d3007f:hover { text-shadow: 0.5px 0 var(--color-text); } .l-f67f3454 .l-860c95a6 { display: flex; } .l-f67f3454 .l-e9b86058 { transform: scaleY(-1); } .l-f67f3454 .l-da01e66f { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-6bfeae6d { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-816ae798 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-6ef1921d { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-4e1969cb { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-40256ded { font-size: 34px; margin-right: var(--size-xxs); } .l-82ded816 { font-size: 24px; font-weight: 600; } .l-4702600f { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-da01e66f { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-da01e66f:hover { color: var(--color-text); } .l-16e7c3be { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-16e7c3be .l-0d9e9f6c { background-color: var(--color-text); } .l-16e7c3be .l-5dcc1709 { background-color: var(--color-text); } .l-0d9e9f6c { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-5dcc1709 { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-7a1a6d50 { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-7a1a6d50:hover { transform: scale(1.05); } .l-7a1a6d50 svg { fill: var(--color-text-light); } .l-efe27e86 { display: none; } .l-23607173 { display: none; } .l-89430e0a .l-efe27e86 { display: inline; } .l-89430e0a .l-43ff6e3b { display: none; } .l-ec47e0f7 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-7bf5e4cd .l-6ef1921d { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-7bf5e4cd .l-4702600f { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-7bf5e4cd .l-da01e66f { justify-content: flex-start; } .l-7bf5e4cd .l-860c95a6 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-7bf5e4cd .l-0d9e9f6c { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-40256ded { font-size: 28px; } .l-82ded816 { font-size: 20px; } .l-6ef1921d { gap: var(--size-xxs); height: auto; } .l-4702600f { gap: var(--size-xxs); } .l-35f6f88d { display: none; } .l-23607173 { display: block; } .l-ec47e0f7.l-66283660 { display: flex; width: 100%; } } .l-e793c1fc { display: flex; align-items: center; gap: var(--size-s); } .l-500699b2 { flex: 1; } .l-9aa8e251 { flex: 0 1 465px; padding: var(--size-m) var(--size-s); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .l-35cd14ed { flex: 1 1 660px; } @media screen and (max-width: 1024px) { .l-e793c1fc { flex-direction: column; } .l-9aa8e251 { flex: auto; } .l-35cd14ed { flex: auto; width: 100%; } }@media screen and (max-width: 576px) { .l-9aa8e251 { text-align: center; align-items: center; padding: var(--size-m); } } .l-2c56a0ad { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-5c19063d { text-align: center; } .l-2c56a0ad { column-count: 1; } } .l-8615d1f1 { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-8615d1f1 { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-8615d1f1 { padding: var(--size-s); } } .l-83907af6 { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; } .l-92260d6d { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .l-0ce707df { flex: 0 0 450px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; } .l-931100f8 { display: none; } .l-dc1c4806 { width: 100%; } .l-e62fe5b9 { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); white-space: nowrap; flex-wrap: wrap; } .l-5bddd5f1 { flex: 1; display: flex; align-items: flex-start; flex-direction: column; } .l-c0a2f274 { width: 56px; height: 56px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; margin-right: var(--size-m); } .l-ab0c3d79 { fill: var(--color-text); } .l-8d66a9ec { stroke: var(--color-text); } .l-081e2651 { stroke: var(--color-text); } .l-c4e57da2 { display: flex; flex-direction: column; } .l-fe8dea06 { width: 100%; height: 300px; } .l-3080d63f { position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .l-83907af6 { flex-direction: column-reverse; } .l-92260d6d { flex-direction: column-reverse; justify-content: flex-start; } .l-0ce707df { flex: 1; } .l-0dc47610 { display: none; } .l-931100f8 { display: block; text-align: center; } .l-e62fe5b9 { justify-content: space-evenly; } .l-fe8dea06 { height: 430px; margin-top: var(--size-s); } }@media screen and (max-width: 870px) { .l-92260d6d { width: 100%; } }@media screen and (max-width: 768px) { .l-c0a2f274 { margin-right: 0; } .l-c4e57da2 { margin-top: var(--size-xs); } }@media screen and (max-width: 576px) { .l-92260d6d { text-align: center; } .l-0ce707df { padding: var(--size-s); } .l-e62fe5b9 { flex-direction: column; align-items: center; margin-top: var(--size-s); } .l-5bddd5f1 { flex: inherit; align-items: center; } } .l-db9155ae { padding-top: var(--size-xl); } .l-8633d274 { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-586c029f { max-width: 434px; } .l-cd2eedd7 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-372514a3 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-2ad5fa1c { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-8bef06b0 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-9cd07e32 { font-size: 36px; margin-right: var(--size-xs); } .l-7bf90784 { font-size: 24px; font-weight: 600; } .l-ce18954a { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-586c029f { max-width: initial; } .l-2ad5fa1c { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-93a5cbed { order: 3; } }@media screen and (max-width: 576px) { .l-ce18954a { padding-top: var(--size-xs); } } .l-4853824c { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-4853824c svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-4853824c { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-e469055f { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-b44f01cc { display: block; } .l-542a3ff8 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-4ec35540 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-c10e14b9 { width: 100%; } @media screen and (max-width: 768px) { .l-e469055f { padding: var(--size-s); } .l-542a3ff8 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-4ec35540 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-c10e14b9 { width: auto; } }@media screen and (max-width: 576px) { .l-4ec35540 { gap: var(--size-xxs); } } #hero, #about, #reviews, #form { scroll-margin-top: 80px; } .l-4f58289e { position: relative; } .l-130800cc { margin-left: 8px; fill: currentColor; } .l-bbe7ec94 { display: none; transform: translateY(100%); bottom: -15px; position: absolute; box-shadow: 0 10px 10px rgba(23, 23, 28, 0.1); padding: var(--size-xs); background-color: var(--color-bg); justify-content: flex-start; flex-direction: column; gap: 16px; max-width: 100%; min-width: 250px; text-align: left; } .l-bbe7ec94 .l-5297cbbf { justify-content: flex-start; } .l-88a75803 .l-bbe7ec94 { border-radius: 0 0 12px 12px; } .l-5297cbbf { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-5297cbbf:hover { text-shadow: 0.5px 0 var(--color-text); } .l-370fbd8a .l-bbe7ec94 { display: flex; } .l-370fbd8a .l-130800cc { transform: scaleY(-1); } .l-370fbd8a .l-607f01bc { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-6a1a37df { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-1feee559 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 16px 0; gap: 16px; position: relative; } .l-16925e09 { display: flex; justify-content: flex-start; align-items: center; height: 51px; border-radius: 51px; gap: var(--size-s); padding: 0 8px; } .l-15bf5977 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-32890569 { font-size: 34px; margin-right: var(--size-xxs); } .l-e0168d2a { font-size: 24px; font-weight: 600; } .l-b4ee5692 { display: flex;justify-content: flex-start; align-items: center; gap: 8px; } .l-607f01bc { color: var(--color-text-description); position: relative; text-decoration: none; text-align: center; padding: var(--size-xxs) var(--size-xs); height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; user-select: none; cursor: pointer; } .l-607f01bc:hover { color: var(--color-text); } .l-1e2d3550 { color: var(--color-text); text-shadow: 0.5px 0 var(--color-text); } .l-1e2d3550 .l-327e7d4f { background-color: var(--color-text); } .l-1e2d3550 .l-9b0a90de { background-color: var(--color-text); } .l-327e7d4f { position: absolute; bottom: -6px; display: block; width: 8px; height: 8px; border-radius: 50%; } .l-9b0a90de { display: block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; } .l-7f81d30d { cursor: pointer; border: 0; padding: var(--size-xxs) var(--size-xs); transition: 0.3s transform ease-in-out; width: 72px; text-align: center; background-color: transparent; } .l-7f81d30d:hover { transform: scale(1.05); } .l-7f81d30d svg { fill: var(--color-text-light); } .l-fcc58af2 { display: none; } .l-644b424e { display: none; } .l-d408e78a .l-fcc58af2 { display: inline; } .l-d408e78a .l-f047bc8b { display: none; } .l-53da0f70 { display: none; justify-content: flex-start; align-items: center; padding-bottom: var(--size-xs); } .l-0a192d2a .l-16925e09 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-0a192d2a .l-b4ee5692 { height: auto; display: flex; flex-direction: column; text-align: left; align-items: flex-start; } .l-0a192d2a .l-607f01bc { justify-content: flex-start; } .l-0a192d2a .l-bbe7ec94 { position: static; transform: none; box-shadow: none; min-width: initial; padding: 8px 16px; } .l-0a192d2a .l-327e7d4f { bottom: 50%; margin-bottom: -4px; left: -5px; } @media screen and (max-width: 1024px) { .l-32890569 { font-size: 28px; } .l-e0168d2a { font-size: 20px; } .l-16925e09 { gap: var(--size-xxs); height: auto; } .l-b4ee5692 { gap: var(--size-xxs); } .l-77092211 { display: none; } .l-644b424e { display: block; } .l-53da0f70.l-3c7e840f { display: flex; width: 100%; } } .l-0a601d02 * + * { margin-top: var(--size-xs); } .l-0a601d02 ul { list-style: disc; } .l-0a601d02 ul li { margin-left: 16px; } .l-a00771f4 { padding-top: var(--size-xl); } .l-7449bd00 { border-radius: var(--b-radius) var(--b-radius) 0 0; padding: var(--size-m) var(--size-m) var(--size-s); } .l-a7e237f9 { max-width: 434px; } .l-7557aeda { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--size-s); } .l-0fc21cca { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; } .l-1a10ab89 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); } .l-aa0326e1 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-75cabb83 { font-size: 36px; margin-right: var(--size-xs); } .l-6c97b8de { font-size: 24px; font-weight: 600; } .l-5a07b1bb { flex: 0 0 100%; padding-top: var(--size-s); border-top: 1px solid var(--color-text-description); } @media screen and (max-width: 768px) { .l-a7e237f9 { max-width: initial; } .l-1a10ab89 { flex-direction: column; gap: var(--size-xs); margin-top: var(--size-m); } .l-282cd1cd { order: 3; } }@media screen and (max-width: 576px) { .l-5a07b1bb { padding-top: var(--size-xs); } } .l-1bb0fcc7 { position: fixed; bottom: 30px; right: 30px; display: none; background-color: var(--color-primary); border: none; width: 50px; height: 50px; border-radius: var(--b-radius); cursor: pointer; z-index: 4; } .l-1bb0fcc7 svg { fill: var(--color-text-light); } @media screen and (max-width: 768px) { .l-1bb0fcc7 { transform: scale(0.75); bottom: 15px; right: 15px; } } .l-979e1fb7 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; } .l-2ff2ede8 { display: block; } .l-000fba92 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); } .l-4f5e0965 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); } .l-28dcadc3 { width: 100%; } @media screen and (max-width: 768px) { .l-979e1fb7 { padding: var(--size-s); } .l-000fba92 { text-align: center; gap: var(--size-s); flex-direction: column; } .l-4f5e0965 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; } .l-28dcadc3 { width: auto; } }@media screen and (max-width: 576px) { .l-4f5e0965 { gap: var(--size-xxs); } } .l-865a2642 * + * { margin-top: var(--size-xs); } .l-865a2642 ul { list-style: disc; } .l-865a2642 ul li { margin-left: 16px; } .l-9e654ff1 * + * { margin-top: var(--size-xs); } .l-9e654ff1 ul { list-style: disc; } .l-9e654ff1 ul li { margin-left: 16px; } .l-93b73c73 * + * { margin-top: var(--size-xs); } .l-93b73c73 ul { list-style: disc; } .l-93b73c73 ul li { margin-left: 16px; }