/* Shared Lijix layout, typography, features and forms. Third-party notices: /THIRD_PARTY_NOTICES.md */
:root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans",
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
.h1, h1 { font-size: 2.5rem; }
}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
.h2, h2 { font-size: 2rem; }
}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
.h3, h3 { font-size: 1.75rem; }
}
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) {
.h4, h4 { font-size: 1.5rem; }
}
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
output { display: inline-block; }
summary { display: list-item; cursor: pointer; }
[hidden] { display: none !important; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px) {
.container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
@media (min-width: 1440px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1440px; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); }
@media (min-width: 992px) {
.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
}
.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: rgb(108, 117, 125); }
.form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); }

.overflow-hidden { overflow: hidden !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.position-relative { position: relative !important; }
.w-100 { width: 100% !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.pt-0 { padding-top: 0px !important; }
.fw-semibold { font-weight: 600 !important; }
.text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }
@media (min-width: 992px) {
.d-lg-block { display: block !important; }
}
:root { --white: #ffffff; --black: #000000; --primary: #09090B; --secondary: #71717A; --brand: #0F827B; --neutral-50: #FAFAFA; --neutral-100: #F4F4F5; --neutral-200: #E4E4E7; --neutral-300: #D4D4D8; --neutral-400: #A1A1AA; --neutral-500: #71717A; --neutral-600: #52525B; --neutral-700: #3F3F46; --neutral-800: #27272A; --neutral-900: #18181B; --neutral-950: #09090B; --body: #FFFFFF; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; vertical-align: baseline; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { margin-right: 0px !important; scroll-behavior: smooth; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Urbanist, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--primary); background-color: var(--body); }
body::-webkit-scrollbar { width: 0px; }
body::-webkit-scrollbar-thumb { cursor: grab; background-color: var(--primary); }
img { max-width: 100%; height: auto; transform: scale(1); vertical-align: middle; }
ul, li { margin-bottom: 0px; padding-left: 0px; list-style: none; }
table { width: 100%; overflow-x: auto; table-layout: auto; border-collapse: collapse; }
td, th { padding: 12px 16px; }
@media (min-width: 1200px) {
td, th { padding: 16px 24px; }
}
svg path { transition: 0.3s; }
button { background: transparent; border: 0px; display: inline-flex; transition: 0.3s; }
select, option { all:unset; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:transparent; border:none; padding:0; margin:0; font:inherit; color:inherit; cursor:pointer; }
b, strong { font-weight: bolder; }
a { transition: 0.3s; text-decoration: none; cursor: pointer; display: inline-block; font-family: Urbanist, sans-serif; color: var(--primary); }
a:focus, a:hover { outline: 0px; }
p { display: block; }

@media (max-width: 991px) {
br { display: none; }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Urbanist, sans-serif; text-rendering: optimizelegibility; font-weight: 400; margin-bottom: 0px; letter-spacing: 0px; color: var(--black); }
h1, .h1 { font-size: 64px; line-height: 64px; letter-spacing: -0.02em; }
@media (max-width: 767px) {
h1, .h1 { font-size: 36px; line-height: 44px; }
}
h2, .h2 { font-size: 48px; line-height: 60px; letter-spacing: -0.02em; }
@media (max-width: 767px) {
h2, .h2 { font-size: 32px; line-height: 40px; }
}
h3, .h3 { font-size: 40px; line-height: 52px; letter-spacing: -0.01em; }
@media (max-width: 767px) {
h3, .h3 { font-size: 28px; line-height: 36px; }
}
h4, .h4 { font-size: 36px; line-height: 48px; letter-spacing: -0.01em; }
@media (max-width: 767px) {
h4, .h4 { font-size: 26px; line-height: 34px; }
}
h5, .h5 { font-size: 32px; line-height: 40px; letter-spacing: -0.01em; }
@media (max-width: 767px) {
h5, .h5 { font-size: 22px; line-height: 28px; }
}
h6, .h6 { font-size: 24px; line-height: 32px; }
@media (max-width: 767px) {
h6, .h6 { font-size: 20px; line-height: 26px; }
}
.text-body-3 { font-size: 14px; line-height: 20px; }
.fs-24 { font-size: 24px !important; }
.mb-2 { margin-bottom: 2px !important; }
.mb-18 { margin-bottom: 18px !important; }
.mb-20 { margin-bottom: 20px; }
.mb-21 { margin-bottom: 21px !important; }
.gap-8 { gap: 8px; }
.flat-spacing { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 1439px) {
.flat-spacing { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width: 991px) {
.flat-spacing { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
.flat-spacing { padding-top: 50px; padding-bottom: 50px; }
}
.text-secondary { color: var(--secondary) !important; }
.text-gradient-3 { background: linear-gradient(95.5deg, rgb(97, 102, 106) 1.91%, rgb(41, 44, 46) 43.92%) text; -webkit-text-stroke: 0px transparent; -webkit-text-fill-color: transparent; padding-bottom: 7px; margin-bottom: -7px; }

.link-underline { transition: 0.3s; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--primary); }
.link-underline:hover { text-decoration-color: var(--brand); }
.z-5 { z-index: 5; }
@media (max-width: 991px) {
.lg-mb-24 { margin-bottom: 24px; }
}

.overflow-hidden { overflow: visible !important; }
.row { margin-right: -12px; margin-left: -12px; }
.row > * { padding-left: 12px; padding-right: 12px; }
.container { position: relative; margin-left: auto; margin-right: auto; padding-right: 12px; padding-left: 12px; width: 1320px; max-width: 100%; }
header { position: sticky; z-index: 100; transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1); }

.effectFade, .overflow-hidden > * { will-change: transform, opacity; backface-visibility: hidden; }
form { position: relative; z-index: 30; }
form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"] { outline: 0px; box-shadow: none; width: 100%; padding: 0px 0px 11px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--neutral-300); background-color: transparent; color: var(--primary); transition: 0.3s; }
form textarea::placeholder, form input[type="text"]::placeholder, form input[type="password"]::placeholder, form input[type="datetime"]::placeholder, form input[type="datetime-local"]::placeholder, form input[type="date"]::placeholder, form input[type="month"]::placeholder, form input[type="time"]::placeholder, form input[type="week"]::placeholder, form input[type="number"]::placeholder, form input[type="email"]::placeholder, form input[type="url"]::placeholder, form input[type="search"]::placeholder, form input[type="tel"]::placeholder, form input[type="color"]::placeholder { color: var(--secondary); }
form button, form input[type="button"], form input[type="reset"], form input[type="submit"] { background-color: transparent; overflow: hidden; padding: 0px; }
form textarea { height: 150px; border-radius: 32px; resize: none; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
select { outline: 0px; box-shadow: none; width: 100%; padding: 0px 0px 16px 16px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; background-color: transparent; border-bottom: 1px solid var(--white-16); color: var(--white-64); transition: 0.3s; font-size: 18px; letter-spacing: -0.18px; }
select option { background-color: var(--black); padding-left: 10px; }
.form-contact { padding: 56px; border-radius: 40px; background-color: var(--neutral-100); box-shadow: rgba(0, 0, 0, 0.06) 0px 7.77px 16px 0px, rgba(0, 0, 0, 0.1) 0px 3px 3px 0px, rgba(0, 0, 0, 0.05) 0px -8px 0px 0px inset, rgba(255, 255, 255, 0.6) 0px 4px 0px 0px inset; }
.form-contact .heading { margin-bottom: 35px; }
.form-contact textarea { height: 114px; border-radius: 0px; }
.form-contact .attachment { padding: 16px 0px; margin-bottom: 38px; }
.tf-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: var(--white); border-radius: 99px; font-weight: 600; font-size: 16px; line-height: 24px; padding: 14px 24px; background: radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgb(39, 39, 39), rgb(39, 39, 39)); box-shadow: rgb(8, 8, 8) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.3) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px, rgba(0, 0, 0, 0.13) 0px 6.65px 5.32px 0px, rgba(0, 0, 0, 0.133) 0px 12.52px 10.02px 0px, rgba(0, 0, 0, 0.14) 0px 22.34px 17.87px 0px, rgba(0, 0, 0, 0.15) 0px 41.78px 33.42px 0px, rgba(0, 0, 0, 0.15) 0px 100px 80px 0px, rgba(0, 0, 0, 0.14) 0px 3px 3px 0px, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px; overflow: hidden; }
.tf-btn:hover { box-shadow: rgb(8, 8, 8) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.3) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px, rgba(0, 0, 0, 0.13) 0px 6.65px 5.32px 0px, rgba(0, 0, 0, 0.14) 0px 12.52px 10.02px 0px, rgba(0, 0, 0, 0.14) 0px 22.34px 17.87px 0px, rgba(0, 0, 0, 0.15) 0px 41.78px 33.42px 0px, rgba(0, 0, 0, 0.15) 0px 100px 80px 0px, rgba(0, 0, 0, 0.14) 0px 3px 3px 0px, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px; background: radial-gradient(62.56% 62.56% at 50% -13%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgb(39, 39, 39), rgb(39, 39, 39)); }
.heading-section .heading-sub { display: flex; position: relative; width: max-content; border-radius: 8px; color: var(--brand); padding: 6px 16px 6px 30px; background: radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgb(245, 245, 245), rgb(245, 245, 245)); box-shadow: rgb(233, 233, 233) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.698) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.14) 0px 3px 3px 0px; margin-bottom: 32px; }
.heading-section .heading-sub::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 99px; left: 16px; top: 50%; transform: translateY(-50%); background-color: var(--brand); }
.heading-section .heading-title { font-weight: 600; font-size: 72px; line-height: 72px; letter-spacing: -0.03em; }
@media (max-width: 767px) {
.heading-section .heading-title { font-size: 40px; line-height: 48px; }
.heading-section .heading-title br { display: none; }
}
.heading-section.center { text-align: center; }
.heading-section.center .heading-sub { margin-left: auto; margin-right: auto; }
.heading-section.mb-48 { margin-bottom: 48px; }
.heading-section.mb-64 { margin-bottom: 64px; }
@media (max-width: 767px) {
.heading-section.mb-48 { margin-bottom: 20px; }
.heading-section.mb-64 { margin-bottom: 24px; }
}

.box-white { background-color: var(--neutral-50); border-radius: 40px; margin-left: 16px; margin-right: 16px; }
@media (max-width: 991px) {
.box-white { margin-left: 12px; margin-right: 12px; }
}
@media (max-width: 767px) {
.box-white { border-radius: 24px; }
}
.section-contact { position: relative; padding: 48px; }
.section-contact .form-contact { margin-left: 8px; margin-right: -8px; }
.section-contact .contact-image { position: absolute; inset: 0px 16px; border-radius: 40px; }
.section-contact .contact-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; }
.section-contact .col-left { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 72px 0px; }
.section-contact .contact-item { display: flex; align-items: center; gap: 16px; }
.section-contact .contact-item .icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; font-size: 28px; border-radius: 16px; background: linear-gradient(0deg, rgb(245, 245, 245), rgb(245, 245, 245)), radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: rgb(233, 233, 233) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.698) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px, rgba(0, 0, 0, 0.14) 0px 3px 3px 0px; }
@media (max-width: 1199px) {
.section-contact .form-contact { margin-left: 0px; margin-right: 0px; padding: 30px; }
.section-contact .form-contact .heading { margin-bottom: 20px; }
.section-contact .form-contact .attachment { padding: 10px 0px; margin-bottom: 24px; }
}
@media (max-width: 767px) {
.section-contact { padding: 24px 12px; }
.section-contact .contact-image { inset: 0px 12px; border-radius: 24px; }
.section-contact .contact-image img { border-radius: 24px; }
.section-contact .col-left { padding: 0px 0px 24px; }
.section-contact .form-contact { padding: 18px; border-radius: 24px; }
}
.features-wrap { display: flex; align-items: center; }
.features-wrap .features-col { display: grid; gap: 32px; width: 32%; }
@media (max-width: 991px) {
.features-wrap { flex-direction: column; }
.features-wrap .features-center { display: none; }
.features-wrap .features-col { width: 100%; gap: 24px; }
}
.side-line-main { position: absolute; inset: 16% 0px 15%; z-index: 0; }
.side-line-main .side-line-wrap { margin-left: -20px; margin-right: -20px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.side-line-main div:not(.link-break-center) { height: 100%; }
.side-line-main .link-break-line { width: 66px; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(212, 212, 216) rgb(212, 212, 216) rgb(212, 212, 216) currentcolor; border-image: none; height: 100%; border-radius: 0px 20px 20px 0px; position: relative; overflow: hidden; }
.side-line-main .link-break-line::after { content: ""; position: absolute; inset: 0px 1px 1.5px 0px; background: var(--neutral-50); border-radius: 0px 20px 20px 0px; }
.side-line-main .link-break-line.right { transform: rotate(180deg); }
.side-line-main .link-break-line .item { position: absolute; left: 0px; right: 0px; margin-right: -1px; width: 100%; animation-iteration-count: infinite; animation-duration: 4s; animation-delay: 1.3s; }
.side-line-main .link-break-line .item.top { background: radial-gradient(circle at top right, var(--brand) 0%, transparent 90%); animation-name: lineRunTop; }
.side-line-main .link-break-line .item.bottom { background: radial-gradient(circle at bottom right, var(--brand) 0%, transparent 90%); animation-name: lineRunBottom; }
.side-line-main .link-break-center { border: 1.5px solid rgb(212, 212, 216); width: 100%; position: absolute; left: 0px; right: 0px; z-index: 1; }
.side-line-main .link-break-center::before, .side-line-main .link-break-center::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50px; background: rgb(213, 208, 212); z-index: 2; }
.side-line-main .link-break-center::before { left: 60px; }
.side-line-main .link-break-center::after { right: 60px; }
.side-line-main .simu-electric { position: absolute; height: 1.5px; width: 50px; top: 50%; transform: translateY(-50%); }
.side-line-main .simu-electric.left { background: linear-gradient(to right, var(--brand) 0%, transparent 100%); animation-name: left50To0; animation-duration: 4s; animation-iteration-count: infinite; }
.side-line-main .simu-electric.right { background: linear-gradient(to left, var(--brand) 0%, transparent 100%); animation-name: right50To0; animation-duration: 4s; animation-iteration-count: infinite; }
@keyframes lineRunBottom {
0% { bottom: 50%; height: 0px; }
30% { height: 66px; }
100% { bottom: -30%; }
}
@keyframes lineRunTop {
0% { top: 50%; height: 0px; }
30% { height: 66px; }
100% { top: -30%; }
}
@keyframes left50To0 {
0% { left: 50%; }
100% { left: -10%; }
}
@keyframes right50To0 {
0% { right: 50%; }
100% { right: -10%; }
}

.features-item { padding: 32px; border-radius: 32px; background-color: var(--neutral-100); box-shadow: rgba(0, 0, 0, 0.06) 0px 7.77px 16px 0px, rgba(0, 0, 0, 0.1) 0px 3px 3px 0px, rgba(0, 0, 0, 0.05) 0px -8px 0px 0px inset, rgba(255, 255, 255, 0.6) 0px 4px 0px 0px inset; }
.features-item .icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 32px; color: var(--white); margin-bottom: 32px; border-radius: 16px; background-color: rgb(39, 39, 39); box-shadow: rgb(8, 8, 8) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.3) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2.77px 2.21px 0px, rgba(0, 0, 0, 0.14) 0px 3px 3px 0px, rgba(0, 0, 0, 0.133) 0px 12.52px 10.02px 0px, rgba(0, 0, 0, 0.14) 0px 22.34px 17.87px 0px, rgba(0, 0, 0, 0.15) 0px 41.78px 33.42px 0px, rgba(0, 0, 0, 0.15) 0px 100px 80px 0px; }
.features-item .title { margin-bottom: 8px; }
@media (max-width: 991px) {
.features-item { border-radius: 24px; padding: 24px !important; }
}
.features-center { display: flex; align-items: center; justify-content: center; width: 208px; height: 160px; border-radius: 32px; background: linear-gradient(rgb(234, 43, 22) 0%, rgb(255, 59, 38) 100%), radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: rgba(0, 0, 0, 0.06) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.086) 0px 3.44px 5.57px 0px, rgba(255, 59, 0, 0.165) 0px 22.91px 37.08px 0px, rgba(255, 59, 0, 0.05) 0px 76px 123px 0px, rgba(255, 59, 0, 0.1) 0px 5.05px 8.18px 0px, rgba(255, 59, 0, 0.047) 0px 16.98px 27.47px 0px, rgba(255, 59, 0, 0.25) 0px 56px 83px 0px, rgba(255, 59, 0, 0.25) 0px 14px 34px 0px, rgba(255, 59, 0, 0.4) 0px 1px 2px 0px; }
footer { position: relative; padding: 43px 0px 0px; }