.l-fbd2b2d2 {
    position: relative;
}

.l-38f5451b .l-8f51212e {
    display: flex;
}

.l-38f5451b .l-99181cdd {
    transform: scaleY(-1);
}

.l-8f51212e {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-0d428967 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-0d428967:hover {
    color: var(--color-primary);
}

.l-0d428967.l-d003318f::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-08fc9dc6 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-a2e3d2f9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-a3e2d362 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-582a56a2 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-d26fbb36 {
    font-size: 24px;
    font-weight: 600;
}

.l-c6214506 {
    margin-left: auto;
}

.l-e2bc8a3b {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-26ff4246 {
    height: 100%;
}

.l-8506b2dc {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-8506b2dc:hover {
    color: var(--color-primary);
}

.l-8506b2dc.l-d003318f::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-99181cdd {
    margin-left: 8px;
    fill: currentColor;
}

.l-d003318f {
    color: var(--color-primary);
}

.l-d003318f::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-811d777b {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-d5f41b22 .l-d003318f::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-208ee777 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-208ee777:hover {
    opacity: 0.7;
}

.l-2fc0ccac {
    fill: var(--color-text);
}

.l-42256f8f {
    display: none;
}

.l-c6df7457 {
    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-c6df7457.l-f1e2f10b {
    clip-path: inherit;
}

.l-c6df7457.l-f1e2f10b .l-0f012de5 {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-c6df7457.l-f1e2f10b .l-ef4d463c {
    opacity: 1;
    transform: translateX(0);
}

.l-c6df7457 .l-e2bc8a3b {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-c6df7457 .l-8506b2dc {
    justify-content: flex-start;
    text-align: left;
}

.l-c6df7457 .l-8f51212e {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-c6df7457 .l-0d428967 {
    padding-left: 10px;
}

.l-2d3134b9 {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-8870bf50 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-8870bf50:hover {
    opacity: 0.7;
}

.l-8870bf50 svg {
    fill: var(--color-text);
}

.l-0f012de5 {
    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-ef4d463c {
    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: 1024px) {
    .l-a2e3d2f9 {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-e2bc8a3b {
        gap: var(--size-m);
    }

    .l-e067741b {
        display: none;
    }

    .l-42256f8f {
        display: block;
    }

    .l-0d428967.l-d003318f::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-582a56a2 {
        font-size: 28px;
    }

    .l-d26fbb36 {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-208ee777 {
        margin-right: var(--size-xxs);
    }
}

.l-dd6db9a5 {
    position: relative;
}

.l-dd6db9a5 .l-3d6d17f8 {
    margin: calc(-1 * var(--section-padding)) auto;
    position: relative;
    min-height: 700px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-2b5209b3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-m);
    min-height: 600px;
    width: 60%;
}

.l-62d5e87b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-62d5e87b::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-62d5e87b img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .l-2b5209b3 {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-10d8262a {
        text-align: center;
    }
}

.l-aa00d566 {
    column-count: 2;
    gap: var(--size-m);
}

@media screen and (max-width: 768px) {
    .l-55c20f48 {
        text-align: center;
    }

    .l-aa00d566 {
        column-count: 1;
    }
}

.l-e809c078 {
    min-height: 700px;
    display: flex;
    flex-direction: column;
    padding: var(--size-xl) 0;
}

.l-a50a0737 {
    padding: 0 var(--wrapper-padding);
}

.l-e80ba8ce {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-e80ba8ce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-22f1bc3f {
    width: 50%;
}

.l-5028ead3 {
    display: flex;
    gap: var(--size-s);
    flex-wrap: wrap;
    padding: var(--size-s);
    margin-top: auto;
}

.l-c9aad8c2 {
    flex: 1;
}

.l-bef610e4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xs);
}

.l-919ad32d {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 32px;
}

@media screen and (max-width: 768px) {
    .l-d8614c7c {
        padding: var(--section-padding);
    }

    .l-e809c078 {
        padding: 0;
        min-height: auto;
        gap: var(--size-m);
    }

    .l-a50a0737 {
        display: flex;
        flex-direction: column-reverse;
    }

    .l-e80ba8ce {
        position: relative;
        margin-top: var(--size-m);
    }

    .l-e80ba8ce::after {
        display: none;
    }

    .l-22f1bc3f {
        width: 100%;
        color: var(--color-text-dark);
    }

    .l-c9aad8c2 {
        flex: 1 1 calc(50% - var(--size-s) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .l-bef610e4 {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--size-xs);
    }
}

@media screen and (max-width: 576px) {
    .l-22f1bc3f {
        text-align: center;
    }

    .l-5028ead3 {
        flex-direction: column;
    }

    .l-c9aad8c2 {
        flex: auto;
        text-align: center;
    }

    .l-bef610e4 {
        align-items: center;
    }
}

.l-e1482be5 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-9106c87c {
    flex: 1;
}

.l-5b77892b {
    position: relative;
    padding: var(--size-m);
}

.l-5b77892b::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-34d7e9ad {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 870px) {
    .l-e1482be5 {
        flex-direction: column;
        align-items: stretch;
    }

    .l-9106c87c {
        flex: auto;
    }

    .l-5b77892b {
        padding: var(--size-m) var(--size-s);
    }

    .l-5b77892b::before {
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-5b77892b {
        text-align: center;
    }
}

.l-3e7356f0 {
    padding: var(--size-xl);
}

@media screen and (max-width: 768px) {
    .l-3e7356f0 {
        text-align: center;
        padding: var(--size-m);
    }
}

@media screen and (max-width: 576px) {
    .l-3e7356f0 {
        padding: var(--size-s);
    }
}

.l-72fae5c2 {
    position: relative;
    min-height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-3b5d8916 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    aspect-ratio: auto;
}

.l-3b5d8916::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-cd30fda8 {
    display: grid;
    gap: var(--size-s);
    grid-template-columns: 1fr 1fr 1fr;
}

.l-7d79021e {
    aspect-ratio: 16/9;
}

@media screen and (max-width: 768px) {
    .l-72fae5c2 {
        padding: var(--size-s);
        min-height: 350px;
    }

    .l-5c900f88 {
        padding: 0;
    }

    .l-23a9c21e {
        padding: 0 var(--wrapper-padding);
    }

    .l-cd30fda8 {
        grid-template-columns: 1fr;
        margin-top: var(--size-s);
    }
}

.l-1257d537 {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}

.l-e3a31f01 {
    width: clamp(23.125rem, 29.2682926829vw + 7.2103658537rem, 30.625rem);
    flex-shrink: 0;
    padding: clamp(2rem, 5.8536585366vw + -1.1829268293rem, 3.5rem) var(--size-s) clamp(2rem, 5.8536585366vw + -1.1829268293rem, 3.5rem) clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.l-e919e6dc {
    padding: clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.l-e2cad243 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-8bae4846 {
    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-18042d61 {
    display: flex;
    flex-direction: column;
}

.l-9b752c28 {
    margin-top: -100px;
    height: clamp(32rem, 13.28125vw + 25.625rem, 36.25rem);
}

.l-fbbf63ab {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 870px) {
    .l-1257d537 {
        flex-direction: column-reverse;
    }

    .l-e3a31f01 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .l-06accfa9 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: var(--size-s);
    }

    .l-06accfa9 .l-e2cad243 {
        margin-top: 0;
    }

    .l-e2cad243 {
        align-items: flex-start;
        flex-direction: column;
        flex: 1;
    }

    .l-8bae4846 {
        margin-right: 0;
    }

    .l-18042d61 {
        margin-top: var(--size-xs);
    }

    .l-9b752c28 {
        height: clamp(38.75rem, -27.4809160305vw + 45.1908396947rem, 32rem);
    }
}

@media screen and (max-width: 576px) {
    .l-e3a31f01 {
        text-align: center;
    }

    .l-06accfa9 {
        flex-direction: column;
        align-items: center;
        margin-top: var(--size-s);
    }

    .l-e2cad243 {
        align-items: center;
    }

    .l-06d6a13b {
        margin: 0 auto;
    }
}

.l-bc021135 {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-734b58c8 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-5f64e045 {
    max-width: 588px;
}

.l-a09373f7 {
    text-align: center;
}

.l-dc8be6a5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-d7400cf2 {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-0743b75e {
    font-size: 24px;
    font-weight: 600;
}

.l-709f1331 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-b2bea66b {
    flex: 0 0 25%;
}

.l-1e8740e2 {
    padding: 0 25px;
}

.l-5a5d039c {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-7de938c7 {
    margin-bottom: 8px;
}

.l-f94e685b {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-709f1331 {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-1e8740e2 {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-734b58c8 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-5a5d039c {
        text-align: center;
    }
}

.l-d418e50d {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-fc866291 {
    fill: var(--color-text-light);
}

.l-9f79883a {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-d418e50d {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-d55e2e8d {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-6df17a2b {
    display: block;
}

.l-85a5f1b0 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-73d7934d {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-635e932e {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-d55e2e8d {
        padding: var(--size-s);
    }

    .l-85a5f1b0 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-73d7934d {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-635e932e {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-73d7934d {
        gap: var(--size-xxs);
    }
}

.l-ca700dac {
    position: relative;
}

.l-4c1fd35d .l-4f64e382 {
    display: flex;
}

.l-4c1fd35d .l-e837d7eb {
    transform: scaleY(-1);
}

.l-4f64e382 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-ab472131 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-ab472131:hover {
    color: var(--color-primary);
}

.l-ab472131.l-42ccb513::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-ab14641c {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-1600af83 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-cf79e9f3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-e750d261 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-fae53a2e {
    font-size: 24px;
    font-weight: 600;
}

.l-c7b53660 {
    margin-left: auto;
}

.l-7664028d {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-2a44f317 {
    height: 100%;
}

.l-39b62c8c {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-39b62c8c:hover {
    color: var(--color-primary);
}

.l-39b62c8c.l-42ccb513::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-e837d7eb {
    margin-left: 8px;
    fill: currentColor;
}

.l-42ccb513 {
    color: var(--color-primary);
}

.l-42ccb513::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-9e0ad526 {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-c0843ea9 .l-42ccb513::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-6b90bda8 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-6b90bda8:hover {
    opacity: 0.7;
}

.l-7dc2c3f1 {
    fill: var(--color-text);
}

.l-afe5244d {
    display: none;
}

.l-3731c4d6 {
    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-3731c4d6.l-ba31ff4f {
    clip-path: inherit;
}

.l-3731c4d6.l-ba31ff4f .l-a9e98ecf {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-3731c4d6.l-ba31ff4f .l-45de8dac {
    opacity: 1;
    transform: translateX(0);
}

.l-3731c4d6 .l-7664028d {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-3731c4d6 .l-39b62c8c {
    justify-content: flex-start;
    text-align: left;
}

.l-3731c4d6 .l-4f64e382 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-3731c4d6 .l-ab472131 {
    padding-left: 10px;
}

.l-72fe827c {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-54f19db0 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-54f19db0:hover {
    opacity: 0.7;
}

.l-54f19db0 svg {
    fill: var(--color-text);
}

.l-a9e98ecf {
    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-45de8dac {
    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: 1024px) {
    .l-1600af83 {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-7664028d {
        gap: var(--size-m);
    }

    .l-c9fa1a11 {
        display: none;
    }

    .l-afe5244d {
        display: block;
    }

    .l-ab472131.l-42ccb513::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-e750d261 {
        font-size: 28px;
    }

    .l-fae53a2e {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-6b90bda8 {
        margin-right: var(--size-xxs);
    }
}

.l-f1302694 {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: flex-end;
}

.l-35f43460 {
    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-0a00757d {
    flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem);
}

.l-5391bab6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-5391bab6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-5391bab6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 870px) {
    .l-f1302694 {
        align-items: center;
    }

    .l-35f43460 {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .l-0a00757d {
        flex-basis: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-f1302694 {
        min-height: 400px;
    }
}

.l-0efb6353 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-b083ab58 {
    flex: 1;
}

.l-22615147 {
    position: relative;
    padding: var(--size-m);
}

.l-22615147::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-7c77694b {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 870px) {
    .l-0efb6353 {
        flex-direction: column;
        align-items: stretch;
    }

    .l-b083ab58 {
        flex: auto;
    }

    .l-22615147 {
        padding: var(--size-m) var(--size-s);
    }

    .l-22615147::before {
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-22615147 {
        text-align: center;
    }
}

.l-f33dec68 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-xl);
}

.l-c52d0f72 {
    flex: 1;
}

.l-8b5ef750 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--size-m);
}

.l-739b719c {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-s);
}

.l-6e40b746 {
    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-f33dec68 {
        flex-direction: column;
        gap: var(--size-m);
    }

    .l-c52d0f72 {
        text-align: center;
    }
}

@media screen and (max-width: 576px) {
    .l-8b5ef750 {
        gap: var(--size-s);
    }

    .l-739b719c {
        flex-direction: column;
        gap: var(--size-xxs);
    }
}

.l-bb3b3b0e {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--size-m);
    min-height: 550px;
    padding: var(--size-xl);
}

.l-f9bbf774 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.l-aa93aa3a {
    position: relative;
    z-index: 2;
    width: 60%;
    margin-left: auto;
    padding: var(--size-m);
}

@media screen and (max-width: 870px) {
    .l-aa93aa3a {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-bb3b3b0e {
        padding: 0;
        flex-direction: column-reverse;
    }

    .l-f9bbf774 {
        position: static;
        border-radius: 0;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .l-aa93aa3a {
        text-align: center;
    }
}

.l-f19a5b66 {
    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-f19a5b66 li {
    flex: 1;
}

.l-8d09cca9 {
    padding: var(--size-m);
    min-width: 270px;
    height: 100%;
}

.l-5cb712df {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 576px) {
    .l-f19a5b66 {
        flex-direction: column;
    }

    .l-8d09cca9 {
        text-align: center;
        min-width: auto;
    }
}

.l-0ab21938 {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}

.l-294e1884 {
    width: clamp(23.125rem, 29.2682926829vw + 7.2103658537rem, 30.625rem);
    flex-shrink: 0;
    padding: clamp(2rem, 5.8536585366vw + -1.1829268293rem, 3.5rem) var(--size-s) clamp(2rem, 5.8536585366vw + -1.1829268293rem, 3.5rem) clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.l-cf6e1987 {
    padding: clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.l-c97828cb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-169dda16 {
    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-3a445963 {
    display: flex;
    flex-direction: column;
}

.l-f28d2129 {
    margin-top: -100px;
    height: clamp(32rem, 13.28125vw + 25.625rem, 36.25rem);
}

.l-1a308c6c {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 870px) {
    .l-0ab21938 {
        flex-direction: column-reverse;
    }

    .l-294e1884 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .l-70718a34 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: var(--size-s);
    }

    .l-70718a34 .l-c97828cb {
        margin-top: 0;
    }

    .l-c97828cb {
        align-items: flex-start;
        flex-direction: column;
        flex: 1;
    }

    .l-169dda16 {
        margin-right: 0;
    }

    .l-3a445963 {
        margin-top: var(--size-xs);
    }

    .l-f28d2129 {
        height: clamp(38.75rem, -27.4809160305vw + 45.1908396947rem, 32rem);
    }
}

@media screen and (max-width: 576px) {
    .l-294e1884 {
        text-align: center;
    }

    .l-70718a34 {
        flex-direction: column;
        align-items: center;
        margin-top: var(--size-s);
    }

    .l-c97828cb {
        align-items: center;
    }

    .l-cd7102d6 {
        margin: 0 auto;
    }
}

.l-03648add {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-554e1c18 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-7a0fb90e {
    max-width: 588px;
}

.l-bfc87b3f {
    text-align: center;
}

.l-9050e4b4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-7c27c51d {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-ab622c7f {
    font-size: 24px;
    font-weight: 600;
}

.l-ebc22605 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-612542eb {
    flex: 0 0 25%;
}

.l-318e99be {
    padding: 0 25px;
}

.l-1b41eeff {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-d18c1a0f {
    margin-bottom: 8px;
}

.l-bf691959 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-ebc22605 {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-318e99be {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-554e1c18 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-1b41eeff {
        text-align: center;
    }
}

.l-a9b57f42 {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-cf7d5ff0 {
    fill: var(--color-text-light);
}

.l-9d6f5f84 {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-a9b57f42 {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-13d02880 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-7216f5f1 {
    display: block;
}

.l-6fdcf90e {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-253f92ef {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-0a16425c {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-13d02880 {
        padding: var(--size-s);
    }

    .l-6fdcf90e {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-253f92ef {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-0a16425c {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-253f92ef {
        gap: var(--size-xxs);
    }
}

.l-ca06fadd {
    position: relative;
}

.l-77340db6 .l-88ab5469 {
    display: flex;
}

.l-77340db6 .l-2f234a28 {
    transform: scaleY(-1);
}

.l-88ab5469 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-74e33425 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-74e33425:hover {
    color: var(--color-primary);
}

.l-74e33425.l-efd6d7f0::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-df17f5e4 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-3b8982ca {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-e794e3b1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-b0144d34 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-a30d8758 {
    font-size: 24px;
    font-weight: 600;
}

.l-488352ab {
    margin-left: auto;
}

.l-53e9d51c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-ec9ef87b {
    height: 100%;
}

.l-2af9478c {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-2af9478c:hover {
    color: var(--color-primary);
}

.l-2af9478c.l-efd6d7f0::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-2f234a28 {
    margin-left: 8px;
    fill: currentColor;
}

.l-efd6d7f0 {
    color: var(--color-primary);
}

.l-efd6d7f0::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-bf8b2864 {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-46bcd47d .l-efd6d7f0::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-a5dedd83 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-a5dedd83:hover {
    opacity: 0.7;
}

.l-33e49947 {
    fill: var(--color-text);
}

.l-8d3c6041 {
    display: none;
}

.l-9a0e63e7 {
    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-9a0e63e7.l-0eff3824 {
    clip-path: inherit;
}

.l-9a0e63e7.l-0eff3824 .l-921d6fe8 {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-9a0e63e7.l-0eff3824 .l-562e7344 {
    opacity: 1;
    transform: translateX(0);
}

.l-9a0e63e7 .l-53e9d51c {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-9a0e63e7 .l-2af9478c {
    justify-content: flex-start;
    text-align: left;
}

.l-9a0e63e7 .l-88ab5469 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-9a0e63e7 .l-74e33425 {
    padding-left: 10px;
}

.l-13e98148 {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-b082487e {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-b082487e:hover {
    opacity: 0.7;
}

.l-b082487e svg {
    fill: var(--color-text);
}

.l-921d6fe8 {
    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-562e7344 {
    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: 1024px) {
    .l-3b8982ca {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-53e9d51c {
        gap: var(--size-m);
    }

    .l-86b86fec {
        display: none;
    }

    .l-8d3c6041 {
        display: block;
    }

    .l-74e33425.l-efd6d7f0::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-b0144d34 {
        font-size: 28px;
    }

    .l-a30d8758 {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-a5dedd83 {
        margin-right: var(--size-xxs);
    }
}

.l-409041a6 {
    overflow: hidden;
}

.l-d00be044 {
    padding-left: var(--wrapper-padding);
    display: flex;
    align-items: flex-start;
    gap: var(--size-s);
}

.l-ad4f5e00 {
    flex: 0 1 465px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.l-19177392 {
    flex: 0 1 726px;
}

@media screen and (max-width: 1024px) {
    .l-d00be044 {
        gap: var(--size-l);
        padding: 0 var(--wrapper-padding);
        flex-direction: column;
    }

    .l-ad4f5e00 {
        flex: auto;
    }

    .l-19177392 {
        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-ad4f5e00 {
        text-align: center;
        align-items: center;
    }
}

.l-8f9148b3 {
    padding: 0;
}

@media screen and (max-width: 1280px) {
    .l-a362b7a4 {
        border-radius: 0;
    }
}

@media screen and (max-width: 768px) {
    .l-8f9148b3 {
        padding: 0 var(--wrapper-padding);
    }

    .l-b85ecfb7 {
        column-count: 1;
    }

    .l-a362b7a4 {
        border-radius: var(--b-radius);
    }
}

@media screen and (max-width: 576px) {
    .l-b85ecfb7 {
        text-align: center;
    }
}

.l-7fbbaf39 {
    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-7fbbaf39 li {
    flex: 1;
}

.l-40d2e367 {
    padding: var(--size-m);
    min-width: 270px;
    height: 100%;
}

.l-c9db19a4 {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 576px) {
    .l-7fbbaf39 {
        flex-direction: column;
    }

    .l-40d2e367 {
        text-align: center;
        min-width: auto;
    }
}

.l-468c8fbb {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-53abd078 {
    flex: 1;
}

.l-e930ca1f {
    flex: 1;
}

@media screen and (max-width: 768px) {
    .l-468c8fbb {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 576px) {
    .l-e930ca1f {
        text-align: center;
    }
}

.l-7ba4b926 {
    position: relative;
    counter-reset: item;
    display: flex;
    flex-wrap: wrap;
}

.l-7ba4b926::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    z-index: -1;
}

.l-2853309c {
    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-2853309c::before {
    content: "";
    position: absolute;
    left: -1px;
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: var(--color-primary);
    transform: translate(-50%);
}

.l-de61885c::before {
    content: "0" counter(item) " | ";
    font-size: 20px;
    font-weight: bold;
}

.l-1aac83c4 {
    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-ec20a06b {
    order: 3;
    margin-left: clamp(1.875rem, 44.921875vw + -19.6875rem, 16.25rem);
    margin-top: -9px;
    align-self: flex-start;
}

.l-9e195c3e {
    order: 2;
    margin-bottom: -9px;
    align-self: flex-end;
}

.l-6fb4b93c {
    order: 4;
    margin-left: clamp(1.875rem, 23.6328125vw + -9.46875rem, 9.4375rem);
    margin-top: -9px;
    align-self: flex-start;
}

.l-07e2dd8e {
    padding-bottom: 37px;
}

.l-07e2dd8e::before {
    bottom: 0;
}

.l-daf5ef3e {
    padding-top: 35px;
}

.l-daf5ef3e::before {
    top: 0;
}

@media screen and (max-width: 768px) {
    .l-7ba4b926 {
        flex-direction: column;
    }

    .l-7ba4b926::before {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
    }

    .l-25f72b3b {
        width: 50%;
    }

    .l-1aac83c4 {
        margin: 0;
        align-self: initial;
    }

    .l-ec20a06b {
        order: 2;
        margin-left: auto;
        align-self: initial;
    }

    .l-9e195c3e {
        order: 3;
        align-self: initial;
    }

    .l-6fb4b93c {
        margin-left: auto;
        align-self: initial;
    }

    .l-2853309c {
        padding-left: 0;
        padding-right: var(--size-xs);
        width: auto;
        border-left: none;
        border-bottom: 2px solid var(--color-primary);
    }

    .l-2853309c::before {
        left: auto;
        right: -1px;
        bottom: 0;
        transform: translate(50%, 50%);
    }

    .l-07e2dd8e {
        padding-bottom: var(--size-xs);
    }

    .l-daf5ef3e {
        padding-bottom: var(--size-xs);
        padding-left: var(--size-s);
        padding-right: 0;
        padding-top: 50px;
    }

    .l-daf5ef3e::before {
        top: auto;
        left: 1px;
        transform: translate(-50%, 50%);
    }
}

@media screen and (max-width: 576px) {
    .l-7ba4b926::before {
        left: 0;
    }

    .l-25f72b3b {
        width: 100%;
    }

    .l-1aac83c4 {
        margin: 0;
    }

    .l-ec20a06b {
        margin: 0;
    }

    .l-9e195c3e {
        margin: 0;
    }

    .l-6fb4b93c {
        margin: 0;
    }

    .l-2853309c {
        padding-left: var(--size-s);
    }

    .l-2853309c::before {
        left: -1px;
        right: auto;
        transform: translate(-50%, 50%);
    }

    .l-07e2dd8e {
        margin: 0;
        padding-top: 35px;
    }

    .l-daf5ef3e {
        padding-top: 35px;
    }
}

.l-e8f69638 {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-1da7ece5 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-ff1ae5dd {
    max-width: 588px;
}

.l-6aa1fa11 {
    text-align: center;
}

.l-64c0838f {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-f287410f {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-f95eca18 {
    font-size: 24px;
    font-weight: 600;
}

.l-ee1330e0 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-9d8f206a {
    flex: 0 0 25%;
}

.l-32fa4ed3 {
    padding: 0 25px;
}

.l-eaedce37 {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-896214b5 {
    margin-bottom: 8px;
}

.l-f4e257b0 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-ee1330e0 {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-32fa4ed3 {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-1da7ece5 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-eaedce37 {
        text-align: center;
    }
}

.l-c2b3596d {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-c4630b3a {
    fill: var(--color-text-light);
}

.l-eaf4d21c {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-c2b3596d {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-ad02de54 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-9c5331ec {
    display: block;
}

.l-27970c96 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-2a27e12a {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-fb6bc247 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-ad02de54 {
        padding: var(--size-s);
    }

    .l-27970c96 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-2a27e12a {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-fb6bc247 {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-2a27e12a {
        gap: var(--size-xxs);
    }
}

.l-95b93047 {
    position: relative;
}

.l-4974f412 .l-e17679d5 {
    display: flex;
}

.l-4974f412 .l-80195fc0 {
    transform: scaleY(-1);
}

.l-e17679d5 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-7fec2614 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-7fec2614:hover {
    color: var(--color-primary);
}

.l-7fec2614.l-4d09494a::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-dd583678 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-4958bb2b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-d6c841e9 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-e26f8f77 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-cb02fcdc {
    font-size: 24px;
    font-weight: 600;
}

.l-4edcebdf {
    margin-left: auto;
}

.l-b5bb12ec {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-323c47bd {
    height: 100%;
}

.l-f59e5a3c {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-f59e5a3c:hover {
    color: var(--color-primary);
}

.l-f59e5a3c.l-4d09494a::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-80195fc0 {
    margin-left: 8px;
    fill: currentColor;
}

.l-4d09494a {
    color: var(--color-primary);
}

.l-4d09494a::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-c2aca71d {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-04bd9ddb .l-4d09494a::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-a89d5feb {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-a89d5feb:hover {
    opacity: 0.7;
}

.l-b7c9192a {
    fill: var(--color-text);
}

.l-a79d0788 {
    display: none;
}

.l-d6a79ad5 {
    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-d6a79ad5.l-b2930d03 {
    clip-path: inherit;
}

.l-d6a79ad5.l-b2930d03 .l-6b446681 {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-d6a79ad5.l-b2930d03 .l-0226af20 {
    opacity: 1;
    transform: translateX(0);
}

.l-d6a79ad5 .l-b5bb12ec {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-d6a79ad5 .l-f59e5a3c {
    justify-content: flex-start;
    text-align: left;
}

.l-d6a79ad5 .l-e17679d5 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-d6a79ad5 .l-7fec2614 {
    padding-left: 10px;
}

.l-63ff282a {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-9c3832c4 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-9c3832c4:hover {
    opacity: 0.7;
}

.l-9c3832c4 svg {
    fill: var(--color-text);
}

.l-6b446681 {
    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-0226af20 {
    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: 1024px) {
    .l-4958bb2b {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-b5bb12ec {
        gap: var(--size-m);
    }

    .l-25afeae1 {
        display: none;
    }

    .l-a79d0788 {
        display: block;
    }

    .l-7fec2614.l-4d09494a::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-e26f8f77 {
        font-size: 28px;
    }

    .l-cb02fcdc {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-a89d5feb {
        margin-right: var(--size-xxs);
    }
}

.l-2780bc15 {
    position: relative;
}

.l-2780bc15 .l-1689203d {
    margin: calc(-1 * var(--section-padding)) auto;
    position: relative;
    min-height: 700px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-b5ad083b {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-m);
    min-height: 600px;
    width: 60%;
}

.l-f6d54394 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-f6d54394::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-f6d54394 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .l-b5ad083b {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-8855cb35 {
        text-align: center;
    }
}

.l-1db36dbd {
    padding: 0;
}

@media screen and (max-width: 1280px) {
    .l-25e090ae {
        border-radius: 0;
    }
}

@media screen and (max-width: 768px) {
    .l-1db36dbd {
        padding: 0 var(--wrapper-padding);
    }

    .l-722f8f30 {
        column-count: 1;
    }

    .l-25e090ae {
        border-radius: var(--b-radius);
    }
}

@media screen and (max-width: 576px) {
    .l-722f8f30 {
        text-align: center;
    }
}

.l-a4749be2 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-s);
    padding-left: var(--wrapper-padding);
}

.l-e7397753 {
    flex: 0 1 560px;
}

.l-76adca70 {
    flex: 1 1 630px;
}

.l-aa9bb46e {
    flex: 1;
}

.l-66328e9a {
    display: flex;
    gap: var(--size-s);
    flex-wrap: wrap;
}

.l-67b431bb {
    flex: 1;
}

.l-20ac9807 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-s);
}

.l-59baa066 {
    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-a4749be2 {
        padding: 0 var(--wrapper-padding);
        flex-direction: column-reverse;
    }

    .l-e7397753 {
        flex: auto;
    }

    .l-76adca70 {
        flex: auto;
        width: 100%;
    }

    .l-66328e9a {
        margin-top: var(--size-s);
    }

    .l-67b431bb {
        flex: 1 1 calc(50% - var(--size-s) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .l-20ac9807 {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--size-xs);
    }
}

@media screen and (max-width: 576px) {
    .l-e7397753 {
        text-align: center;
    }

    .l-66328e9a {
        flex-direction: column;
    }

    .l-67b431bb {
        flex: auto;
        text-align: center;
    }

    .l-20ac9807 {
        align-items: center;
    }
}

.l-11aab9ef {
    padding: var(--size-xl);
}

@media screen and (max-width: 768px) {
    .l-11aab9ef {
        text-align: center;
        padding: var(--size-m);
    }
}

@media screen and (max-width: 576px) {
    .l-11aab9ef {
        padding: var(--size-s);
    }
}

.l-0321ab5b {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--size-m);
    min-height: 550px;
    padding: var(--size-xl);
}

.l-ddc5bac3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.l-690a86d4 {
    position: relative;
    z-index: 2;
    width: 60%;
    margin-left: auto;
    padding: var(--size-m);
}

@media screen and (max-width: 870px) {
    .l-690a86d4 {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-0321ab5b {
        padding: 0;
        flex-direction: column-reverse;
    }

    .l-ddc5bac3 {
        position: static;
        border-radius: 0;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .l-690a86d4 {
        text-align: center;
    }
}

.l-1381d9eb {
    text-align: center;
}

.l-d4d146f2 {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-35be3d47 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-9e303dd3 {
    max-width: 588px;
}

.l-17654eee {
    text-align: center;
}

.l-bc693a62 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-37aeee0f {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-34415ca0 {
    font-size: 24px;
    font-weight: 600;
}

.l-78f3867b {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-a310aefe {
    flex: 0 0 25%;
}

.l-e73b9e8c {
    padding: 0 25px;
}

.l-cb95b983 {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-56a01882 {
    margin-bottom: 8px;
}

.l-d888db82 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-78f3867b {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-e73b9e8c {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-35be3d47 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-cb95b983 {
        text-align: center;
    }
}

.l-c8a04d9e {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-c83de418 {
    fill: var(--color-text-light);
}

.l-f8b1c82f {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-c8a04d9e {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-e3148a76 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-e5181202 {
    display: block;
}

.l-b2a1c70f {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-c08d8406 {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-6a998f0a {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-e3148a76 {
        padding: var(--size-s);
    }

    .l-b2a1c70f {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-c08d8406 {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-6a998f0a {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-c08d8406 {
        gap: var(--size-xxs);
    }
}

.l-a2bb8d15 {
    position: relative;
}

.l-3baaa9e1 .l-f4c47e65 {
    display: flex;
}

.l-3baaa9e1 .l-29953fcb {
    transform: scaleY(-1);
}

.l-f4c47e65 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-22eef721 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-22eef721:hover {
    color: var(--color-primary);
}

.l-22eef721.l-e7e955ec::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-a54f02b1 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-aa1ae86f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-af19a4b2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-c202ea4c {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-f6d97a9c {
    font-size: 24px;
    font-weight: 600;
}

.l-dcc78592 {
    margin-left: auto;
}

.l-cd9eab02 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-1474b91c {
    height: 100%;
}

.l-cb0f9cf6 {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-cb0f9cf6:hover {
    color: var(--color-primary);
}

.l-cb0f9cf6.l-e7e955ec::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-29953fcb {
    margin-left: 8px;
    fill: currentColor;
}

.l-e7e955ec {
    color: var(--color-primary);
}

.l-e7e955ec::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-f0bd1061 {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-6a46cd51 .l-e7e955ec::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-90fd982e {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-90fd982e:hover {
    opacity: 0.7;
}

.l-5fc6135b {
    fill: var(--color-text);
}

.l-de33972c {
    display: none;
}

.l-ee1c5d1f {
    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-ee1c5d1f.l-e2940125 {
    clip-path: inherit;
}

.l-ee1c5d1f.l-e2940125 .l-9831eb0a {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-ee1c5d1f.l-e2940125 .l-12a19604 {
    opacity: 1;
    transform: translateX(0);
}

.l-ee1c5d1f .l-cd9eab02 {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-ee1c5d1f .l-cb0f9cf6 {
    justify-content: flex-start;
    text-align: left;
}

.l-ee1c5d1f .l-f4c47e65 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-ee1c5d1f .l-22eef721 {
    padding-left: 10px;
}

.l-63a1d9ea {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-4b91ca33 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-4b91ca33:hover {
    opacity: 0.7;
}

.l-4b91ca33 svg {
    fill: var(--color-text);
}

.l-9831eb0a {
    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-12a19604 {
    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: 1024px) {
    .l-aa1ae86f {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-cd9eab02 {
        gap: var(--size-m);
    }

    .l-55987351 {
        display: none;
    }

    .l-de33972c {
        display: block;
    }

    .l-22eef721.l-e7e955ec::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-c202ea4c {
        font-size: 28px;
    }

    .l-f6d97a9c {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-90fd982e {
        margin-right: var(--size-xxs);
    }
}

.l-4f00d672 {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: flex-end;
}

.l-1b36ef06 {
    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-f6fd9f85 {
    flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem);
}

.l-6bc5de1f {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-6bc5de1f::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-6bc5de1f img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 870px) {
    .l-4f00d672 {
        align-items: center;
    }

    .l-1b36ef06 {
        flex-direction: column;
        text-align: center;
    }

    .l-f6fd9f85 {
        flex-basis: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-4f00d672 {
        min-height: 400px;
    }
}

.l-603d7b84 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-xl);
}

.l-d1cef344 {
    flex: 1;
}

.l-25f1e2d2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--size-m);
}

.l-834839c6 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-s);
}

.l-35454808 {
    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-603d7b84 {
        flex-direction: column;
        gap: var(--size-m);
    }

    .l-d1cef344 {
        text-align: center;
    }
}

@media screen and (max-width: 576px) {
    .l-25f1e2d2 {
        gap: var(--size-s);
    }

    .l-834839c6 {
        flex-direction: column;
        gap: var(--size-xxs);
    }
}

.l-56e972f7 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-b9bbbfaf {
    flex: 1;
}

.l-2ddfe57b {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .l-56e972f7 {
        flex-direction: column;
    }
}

@media screen and (max-width: 576px) {
    .l-61aae5d5 {
        text-align: center;
    }
}

.l-9f481eb5 {
    padding: var(--size-xl);
}

@media screen and (max-width: 768px) {
    .l-9f481eb5 {
        text-align: center;
        padding: var(--size-m);
    }
}

@media screen and (max-width: 576px) {
    .l-9f481eb5 {
        padding: var(--size-s);
    }
}

.l-c3a5c4c1 {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--size-m);
    min-height: 550px;
    padding: var(--size-xl);
}

.l-dfed52cc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.l-01e5c641 {
    position: relative;
    z-index: 2;
    width: 60%;
    margin-left: auto;
    padding: var(--size-m);
}

@media screen and (max-width: 870px) {
    .l-01e5c641 {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-c3a5c4c1 {
        padding: 0;
        flex-direction: column-reverse;
    }

    .l-dfed52cc {
        position: static;
        border-radius: 0;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .l-01e5c641 {
        text-align: center;
    }
}

.l-2ba80f90 {
    text-align: center;
}

.l-99f4d0c5 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-42ee75f3 {
    flex: 1;
}

.l-4b1fb983 {
    flex: 1;
}

@media screen and (max-width: 768px) {
    .l-99f4d0c5 {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 576px) {
    .l-4b1fb983 {
        text-align: center;
    }
}

.l-f03f6cda {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-8b6cc069 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-98c50605 {
    max-width: 588px;
}

.l-0ea235b3 {
    text-align: center;
}

.l-9366a803 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-54873f3a {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-3e07bcfe {
    font-size: 24px;
    font-weight: 600;
}

.l-67acfe2a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-3aee6a07 {
    flex: 0 0 25%;
}

.l-f273b865 {
    padding: 0 25px;
}

.l-470b47c6 {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-f15eb777 {
    margin-bottom: 8px;
}

.l-9411cd83 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-67acfe2a {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-f273b865 {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-8b6cc069 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-470b47c6 {
        text-align: center;
    }
}

.l-0d94abaa {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-32119e99 {
    fill: var(--color-text-light);
}

.l-c7832d6a {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-0d94abaa {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-2313698d {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-e41c828c {
    display: block;
}

.l-3cf54b97 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-2ee136a0 {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-5f124ca3 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-2313698d {
        padding: var(--size-s);
    }

    .l-3cf54b97 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-2ee136a0 {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-5f124ca3 {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-2ee136a0 {
        gap: var(--size-xxs);
    }
}

.l-a71b75f6 {
    position: relative;
}

.l-12b76daf .l-19866fdf {
    display: flex;
}

.l-12b76daf .l-ebf3cf7b {
    transform: scaleY(-1);
}

.l-19866fdf {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-41c37de2 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-41c37de2:hover {
    color: var(--color-primary);
}

.l-41c37de2.l-d01811cf::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-ae65568a {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-4ab880b5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-b73a3bd6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-f7cc57f3 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-8ce43a4b {
    font-size: 24px;
    font-weight: 600;
}

.l-59567fc8 {
    margin-left: auto;
}

.l-662c361d {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-56280b51 {
    height: 100%;
}

.l-984114ca {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-984114ca:hover {
    color: var(--color-primary);
}

.l-984114ca.l-d01811cf::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-ebf3cf7b {
    margin-left: 8px;
    fill: currentColor;
}

.l-d01811cf {
    color: var(--color-primary);
}

.l-d01811cf::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-e16142ed {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-f6340bf6 .l-d01811cf::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-3ddbf858 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-3ddbf858:hover {
    opacity: 0.7;
}

.l-0f0b825d {
    fill: var(--color-text);
}

.l-b33a7e7e {
    display: none;
}

.l-ff74e444 {
    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-ff74e444.l-0206e243 {
    clip-path: inherit;
}

.l-ff74e444.l-0206e243 .l-27932dc3 {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-ff74e444.l-0206e243 .l-5908d9d4 {
    opacity: 1;
    transform: translateX(0);
}

.l-ff74e444 .l-662c361d {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-ff74e444 .l-984114ca {
    justify-content: flex-start;
    text-align: left;
}

.l-ff74e444 .l-19866fdf {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-ff74e444 .l-41c37de2 {
    padding-left: 10px;
}

.l-563fe261 {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-e73d719e {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-e73d719e:hover {
    opacity: 0.7;
}

.l-e73d719e svg {
    fill: var(--color-text);
}

.l-27932dc3 {
    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-5908d9d4 {
    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: 1024px) {
    .l-4ab880b5 {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-662c361d {
        gap: var(--size-m);
    }

    .l-e75567b0 {
        display: none;
    }

    .l-b33a7e7e {
        display: block;
    }

    .l-41c37de2.l-d01811cf::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-f7cc57f3 {
        font-size: 28px;
    }

    .l-8ce43a4b {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-3ddbf858 {
        margin-right: var(--size-xxs);
    }
}

.l-66b0cdfc {
    position: relative;
}

.l-66b0cdfc .l-b7e0d5cf {
    margin: calc(-1 * var(--section-padding)) auto;
    position: relative;
    min-height: 700px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-e7c82df4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-m);
    min-height: 600px;
    width: 60%;
}

.l-70b4a875 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-70b4a875::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-70b4a875 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .l-e7c82df4 {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-ad80ec68 {
        text-align: center;
    }
}

.l-b654b940 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-c5b6ee59 {
    flex: 1;
}

.l-8a3f4297 {
    position: relative;
    padding: var(--size-m);
}

.l-8a3f4297::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-b6e855ec {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 870px) {
    .l-b654b940 {
        flex-direction: column;
        align-items: stretch;
    }

    .l-c5b6ee59 {
        flex: auto;
    }

    .l-8a3f4297 {
        padding: var(--size-m) var(--size-s);
    }

    .l-8a3f4297::before {
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-8a3f4297 {
        text-align: center;
    }
}

.l-197ee72e {
    display: flex;
    gap: var(--size-s);
    height: clamp(37.5rem, 58.59375vw + 9.375rem, 56.25rem);
}

.l-32172a63 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.l-dd4f6ca6 {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: var(--size-s);
}

.l-7f4cf5f7 {
    flex: 1;
}

@media screen and (max-width: 768px) {
    .l-7f4cf5f7 {
        margin-top: var(--size-m);
    }

    .l-197ee72e {
        flex-direction: column;
        height: auto;
    }
}

.l-e0d25448 {
    padding: var(--size-xl);
}

@media screen and (max-width: 768px) {
    .l-e0d25448 {
        text-align: center;
        padding: var(--size-m);
    }
}

@media screen and (max-width: 576px) {
    .l-e0d25448 {
        padding: var(--size-s);
    }
}

.l-4aff92a3 {
    width: 60%;
}

.l-590581b5 {
    flex: 1;
    position: relative;
    display: flex;
    gap: var(--size-s);
}

.l-590581b5::before {
    content: "";
    position: absolute;
    top: 135px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
}

.l-e1ff693a {
    flex: 1;
}

.l-7a0bdc19 {
    position: relative;
    height: 100%;
}

.l-7a0bdc19::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 128px;
    background-color: var(--color-primary);
    border-radius: 50%;
}

.l-6eb6111b {
    font-size: 80px;
    line-height: 130%;
    font-weight: 500;
    margin-bottom: 72px;
    text-align: center;
}

@media screen and (max-width: 870px) {
    .l-7b68af40 {
        flex-direction: column;
    }

    .l-4aff92a3 {
        width: 100%;
    }

    .l-590581b5 {
        flex-direction: column;
    }

    .l-590581b5::before {
        top: 0;
        left: 80px;
        width: 2px;
        height: 100%;
    }

    .l-7a0bdc19 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .l-7a0bdc19::before {
        margin-left: 0;
        top: 50%;
        margin-top: -8px;
        left: 73px;
    }

    .l-6eb6111b {
        text-align: left;
        margin-bottom: 0;
        font-size: 40px;
        flex: 0 0 110px;
    }
}

@media screen and (max-width: 576px) {
    .l-4aff92a3 {
        text-align: center;
    }

    .l-590581b5::before {
        left: 57px;
    }

    .l-7a0bdc19::before {
        left: 50px;
    }

    .l-6eb6111b {
        font-size: 32px;
        flex: 0 0 75px;
    }
}

.l-3a8e86f8 {
    column-count: 2;
    gap: var(--size-m);
}

@media screen and (max-width: 768px) {
    .l-aac17a6f {
        text-align: center;
    }

    .l-3a8e86f8 {
        column-count: 1;
    }
}

.l-c760cc78 {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-9f0439a1 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-a751f630 {
    max-width: 588px;
}

.l-36cadfaa {
    text-align: center;
}

.l-dda9087d {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-80ef4d31 {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-d5f534c5 {
    font-size: 24px;
    font-weight: 600;
}

.l-db3c1d8a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-8c60e335 {
    flex: 0 0 25%;
}

.l-2e6d3df2 {
    padding: 0 25px;
}

.l-e2e1bd88 {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-35c584cf {
    margin-bottom: 8px;
}

.l-305eb1ab {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-db3c1d8a {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-2e6d3df2 {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-9f0439a1 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-e2e1bd88 {
        text-align: center;
    }
}

.l-5c3f3b5d {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-123ddf8b {
    fill: var(--color-text-light);
}

.l-2b735a38 {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-5c3f3b5d {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-d2aff920 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-9771e140 {
    display: block;
}

.l-f3f47b29 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-7a6f4e75 {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-c0215bb3 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-d2aff920 {
        padding: var(--size-s);
    }

    .l-f3f47b29 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-7a6f4e75 {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-c0215bb3 {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-7a6f4e75 {
        gap: var(--size-xxs);
    }
}

.l-1b3a7541 {
    position: relative;
}

.l-98f97b4a .l-7ad2fd90 {
    display: flex;
}

.l-98f97b4a .l-23546f8a {
    transform: scaleY(-1);
}

.l-7ad2fd90 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-0f32e585 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-0f32e585:hover {
    color: var(--color-primary);
}

.l-0f32e585.l-d50a7f12::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-888813a4 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-1f4f5a11 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-ad5882b5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-35679986 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-5093a5af {
    font-size: 24px;
    font-weight: 600;
}

.l-fb44506c {
    margin-left: auto;
}

.l-e8617531 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-3616ed01 {
    height: 100%;
}

.l-114c3d55 {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-114c3d55:hover {
    color: var(--color-primary);
}

.l-114c3d55.l-d50a7f12::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-23546f8a {
    margin-left: 8px;
    fill: currentColor;
}

.l-d50a7f12 {
    color: var(--color-primary);
}

.l-d50a7f12::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-efc2945f {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-9c969f22 .l-d50a7f12::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-75cb60b8 {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-75cb60b8:hover {
    opacity: 0.7;
}

.l-3014e23a {
    fill: var(--color-text);
}

.l-cb938e0b {
    display: none;
}

.l-d9ebb6a3 {
    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-d9ebb6a3.l-d2310be5 {
    clip-path: inherit;
}

.l-d9ebb6a3.l-d2310be5 .l-edf03dfd {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-d9ebb6a3.l-d2310be5 .l-54aa7626 {
    opacity: 1;
    transform: translateX(0);
}

.l-d9ebb6a3 .l-e8617531 {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-d9ebb6a3 .l-114c3d55 {
    justify-content: flex-start;
    text-align: left;
}

.l-d9ebb6a3 .l-7ad2fd90 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-d9ebb6a3 .l-0f32e585 {
    padding-left: 10px;
}

.l-925db8d0 {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-7351b21e {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-7351b21e:hover {
    opacity: 0.7;
}

.l-7351b21e svg {
    fill: var(--color-text);
}

.l-edf03dfd {
    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-54aa7626 {
    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: 1024px) {
    .l-1f4f5a11 {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-e8617531 {
        gap: var(--size-m);
    }

    .l-84c6a175 {
        display: none;
    }

    .l-cb938e0b {
        display: block;
    }

    .l-0f32e585.l-d50a7f12::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-35679986 {
        font-size: 28px;
    }

    .l-5093a5af {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-75cb60b8 {
        margin-right: var(--size-xxs);
    }
}

.l-3b80e6e1 {
    position: relative;
}

.l-3b80e6e1 .l-5bd1afab {
    margin: calc(-1 * var(--section-padding)) auto;
    position: relative;
    min-height: 700px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-f4127854 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-m);
    min-height: 600px;
    width: 60%;
}

.l-57311b46 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.l-57311b46::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.l-57311b46 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .l-f4127854 {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-2d196f3b {
        text-align: center;
    }
}

.l-cb7e1ba8 {
    display: flex;
    align-items: center;
    gap: var(--size-m);
}

.l-358e641e {
    flex: 1;
}

.l-f81963dc {
    position: relative;
    padding: var(--size-m);
}

.l-f81963dc::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-da80611f {
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 870px) {
    .l-cb7e1ba8 {
        flex-direction: column;
        align-items: stretch;
    }

    .l-358e641e {
        flex: auto;
    }

    .l-f81963dc {
        padding: var(--size-m) var(--size-s);
    }

    .l-f81963dc::before {
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .l-f81963dc {
        text-align: center;
    }
}

.l-84f2cc93 {
    column-count: 2;
    gap: var(--size-m);
}

@media screen and (max-width: 768px) {
    .l-9fbf13de {
        text-align: center;
    }

    .l-84f2cc93 {
        column-count: 1;
    }
}

.l-a921f0b2 {
    padding: var(--size-xl);
}

@media screen and (max-width: 768px) {
    .l-a921f0b2 {
        text-align: center;
        padding: var(--size-m);
    }
}

@media screen and (max-width: 576px) {
    .l-a921f0b2 {
        padding: var(--size-s);
    }
}

.l-a167d973 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    gap: var(--size-s);
    z-index: 1;
}

.l-7896b98c {
    padding: var(--size-m);
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.l-a54a1617 {
    display: flex;
    justify-content: flex-start;
}

.l-24b34c71 {
    padding: var(--size-xl);
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-574340a2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-659890a5 {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--size-m);
}

.l-308cd027 {
    fill: var(--color-text);
}

.l-298e4b60 {
    stroke: var(--color-text);
}

.l-a8c9a58a {
    stroke: var(--color-text);
}

.l-dabbce8e {
    display: flex;
    flex-direction: column;
}

.l-ea9d2a13 {
    flex: 0 0 50%;
    height: 383px;
}

.l-dabd4342 {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 870px) {
    .l-a167d973 {
        flex-direction: column;
    }

    .l-7896b98c {
        width: 100%;
        flex: 0 0 auto;
    }

    .l-a54a1617 {
        flex-direction: column;
    }

    .l-24b34c71 {
        width: 100%;
        padding: var(--size-m);
        var(--wrapper-padding);
    }

    .l-01d9971a {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .l-574340a2 {
        margin-top: 0;
        align-items: flex-start;
        flex-direction: column;
    }

    .l-659890a5 {
        margin-right: 0;
    }

    .l-dabbce8e {
        margin-top: var(--size-xs);
    }

    .l-ea9d2a13 {
        height: 429px;
        width: 100%;
        flex: 0 0 auto;
    }
}

@media screen and (max-width: 576px) {
    .l-7896b98c {
        padding: var(--size-xs);
    }

    .l-01d9971a {
        flex-direction: column;
        align-items: center;
        gap: var(--size-s);
        margin-top: var(--size-s);
    }

    .l-574340a2 {
        align-items: center;
    }

    .l-dabbce8e {
        text-align: center;
    }

    .l-ea9d2a13 {
        height: 370px;
    }
}

.l-500a2d9e {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-2bb35f0b {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-5b3a6104 {
    max-width: 588px;
}

.l-495fdc24 {
    text-align: center;
}

.l-e0696d60 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-b30ee1b5 {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-7105f521 {
    font-size: 24px;
    font-weight: 600;
}

.l-228cb0e6 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-54bc434f {
    flex: 0 0 25%;
}

.l-68365b6f {
    padding: 0 25px;
}

.l-eee36e5b {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-b1319d59 {
    margin-bottom: 8px;
}

.l-42581c51 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-228cb0e6 {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-68365b6f {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-2bb35f0b {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-eee36e5b {
        text-align: center;
    }
}

.l-4ddea248 {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-f116c359 {
    fill: var(--color-text-light);
}

.l-f6743b70 {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-4ddea248 {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-487c5649 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-b4a734db {
    display: block;
}

.l-fcad6526 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-eeafab26 {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-c7893a20 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-487c5649 {
        padding: var(--size-s);
    }

    .l-fcad6526 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-eeafab26 {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-c7893a20 {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-eeafab26 {
        gap: var(--size-xxs);
    }
}

.l-14038e94 {
    position: relative;
}

.l-0ed7f633 .l-1d529b27 {
    display: flex;
}

.l-0ed7f633 .l-00655f70 {
    transform: scaleY(-1);
}

.l-1d529b27 {
    display: none;
    transform: translateY(100%);
    bottom: -30px;
    border: 1px solid var(--color-text-description);
    position: absolute;
    box-shadow: 0 4px 20px rgba(23, 23, 28, 0.05);
    padding: var(--size-xs);
    background-color: var(--color-bg);
    border-radius: var(--b-radius);
    max-width: 100%;
    min-width: 275px;
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--size-s);
}

.l-c5ae7e47 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.l-c5ae7e47:hover {
    color: var(--color-primary);
}

.l-c5ae7e47.l-0eca0a1e::after {
    width: 4px;
    height: 100%;
    left: calc(-1 * var(--size-xs));
}

.l-5a8dd141 {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid var(--color-text-description);
    margin-bottom: var(--size-m);
}

.l-bd5abf8b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 24px;
    padding-bottom: 20px;
    gap: 16px;
    position: relative;
}

.l-7a27ab39 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
}

.l-bfc3dba1 {
    font-size: 34px;
    margin-right: var(--size-xxs);
}

.l-1f72d2ed {
    font-size: 24px;
    font-weight: 600;
}

.l-7345915d {
    margin-left: auto;
}

.l-23f574ed {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.l-3e7f8206 {
    height: 100%;
}

.l-11226fbc {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: var(--size-xxs);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.l-11226fbc:hover {
    color: var(--color-primary);
}

.l-11226fbc.l-0eca0a1e::after {
    bottom: -21px;
    width: 100%;
    height: 4px;
}

.l-00655f70 {
    margin-left: 8px;
    fill: currentColor;
}

.l-0eca0a1e {
    color: var(--color-primary);
}

.l-0eca0a1e::after {
    content: "";
    display: block;
    background-color: var(--color-primary);
    position: absolute;
}

.l-dc392cd7 {
    height: var(--size-m);
    justify-content: flex-start;
}

.l-c05d8a24 .l-0eca0a1e::after {
    top: 0;
    left: calc(-1 * var(--wrapper-padding));
    width: 4px;
    height: 100%;
    bottom: 0;
}

.l-1f899cab {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
    margin-right: var(--size-m);
}

.l-1f899cab:hover {
    opacity: 0.7;
}

.l-87f4c962 {
    fill: var(--color-text);
}

.l-915808b5 {
    display: none;
}

.l-152459e0 {
    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-152459e0.l-504bf844 {
    clip-path: inherit;
}

.l-152459e0.l-504bf844 .l-2af9cd90 {
    background-color: rgba(0, 0, 0, 0.2);
}

.l-152459e0.l-504bf844 .l-ebb678fd {
    opacity: 1;
    transform: translateX(0);
}

.l-152459e0 .l-23f574ed {
    flex-direction: column;
    gap: var(--size-s);
    align-items: flex-start;
}

.l-152459e0 .l-11226fbc {
    justify-content: flex-start;
    text-align: left;
}

.l-152459e0 .l-1d529b27 {
    position: static;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    min-width: initial;
    box-shadow: initial;
    transform: initial;
    text-align: left;
    padding-bottom: 0;
}

.l-152459e0 .l-c5ae7e47 {
    padding-left: 10px;
}

.l-5bd9ff48 {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.l-4bd114af {
    cursor: pointer;
    border: 0;
    padding: var(--size-xxs);
    background-color: transparent;
    transition: 0.3s opacity ease-in-out;
}

.l-4bd114af:hover {
    opacity: 0.7;
}

.l-4bd114af svg {
    fill: var(--color-text);
}

.l-2af9cd90 {
    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-ebb678fd {
    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: 1024px) {
    .l-bd5abf8b {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start;
    }

    .l-23f574ed {
        gap: var(--size-m);
    }

    .l-80e70e11 {
        display: none;
    }

    .l-915808b5 {
        display: block;
    }

    .l-c5ae7e47.l-0eca0a1e::after {
        left: -4px;
    }
}

@media screen and (max-width: 768px) {
    .l-bfc3dba1 {
        font-size: 28px;
    }

    .l-1f72d2ed {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .l-1f899cab {
        margin-right: var(--size-xxs);
    }
}

.l-6e7edd7f *+* {
    margin-top: var(--size-xs);
}

.l-6e7edd7f ul {
    list-style: disc;
}

.l-6e7edd7f ul li {
    margin-left: 16px;
}

.l-95c5ab86 {
    padding-top: var(--size-xl);
    padding-bottom: var(--size-s);
}

.l-a9d9a288 {
    padding: var(--size-m);
    border-radius: var(--b-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-m);
}

.l-9896984a {
    max-width: 588px;
}

.l-787bd185 {
    text-align: center;
}

.l-e4dfb09f {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.l-0ea2cb2e {
    font-size: 36px;
    margin-right: var(--size-xs);
}

.l-680b334b {
    font-size: 24px;
    font-weight: 600;
}

.l-8a3496b2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.l-8a88e624 {
    flex: 0 0 25%;
}

.l-6ec2d1d1 {
    padding: 0 25px;
}

.l-03c22821 {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: var(--size-xs);
}

.l-94560eac {
    margin-bottom: 8px;
}

.l-157f8132 {
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .l-8a3496b2 {
        flex-direction: column;
        align-items: center;
        gap: var(--size-xs);
        text-align: center;
    }

    .l-6ec2d1d1 {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .l-a9d9a288 {
        padding: var(--size-s);
        flex-direction: column;
        text-align: center;
    }

    .l-03c22821 {
        text-align: center;
    }
}

.l-c0d5678b {
    position: fixed;
    bottom: 0;
    opacity: 0;
    right: 35px;
    transform: translateY(100%);
    background-color: var(--color-primary);
    border: none;
    width: 40px;
    height: 62px;
    border-radius: 20px;
    cursor: pointer;
    z-index: 4;
    transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
}

.l-d3a7e736 {
    fill: var(--color-text-light);
}

.l-861634d6 {
    opacity: 1;
    transform: translateY(-35px);
}

@media screen and (max-width: 768px) {
    .l-c0d5678b {
        transform: scale(0.75);
        bottom: 15px;
        right: 15px;
    }
}

.l-cae55c9e {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--size-m);
    z-index: 3;
}

.l-d7fc4de3 {
    display: block;
}

.l-b38cb0e5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xl);
}

.l-e2e29547 {
    width: 195px;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

.l-fd058e25 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-cae55c9e {
        padding: var(--size-s);
    }

    .l-b38cb0e5 {
        text-align: center;
        gap: var(--size-s);
        flex-direction: column;
    }

    .l-e2e29547 {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .l-fd058e25 {
        width: auto;
    }
}

@media screen and (max-width: 576px) {
    .l-e2e29547 {
        gap: var(--size-xxs);
    }
}

.l-adb408ea *+* {
    margin-top: var(--size-xs);
}

.l-adb408ea ul {
    list-style: disc;
}

.l-adb408ea ul li {
    margin-left: 16px;
}

.l-1e7d3bbc *+* {
    margin-top: var(--size-xs);
}

.l-1e7d3bbc ul {
    list-style: disc;
}

.l-1e7d3bbc ul li {
    margin-left: 16px;
}

.l-be36ec5f *+* {
    margin-top: var(--size-xs);
}

.l-be36ec5f ul {
    list-style: disc;
}

.l-be36ec5f ul li {
    margin-left: 16px;
}
/*  */

.footer-brand__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height:128px;
    /* flex-shrink: 0;
    border-radius: 50%;
    background: rgba(201, 164, 82, 0.12);
    border: 1px solid rgba(201, 164, 82, 0.28);
    overflow: hidden; */
}

.footer-brand__logo img {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
}