.l-1e653145 .l-cb04ef05 { display: flex; } .l-1e653145 .l-ab7cf702 { transform: scaleY(-1); } .l-3e2056c9 { position: relative; } .l-ab7cf702 { margin-left: 8px; fill: currentColor; } .l-51da1a07 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-6ec09632 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-e17e2434 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-e17e2434.l-b92031e4 { display: flex; } .l-cb04ef05 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-6a79dc75 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-6a79dc75:hover { color: var(--color-primary); } .l-e7d1edb4 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-9de2439f { font-size: 34px; margin-right: var(--size-xxs); } .l-cc6969f3 { font-size: 24px; font-weight: 600; } .l-a6796748 { display: flex; justify-content: center; align-items: center; } .l-a5928a00 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-8de12f47 { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-8de12f47:hover { color: var(--color-primary); } .l-f835e183 { color: var(--color-primary); } .l-c3efb934 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-c3efb934:hover { transform: scale(1.05); } .l-c3efb934 svg { fill: var(--color-text); } .l-e1ff30cf { display: none; } .l-703dbd46 .l-e1ff30cf { display: inline; } .l-703dbd46 .l-9fd057a3 { display: none; } .l-74d4fc8f { height: var(--size-m); justify-content: flex-start; } .l-20bfd5b6 .l-f835e183::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-e17e2434 { display: none; height: auto; } .l-e17e2434 .l-a5928a00 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-e17e2434 .l-8de12f47 { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-e17e2434 .l-cb04ef05 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-e17e2434 .l-6a79dc75 { justify-content: center; min-height: 35px; height: initial; } .l-e17e2434 .l-f835e183 { color: var(--color-primary); } .l-e17e2434 .l-6a79dc75.l-f835e183 { color: var(--color-primary); } .l-e7d1edb4 { margin: 0 auto; transform: translateX(24px); } .l-9de2439f { font-size: 28px; } .l-cc6969f3 { font-size: 20px; } .l-c3efb934 { display: flex; } }@media screen and (max-width: 576px) { .l-e7d1edb4 { margin-left: initial; } .l-e17e2434 .l-a5928a00 { padding: var(--size-xs) 0; } } .l-f5432234 { position: relative; } .l-f5432234 .l-3146c333 { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-61181ff5 { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-c6bb123c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-c6bb123c::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-c6bb123c img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-61181ff5 { width: 100%; } }@media screen and (max-width: 576px) { .l-ec861f45 { text-align: center; } } .l-a9e95cb1 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-a008ebf5 { text-align: center; } .l-a9e95cb1 { column-count: 1; } } .l-36622e07 { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); } .l-149b0d84 { flex: 0 1 560px; } .l-afde2c08 { flex: 1 1 630px; } .l-2af0e174 { flex: 1; } .l-73f3b169 { display: flex; gap: var(--size-s); flex-wrap: wrap; } .l-6e62fe51 { flex: 1; } .l-c9da4512 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); } .l-35babc9e { 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-36622e07 { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; } .l-149b0d84 { flex: auto; } .l-afde2c08 { flex: auto; width: 100%; } .l-73f3b169 { margin-top: var(--size-s); } .l-6e62fe51 { flex: 1 1 calc(50% - var(--size-s) / 2); } }@media screen and (max-width: 1024px) { .l-c9da4512 { align-items: flex-start; flex-direction: column; gap: var(--size-xs); } }@media screen and (max-width: 576px) { .l-149b0d84 { text-align: center; } .l-73f3b169 { flex-direction: column; } .l-6e62fe51 { flex: auto; text-align: center; } .l-c9da4512 { align-items: center; } } .l-801f3abe { position: relative; min-height: 500px; display: flex; justify-content: flex-start; align-items: center; } .l-97988de9 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; aspect-ratio: auto; } .l-97988de9::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-11512876 { display: grid; gap: var(--size-s); grid-template-columns: 1fr 1fr 1fr; } .l-ba657d96 { aspect-ratio: 16/9; } @media screen and (max-width: 768px) { .l-801f3abe { padding: var(--size-s); min-height: 350px; } .l-84b65184 { padding: 0; } .l-6d39c012 { padding: 0 var(--wrapper-padding); } .l-11512876 { grid-template-columns: 1fr; margin-top: var(--size-s); } } .l-20420e44 { display: flex; align-items: center; gap: var(--size-m); } .l-c281afbd { flex: 1; } .l-e51bb8c5 { position: relative; padding: var(--size-m); } .l-e51bb8c5::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-c7b87f6d { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 870px) { .l-20420e44 { flex-direction: column; align-items: stretch; } .l-c281afbd { flex: auto; } .l-e51bb8c5 { padding: var(--size-m) var(--size-s); } .l-e51bb8c5::before { top: 0; right: 0; left: 0; width: 100%; height: 100%; } }@media screen and (max-width: 576px) { .l-e51bb8c5 { text-align: center; } } .l-d65df638 { text-align: center; } .l-bb22b231 { display: flex; justify-content: flex-start; position: relative; gap: var(--size-m); z-index: 1; } .l-c3eab4fd { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .l-f9b81ad0 { flex: 0 0 450px; padding: var(--size-m) var(--size-m) var(--size-xl); display: flex; flex-direction: column; justify-content: center; } .l-8488ab25 { display: none; } .l-c2f1570d { width: 100%; } .l-a0878bf8 { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--size-m); white-space: nowrap; flex-wrap: wrap; } .l-5b35e2d9 { flex: 1; display: flex; align-items: flex-start; flex-direction: column; } .l-dffbb4e0 { 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-7d43371f { fill: var(--color-text); } .l-b7cdd0ac { stroke: var(--color-text); } .l-3ce53b82 { stroke: var(--color-text); } .l-708eeab8 { display: flex; flex-direction: column; } .l-425935ae { width: 100%; height: 300px; } .l-3331aeaf { position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .l-bb22b231 { flex-direction: column-reverse; } .l-c3eab4fd { flex-direction: column-reverse; justify-content: flex-start; } .l-f9b81ad0 { flex: 1; } .l-b5ffe7b9 { display: none; } .l-8488ab25 { display: block; text-align: center; } .l-a0878bf8 { justify-content: space-evenly; } .l-425935ae { height: 430px; margin-top: var(--size-s); } }@media screen and (max-width: 870px) { .l-c3eab4fd { width: 100%; } }@media screen and (max-width: 768px) { .l-dffbb4e0 { margin-right: 0; } .l-708eeab8 { margin-top: var(--size-xs); } }@media screen and (max-width: 576px) { .l-c3eab4fd { text-align: center; } .l-f9b81ad0 { padding: var(--size-s); } .l-a0878bf8 { flex-direction: column; align-items: center; margin-top: var(--size-s); } .l-5b35e2d9 { flex: inherit; align-items: center; } } .l-df815844 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-a46c3557 { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-a99cfb2a { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-7c46479b { font-size: 36px; margin-right: var(--size-xs); } .l-e5a48284 { font-size: 24px; font-weight: 600; } .l-77c08282 { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-738ebc20 { margin-bottom: 8px; } .l-62ae8436 { white-space: nowrap; } .l-07e6e00e { height: 8px; } .l-9b13c018 { max-width: 30%; } @media screen and (max-width: 870px) { .l-9b13c018 { max-width: 100%; } .l-df815844 { flex-direction: column; gap: var(--size-m); } .l-a46c3557 { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-880c0931 { order: 3; } }@media screen and (max-width: 576px) { .l-77c08282 { flex-direction: column; gap: var(--size-xs); } } .l-f4e89f80 { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-27427ecc { fill: var(--color-text-light); } .l-ca9f9429 { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-f4e89f80 { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-487757bf { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-8f3b6354 { display: block; } .l-c16537bd { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-487757bf { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-c16537bd { gap: var(--size-xxs); } .l-b13382b2 { width: 100%; } } .l-5f7907d9 .l-1884b6c9 { display: flex; } .l-5f7907d9 .l-4c77718d { transform: scaleY(-1); } .l-e0c7866a { position: relative; } .l-4c77718d { margin-left: 8px; fill: currentColor; } .l-600a515d { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-ea4a8ad9 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-dec67623 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-dec67623.l-5f350ccb { display: flex; } .l-1884b6c9 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-c64d46d0 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-c64d46d0:hover { color: var(--color-primary); } .l-dc0a217c { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-26dd80e5 { font-size: 34px; margin-right: var(--size-xxs); } .l-a303410f { font-size: 24px; font-weight: 600; } .l-680deb9a { display: flex; justify-content: center; align-items: center; } .l-c12651b7 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-897a94db { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-897a94db:hover { color: var(--color-primary); } .l-87c47551 { color: var(--color-primary); } .l-1a7f97f8 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-1a7f97f8:hover { transform: scale(1.05); } .l-1a7f97f8 svg { fill: var(--color-text); } .l-008cc419 { display: none; } .l-ededb3cc .l-008cc419 { display: inline; } .l-ededb3cc .l-7e78c5ef { display: none; } .l-8164b771 { height: var(--size-m); justify-content: flex-start; } .l-78ab2749 .l-87c47551::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-dec67623 { display: none; height: auto; } .l-dec67623 .l-c12651b7 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-dec67623 .l-897a94db { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-dec67623 .l-1884b6c9 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-dec67623 .l-c64d46d0 { justify-content: center; min-height: 35px; height: initial; } .l-dec67623 .l-87c47551 { color: var(--color-primary); } .l-dec67623 .l-c64d46d0.l-87c47551 { color: var(--color-primary); } .l-dc0a217c { margin: 0 auto; transform: translateX(24px); } .l-26dd80e5 { font-size: 28px; } .l-a303410f { font-size: 20px; } .l-1a7f97f8 { display: flex; } }@media screen and (max-width: 576px) { .l-dc0a217c { margin-left: initial; } .l-dec67623 .l-c12651b7 { padding: var(--size-xs) 0; } } .l-5ff6a830 { overflow: hidden; } .l-9534a861 { padding-left: var(--wrapper-padding); display: flex; align-items: flex-start; gap: var(--size-s); } .l-67794089 { flex: 0 1 465px; display: flex; flex-direction: column; align-items: flex-start; } .l-2d46a3c6 { flex: 0 1 726px; } @media screen and (max-width: 1024px) { .l-9534a861 { gap: var(--size-l); padding: 0 var(--wrapper-padding); flex-direction: column; } .l-67794089 { flex: auto; } .l-2d46a3c6 { 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-67794089 { text-align: center; align-items: center; } } .l-52e2d986 { text-align: center; } .l-4813c5bd { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); padding-left: var(--wrapper-padding); } .l-5b33ec2d { flex: 0 1 560px; } .l-55f33ea3 { flex: 1 1 630px; } .l-59d35457 { flex: 1; } .l-8910adc5 { display: flex; gap: var(--size-s); flex-wrap: wrap; } .l-333b7c8b { flex: 1; } .l-be5d13e0 { display: flex; justify-content: flex-start; align-items: center; gap: var(--size-s); } .l-d706bd53 { 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-4813c5bd { padding: 0 var(--wrapper-padding); flex-direction: column-reverse; } .l-5b33ec2d { flex: auto; } .l-55f33ea3 { flex: auto; width: 100%; } .l-8910adc5 { margin-top: var(--size-s); } .l-333b7c8b { flex: 1 1 calc(50% - var(--size-s) / 2); } }@media screen and (max-width: 1024px) { .l-be5d13e0 { align-items: flex-start; flex-direction: column; gap: var(--size-xs); } }@media screen and (max-width: 576px) { .l-5b33ec2d { text-align: center; } .l-8910adc5 { flex-direction: column; } .l-333b7c8b { flex: auto; text-align: center; } .l-be5d13e0 { align-items: center; } } .l-2fb3c150 { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-2fb3c150 { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-2fb3c150 { padding: var(--size-s); } } .l-873f3676 { width: 60%; } .l-078f272d { flex: 1; position: relative; display: flex; gap: var(--size-l); } .l-3f949581 { flex: 1; } .l-eae21faa { position: relative; } .l-eae21faa::before { content: ""; position: absolute; top: 0; left: calc(-1 * var(--size-l) / 2); width: 1px; height: 100%; background-color: var(--color-secondary); } .l-11e26bb8::before { display: none; } @media screen and (max-width: 870px) { .l-e7ee5a6d { flex-direction: column; } .l-873f3676 { width: 100%; } .l-078f272d { display: grid; grid-template-columns: 1fr 1fr; } .l-078f272d::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-secondary); } .l-078f272d::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--color-secondary); } .l-eae21faa::before { display: none; } }@media screen and (max-width: 576px) { .l-873f3676 { text-align: center; } .l-078f272d { margin-top: var(--size-m); gap: var(--size-m); grid-template-columns: 1fr; } .l-078f272d::before { display: none; } .l-078f272d::after { display: none; } .l-eae21faa::before { left: 0; top: calc(-1 * var(--size-m) / 2); display: block; height: 1px; width: 100%; } .l-11e26bb8::before { display: none; } } .l-faab370b { display: flex; align-items: center; gap: var(--size-m); } .l-ec86fc5b { flex: 1; } .l-db18f631 { max-height: 600px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .l-faab370b { flex-direction: column; } }@media screen and (max-width: 576px) { .l-7aeec379 { text-align: center; } } .l-eafaecb2 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-50147487 { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-7207f69c { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-74dd65c3 { font-size: 36px; margin-right: var(--size-xs); } .l-b595c405 { font-size: 24px; font-weight: 600; } .l-dd279211 { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-24b55524 { margin-bottom: 8px; } .l-d1b9b8dc { white-space: nowrap; } .l-589edff6 { height: 8px; } .l-362dc015 { max-width: 30%; } @media screen and (max-width: 870px) { .l-362dc015 { max-width: 100%; } .l-eafaecb2 { flex-direction: column; gap: var(--size-m); } .l-50147487 { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-75121cc2 { order: 3; } }@media screen and (max-width: 576px) { .l-dd279211 { flex-direction: column; gap: var(--size-xs); } } .l-b96ad00e { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-eb978bed { fill: var(--color-text-light); } .l-c8325a0d { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-b96ad00e { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-0e3ff15c { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-a1e11f6c { display: block; } .l-0b18570e { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-0e3ff15c { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-0b18570e { gap: var(--size-xxs); } .l-52ccfeb9 { width: 100%; } } .l-44e22a82 .l-c184e342 { display: flex; } .l-44e22a82 .l-4162027d { transform: scaleY(-1); } .l-1af053f0 { position: relative; } .l-4162027d { margin-left: 8px; fill: currentColor; } .l-83318621 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-7618522d { display: flex; align-items: center; justify-content: center; height: 80px; } .l-dfc5f2d4 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-dfc5f2d4.l-88b0982a { display: flex; } .l-c184e342 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-dd4d78a6 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-dd4d78a6:hover { color: var(--color-primary); } .l-4eab230e { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-489bfce1 { font-size: 34px; margin-right: var(--size-xxs); } .l-c6583277 { font-size: 24px; font-weight: 600; } .l-5a8853c8 { display: flex; justify-content: center; align-items: center; } .l-d6d5367d { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-05b9525b { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-05b9525b:hover { color: var(--color-primary); } .l-3dffb937 { color: var(--color-primary); } .l-99a62a40 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-99a62a40:hover { transform: scale(1.05); } .l-99a62a40 svg { fill: var(--color-text); } .l-18bdf8b5 { display: none; } .l-b1d4a4ee .l-18bdf8b5 { display: inline; } .l-b1d4a4ee .l-764fe4d3 { display: none; } .l-e0f2194f { height: var(--size-m); justify-content: flex-start; } .l-8e70a60b .l-3dffb937::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-dfc5f2d4 { display: none; height: auto; } .l-dfc5f2d4 .l-d6d5367d { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-dfc5f2d4 .l-05b9525b { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-dfc5f2d4 .l-c184e342 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-dfc5f2d4 .l-dd4d78a6 { justify-content: center; min-height: 35px; height: initial; } .l-dfc5f2d4 .l-3dffb937 { color: var(--color-primary); } .l-dfc5f2d4 .l-dd4d78a6.l-3dffb937 { color: var(--color-primary); } .l-4eab230e { margin: 0 auto; transform: translateX(24px); } .l-489bfce1 { font-size: 28px; } .l-c6583277 { font-size: 20px; } .l-99a62a40 { display: flex; } }@media screen and (max-width: 576px) { .l-4eab230e { margin-left: initial; } .l-dfc5f2d4 .l-d6d5367d { padding: var(--size-xs) 0; } } .l-beb37193 { position: relative; min-height: 600px; display: flex; align-items: flex-end; } .l-7bd836ff { 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-b950bd16 { flex: 0 0 clamp(18.75rem, 36.5853658537vw + -1.1432926829rem, 28.125rem); } .l-9371d534 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-9371d534::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-9371d534 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 870px) { .l-beb37193 { align-items: center; } .l-7bd836ff { flex-direction: column; text-align: center; } .l-b950bd16 { flex-basis: auto; } }@media screen and (max-width: 576px) { .l-beb37193 { min-height: 400px; } } .l-bb48b833 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-b953996e { text-align: center; } .l-bb48b833 { column-count: 1; } } .l-c680cad9 { display: flex; gap: var(--size-s); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: var(--size-xl) 20px; margin-inline: -20px; } .l-25018c6f { width: 50%; } .l-04d02cc8 { min-width: 270px; height: 100%; box-shadow: var(--shadow); display: flex; flex-direction: column; } .l-173fd67f { padding: var(--size-s) var(--size-m); } .l-29604484 { transform: scale(1.2); } .l-b2a6e0e9 { padding: var(--size-s) var(--size-m); margin-top: auto; } .l-c5421527 svg { fill: var(--color-text); } @media screen and (max-width: 1024px) { .l-c680cad9 { padding: 20px 20px 10px; } .l-29604484 { transform: none; } }@media screen and (max-width: 768px) { .l-25018c6f { width: 100%; } }@media screen and (max-width: 576px) { .l-c680cad9 { flex-direction: column; overflow: initial; padding: 0; margin-inline: 0; } .l-04d02cc8 { text-align: center; } } .l-a92d8f6f { width: 60%; } .l-391055c4 { flex: 1; position: relative; display: flex; gap: var(--size-l); } .l-4c11f3a9 { flex: 1; } .l-21a83526 { position: relative; } .l-21a83526::before { content: ""; position: absolute; top: 0; left: calc(-1 * var(--size-l) / 2); width: 1px; height: 100%; background-color: var(--color-primary); } .l-4fa908e1::before { display: none; } @media screen and (max-width: 870px) { .l-4951652b { flex-direction: column; } .l-a92d8f6f { width: 100%; } .l-391055c4 { display: grid; grid-template-columns: 1fr 1fr; } .l-391055c4::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-primary); } .l-391055c4::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--color-primary); } .l-21a83526::before { display: none; } }@media screen and (max-width: 576px) { .l-a92d8f6f { text-align: center; } .l-391055c4 { margin-top: var(--size-m); gap: var(--size-m); grid-template-columns: 1fr; } .l-391055c4::before { display: none; } .l-391055c4::after { display: none; } .l-21a83526::before { left: 0; top: calc(-1 * var(--size-m) / 2); display: block; height: 1px; width: 100%; } .l-4fa908e1::before { display: none; } } .l-e90ea3b9 { display: flex; align-items: center; gap: var(--size-m); } .l-d641f4da { flex: 1; } .l-ec43088f { flex: 1; } @media screen and (max-width: 768px) { .l-e90ea3b9 { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-ec43088f { text-align: center; } } .l-2594b7b7 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-95657f94 { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-117d6092 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-9f318d50 { font-size: 36px; margin-right: var(--size-xs); } .l-a23d3f6e { font-size: 24px; font-weight: 600; } .l-a667d1bc { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-b9fe2117 { margin-bottom: 8px; } .l-3d889f33 { white-space: nowrap; } .l-ab7573c5 { height: 8px; } .l-bb904eda { max-width: 30%; } @media screen and (max-width: 870px) { .l-bb904eda { max-width: 100%; } .l-2594b7b7 { flex-direction: column; gap: var(--size-m); } .l-95657f94 { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-dbb063ce { order: 3; } }@media screen and (max-width: 576px) { .l-a667d1bc { flex-direction: column; gap: var(--size-xs); } } .l-26fecfd9 { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-a44cb4ab { fill: var(--color-text-light); } .l-ef110601 { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-26fecfd9 { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-57092340 { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-f9070ff2 { display: block; } .l-3e1805c5 { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-57092340 { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-3e1805c5 { gap: var(--size-xxs); } .l-dccd1f44 { width: 100%; } } .l-7e883fe5 .l-4905a672 { display: flex; } .l-7e883fe5 .l-2cb3db49 { transform: scaleY(-1); } .l-9a17f206 { position: relative; } .l-2cb3db49 { margin-left: 8px; fill: currentColor; } .l-fabff922 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-02aba7d4 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-3b5b8374 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-3b5b8374.l-d0245d9d { display: flex; } .l-4905a672 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-5cb62a48 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-5cb62a48:hover { color: var(--color-primary); } .l-000deec5 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-cd6b48a6 { font-size: 34px; margin-right: var(--size-xxs); } .l-db3850b6 { font-size: 24px; font-weight: 600; } .l-13b1eb78 { display: flex; justify-content: center; align-items: center; } .l-69ea5843 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-db075f50 { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-db075f50:hover { color: var(--color-primary); } .l-4f79347c { color: var(--color-primary); } .l-7b28fec5 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-7b28fec5:hover { transform: scale(1.05); } .l-7b28fec5 svg { fill: var(--color-text); } .l-d4b45a86 { display: none; } .l-5e1340c3 .l-d4b45a86 { display: inline; } .l-5e1340c3 .l-178ca663 { display: none; } .l-d20ee4ca { height: var(--size-m); justify-content: flex-start; } .l-5fdbc527 .l-4f79347c::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-3b5b8374 { display: none; height: auto; } .l-3b5b8374 .l-69ea5843 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-3b5b8374 .l-db075f50 { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-3b5b8374 .l-4905a672 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-3b5b8374 .l-5cb62a48 { justify-content: center; min-height: 35px; height: initial; } .l-3b5b8374 .l-4f79347c { color: var(--color-primary); } .l-3b5b8374 .l-5cb62a48.l-4f79347c { color: var(--color-primary); } .l-000deec5 { margin: 0 auto; transform: translateX(24px); } .l-cd6b48a6 { font-size: 28px; } .l-db3850b6 { font-size: 20px; } .l-7b28fec5 { display: flex; } }@media screen and (max-width: 576px) { .l-000deec5 { margin-left: initial; } .l-3b5b8374 .l-69ea5843 { padding: var(--size-xs) 0; } } .l-f142ea0e { overflow: hidden; } .l-6cd6c475 { padding-left: var(--wrapper-padding); display: flex; align-items: flex-start; gap: var(--size-s); } .l-78c6a1da { flex: 0 1 465px; display: flex; flex-direction: column; align-items: flex-start; } .l-d304875a { flex: 0 1 726px; } @media screen and (max-width: 1024px) { .l-6cd6c475 { gap: var(--size-l); padding: 0 var(--wrapper-padding); flex-direction: column; } .l-78c6a1da { flex: auto; } .l-d304875a { 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-78c6a1da { text-align: center; align-items: center; } } .l-4a74f3fe { display: flex; align-items: center; gap: var(--size-m); } .l-6bbf067d { flex: 1; } .l-fb1fad27 { flex: 1; } @media screen and (max-width: 768px) { .l-4a74f3fe { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-fb1fad27 { text-align: center; } } .l-29b12df5 { width: 60%; } .l-614d830b { flex: 1; position: relative; display: flex; gap: var(--size-l); } .l-375d1726 { flex: 1; } .l-88918282 { position: relative; } .l-88918282::before { content: ""; position: absolute; top: 0; left: calc(-1 * var(--size-l) / 2); width: 1px; height: 100%; background-color: var(--color-primary); } .l-baae7285::before { display: none; } @media screen and (max-width: 870px) { .l-4d106cc8 { flex-direction: column; } .l-29b12df5 { width: 100%; } .l-614d830b { display: grid; grid-template-columns: 1fr 1fr; } .l-614d830b::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-primary); } .l-614d830b::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--color-primary); } .l-88918282::before { display: none; } }@media screen and (max-width: 576px) { .l-29b12df5 { text-align: center; } .l-614d830b { margin-top: var(--size-m); gap: var(--size-m); grid-template-columns: 1fr; } .l-614d830b::before { display: none; } .l-614d830b::after { display: none; } .l-88918282::before { left: 0; top: calc(-1 * var(--size-m) / 2); display: block; height: 1px; width: 100%; } .l-baae7285::before { display: none; } } .l-4b8a01fd { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-cd533c42 { text-align: center; } .l-4b8a01fd { column-count: 1; } } .l-9bf33348 { padding: 0; } @media screen and (max-width: 1280px) { .l-5dfd4d9a { border-radius: 0; } }@media screen and (max-width: 768px) { .l-9bf33348 { padding: 0 var(--wrapper-padding); } .l-f4ec1cfb { column-count: 1; } .l-5dfd4d9a { border-radius: var(--b-radius); } }@media screen and (max-width: 576px) { .l-f4ec1cfb { text-align: center; } } .l-6ddd7251 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); } .l-9d60f501 { flex: 0 0 45%; position: relative; } .l-898e3b73 { flex: 1; position: relative; z-index: 1; } .l-3676d90c { user-select: none; } .l-3676d90c[open] .l-bbefb00c { transform: rotate(45deg); } .l-5c810c76 { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: var(--size-s) var(--size-m); } .l-5c810c76::-webkit-details-marker { display: none; } .l-bbefb00c { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-color: var(--color-bg); border-radius: 50%; margin-left: var(--size-xs); } .l-bbefb00c svg { fill: var(--color-primary); } .l-0be2a4ff { padding: 0 var(--size-m) var(--size-s); } @media screen and (max-width: 870px) { .l-5c810c76 { padding-top: var(--size-xs); padding-bottom: var(--size-xs); } .l-bbefb00c { width: 24px; height: 24px; } .l-bbefb00c svg { width: 16px; height: 16px; } .l-0be2a4ff { padding-bottom: var(--size-xs); } }@media screen and (max-width: 768px) { .l-6ddd7251 { align-items: center; flex-direction: column; gap: var(--size-m); } .l-9d60f501 { flex: 0; } .l-898e3b73 { margin-left: 0; max-width: 70%; } }@media screen and (max-width: 576px) { .l-9d60f501 { text-align: center; } .l-898e3b73 { max-width: inherit; width: 100%; } } .l-92eb7d6a { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-72ed6c1b { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-f0d1e33d { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-3c215ff6 { font-size: 36px; margin-right: var(--size-xs); } .l-69f1f9b9 { font-size: 24px; font-weight: 600; } .l-f2d7343b { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-6266072e { margin-bottom: 8px; } .l-8baed574 { white-space: nowrap; } .l-80f32110 { height: 8px; } .l-110b6188 { max-width: 30%; } @media screen and (max-width: 870px) { .l-110b6188 { max-width: 100%; } .l-92eb7d6a { flex-direction: column; gap: var(--size-m); } .l-72ed6c1b { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-829912c5 { order: 3; } }@media screen and (max-width: 576px) { .l-f2d7343b { flex-direction: column; gap: var(--size-xs); } } .l-5a2144ff { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-42849cbb { fill: var(--color-text-light); } .l-106f5d25 { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-5a2144ff { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-840e00fe { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-3d5d33dd { display: block; } .l-a8bd76af { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-840e00fe { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-a8bd76af { gap: var(--size-xxs); } .l-57097f77 { width: 100%; } } .l-11315af3 .l-de224bb9 { display: flex; } .l-11315af3 .l-9082c9cc { transform: scaleY(-1); } .l-e75c50fb { position: relative; } .l-9082c9cc { margin-left: 8px; fill: currentColor; } .l-4ae1b61f { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-8549095a { display: flex; align-items: center; justify-content: center; height: 80px; } .l-bb0acfa9 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-bb0acfa9.l-81514b34 { display: flex; } .l-de224bb9 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-ec5a0766 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-ec5a0766:hover { color: var(--color-primary); } .l-a2713613 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-204ee533 { font-size: 34px; margin-right: var(--size-xxs); } .l-ade1dc12 { font-size: 24px; font-weight: 600; } .l-4f6f8396 { display: flex; justify-content: center; align-items: center; } .l-69ff6772 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-4cd78d6d { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-4cd78d6d:hover { color: var(--color-primary); } .l-a72c1657 { color: var(--color-primary); } .l-8cc79659 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-8cc79659:hover { transform: scale(1.05); } .l-8cc79659 svg { fill: var(--color-text); } .l-8ed00bb1 { display: none; } .l-878c4fe2 .l-8ed00bb1 { display: inline; } .l-878c4fe2 .l-094ef3e8 { display: none; } .l-5a5a1114 { height: var(--size-m); justify-content: flex-start; } .l-1e1e187c .l-a72c1657::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-bb0acfa9 { display: none; height: auto; } .l-bb0acfa9 .l-69ff6772 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-bb0acfa9 .l-4cd78d6d { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-bb0acfa9 .l-de224bb9 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-bb0acfa9 .l-ec5a0766 { justify-content: center; min-height: 35px; height: initial; } .l-bb0acfa9 .l-a72c1657 { color: var(--color-primary); } .l-bb0acfa9 .l-ec5a0766.l-a72c1657 { color: var(--color-primary); } .l-a2713613 { margin: 0 auto; transform: translateX(24px); } .l-204ee533 { font-size: 28px; } .l-ade1dc12 { font-size: 20px; } .l-8cc79659 { display: flex; } }@media screen and (max-width: 576px) { .l-a2713613 { margin-left: initial; } .l-bb0acfa9 .l-69ff6772 { padding: var(--size-xs) 0; } } .l-6e592052 { display: flex; align-items: center; gap: var(--size-s); } .l-df4781a4 { flex: 1; } .l-2ea8ace1 { flex: 0 1 465px; padding: var(--size-m) var(--size-s); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .l-6ebf1b6b { flex: 1 1 660px; } @media screen and (max-width: 1024px) { .l-6e592052 { flex-direction: column; } .l-2ea8ace1 { flex: auto; } .l-6ebf1b6b { flex: auto; width: 100%; } }@media screen and (max-width: 576px) { .l-2ea8ace1 { text-align: center; align-items: center; padding: var(--size-m); } } .l-10eb57ac { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-10eb57ac { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-10eb57ac { padding: var(--size-s); } } .l-3dfb1330 { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); } .l-77f68226 { flex: 1; } .l-a2491f7d { flex: 1; display: flex; flex-direction: column; gap: var(--size-m); } .l-c2193e18 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-s); } .l-11d46ebb { 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-3dfb1330 { flex-direction: column; gap: var(--size-m); } .l-77f68226 { text-align: center; } }@media screen and (max-width: 576px) { .l-a2491f7d { gap: var(--size-s); } .l-c2193e18 { flex-direction: column; gap: var(--size-xxs); } } .l-a0dfc4b0 { display: flex; gap: var(--size-s); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: var(--size-xl) 20px; margin-inline: -20px; } .l-2dfde0fa { width: 50%; } .l-f6454ee2 { min-width: 270px; height: 100%; box-shadow: var(--shadow); display: flex; flex-direction: column; } .l-4bcc441f { padding: var(--size-s) var(--size-m); } .l-bc188467 { transform: scale(1.2); } .l-d7fee468 { padding: var(--size-s) var(--size-m); margin-top: auto; } .l-b00d0fee svg { fill: var(--color-text); } @media screen and (max-width: 1024px) { .l-a0dfc4b0 { padding: 20px 20px 10px; } .l-bc188467 { transform: none; } }@media screen and (max-width: 768px) { .l-2dfde0fa { width: 100%; } }@media screen and (max-width: 576px) { .l-a0dfc4b0 { flex-direction: column; overflow: initial; padding: 0; margin-inline: 0; } .l-f6454ee2 { text-align: center; } } .l-332a45c8 { position: relative; display: flex; align-items: center; gap: var(--size-m); min-height: 550px; padding: var(--size-xl); } .l-c85c3b08 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .l-659c0490 { position: relative; z-index: 2; width: 60%; margin-left: auto; padding: var(--size-m); } @media screen and (max-width: 870px) { .l-659c0490 { width: 100%; } }@media screen and (max-width: 576px) { .l-332a45c8 { padding: 0; flex-direction: column-reverse; } .l-c85c3b08 { position: static; border-radius: 0; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .l-659c0490 { text-align: center; } } .l-5dec4d8b { display: flex; justify-content: flex-start; align-items: center; position: relative; gap: var(--size-s); z-index: 1; } .l-30e457e0 { padding: var(--size-m); flex: 0 0 60%; display: flex; flex-direction: column; justify-content: center; } .l-61ce51e2 { display: flex; justify-content: flex-start; } .l-51ad43df { padding: var(--size-xl); flex: 1; display: flex; justify-content: flex-start; align-items: center; } .l-29fc33e5 { display: flex; justify-content: flex-start; align-items: center; } .l-0068bbc1 { width: 32px; height: 32px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: var(--size-m); } .l-15dfb720 { fill: var(--color-text); } .l-42ab37bf { stroke: var(--color-text); } .l-5e40d18a { stroke: var(--color-text); } .l-1038ae52 { display: flex; flex-direction: column; } .l-6ce6bd03 { flex: 0 0 50%; height: 383px; } .l-7d9bf84d { position: relative; z-index: 1; } @media screen and (max-width: 870px) { .l-5dec4d8b { flex-direction: column; } .l-30e457e0 { width: 100%; flex: 0 0 auto; } .l-61ce51e2 { flex-direction: column; } .l-51ad43df { width: 100%; padding: var(--size-m); var(--wrapper-padding); } .l-97e6d252 { width: 100%; display: flex; justify-content: space-between; } .l-29fc33e5 { margin-top: 0; align-items: flex-start; flex-direction: column; } .l-0068bbc1 { margin-right: 0; } .l-1038ae52 { margin-top: var(--size-xs); } .l-6ce6bd03 { height: 429px; width: 100%; flex: 0 0 auto; } }@media screen and (max-width: 576px) { .l-30e457e0 { padding: var(--size-xs); } .l-97e6d252 { flex-direction: column; align-items: center; gap: var(--size-s); margin-top: var(--size-s); } .l-29fc33e5 { align-items: center; } .l-1038ae52 { text-align: center; } .l-6ce6bd03 { height: 370px; } } .l-ae7fedaa { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-07e81e6f { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-ae68ad46 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-807fb988 { font-size: 36px; margin-right: var(--size-xs); } .l-2ca13ddd { font-size: 24px; font-weight: 600; } .l-7fea69ba { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-0fe7f0b9 { margin-bottom: 8px; } .l-839cd318 { white-space: nowrap; } .l-0553bc7a { height: 8px; } .l-01b120a8 { max-width: 30%; } @media screen and (max-width: 870px) { .l-01b120a8 { max-width: 100%; } .l-ae7fedaa { flex-direction: column; gap: var(--size-m); } .l-07e81e6f { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-c6e7ee0a { order: 3; } }@media screen and (max-width: 576px) { .l-7fea69ba { flex-direction: column; gap: var(--size-xs); } } .l-290b5c5d { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-8a760e49 { fill: var(--color-text-light); } .l-1ae6ab1a { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-290b5c5d { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-be13fc00 { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-f30f3c17 { display: block; } .l-dd3b2f9e { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-be13fc00 { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-dd3b2f9e { gap: var(--size-xxs); } .l-8b6971df { width: 100%; } } .l-1a91630c .l-052fba80 { display: flex; } .l-1a91630c .l-3160cd2b { transform: scaleY(-1); } .l-4619ab87 { position: relative; } .l-3160cd2b { margin-left: 8px; fill: currentColor; } .l-b3b607d8 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-39504c89 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-c6c76f86 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-c6c76f86.l-692adaa1 { display: flex; } .l-052fba80 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-bde564d0 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-bde564d0:hover { color: var(--color-primary); } .l-caf81713 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-77bf0ee8 { font-size: 34px; margin-right: var(--size-xxs); } .l-e029a5ad { font-size: 24px; font-weight: 600; } .l-aa331bb6 { display: flex; justify-content: center; align-items: center; } .l-37653895 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-cf97a91d { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-cf97a91d:hover { color: var(--color-primary); } .l-08ac34c8 { color: var(--color-primary); } .l-8bcc72c2 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-8bcc72c2:hover { transform: scale(1.05); } .l-8bcc72c2 svg { fill: var(--color-text); } .l-1679d121 { display: none; } .l-e7fcf4d8 .l-1679d121 { display: inline; } .l-e7fcf4d8 .l-a129c9a0 { display: none; } .l-f4fe6230 { height: var(--size-m); justify-content: flex-start; } .l-33490e40 .l-08ac34c8::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-c6c76f86 { display: none; height: auto; } .l-c6c76f86 .l-37653895 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-c6c76f86 .l-cf97a91d { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-c6c76f86 .l-052fba80 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-c6c76f86 .l-bde564d0 { justify-content: center; min-height: 35px; height: initial; } .l-c6c76f86 .l-08ac34c8 { color: var(--color-primary); } .l-c6c76f86 .l-bde564d0.l-08ac34c8 { color: var(--color-primary); } .l-caf81713 { margin: 0 auto; transform: translateX(24px); } .l-77bf0ee8 { font-size: 28px; } .l-e029a5ad { font-size: 20px; } .l-8bcc72c2 { display: flex; } }@media screen and (max-width: 576px) { .l-caf81713 { margin-left: initial; } .l-c6c76f86 .l-37653895 { padding: var(--size-xs) 0; } } .l-2bf061e8 { display: flex; align-items: center; gap: var(--size-s); } .l-126a941f { flex: 1; } .l-593e1d5b { flex: 0 1 465px; padding: var(--size-m) var(--size-s); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .l-429cb6f8 { flex: 1 1 660px; } @media screen and (max-width: 1024px) { .l-2bf061e8 { flex-direction: column; } .l-593e1d5b { flex: auto; } .l-429cb6f8 { flex: auto; width: 100%; } }@media screen and (max-width: 576px) { .l-593e1d5b { text-align: center; align-items: center; padding: var(--size-m); } } .l-d3faa8b9 { text-align: center; } .l-c5a1cb9b { display: flex; gap: var(--size-s); height: clamp(37.5rem, 58.59375vw + 9.375rem, 56.25rem); } .l-b19b3d1d { flex: 1; display: flex; flex-direction: column; } .l-d5b5a127 { flex: 0 0 40%; display: flex; flex-direction: column; gap: var(--size-s); } .l-f1c312cb { flex: 1; } @media screen and (max-width: 768px) { .l-f1c312cb { margin-top: var(--size-m); } .l-c5a1cb9b { flex-direction: column; height: auto; } } .l-e1c711fa { display: flex; gap: var(--size-s); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: var(--size-xl) 20px; margin-inline: -20px; } .l-a6edb69e { width: 50%; } .l-014a2732 { min-width: 270px; height: 100%; box-shadow: var(--shadow); display: flex; flex-direction: column; } .l-8ff6ffd6 { padding: var(--size-s) var(--size-m); } .l-dbf13b24 { transform: scale(1.2); } .l-eef806ad { padding: var(--size-s) var(--size-m); margin-top: auto; } .l-98ec312e svg { fill: var(--color-text); } @media screen and (max-width: 1024px) { .l-e1c711fa { padding: 20px 20px 10px; } .l-dbf13b24 { transform: none; } }@media screen and (max-width: 768px) { .l-a6edb69e { width: 100%; } }@media screen and (max-width: 576px) { .l-e1c711fa { flex-direction: column; overflow: initial; padding: 0; margin-inline: 0; } .l-014a2732 { text-align: center; } } .l-70be2e15 { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--size-xl); } .l-44243776 { flex: 1; } .l-e8f40255 { flex: 1; position: relative; display: flex; flex-direction: column; gap: var(--size-xs); width: 100%; } .l-fb6e91ed { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--color-surface); gap: var(--size-s); padding-bottom: var(--size-xs); } .l-cecfe184 { flex: 0 0 50px; font-size: 40px; line-height: 130%; font-weight: 500; } @media screen and (max-width: 870px) { .l-70be2e15 { flex-direction: column; } }@media screen and (max-width: 576px) { .l-44243776 { text-align: center; } .l-cecfe184 { font-size: 32px; flex: 0 0 35px; } } .l-48dd5714 { display: flex; align-items: center; gap: var(--size-m); } .l-380ac64a { flex: 1; } .l-49b81fa4 { flex: 1; } @media screen and (max-width: 768px) { .l-48dd5714 { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-49b81fa4 { text-align: center; } } .l-a85b01e5 { display: flex; justify-content: flex-start; position: relative; z-index: 1; } .l-59f4f6cb { 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-87f4d3ae { padding: clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem); flex: 1; display: flex; flex-direction: column; justify-content: center; } .l-371b8c4a { display: flex; justify-content: flex-start; align-items: center; } .l-7f48606d { 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-057b2dd9 { display: flex; flex-direction: column; } .l-895bacfc { margin-top: -100px; height: clamp(32rem, 13.28125vw + 25.625rem, 36.25rem); } .l-c4bcbe59 { position: relative; z-index: 1; } @media screen and (max-width: 870px) { .l-a85b01e5 { flex-direction: column-reverse; } .l-59f4f6cb { width: 100%; } }@media screen and (max-width: 768px) { .l-f0ccf624 { width: 100%; display: flex; justify-content: space-between; gap: var(--size-s); } .l-f0ccf624 .l-371b8c4a { margin-top: 0; } .l-371b8c4a { align-items: flex-start; flex-direction: column; flex: 1; } .l-7f48606d { margin-right: 0; } .l-057b2dd9 { margin-top: var(--size-xs); } .l-895bacfc { height: clamp(38.75rem, -27.4809160305vw + 45.1908396947rem, 32rem); } }@media screen and (max-width: 576px) { .l-59f4f6cb { text-align: center; } .l-f0ccf624 { flex-direction: column; align-items: center; margin-top: var(--size-s); } .l-371b8c4a { align-items: center; } .l-bded0398 { margin: 0 auto; } } .l-83c50ae3 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-e1f16e85 { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-d5193c31 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-346e08b7 { font-size: 36px; margin-right: var(--size-xs); } .l-ccc9bc1c { font-size: 24px; font-weight: 600; } .l-d2ad45b1 { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-fde0e042 { margin-bottom: 8px; } .l-bbe68649 { white-space: nowrap; } .l-470d4430 { height: 8px; } .l-7511c8d2 { max-width: 30%; } @media screen and (max-width: 870px) { .l-7511c8d2 { max-width: 100%; } .l-83c50ae3 { flex-direction: column; gap: var(--size-m); } .l-e1f16e85 { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-699fad46 { order: 3; } }@media screen and (max-width: 576px) { .l-d2ad45b1 { flex-direction: column; gap: var(--size-xs); } } .l-617920b1 { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-fd247d87 { fill: var(--color-text-light); } .l-50e4a8a9 { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-617920b1 { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-58c9e1ca { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-ddc768da { display: block; } .l-89fd710b { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-58c9e1ca { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-89fd710b { gap: var(--size-xxs); } .l-34e7dd97 { width: 100%; } } .l-997d2cf4 .l-24f7a817 { display: flex; } .l-997d2cf4 .l-8b13b01a { transform: scaleY(-1); } .l-bad931a0 { position: relative; } .l-8b13b01a { margin-left: 8px; fill: currentColor; } .l-24ef7a82 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-7319a3b9 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-3776c636 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-3776c636.l-156fdcf7 { display: flex; } .l-24f7a817 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-a5f16b7a { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-a5f16b7a:hover { color: var(--color-primary); } .l-b9c1574e { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-dc5a2ecf { font-size: 34px; margin-right: var(--size-xxs); } .l-e59bc374 { font-size: 24px; font-weight: 600; } .l-67bd1b61 { display: flex; justify-content: center; align-items: center; } .l-97313e36 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-d1e5aa61 { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-d1e5aa61:hover { color: var(--color-primary); } .l-e57b2f1d { color: var(--color-primary); } .l-aa371bc5 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-aa371bc5:hover { transform: scale(1.05); } .l-aa371bc5 svg { fill: var(--color-text); } .l-8927790f { display: none; } .l-9340fe86 .l-8927790f { display: inline; } .l-9340fe86 .l-9a3a7812 { display: none; } .l-4a9498a1 { height: var(--size-m); justify-content: flex-start; } .l-1c0739d0 .l-e57b2f1d::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-3776c636 { display: none; height: auto; } .l-3776c636 .l-97313e36 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-3776c636 .l-d1e5aa61 { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-3776c636 .l-24f7a817 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-3776c636 .l-a5f16b7a { justify-content: center; min-height: 35px; height: initial; } .l-3776c636 .l-e57b2f1d { color: var(--color-primary); } .l-3776c636 .l-a5f16b7a.l-e57b2f1d { color: var(--color-primary); } .l-b9c1574e { margin: 0 auto; transform: translateX(24px); } .l-dc5a2ecf { font-size: 28px; } .l-e59bc374 { font-size: 20px; } .l-aa371bc5 { display: flex; } }@media screen and (max-width: 576px) { .l-b9c1574e { margin-left: initial; } .l-3776c636 .l-97313e36 { padding: var(--size-xs) 0; } } .l-e8a462ce { position: relative; } .l-e8a462ce .l-7f78235f { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-86db5270 { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-30755b59 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-30755b59::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-30755b59 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-86db5270 { width: 100%; } }@media screen and (max-width: 576px) { .l-0d126532 { text-align: center; } } .l-06f5a9da { padding: var(--size-xl); } @media screen and (max-width: 768px) { .l-06f5a9da { text-align: center; padding: var(--size-m); } }@media screen and (max-width: 576px) { .l-06f5a9da { padding: var(--size-s); } } .l-bb54cffa { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: var(--size-s); } .l-713d3945 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-713d3945::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .l-bcd8cd92 { position: relative; grid-row: span 2; min-height: 350px; padding: var(--size-s) var(--size-s) var(--size-m); } .l-bc53ea10 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-s); } .l-df8199ff { padding: var(--size-s) var(--size-s) var(--size-m); } .l-6eef0837 { display: flex; justify-content: space-between; align-items: center; gap: var(--size-s); } .l-0faeeb94 { 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-713d3945 { position: static; border-radius: var(--b-radius); overflow: hidden; height: auto; } .l-713d3945::after { display: none; } .l-bcd8cd92 { border-radius: 0; padding: 0; display: flex; flex-direction: column-reverse; gap: var(--size-s); } }@media screen and (max-width: 768px) { .l-bb54cffa { grid-template-columns: 1fr; grid-template-rows: auto; } .l-bcd8cd92 { text-align: center; } .l-bc53ea10 { grid-template-columns: 1fr 1fr; } }@media screen and (max-width: 576px) { .l-bb441892 { color: var(--color-text); } .l-bc53ea10 { grid-template-columns: 1fr; } .l-df8199ff { padding: var(--size-xs); } .l-6eef0837 { flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; gap: var(--size-xs); } } .l-119251e6 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-e1f55b7e { text-align: center; } .l-119251e6 { column-count: 1; } } .l-394a3b72 { display: flex; align-items: center; gap: var(--size-m); } .l-9d913fe6 { flex: 1; } .l-9d501b1d { flex: 1; } @media screen and (max-width: 768px) { .l-394a3b72 { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-9d501b1d { text-align: center; } } .l-03d99844 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-86ebaa09 { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-f48fe472 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-6a12ec84 { font-size: 36px; margin-right: var(--size-xs); } .l-6aab0319 { font-size: 24px; font-weight: 600; } .l-75ae7100 { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-3e909e38 { margin-bottom: 8px; } .l-4b45731f { white-space: nowrap; } .l-73c48e95 { height: 8px; } .l-4ddb68a2 { max-width: 30%; } @media screen and (max-width: 870px) { .l-4ddb68a2 { max-width: 100%; } .l-03d99844 { flex-direction: column; gap: var(--size-m); } .l-86ebaa09 { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-7baf6004 { order: 3; } }@media screen and (max-width: 576px) { .l-75ae7100 { flex-direction: column; gap: var(--size-xs); } } .l-94060227 { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-79fc4ae4 { fill: var(--color-text-light); } .l-16581acc { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-94060227 { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-e77c178b { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-e5d83598 { display: block; } .l-d582b8e0 { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-e77c178b { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-d582b8e0 { gap: var(--size-xxs); } .l-ab3fd305 { width: 100%; } } .l-1d1c6c1e .l-e47a65dd { display: flex; } .l-1d1c6c1e .l-b81aebe1 { transform: scaleY(-1); } .l-9b27f88c { position: relative; } .l-b81aebe1 { margin-left: 8px; fill: currentColor; } .l-4c1c7fc0 { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-25c4bdac { display: flex; align-items: center; justify-content: center; height: 80px; } .l-1387afbd { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-1387afbd.l-5966f091 { display: flex; } .l-e47a65dd { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-f68fd87c { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-f68fd87c:hover { color: var(--color-primary); } .l-9ce3b83a { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-f3606729 { font-size: 34px; margin-right: var(--size-xxs); } .l-01d90080 { font-size: 24px; font-weight: 600; } .l-e7487fc4 { display: flex; justify-content: center; align-items: center; } .l-d25148d2 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-2d3b3b9f { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-2d3b3b9f:hover { color: var(--color-primary); } .l-ffd1a187 { color: var(--color-primary); } .l-7cf593cc { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-7cf593cc:hover { transform: scale(1.05); } .l-7cf593cc svg { fill: var(--color-text); } .l-9f797269 { display: none; } .l-6dd2df28 .l-9f797269 { display: inline; } .l-6dd2df28 .l-e27fc1f3 { display: none; } .l-0e804c7f { height: var(--size-m); justify-content: flex-start; } .l-005e26eb .l-ffd1a187::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-1387afbd { display: none; height: auto; } .l-1387afbd .l-d25148d2 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-1387afbd .l-2d3b3b9f { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-1387afbd .l-e47a65dd { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-1387afbd .l-f68fd87c { justify-content: center; min-height: 35px; height: initial; } .l-1387afbd .l-ffd1a187 { color: var(--color-primary); } .l-1387afbd .l-f68fd87c.l-ffd1a187 { color: var(--color-primary); } .l-9ce3b83a { margin: 0 auto; transform: translateX(24px); } .l-f3606729 { font-size: 28px; } .l-01d90080 { font-size: 20px; } .l-7cf593cc { display: flex; } }@media screen and (max-width: 576px) { .l-9ce3b83a { margin-left: initial; } .l-1387afbd .l-d25148d2 { padding: var(--size-xs) 0; } } .l-49e3512b { position: relative; } .l-49e3512b .l-eacdb703 { margin: calc(-1 * var(--section-padding)) auto; position: relative; min-height: 700px; display: flex; justify-content: flex-start; align-items: center; } .l-48696f4b { display: flex; justify-content: center; align-items: center; gap: var(--size-m); min-height: 600px; width: 60%; } .l-1104bbbe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .l-1104bbbe::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .l-1104bbbe img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } @media screen and (max-width: 1024px) { .l-48696f4b { width: 100%; } }@media screen and (max-width: 576px) { .l-d42d47e2 { text-align: center; } } .l-152f4078 { text-align: center; } .l-ef862088 { column-count: 2; gap: var(--size-m); } @media screen and (max-width: 768px) { .l-c1dd36dc { text-align: center; } .l-ef862088 { column-count: 1; } } .l-1137aaba { display: flex; align-items: center; gap: var(--size-m); } .l-d4a5d4a9 { flex: 1; } .l-badfc9be { flex: 1; } @media screen and (max-width: 768px) { .l-1137aaba { flex-direction: column-reverse; } }@media screen and (max-width: 576px) { .l-badfc9be { text-align: center; } } .l-86d78f5b { display: flex; justify-content: flex-start; position: relative; z-index: 1; } .l-90f592da { 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-ad0d7f3e { padding: clamp(1.5rem, 7.8048780488vw + -2.743902439rem, 3.5rem); flex: 1; display: flex; flex-direction: column; justify-content: center; } .l-83c2e5a6 { display: flex; justify-content: flex-start; align-items: center; } .l-ab7ae357 { 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-c9d2dc60 { display: flex; flex-direction: column; } .l-7064ac10 { margin-top: -100px; height: clamp(32rem, 13.28125vw + 25.625rem, 36.25rem); } .l-b4084dd8 { position: relative; z-index: 1; } @media screen and (max-width: 870px) { .l-86d78f5b { flex-direction: column-reverse; } .l-90f592da { width: 100%; } }@media screen and (max-width: 768px) { .l-b338ab72 { width: 100%; display: flex; justify-content: space-between; gap: var(--size-s); } .l-b338ab72 .l-83c2e5a6 { margin-top: 0; } .l-83c2e5a6 { align-items: flex-start; flex-direction: column; flex: 1; } .l-ab7ae357 { margin-right: 0; } .l-c9d2dc60 { margin-top: var(--size-xs); } .l-7064ac10 { height: clamp(38.75rem, -27.4809160305vw + 45.1908396947rem, 32rem); } }@media screen and (max-width: 576px) { .l-90f592da { text-align: center; } .l-b338ab72 { flex-direction: column; align-items: center; margin-top: var(--size-s); } .l-83c2e5a6 { align-items: center; } .l-27b79be1 { margin: 0 auto; } } .l-0291cd8e { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-39977f3d { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-e1777107 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-cc001f56 { font-size: 36px; margin-right: var(--size-xs); } .l-d3b4d77a { font-size: 24px; font-weight: 600; } .l-e4757adc { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-5ac6a128 { margin-bottom: 8px; } .l-24c0ca89 { white-space: nowrap; } .l-d7f00707 { height: 8px; } .l-2b38bbcd { max-width: 30%; } @media screen and (max-width: 870px) { .l-2b38bbcd { max-width: 100%; } .l-0291cd8e { flex-direction: column; gap: var(--size-m); } .l-39977f3d { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-348ecf78 { order: 3; } }@media screen and (max-width: 576px) { .l-e4757adc { flex-direction: column; gap: var(--size-xs); } } .l-2a8c8c8a { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-73670fe5 { fill: var(--color-text-light); } .l-b94986ce { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-2a8c8c8a { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-260b0552 { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-ae7fc2d3 { display: block; } .l-fd6d826f { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-260b0552 { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-fd6d826f { gap: var(--size-xxs); } .l-a41ae959 { width: 100%; } } .l-2d219cac .l-310d26e3 { display: flex; } .l-2d219cac .l-34fb8301 { transform: scaleY(-1); } .l-8da76849 { position: relative; } .l-34fb8301 { margin-left: 8px; fill: currentColor; } .l-d6e4763f { position: sticky; top: 0; z-index: 5; box-shadow: var(--shadow); } .l-b4199007 { display: flex; align-items: center; justify-content: center; height: 80px; } .l-e54689f6 { height: 61px; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--color-text-description); } .l-e54689f6.l-e3ebfee6 { display: flex; } .l-310d26e3 { display: none; transform: translateY(100%); bottom: -25px; position: absolute; box-shadow: 0px 0px 20px 20px rgba(23, 23, 28, 0.06); 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-d0feb493 { position: relative; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .l-d0feb493:hover { color: var(--color-primary); } .l-a8ac75a6 { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; text-decoration: none; } .l-422e83af { font-size: 34px; margin-right: var(--size-xxs); } .l-5380cff8 { font-size: 24px; font-weight: 600; } .l-3c37c7c6 { display: flex; justify-content: center; align-items: center; } .l-16105219 { display: flex; justify-content: center; align-items: center; gap: 8px; } .l-c5dc0f2a { text-decoration: none; padding: 4px 12px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; transition: 0.1s color ease-in-out; cursor: pointer; user-select: none; } .l-c5dc0f2a:hover { color: var(--color-primary); } .l-7b0174d6 { color: var(--color-primary); } .l-dd297ff2 { cursor: pointer; display: none; justify-content: center; align-items: center; transition: 0.3s transform ease-in-out; width: 48px; height: 48px; border-radius: var(--b-radius); text-align: center; border: 1px solid var(--color-text-description); } .l-dd297ff2:hover { transform: scale(1.05); } .l-dd297ff2 svg { fill: var(--color-text); } .l-ad1ae27f { display: none; } .l-37e3697c .l-ad1ae27f { display: inline; } .l-37e3697c .l-e58a9f23 { display: none; } .l-7db87b0e { height: var(--size-m); justify-content: flex-start; } .l-ee98b8d7 .l-7b0174d6::after { top: 0; left: calc(-1 * var(--wrapper-padding)); width: 4px; height: 100%; bottom: 0; } @media screen and (max-width: 1024px) { .l-e54689f6 { display: none; height: auto; } .l-e54689f6 .l-16105219 { flex-direction: column; gap: 8px; height: initial; align-items: center; padding: var(--size-s) 0; } .l-e54689f6 .l-c5dc0f2a { justify-content: center; min-height: 35px; height: initial; padding: 10px 20px; text-align: left; } .l-e54689f6 .l-310d26e3 { position: static; border-radius: 0; border: 0; background-color: transparent; min-width: initial; box-shadow: initial; transform: initial; text-align: center; flex-direction: column; justify-content: center; padding: 10px 20px 0; gap: 10px; } .l-e54689f6 .l-d0feb493 { justify-content: center; min-height: 35px; height: initial; } .l-e54689f6 .l-7b0174d6 { color: var(--color-primary); } .l-e54689f6 .l-d0feb493.l-7b0174d6 { color: var(--color-primary); } .l-a8ac75a6 { margin: 0 auto; transform: translateX(24px); } .l-422e83af { font-size: 28px; } .l-5380cff8 { font-size: 20px; } .l-dd297ff2 { display: flex; } }@media screen and (max-width: 576px) { .l-a8ac75a6 { margin-left: initial; } .l-e54689f6 .l-16105219 { padding: var(--size-xs) 0; } } .l-67b6b97e * + * { margin-top: var(--size-xs); } .l-67b6b97e ul { list-style: disc; } .l-67b6b97e ul li { margin-left: 16px; } .l-9dbd05b6 { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: var(--size-xl); gap: var(--size-xl); } .l-464c527a { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: var(--size-m); } .l-bca7b1aa { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; } .l-bc6e03bf { font-size: 36px; margin-right: var(--size-xs); } .l-141f987a { font-size: 24px; font-weight: 600; } .l-16d297f7 { display: flex; justify-content: center; align-items: flex-start; gap: var(--size-m); } .l-9570fde6 { margin-bottom: 8px; } .l-6c1e5d51 { white-space: nowrap; } .l-29bcb96d { height: 8px; } .l-6c1e1c0a { max-width: 30%; } @media screen and (max-width: 870px) { .l-6c1e1c0a { max-width: 100%; } .l-9dbd05b6 { flex-direction: column; gap: var(--size-m); } .l-464c527a { flex-direction: column; align-items: flex-start; gap: var(--size-xs); } .l-2cbccdbe { order: 3; } }@media screen and (max-width: 576px) { .l-16d297f7 { flex-direction: column; gap: var(--size-xs); } } .l-9cd6110d { position: fixed; bottom: 0; opacity: 0; right: 30px; opacity: 0; transform: translateY(100%); background-color: var(--color-primary); border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out; z-index: 4; } .l-6c46acc5 { fill: var(--color-text-light); } .l-b2da7187 { opacity: 1; transform: translateY(-35px); } @media screen and (max-width: 768px) { .l-9cd6110d { transform: scale(0.8); bottom: 15px; right: 15px; } } .l-d827f587 { display: none; position: fixed; bottom: 30px; left: var(--wrapper-padding); width: calc(100% - var(--wrapper-padding) * 2); max-width: 600px; padding: var(--size-m); z-index: 3; } .l-674e2204 { display: block; } .l-4fa6a259 { display: flex; flex-wrap: wrap; gap: var(--size-xs); } @media screen and (max-width: 768px) { .l-d827f587 { padding: var(--size-s); } }@media screen and (max-width: 576px) { .l-4fa6a259 { gap: var(--size-xxs); } .l-38587d8b { width: 100%; } } .l-adcef143 * + * { margin-top: var(--size-xs); } .l-adcef143 ul { list-style: disc; } .l-adcef143 ul li { margin-left: 16px; } .l-29f99883 * + * { margin-top: var(--size-xs); } .l-29f99883 ul { list-style: disc; } .l-29f99883 ul li { margin-left: 16px; } .l-79a138a4 * + * { margin-top: var(--size-xs); } .l-79a138a4 ul { list-style: disc; } .l-79a138a4 ul li { margin-left: 16px; }