
            #hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-ddedbf9a { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-76476c7d { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-66b33c18 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-67e69571 { font-size: 34px; margin-right: var(--size-xxs); }
.l-4fc6cb78 { font-size: 24px; font-weight: 600; }
.l-ad9cebf6 { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-e08befef { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-e08befef:hover { color: var(--color-primary); }
.l-080481a0 { color: var(--color-primary); }
.l-080481a0::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-3983bf13 { height: 50px; justify-content: flex-start; }
.l-7eda8d37 .l-080481a0::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-6afb71e5 { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-6afb71e5:hover { opacity: 0.7; }
.l-6afb71e5 svg { fill: var(--color-text); }
.l-0e90443a { display: none; }
.l-a9e60feb { 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-25eca5bf { clip-path: inherit; }
.l-25eca5bf .l-0fa75aab { background-color: rgba(0, 0, 0, 0.2); }
.l-25eca5bf .l-3ebd4b57 { opacity: 1; transform: translateX(0); }
.l-001819e4 { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-2194831d { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-2194831d:hover { opacity: 0.7; }
.l-2194831d svg { fill: var(--color-text); }
.l-0fa75aab { 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-3ebd4b57 { 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-6afb71e5 { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-67e69571 { font-size: 28px; }
.l-4fc6cb78 { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-76476c7d { justify-content: flex-start; }
.l-ad9cebf6 { gap: var(--size-m); }
.l-2f39c477 { display: none; }
.l-0e90443a { display: block; }
 }
.l-0d713b94 { overflow: hidden; }
.l-e38a900f { padding-left: var(--wrapper-padding); display: flex;  align-items: flex-start; gap: var(--size-s); }
.l-32e812f5 { margin-top: auto; }
.l-d0b3e02b { flex: 0 1 465px; display: flex; flex-direction: column; align-items: flex-start; }
.l-f3351672 { flex: 0 1 726px; }
@media screen and (max-width: 1024px) { .l-e38a900f { gap: var(--size-l); padding: 0 var(--wrapper-padding); flex-direction: column; }
.l-d0b3e02b { flex: auto; }
.l-f3351672 { flex: auto; border-radius: 0; width: 100vw; position: relative; left: 0; right: 0; margin: 0 calc(-1 * var(--wrapper-padding)); }
 }@media screen and (max-width: 576px) { .l-d0b3e02b { text-align: center; align-items: center; }
 }
.l-d086a72e { padding: var(--size-xl); }
@media screen and (max-width: 768px) { .l-d086a72e { text-align: center; padding: var(--size-m); }
 }@media screen and (max-width: 576px) { .l-d086a72e { padding: var(--size-s); }
 }
.l-c433ee65 { padding: 0; }
@media screen and (max-width: 1280px) { .l-8dbffd93 { border-radius: 0; }
 }@media screen and (max-width: 768px) { .l-c433ee65 { padding: 0 var(--wrapper-padding); }
.l-af19440b { column-count: 1; }
.l-8dbffd93 { border-radius: var(--b-radius); }
 }@media screen and (max-width: 576px) { .l-af19440b { text-align: center; }
 }
.l-ffec89aa { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-fcaed465 { flex: 1; }
.l-8038a440 { flex: 1; display: flex; flex-direction: column; gap: var(--size-m); }
.l-50d17308 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-s); }
.l-bf7730c8 { 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-ffec89aa { flex-direction: column; gap: var(--size-m); }
.l-fcaed465 { text-align: center; }
 }@media screen and (max-width: 576px) { .l-8038a440 { gap: var(--size-s); }
.l-50d17308 { flex-direction: column; gap: var(--size-xxs); }
 }
.l-a4d6c98c { 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-a4d6c98c li { flex: 1; }
.l-290188bb { padding: var(--size-m); min-width: 270px; height: 100%; }
.l-802671e1 { display: flex; justify-content: center; }
@media screen and (max-width: 576px) { .l-a4d6c98c { flex-direction: column; }
.l-290188bb { text-align: center; min-width: auto; }
 }
.l-db5d5be8 { display: flex; align-items: center; gap: var(--size-m); }
.l-507250c6 { flex: 1; }
.l-6ef2fef4 { position: relative; padding: var(--size-m); }
.l-6ef2fef4::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-c0cda436 { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 870px) { .l-db5d5be8 { flex-direction: column; align-items: stretch; }
.l-507250c6 { flex: auto; }
.l-6ef2fef4 { padding: var(--size-m) var(--size-s); }
.l-6ef2fef4::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; }
 }@media screen and (max-width: 576px) { .l-6ef2fef4 { text-align: center; }
 }
.l-b0d74779 { text-align: center; }

.l-0c3ab0ad { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-9a59bcda { flex: 1; }
.l-0d787d30 { flex: 1; position: relative; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-3b9004cd { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--color-secondary); gap: var(--size-s); padding-bottom: var(--size-xs); }
.l-847537be { flex: 0 0 50px; font-size: 40px; line-height: 130%; font-weight: 500; }
@media screen and (max-width: 870px) { .l-0c3ab0ad { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-9a59bcda { text-align: center; }
.l-847537be { font-size: 32px; flex: 0 0 35px; }
 }
.l-0505df73 { position: relative; min-height: 500px; display: flex; justify-content: flex-start; align-items: center; }
.l-55a936f2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; aspect-ratio: auto; }
.l-55a936f2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.l-e9f32e28 { display: grid; gap: var(--size-s); grid-template-columns: 1fr 1fr 1fr; }
.l-1f0f5ad7 { aspect-ratio: 16/9; }
@media screen and (max-width: 768px) { .l-0505df73 { padding: var(--size-s); min-height: 350px; }
.l-a18bc2f9 { padding: 0; }
.l-849b8dce { padding: 0 var(--wrapper-padding); }
.l-e9f32e28 { grid-template-columns: 1fr; margin-top: var(--size-s); }
 }
.l-91deccb9 { column-count: 2; gap: var(--size-m); }
@media screen and (max-width: 768px) { .l-b3e0d52e { text-align: center; }
.l-91deccb9 { column-count: 1; }
 }
.l-fbda3a8e { position: relative; display: flex; align-items: center; gap: var(--size-m); min-height: 550px; padding: var(--size-xl); }
.l-2e732b97 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.l-ae516e58 { position: relative; z-index: 2; width: 60%; margin-left: auto; padding: var(--size-m); }
@media screen and (max-width: 870px) { .l-ae516e58 { width: 100%; }
 }@media screen and (max-width: 576px) { .l-fbda3a8e { padding: 0; flex-direction: column-reverse; }
.l-2e732b97 { position: static; border-radius: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.l-ae516e58 { text-align: center; }
 }
.l-18c8464f { width: 60%; }
.l-01cf9b35 { flex: 1; position: relative; display: flex; gap: var(--size-s); }
.l-01cf9b35::before { content: ""; position: absolute; top: 135px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); }
.l-55b6f796 { flex: 1; }
.l-d17603e5 { position: relative; height: 100%; }
.l-d17603e5::before { content: ""; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; top: 128px; background-color: var(--color-primary); border-radius: 50%; }
.l-8e79368a { font-size: 80px; line-height: 130%; font-weight: 500; margin-bottom: 72px; text-align: center; }
@media screen and (max-width: 870px) { .l-df7b79e0 { flex-direction: column; }
.l-18c8464f { width: 100%; }
.l-01cf9b35 { flex-direction: column; }
.l-01cf9b35::before { top: 0; left: 80px; width: 2px; height: 100%; }
.l-d17603e5 { display: flex; justify-content: flex-start; align-items: center; }
.l-d17603e5::before { margin-left: 0; top: 50%; margin-top: -8px; left: 73px; }
.l-8e79368a { text-align: left; margin-bottom: 0; font-size: 40px; flex: 0 0 110px; }
 }@media screen and (max-width: 576px) { .l-18c8464f { text-align: center; }
.l-01cf9b35::before { left: 57px; }
.l-d17603e5::before { left: 50px; }
.l-8e79368a { font-size: 32px; flex: 0 0 75px; }
 }
.l-befab701 { display: flex; position: relative; gap: var(--size-s); }
.l-befab701 * { flex: 1; }
.l-ca7d4598 { flex: 1; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-m); }
.l-46916b69 { flex-shrink: 0; }
.l-addaca03 { grid-column: span 2; }
.l-9640ade8 { user-select: none; }
.l-9640ade8[open] .l-9ec64af7 { transform: rotate(45deg); }
.l-3c620811 { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: var(--size-s) var(--size-m); }
.l-3c620811::-webkit-details-marker { display: none; }
.l-9ec64af7 { 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-9ec64af7 svg { fill: var(--color-primary); }
.l-1afd41a8 { padding: 0 var(--size-m) var(--size-s); }
@media screen and (max-width: 870px) { .l-3c620811 { padding-top: var(--size-xs); padding-bottom: var(--size-xs); }
.l-9ec64af7 { width: 24px; height: 24px; }
.l-9ec64af7 svg { width: 16px; height: 16px; }
.l-1afd41a8 { padding-bottom: var(--size-xs); }
 }@media screen and (max-width: 768px) { .l-befab701 { flex-direction: column; }
.l-ca7d4598 { grid-template-columns: 1fr; margin-top: var(--size-m); }
.l-addaca03 { grid-column: span 1; }
 }@media screen and (max-width: 576px) { .l-befab701 { text-align: center; }
 }
.l-53e7d17a { text-align: center; }

.l-b43c4007 { display: flex; align-items: center; gap: var(--size-m); }
.l-a11aa6d0 { flex: 1; }
.l-1c9cb6ce { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .l-b43c4007 { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-69a68381 { text-align: center; }
 }
.l-5182c4db { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); }
.l-24afdcf1 { flex: 0 1 560px; }
.l-7fdc7ed3 { flex: 1 1 630px; }
.l-cc9eed0d { flex: 1; }
.l-02c83081 { display: flex; gap: var(--size-s); flex-wrap: wrap; }
.l-386121f3 { flex: 1; }
.l-5b1a9ebf { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); }
.l-72312f4d { 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-5182c4db { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; }
.l-24afdcf1 { flex: auto; }
.l-7fdc7ed3 { flex: auto; width: 100%; }
.l-02c83081 { margin-top: var(--size-s); }
.l-386121f3 { flex: 1 1 calc(50% - var(--size-s) / 2); }
 }@media screen and (max-width: 1024px) { .l-5b1a9ebf { align-items: flex-start; flex-direction: column; gap: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-24afdcf1 { text-align: center; }
.l-02c83081 { flex-direction: column; }
.l-386121f3 { flex: auto; text-align: center; }
.l-5b1a9ebf { align-items: center; }
 }
.l-944cbcfd { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; }
.l-9f012f21 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.l-a4463989 { flex: 0 0 450px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; }
.l-cde68187 { display: none; }
.l-553f6e4d { width: 100%; }
.l-75b19573 { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); white-space: nowrap; flex-wrap: wrap; }
.l-95634eeb { flex: 1; display: flex; align-items: flex-start; flex-direction: column; }
.l-08f93182 { 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-b89a8fcb { fill: var(--color-text); }
.l-d1cd04a9 { stroke: var(--color-text); }
.l-005378fa { stroke: var(--color-text); }
.l-f10c4b3a { display: flex; flex-direction: column; }
.l-bafa38e2 { width: 100%; height: 300px; }
.l-fe9c5cc5 { position: relative; z-index: 1; }
@media screen and (max-width: 1024px) { .l-944cbcfd { flex-direction: column-reverse; }
.l-9f012f21 { flex-direction: column-reverse; justify-content: flex-start; }
.l-a4463989 { flex: 1; }
.l-d6da2529 { display: none; }
.l-cde68187 { display: block; text-align: center; }
.l-75b19573 { justify-content: space-evenly; }
.l-bafa38e2 { height: 430px; margin-top: var(--size-s); }
 }@media screen and (max-width: 870px) { .l-9f012f21 { width: 100%; }
 }@media screen and (max-width: 768px) { .l-08f93182 { margin-right: 0; }
.l-f10c4b3a { margin-top: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-9f012f21 { text-align: center; }
.l-a4463989 { padding: var(--size-s); }
.l-75b19573 { flex-direction: column; align-items: center; margin-top: var(--size-s); }
.l-95634eeb { flex: inherit; align-items: center; }
 }

            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-c87d4894 { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-180eeaf3 { padding: var(--size-m) var(--size-xl); }
.l-07f8711c { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-40260fbc { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-44368518 { display: flex; justify-content: flex-start; width: 270px; }
.l-3d83694a { 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-3a898ea2 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-5ca129e1 { display: flex; justify-content: flex-start; align-items: center; }
.l-3fabece3 { font-size: 36px; margin-right: var(--size-xs); }
.l-fc862089 { font-size: 24px; font-weight: 600; line-height: 1; }
.l-70280466 { width: 32%; }
.l-22a10c8b { margin-right: var(--size-xl); }
.l-e4c1074a { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-eba3af7b { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-07f8711c { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-40260fbc { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-440a84ff { text-align: center; }
.l-70280466 { width: 100%; text-align: center; order: 2; }
.l-22a10c8b { margin-right: 0; order: 3; }
.l-e4c1074a { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-180eeaf3 { padding: var(--size-s); }
.l-44368518 { width: 100%; }
.l-eba3af7b { flex-direction: column; align-items: center; }
.l-e4c1074a { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-46b35a33 { 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-46b35a33 svg { fill: var(--color-text-light); }
@media screen and (max-width: 768px) { .l-46b35a33 { transform: scale(0.75); bottom: 15px; right: 15px; }
 }
.l-40bfaffd { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; }
.l-ad8c638e { display: block; }
.l-7e99e64f { display: flex; flex-wrap: wrap; gap: var(--size-xs); }
@media screen and (max-width: 768px) { .l-40bfaffd { padding: var(--size-s); }
 }@media screen and (max-width: 576px) { .l-7e99e64f { gap: var(--size-xxs); }
.l-c0c7eb3c { width: 100%; }
 }

            #hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-4441fb9f { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-7ef1f3ea { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-d1911702 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-3d34b536 { font-size: 34px; margin-right: var(--size-xxs); }
.l-634fd06b { font-size: 24px; font-weight: 600; }
.l-0e98ce5b { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-e1aff136 { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-e1aff136:hover { color: var(--color-primary); }
.l-422982a9 { color: var(--color-primary); }
.l-422982a9::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-bc9c36b7 { height: 50px; justify-content: flex-start; }
.l-87bca685 .l-422982a9::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-db646dff { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-db646dff:hover { opacity: 0.7; }
.l-db646dff svg { fill: var(--color-text); }
.l-41bbc976 { display: none; }
.l-b695027d { 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-9e5e9b26 { clip-path: inherit; }
.l-9e5e9b26 .l-b54a65b2 { background-color: rgba(0, 0, 0, 0.2); }
.l-9e5e9b26 .l-341a9fcd { opacity: 1; transform: translateX(0); }
.l-a94c10ff { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-6af305df { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-6af305df:hover { opacity: 0.7; }
.l-6af305df svg { fill: var(--color-text); }
.l-b54a65b2 { 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-341a9fcd { 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-db646dff { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-3d34b536 { font-size: 28px; }
.l-634fd06b { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-7ef1f3ea { justify-content: flex-start; }
.l-0e98ce5b { gap: var(--size-m); }
.l-45aca7c8 { display: none; }
.l-41bbc976 { display: block; }
 }
.l-adf5f080 * + * { margin-top: var(--size-xs); }
.l-adf5f080 ul { list-style: disc; }
.l-adf5f080 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-98743533 { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-fbd5001c { padding: var(--size-m) var(--size-xl); }
.l-71a31b2f { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-b2822e42 { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-5194d309 { display: flex; justify-content: flex-start; width: 270px; }
.l-b6106fe2 { 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-a20f9eec { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-cd57b8b7 { display: flex; justify-content: flex-start; align-items: center; }
.l-f03cdf92 { font-size: 36px; margin-right: var(--size-xs); }
.l-1ac2bbd7 { font-size: 24px; font-weight: 600; line-height: 1; }
.l-9194b687 { width: 32%; }
.l-34adbad4 { margin-right: var(--size-xl); }
.l-c9097bb7 { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-ea2e0df6 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-71a31b2f { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-b2822e42 { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-f867b75e { text-align: center; }
.l-9194b687 { width: 100%; text-align: center; order: 2; }
.l-34adbad4 { margin-right: 0; order: 3; }
.l-c9097bb7 { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-fbd5001c { padding: var(--size-s); }
.l-5194d309 { width: 100%; }
.l-ea2e0df6 { flex-direction: column; align-items: center; }
.l-c9097bb7 { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-a32faa10 { 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-a32faa10 svg { fill: var(--color-text-light); }
@media screen and (max-width: 768px) { .l-a32faa10 { transform: scale(0.75); bottom: 15px; right: 15px; }
 }
.l-b9505538 { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; }
.l-c9854a89 { display: block; }
.l-22c20727 { display: flex; flex-wrap: wrap; gap: var(--size-xs); }
@media screen and (max-width: 768px) { .l-b9505538 { padding: var(--size-s); }
 }@media screen and (max-width: 576px) { .l-22c20727 { gap: var(--size-xxs); }
.l-d736191b { width: 100%; }
 }
.l-855d046b * + * { margin-top: var(--size-xs); }
.l-855d046b ul { list-style: disc; }
.l-855d046b ul li { margin-left: 16px; }

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

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