#hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-7e17e434 { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-84cb22a4 { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-7b0013ce { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-9801b398 { font-size: 34px; margin-right: var(--size-xxs); }
.l-fddb816e { font-size: 24px; font-weight: 600; }
.l-3c9f8d01 { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-78576b71 { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-78576b71:hover { color: var(--color-primary); }
.l-15505077 { color: var(--color-primary); }
.l-15505077::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-668a78ce { height: 50px; justify-content: flex-start; }
.l-290ade44 .l-15505077::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-c3e4db7f { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-c3e4db7f:hover { opacity: 0.7; }
.l-c3e4db7f svg { fill: var(--color-text); }
.l-13bee0cc { display: none; }
.l-cce1afc5 { 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-b5445196 { clip-path: inherit; }
.l-b5445196 .l-5fb95b34 { background-color: rgba(0, 0, 0, 0.2); }
.l-b5445196 .l-ac001651 { opacity: 1; transform: translateX(0); }
.l-85c71d56 { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-141e2bac { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-141e2bac:hover { opacity: 0.7; }
.l-141e2bac svg { fill: var(--color-text); }
.l-5fb95b34 { 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-ac001651 { 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-c3e4db7f { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-9801b398 { font-size: 28px; }
.l-fddb816e { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-84cb22a4 { justify-content: flex-start; }
.l-3c9f8d01 { gap: var(--size-m); }
.l-25870ca6 { display: none; }
.l-13bee0cc { display: block; }
 }
.l-65d387e0 { overflow: hidden; }
.l-f70e75bd { padding-left: var(--wrapper-padding); display: flex;  align-items: flex-start; gap: var(--size-s); }
.l-a2ec613c { margin-top: auto; }
.l-3bd2087f { flex: 0 1 465px; display: flex; flex-direction: column; align-items: flex-start; }
.l-f61abcac { flex: 0 1 726px; }
@media screen and (max-width: 1024px) { .l-f70e75bd { gap: var(--size-l); padding: 0 var(--wrapper-padding); flex-direction: column; }
.l-3bd2087f { flex: auto; }
.l-f61abcac { 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-3bd2087f { text-align: center; align-items: center; }
 }
.l-6365bb2c { column-count: 2; gap: var(--size-m); }
@media screen and (max-width: 768px) { .l-e4ff645e { text-align: center; }
.l-6365bb2c { column-count: 1; }
 }
.l-6cba5c67 { display: flex; align-items: center; gap: var(--size-m); }
.l-555da039 { flex: 1; }
.l-e2f7f858 { flex: 1; }
@media screen and (max-width: 768px) { .l-6cba5c67 { flex-direction: column-reverse; }
 }@media screen and (max-width: 576px) { .l-e2f7f858 { text-align: center; }
 }
.l-23c5ea1d { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-a7190a07 { flex: 1; }
.l-0d68c9e4 { flex: 1; position: relative; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-c9c5ab0e { 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-cefcc252 { flex: 0 0 50px; font-size: 40px; line-height: 130%; font-weight: 500; }
@media screen and (max-width: 870px) { .l-23c5ea1d { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-a7190a07 { text-align: center; }
.l-cefcc252 { font-size: 32px; flex: 0 0 35px; }
 }
.l-d15d4dfd { width: 60%; }
.l-94433f39 { padding: var(--size-s) var(--wrapper-padding); }
.l-5656b64b { display: flex; justify-content: flex-start; }
.l-5656b64b svg { fill: var(--color-secondary); }
.l-5a0c58eb { justify-content: flex-end; }
.l-181f9278 { padding: 0 var(--wrapper-padding); }
.l-da8d8750 { padding: 0 var(--wrapper-padding); }
@media screen and (max-width: 768px) { .l-d15d4dfd { width: 100%; }
 }@media screen and (max-width: 576px) { .l-c9e3db09 { flex-direction: column; }
.l-5656b64b svg { transform: scale(0.6); }
.l-181f9278 { padding: 0 50px 0 50px; }
.l-da8d8750 { padding: 0 50px 0 50px; }
 }@media screen and (max-width: 375px) { .l-181f9278 { padding: 0; }
.l-da8d8750 { padding: 0; }
 }
.l-c95032f8 { display: flex; align-items: center; gap: var(--size-m); }
.l-ba3abb13 { flex: 1; }
.l-98a00807 { flex: 1; }
@media screen and (max-width: 768px) { .l-c95032f8 { flex-direction: column-reverse; }
 }@media screen and (max-width: 576px) { .l-98a00807 { text-align: center; }
 }
.l-03a2cb31 { padding: var(--size-xl); }
@media screen and (max-width: 768px) { .l-03a2cb31 { text-align: center; padding: var(--size-m); }
 }@media screen and (max-width: 576px) { .l-03a2cb31 { padding: var(--size-s); }
 }
.l-3c751de0 { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-ac8b0d93 { flex: 1; }
.l-10ca87d9 { flex: 1; display: flex; flex-direction: column; gap: var(--size-m); }
.l-b8d3d189 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-s); }
.l-77bd8747 { 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-3c751de0 { flex-direction: column; gap: var(--size-m); }
.l-ac8b0d93 { text-align: center; }
 }@media screen and (max-width: 576px) { .l-10ca87d9 { gap: var(--size-s); }
.l-b8d3d189 { flex-direction: column; gap: var(--size-xxs); }
 }
.l-2005fa0e { display: flex; gap: var(--size-s); }
.l-2005fa0e * { flex: 1; }
.l-07dbc376 { display: grid; gap: var(--size-s); grid-template-columns: 1fr 1fr; }
.l-422d54ee { aspect-ratio: 3/2; }
@media screen and (max-width: 576px) { .l-2005fa0e { text-align: center; }
.l-07dbc376 { grid-template-columns: 1fr; }
 }@media screen and (max-width: 768px) { .l-2005fa0e { flex-direction: column; gap: var(--size-xs); }
 }
.l-567d967e { text-align: center; }

.l-bbc0af1d { display: flex; align-items: center; gap: var(--size-m); }
.l-a7c8e297 { flex: 1; }
.l-8048119b { max-height: 600px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .l-bbc0af1d { flex-direction: column; }
 }@media screen and (max-width: 576px) { .l-c166e622 { text-align: center; }
 }
.l-87a43188 { width: 60%; }
.l-629e7f07 { flex: 1; position: relative; display: flex; gap: var(--size-s); }
.l-629e7f07::before { content: ""; position: absolute; top: 135px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary); }
.l-1663d30c { flex: 1; }
.l-4aebe8e3 { position: relative; height: 100%; }
.l-4aebe8e3::before { content: ""; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; top: 128px; background-color: var(--color-primary); border-radius: 50%; }
.l-16fff4aa { font-size: 80px; line-height: 130%; font-weight: 500; margin-bottom: 72px; text-align: center; }
@media screen and (max-width: 870px) { .l-d8588ff4 { flex-direction: column; }
.l-87a43188 { width: 100%; }
.l-629e7f07 { flex-direction: column; }
.l-629e7f07::before { top: 0; left: 80px; width: 2px; height: 100%; }
.l-4aebe8e3 { display: flex; justify-content: flex-start; align-items: center; }
.l-4aebe8e3::before { margin-left: 0; top: 50%; margin-top: -8px; left: 73px; }
.l-16fff4aa { text-align: left; margin-bottom: 0; font-size: 40px; flex: 0 0 110px; }
 }@media screen and (max-width: 576px) { .l-87a43188 { text-align: center; }
.l-629e7f07::before { left: 57px; }
.l-4aebe8e3::before { left: 50px; }
.l-16fff4aa { font-size: 32px; flex: 0 0 75px; }
 }
.l-03322bf7 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); }
.l-79491184 { flex: 0 0 45%; position: relative; }
.l-cf675189 { flex: 1; position: relative; z-index: 1; }
.l-6c8ba04d { user-select: none; }
.l-6c8ba04d[open] .l-c7ede57b { transform: rotate(45deg); }
.l-5430a61d { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: var(--size-s) var(--size-m); }
.l-5430a61d::-webkit-details-marker { display: none; }
.l-c7ede57b { 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-c7ede57b svg { fill: var(--color-primary); }
.l-65a68154 { padding: 0 var(--size-m) var(--size-s); }
@media screen and (max-width: 870px) { .l-5430a61d { padding-top: var(--size-xs); padding-bottom: var(--size-xs); }
.l-c7ede57b { width: 24px; height: 24px; }
.l-c7ede57b svg { width: 16px; height: 16px; }
.l-65a68154 { padding-bottom: var(--size-xs); }
 }@media screen and (max-width: 768px) { .l-03322bf7 { align-items: center; flex-direction: column; gap: var(--size-m); }
.l-79491184 { flex: 0; }
.l-cf675189 { margin-left: 0; max-width: 70%; }
 }@media screen and (max-width: 576px) { .l-79491184 { text-align: center; }
.l-cf675189 { max-width: inherit; width: 100%; }
 }
.l-4d4c3e7c { padding: 0; }
@media screen and (max-width: 1280px) { .l-48726a88 { border-radius: 0; }
 }@media screen and (max-width: 768px) { .l-4d4c3e7c { padding: 0 var(--wrapper-padding); }
.l-074b9830 { column-count: 1; }
.l-48726a88 { border-radius: var(--b-radius); }
 }@media screen and (max-width: 576px) { .l-074b9830 { text-align: center; }
 }
.l-ffadd454 { column-count: 2; gap: var(--size-m); }
@media screen and (max-width: 768px) { .l-8839f694 { text-align: center; }
.l-ffadd454 { column-count: 1; }
 }
.l-800b381e { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: var(--size-s); }
.l-a2aa1000 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.l-a2aa1000::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.l-d7c52d6e { position: relative; grid-row: span 2; min-height: 350px; padding: var(--size-s) var(--size-s) var(--size-m); }
.l-fc180667 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-s); }
.l-916f1b2a { padding: var(--size-s) var(--size-s) var(--size-m); }
.l-210d54f4 { display: flex; justify-content: space-between; align-items: center; gap: var(--size-s); }
.l-8c56c41c { 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-a2aa1000 { position: static; border-radius: var(--b-radius); overflow: hidden; height: auto; }
.l-a2aa1000::after { display: none; }
.l-d7c52d6e { border-radius: 0; padding: 0; display: flex; flex-direction: column-reverse; gap: var(--size-s); }
 }@media screen and (max-width: 768px) { .l-800b381e { grid-template-columns: 1fr; grid-template-rows: auto; }
.l-d7c52d6e { text-align: center; }
.l-fc180667 { grid-template-columns: 1fr 1fr; }
 }@media screen and (max-width: 576px) { .l-4cd01063 { color: var(--color-text); }
.l-fc180667 { grid-template-columns: 1fr; }
.l-916f1b2a { padding: var(--size-xs); }
.l-210d54f4 { flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; gap: var(--size-xs); }
 }
.l-5c9668e8 { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; }
.l-5fb0f744 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.l-b0956354 { flex: 0 0 450px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; }
.l-21ac3312 { display: none; }
.l-9f8a761d { width: 100%; }
.l-a614b027 { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); white-space: nowrap; flex-wrap: wrap; }
.l-71e00c55 { flex: 1; display: flex; align-items: flex-start; flex-direction: column; }
.l-44d38dd1 { 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-e12a665c { fill: var(--color-text); }
.l-1d088077 { stroke: var(--color-text); }
.l-0e7584f8 { stroke: var(--color-text); }
.l-2db17fa3 { display: flex; flex-direction: column; }
.l-017ec0b3 { width: 100%; height: 300px; }
.l-eb07d102 { position: relative; z-index: 1; }
@media screen and (max-width: 1024px) { .l-5c9668e8 { flex-direction: column-reverse; }
.l-5fb0f744 { flex-direction: column-reverse; justify-content: flex-start; }
.l-b0956354 { flex: 1; }
.l-8e100312 { display: none; }
.l-21ac3312 { display: block; text-align: center; }
.l-a614b027 { justify-content: space-evenly; }
.l-017ec0b3 { height: 430px; margin-top: var(--size-s); }
 }@media screen and (max-width: 870px) { .l-5fb0f744 { width: 100%; }
 }@media screen and (max-width: 768px) { .l-44d38dd1 { margin-right: 0; }
.l-2db17fa3 { margin-top: var(--size-xs); }
 }@media screen and (max-width: 576px) { .l-5fb0f744 { text-align: center; }
.l-b0956354 { padding: var(--size-s); }
.l-a614b027 { flex-direction: column; align-items: center; margin-top: var(--size-s); }
.l-71e00c55 { 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-33c1022f { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-4d424c91 { padding: var(--size-m) var(--size-xl); }
.l-89b2d0ee { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-c1915ffe { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-55d3c9d7 { display: flex; justify-content: flex-start; width: 270px; }
.l-1be9b2de { 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-b5619cb3 { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-e1ee00eb { display: flex; justify-content: flex-start; align-items: center; }
.l-6a751c94 { font-size: 36px; margin-right: var(--size-xs); }
.l-a11f634c { font-size: 24px; font-weight: 600; line-height: 1; }
.l-d426aab9 { width: 32%; }
.l-0f108251 { margin-right: var(--size-xl); }
.l-91f62f50 { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-fce1e6e3 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-89b2d0ee { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-c1915ffe { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-f9d66bc6 { text-align: center; }
.l-d426aab9 { width: 100%; text-align: center; order: 2; }
.l-0f108251 { margin-right: 0; order: 3; }
.l-91f62f50 { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-4d424c91 { padding: var(--size-s); }
.l-55d3c9d7 { width: 100%; }
.l-fce1e6e3 { flex-direction: column; align-items: center; }
.l-91f62f50 { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-d24fb1f7 { 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-d24fb1f7 svg { fill: var(--color-text-light); }
.l-7b1973b0 { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-d24fb1f7 { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-39b65e2b { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-6638cf4e { display: block; }
.l-0f0a262d { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-042a04c0 { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-3d0ec5a9 { width: 100%; }
@media screen and (max-width: 768px) { .l-39b65e2b { padding: var(--size-s); }
.l-0f0a262d { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-042a04c0 { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-3d0ec5a9 { width: auto; }
 }@media screen and (max-width: 576px) { .l-042a04c0 { gap: var(--size-xxs); }
 }

            #hero, #about, #reviews, #form {
                scroll-margin-top: 80px;
            }
        
.l-9b8e573f { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--color-text); }
.l-36d812fb { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; }
.l-84ab65fa { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; }
.l-a4980bc8 { font-size: 34px; margin-right: var(--size-xxs); }
.l-5684f07d { font-size: 24px; font-weight: 600; }
.l-e4df559e { display: flex; justify-content: flex-end; align-items: center; gap: clamp(0.75rem, 8.59375vw + -3.375rem, 3.5rem); height: 100%; }
.l-ee3e0800 { position: relative; text-decoration: none; white-space: nowrap; padding: var(--size-xxs); height: 100%; display: flex; justify-content: center; align-items: center; }
.l-ee3e0800:hover { color: var(--color-primary); }
.l-1628c5f4 { color: var(--color-primary); }
.l-1628c5f4::after { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 4px; position: absolute; bottom: -1px; }
.l-292a56a8 { height: 50px; justify-content: flex-start; }
.l-0d22670e .l-1628c5f4::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; }
.l-52f254ae { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; margin-right: var(--size-m); }
.l-52f254ae:hover { opacity: 0.7; }
.l-52f254ae svg { fill: var(--color-text); }
.l-28116cdf { display: none; }
.l-a93e41cf { 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-25da87a1 { clip-path: inherit; }
.l-25da87a1 .l-40aadce6 { background-color: rgba(0, 0, 0, 0.2); }
.l-25da87a1 .l-ab1385e9 { opacity: 1; transform: translateX(0); }
.l-27c89fa9 { height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.l-ec07edf1 { cursor: pointer; border: 0; padding: var(--size-xxs); background-color: transparent; transition: 0.3s opacity ease-in-out; }
.l-ec07edf1:hover { opacity: 0.7; }
.l-ec07edf1 svg { fill: var(--color-text); }
.l-40aadce6 { 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-ab1385e9 { 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-52f254ae { margin-right: var(--size-xxs); }
 }@media screen and (max-width: 768px) { .l-a4980bc8 { font-size: 28px; }
.l-5684f07d { font-size: 20px; }
 }@media screen and (max-width: 870px) { .l-36d812fb { justify-content: flex-start; }
.l-e4df559e { gap: var(--size-m); }
.l-b629de67 { display: none; }
.l-28116cdf { display: block; }
 }
.l-b3d09bb6 * + * { margin-top: var(--size-xs); }
.l-b3d09bb6 ul { list-style: disc; }
.l-b3d09bb6 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-d092e210 { padding-top: var(--size-xl); padding-bottom: var(--size-m); }
.l-85fda709 { padding: var(--size-m) var(--size-xl); }
.l-883d70d3 { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-xl); }
.l-f2046c96 { display: flex; align-items: flex-start; gap: var(--size-s); }
.l-0fb45eb2 { display: flex; justify-content: flex-start; width: 270px; }
.l-e18c30da { 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-b7e4fd0d { width: 74px; flex-shrink: 0; border: 0; padding: 0; border-radius: 0 var(--b-radius) var(--b-radius) 0; }
.l-814844ee { display: flex; justify-content: flex-start; align-items: center; }
.l-15f8e20e { font-size: 36px; margin-right: var(--size-xs); }
.l-875846f0 { font-size: 24px; font-weight: 600; line-height: 1; }
.l-47909634 { width: 32%; }
.l-331e6969 { margin-right: var(--size-xl); }
.l-79bfc4be { white-space: nowrap; display: flex; flex-direction: column; gap: var(--size-m); }
.l-2df1af29 { display: flex; gap: var(--size-s); }
@media screen and (max-width: 768px) { .l-883d70d3 { gap: var(--size-m); flex-direction: column; align-items: center; }
.l-f2046c96 { align-items: center; flex-direction: column-reverse; text-align: center; }
.l-753b0679 { text-align: center; }
.l-47909634 { width: 100%; text-align: center; order: 2; }
.l-331e6969 { margin-right: 0; order: 3; }
.l-79bfc4be { justify-content: space-between; align-items: center; }
 }@media screen and (max-width: 576px) { .l-85fda709 { padding: var(--size-s); }
.l-0fb45eb2 { width: 100%; }
.l-2df1af29 { flex-direction: column; align-items: center; }
.l-79bfc4be { flex-direction: column; align-items: center; gap: var(--size-s); }
 }
.l-7a01e601 { 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-7a01e601 svg { fill: var(--color-text-light); }
.l-fbac10dc { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) { .l-7a01e601 { transform: scale(0.8); bottom: 15px; right: 15px; }
 }
.l-9451f09f { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: var(--size-m); z-index: 3; }
.l-ea1ca9e3 { display: block; }
.l-907f9c3e { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-xl); }
.l-953cce8e { width: 195px; display: flex; flex-direction: column; gap: var(--size-xs); }
.l-c4f25436 { width: 100%; }
@media screen and (max-width: 768px) { .l-9451f09f { padding: var(--size-s); }
.l-907f9c3e { text-align: center; gap: var(--size-s); flex-direction: column; }
.l-953cce8e { width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.l-c4f25436 { width: auto; }
 }@media screen and (max-width: 576px) { .l-953cce8e { gap: var(--size-xxs); }
 }
.l-3e42064e * + * { margin-top: var(--size-xs); }
.l-3e42064e ul { list-style: disc; }
.l-3e42064e ul li { margin-left: 16px; }

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

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