#hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-cb556b3e { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-1c9afc3e { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-7b8f0dcc { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-bab709d7 { font-size: 34px; margin-right: var(--size-xxs); }
.l-3d2f8e81 { font-size: 24px; font-weight: 600; }
.l-d6845505 { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-b9eb3dce { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-b9eb3dce:hover { color: var(--color-primary); }
.l-56a2a489 { color: var(--color-primary); }
.l-56a2a489::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-6f88b694 { height: 50px; justify-content: flex-start; }
.l-7beee856 .l-56a2a489::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-59320add { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-59320add:hover { opacity: 0.7; }
.l-59320add svg { fill: var(--color-text); }
.l-58ea1d71 { display: none; }
.l-aa84a5e8 { position: fixed; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
.l-72305c5a { clip-path: inherit; }
.l-72305c5a .l-25f661cf { background-color: rgba(0, 0, 0, 0.2); }
.l-72305c5a .l-0c8c9bf9 { opacity: 1; transform: translateX(0); }
.l-260c50c1 { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-cf81ef42 { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-cf81ef42:hover { opacity: 0.7; }
.l-cf81ef42 svg { fill: var(--color-text); }
.l-25f661cf { transition: 0.3s background-color ease-in-out; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); }
.l-0c8c9bf9 { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; min-width: 260px; width: 100%; max-width: 30%; height: 100%; box-shadow: 4px 0px 20px rgba(23, 23, 28, 0.1); opacity: 0; transform: translateX(-100%); transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; padding: 0 var(--size-m) 0 var(--wrapper-padding); }
@media screen and (max-width: 375px) { .l-59320add { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-bab709d7 { font-size: 28px; }
.l-3d2f8e81 { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-1c9afc3e { justify-content: flex-start; }
.l-d6845505 { gap: var(--size-m); }
.l-903e3986 { display: none; }
.l-58ea1d71 { display: block; }
 }
.l-a390d5d3 { position: relative; min-height: 600px; display: flex; align-items: flex-end; }
.l-38155253 { 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-a57998b0 { flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem); }
.l-efbeeb25 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.l-efbeeb25::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.l-efbeeb25 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
@media screen and (max-width: 870px) { .l-a390d5d3 { align-items: center; }
.l-38155253 { flex-direction: column; text-align: center; align-items: center; }
.l-a57998b0 { flex-basis: auto; }
 }@media screen and (max-width: 576px) { .l-a390d5d3 { min-height: 400px; }
 }
.l-8a50a1f4 { text-align: center; }

.l-e2034f7c { display: flex; align-items: center; gap: var(--size-m); }
.l-fedac901 { flex: 1; }
.l-98994a8e { position: relative; padding: var(--size-m); }
.l-98994a8e::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-860e5197 { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 870px) { .l-e2034f7c { flex-direction: column; align-items: stretch; }
.l-fedac901 { flex: auto; }
.l-98994a8e { padding: var(--size-m) var(--size-s); }
.l-98994a8e::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; }
 }@media screen and (max-width: 576px) { .l-98994a8e { text-align: center; }
 }
.l-5d41571a { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: var(--size-s); }
.l-d718b85c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.l-d718b85c::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.l-823049e2 { position: relative; grid-row: span 2; min-height: 350px; padding: var(--size-s) var(--size-s) var(--size-m); }
.l-1a31ef25 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-s); }
.l-96389b48 { padding: var(--size-s) var(--size-s) var(--size-m); }
.l-13129fa0 { display: flex; justify-content: space-between; align-items: center; gap: var(--size-s); }
.l-b5fd868a { 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-d718b85c { position: static; border-radius: var(--b-radius); overflow: hidden; height: auto; }
.l-d718b85c::after { display: none; }
.l-823049e2 { border-radius: 0; padding: 0; display: flex; flex-direction: column-reverse; gap: var(--size-s); }
 }@media screen and (max-width: 768px) { .l-5d41571a { grid-template-columns: 1fr; grid-template-rows: auto; }
.l-823049e2 { text-align: center; }
.l-1a31ef25 { grid-template-columns: 1fr 1fr; }
 }@media screen and (max-width: 576px) { .l-a109b800 { color: var(--color-text); }
.l-1a31ef25 { grid-template-columns: 1fr; }
.l-96389b48 { padding: var(--size-xs); }
.l-13129fa0 { flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; gap: var(--size-xs); }
 }
.l-afb3c568 { 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-afb3c568 li { flex: 1; }
.l-7b9bbdc3 { padding: var(--size-m); min-width: 270px; height: 100%; }
.l-5b743f13 { display: flex; justify-content: center; }
@media screen and (max-width: 576px) { .l-afb3c568 { flex-direction: column; }
.l-7b9bbdc3 { text-align: center; min-width: auto; }
 }
.l-95bd0132 { padding: 0; }
@media screen and (max-width: 1280px) { .l-b8ade1a4 { border-radius: 0; }
 }@media screen and (max-width: 768px) { .l-95bd0132 { padding: 0 var(--wrapper-padding); }
.l-3b1d05df { column-count: 1; }
.l-b8ade1a4 { border-radius: var(--b-radius); }
 }@media screen and (max-width: 576px) { .l-3b1d05df { text-align: center; }
 }
.l-33f63c00 { column-count: 2; gap: var(--size-m); }
@media screen and (max-width: 768px) { .l-e2b0703a { text-align: center; }
.l-33f63c00 { column-count: 1; }
 }
.l-b16b1899 { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-08b70b2a { flex: 1; }
.l-2ad704c2 { flex: 1; display: flex; flex-direction: column; gap: var(--size-m); }
.l-94e79ec4 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-s); }
.l-dfe37770 { 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-b16b1899 { flex-direction: column; gap: var(--size-m); }
.l-08b70b2a { text-align: center; }
 }@media screen and (max-width: 576px) { .l-2ad704c2 { gap: var(--size-s); }
.l-94e79ec4 { flex-direction: column; gap: var(--size-xxs); }
 }
.l-a8b8cb34 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-8537e4c6 { flex: 0 0 45%; position: relative; }
.l-5ae345b9 { flex: 1; position: relative; z-index: 1; }
.l-b3d4953d { user-select: none; }
.l-b3d4953d[open] .l-1160e78b { transform: rotate(45deg); }
.l-194e77cb { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: var(--size-s) var(--size-m); }
.l-194e77cb::-webkit-details-marker { display: none; }
.l-1160e78b { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-color: var(--color-bg); border-radius: 50%; margin-left: var(--size-xs); }
.l-1160e78b svg { fill: var(--color-primary); }
.l-4157cb32 { padding: 0 var(--size-m) var(--size-s); }
@media screen and (max-width: 870px) { .l-194e77cb { padding-top: var(--size-xs); padding-bottom: var(--size-xs); }
.l-1160e78b { width: 24px; height: 24px; }
.l-1160e78b svg { width: 16px; height: 16px; }
.l-4157cb32 { padding-bottom: var(--size-xs); }
 }@media screen and (max-width: 768px) { .l-a8b8cb34 { align-items: center; flex-direction: column; gap: var(--size-m); }
.l-8537e4c6 { flex: 0; }
.l-5ae345b9 { margin-left: 0; max-width: 70%; }
 }@media screen and (max-width: 576px) { .l-8537e4c6 { text-align: center; }
.l-5ae345b9 { max-width: inherit; width: 100%; }
 }
.l-ec854df7 { display: flex; align-items: center; gap: var(--size-m); }
.l-f51263d4 { flex: 1; }
.l-d3386231 { flex: 1; }
@media screen and (max-width: 768px) { .l-ec854df7 { flex-direction: column-reverse; }
 }@media screen and (max-width: 576px) { .l-d3386231 { text-align: center; }
 }
.l-58406e76 { padding: var(--size-xl); }
@media screen and (max-width: 768px) { .l-58406e76 { text-align: center; padding: var(--size-m); }
 }@media screen and (max-width: 576px) { .l-58406e76 { padding: var(--size-s); }
 }
.l-96b5e680 { width: 60%; }
.l-af3c0ae2 { flex: 1; position: relative; display: flex; gap: var(--size-s); }
.l-af3c0ae2::before { content: ""; position: absolute; top: 135px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); }
.l-8ba5f26f { flex: 1; }
.l-ef84a8dc { position: relative; height: 100%; }
.l-ef84a8dc::before { content: ""; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; top: 128px; background-color: var(--color-primary); border-radius: 50%; }
.l-bbeef34e { font-size: 80px; line-height: 130%; font-weight: 500; margin-bottom: 72px; text-align: center; }
@media screen and (max-width: 870px) { .l-f2dbf739 { flex-direction: column; }
.l-96b5e680 { width: 100%; }
.l-af3c0ae2 { flex-direction: column; }
.l-af3c0ae2::before { top: 0; left: 80px; width: 2px; height: 100%; }
.l-ef84a8dc { display: flex; justify-content: flex-start; align-items: center; }
.l-ef84a8dc::before { margin-left: 0; top: 50%; margin-top: -8px; left: 73px; }
.l-bbeef34e { text-align: left; margin-bottom: 0; font-size: 40px; flex: 0 0 110px; }
 }@media screen and (max-width: 576px) { .l-96b5e680 { text-align: center; }
.l-af3c0ae2::before { left: 57px; }
.l-ef84a8dc::before { left: 50px; }
.l-bbeef34e { font-size: 32px; flex: 0 0 75px; }
 }
.l-fe0e0f4a { display: grid; gap: var(--size-s); grid-template-columns: repeat(6, 1fr); grid-auto-rows: auto; }
.l-30b0f8d1 { grid-column: span 3; }
.l-78903d3b { aspect-ratio: 3/2; grid-column: span 2; }
.l-ac5ab796 { grid-column: span 3; }
@media screen and (max-width: 768px) { .l-fe0e0f4a { grid-template-columns: 1fr; }
.l-78903d3b { grid-column: span 3; }
 }
.l-02bba988 { text-align: center; }

.l-00b6d9e9 { display: flex; align-items: center; gap: var(--size-m); }
.l-5126bc26 { flex: 1; }
.l-530297da { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .l-00b6d9e9 { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-f101a9c4 { text-align: center; }
 }
.l-5467e3ce { position: relative; counter-reset: item; display: flex; flex-wrap: wrap; }
.l-5467e3ce::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); z-index: 1; }
.l-b488b872 { 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-b488b872::before { content: ""; position: absolute; left: -1px; display: block; width: 17px; height: 17px; border-radius: 50%; background-color: var(--color-primary); transform: translate(-50%); }
.l-b1aec44b::before { content: "0" counter(item) " | "; font-size: 20px; font-weight: bold; }
.l-75c61cea { 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-9c986842 { order: 3; margin-left: clamp(1.875rem, 44.921875vw + -19.6875rem, 16.25rem); margin-top: -9px; align-self: flex-start; }
.l-81352ac0 { order: 2; margin-bottom: -9px; align-self: flex-end; }
.l-7f76084d { order: 4; margin-left: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem); margin-top: -9px; align-self: flex-start; }
.l-2e62ce37 { padding-bottom: 37px; }
.l-2e62ce37::before { bottom: 0; }
.l-29d3218b { padding-top: 35px; }
.l-29d3218b::before { top: 0; }
@media screen and (max-width: 768px) { .l-5467e3ce { flex-direction: column; }
.l-5467e3ce::before { width: 2px; height: 100%; top: 0; left: 50%; }
.l-c8cd0243 { width: 50%; }
.l-75c61cea { margin: 0; align-self: initial; }
.l-9c986842 { order: 2; margin-left: auto; align-self: initial; }
.l-81352ac0 { order: 3; align-self: initial; }
.l-7f76084d { margin-left: auto; align-self: initial; }
.l-b488b872 { padding-left: 0; padding-right: var(--size-xs); width: auto; border-left: none; border-bottom: 2px solid var(--color-primary); }
.l-b488b872::before { left: auto; right: -1px; bottom: 0; transform: translate(50%, 50%); }
.l-2e62ce37 { padding-bottom: var(--size-xs); }
.l-29d3218b { padding-bottom: var(--size-xs); padding-left: var(--size-s); padding-right: 0; padding-top: 50px; }
.l-29d3218b::before { top: auto; left: 1px; transform: translate(-50%, 50%); }
 }@media screen and (max-width: 576px) { .l-5467e3ce::before { left: 0; }
.l-c8cd0243 { width: 100%; }
.l-75c61cea { margin: 0; }
.l-9c986842 { margin: 0; }
.l-81352ac0 { margin: 0; }
.l-7f76084d { margin: 0; }
.l-b488b872 { padding-left: var(--size-s); }
.l-b488b872::before { left: -1px; right: auto; transform: translate(-50%, 50%); }
.l-2e62ce37 { margin: 0; padding-top: 35px; }
.l-29d3218b { padding-top: 35px; }
 }
.l-16cef249 { position: relative; z-index: 1; }
.l-f92008c1 { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; }
.l-5e43e924 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.l-c5d42549 { flex: 0 0 660px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; }
.l-16e082b3 { position: relative; z-index: 1; transform: translateY(50%); padding: var(--size-xs); }
.l-42caa2aa { width: 100%; display: flex; justify-content: space-evenly; align-items: flex-start; gap: var(--size-m); flex-wrap: wrap; }
.l-b17f23ed { flex: 1; display: flex; align-items: center; flex-direction: column; text-align: center; }
.l-c59b54ef { width: 56px; height: 56px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; }
.l-509ffb47 { fill: var(--color-text); }
.l-d9a0383a { stroke: var(--color-text); }
.l-3cf60c81 { stroke: var(--color-text); }
.l-603d57ae { display: flex; flex-direction: column; }
.l-9b9b7962 { width: 100%; height: 370px; }
@media screen and (max-width: 1024px) { .l-f92008c1 { flex-direction: column; }
.l-a4853ec1 { margin-top: 0; }
.l-c5d42549 { flex: 1; }
.l-9b9b7962 { height: 430px; }
 }@media screen and (max-width: 768px) { .l-603d57ae { margin-top: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-5e43e924 { align-items: center; text-align: center; }
.l-c5d42549 { padding: var(--size-s); }
.l-16e082b3 { transform: translateY(var(--size-xl)); }
.l-42caa2aa { flex-direction: column; align-items: center; }
.l-9b9b7962 { height: 370px; }
 }

            figure{
        position: relative;
        overflow: hidden;
    }
    figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

    @-webkit-keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }
    @keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }

    section > div{
        transform: translate3d(0, -100px, 0);
        opacity: 0;
        transition-property: opacity, transform;
        transition-duration:1s;
        transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
        will-change:opacity;
    }

    section.show > div{
        opacity: 1;
        transform: translateZ(0);
    }
        
.l-4e6f938a { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-f74faa11 { padding: var(--size-m) var(--size-xl); }
.l-a0eb5091 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-c586cd9e { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-31bc6eff { display: flex; justify-content: flex-start; width: 270px; }
.l-15ff7d3a { height: 40px; padding: var(--size-xxs) var(--size-s); border: 0; outline: none; width: calc(100% - 74px); border-radius: var(--b-radius) 0 0 var(--b-radius); }
.l-b8366627 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-df021834 { display: flex; justify-content: flex-start; align-items: center; }
.l-20017c17 { font-size: 36px; margin-right: var(--size-xs); }
.l-8758824a { font-size: 24px; font-weight: 600; line-height: 1; }
.l-fc63a3f5 { width: 32%; }
.l-cc91f67d { margin-right: var(--size-xl); }
.l-ddf57c49 { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-953fb584 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-a0eb5091 { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-c586cd9e { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-92d4fe86 { text-align: center; }
.l-fc63a3f5 { width: 100%; text-align: center; order: 2; }
.l-cc91f67d { margin-right: 0; order: 3; }
.l-ddf57c49 { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-f74faa11 { padding: var(--size-s); }
.l-31bc6eff { width: 100%; }
.l-953fb584 { flex-direction: column; align-items: center; }
.l-ddf57c49 { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-c80e2bbb { position: fixed; bottom: 30px; right: 30px; opacity: 0; background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; visibility: hidden; transition: 0.3s opacity ease-in-out; z-index: 4; }
.l-c80e2bbb svg { fill: var(--color-text-light); }
.l-45898fc0 { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-c80e2bbb { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-5b4bf0fe { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-f72254b0 { display: block; }
.l-9c0eeb65 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-20e845f8 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-c72e4587 { width: 100%; }
@media screen and (max-width: 768px) { .l-5b4bf0fe { padding: var(--size-s); }
.l-9c0eeb65 { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-20e845f8 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-c72e4587 { width: auto; }
 }@media screen and (max-width: 576px) { .l-20e845f8 { gap: var(--size-xxs); }
 }

            #hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-dd3cb284 { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-d99f844e { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-82cbf44c { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-b570d184 { font-size: 34px; margin-right: var(--size-xxs); }
.l-3f1f10c4 { font-size: 24px; font-weight: 600; }
.l-b5a6843c { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-770f21a4 { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-770f21a4:hover { color: var(--color-primary); }
.l-d5609324 { color: var(--color-primary); }
.l-d5609324::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-7e4f6381 { height: 50px; justify-content: flex-start; }
.l-cd062473 .l-d5609324::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-662c06db { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-662c06db:hover { opacity: 0.7; }
.l-662c06db svg { fill: var(--color-text); }
.l-047d968a { display: none; }
.l-7586c16d { position: fixed; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
.l-13201819 { clip-path: inherit; }
.l-13201819 .l-862ee1d4 { background-color: rgba(0, 0, 0, 0.2); }
.l-13201819 .l-2022cb84 { opacity: 1; transform: translateX(0); }
.l-7f5060b7 { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-91cf086e { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-91cf086e:hover { opacity: 0.7; }
.l-91cf086e svg { fill: var(--color-text); }
.l-862ee1d4 { transition: 0.3s background-color ease-in-out; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); }
.l-2022cb84 { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; min-width: 260px; width: 100%; max-width: 30%; height: 100%; box-shadow: 4px 0px 20px rgba(23, 23, 28, 0.1); opacity: 0; transform: translateX(-100%); transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; padding: 0 var(--size-m) 0 var(--wrapper-padding); }
@media screen and (max-width: 375px) { .l-662c06db { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-b570d184 { font-size: 28px; }
.l-3f1f10c4 { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-d99f844e { justify-content: flex-start; }
.l-b5a6843c { gap: var(--size-m); }
.l-9aae7802 { display: none; }
.l-047d968a { display: block; }
 }
.l-ccbb6bec * + * { margin-top: var(--size-xs); }
.l-ccbb6bec ul { list-style: disc; }
.l-ccbb6bec ul li { margin-left: 16px; }


            figure{
        position: relative;
        overflow: hidden;
    }
    figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: "";
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

    @-webkit-keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }
    @keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }

    section > div{
        transform: translate3d(0, -100px, 0);
        opacity: 0;
        transition-property: opacity, transform;
        transition-duration:1s;
        transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
        will-change:opacity;
    }

    section.show > div{
        opacity: 1;
        transform: translateZ(0);
    }
        
.l-0e19adf2 { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-6581be18 { padding: var(--size-m) var(--size-xl); }
.l-ac560099 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-8b7d7cf6 { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-4f873000 { display: flex; justify-content: flex-start; width: 270px; }
.l-aa917b08 { height: 40px; padding: var(--size-xxs) var(--size-s); border: 0; outline: none; width: calc(100% - 74px); border-radius: var(--b-radius) 0 0 var(--b-radius); }
.l-5ab1e550 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-c715e907 { display: flex; justify-content: flex-start; align-items: center; }
.l-f53a8d1e { font-size: 36px; margin-right: var(--size-xs); }
.l-d59d194c { font-size: 24px; font-weight: 600; line-height: 1; }
.l-50bc7d39 { width: 32%; }
.l-8524f23d { margin-right: var(--size-xl); }
.l-6b4e2ebf { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-4a642bf9 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-ac560099 { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-8b7d7cf6 { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-b2f100c5 { text-align: center; }
.l-50bc7d39 { width: 100%; text-align: center; order: 2; }
.l-8524f23d { margin-right: 0; order: 3; }
.l-6b4e2ebf { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-6581be18 { padding: var(--size-s); }
.l-4f873000 { width: 100%; }
.l-4a642bf9 { flex-direction: column; align-items: center; }
.l-6b4e2ebf { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-471b97dd { position: fixed; bottom: 30px; right: 30px; opacity: 0; background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; visibility: hidden; transition: 0.3s opacity ease-in-out; z-index: 4; }
.l-471b97dd svg { fill: var(--color-text-light); }
.l-bf07355b { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-471b97dd { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-5a7e8de0 { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-cee6b66d { display: block; }
.l-77746dba { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-f9da23af { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-7bb597dc { width: 100%; }
@media screen and (max-width: 768px) { .l-5a7e8de0 { padding: var(--size-s); }
.l-77746dba { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-f9da23af { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-7bb597dc { width: auto; }
 }@media screen and (max-width: 576px) { .l-f9da23af { gap: var(--size-xxs); }
 }
.l-d815a301 * + * { margin-top: var(--size-xs); }
.l-d815a301 ul { list-style: disc; }
.l-d815a301 ul li { margin-left: 16px; }

.l-61c89462 * + * { margin-top: var(--size-xs); }
.l-61c89462 ul { list-style: disc; }
.l-61c89462 ul li { margin-left: 16px; }

.l-62e260d4 * + * { margin-top: var(--size-xs); }
.l-62e260d4 ul { list-style: disc; }
.l-62e260d4 ul li { margin-left: 16px; }