: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; color: var(--bs-heading-color); }
.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; }}
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
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); }
img, svg { vertical-align: middle; }
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; }
[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; }
.list-unstyled { padding-left: 0px; list-style: none; }
.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) * .5); padding-left: calc(var(--bs-gutter-x) * .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: 1400px){.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: 1400px; }
.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(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 768px){.col-md-6 { flex: 0 0 auto; width: 50%; }}
@media (min-width: 992px){.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }}
@media (min-width: 1200px){.col-xl-4 { flex: 0 0 auto; width: 33.3333%; }}
:root, [data-bs-theme="light"] { --bs-btn-close-filter: ; }
:root, [data-bs-theme="light"] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }
.text-center { text-align: center !important; }
@media (min-width: 992px){.d-lg-block { display: block !important; }
.d-lg-inline-flex { display: inline-flex !important; }
.d-lg-none { display: none !important; }}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; }
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; }
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; }
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; }
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { }
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; }
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; }
[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
[data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; }
[data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0px); }
[data-aos="fade-up"] { transform: translate3d(0px, 100px, 0px); }
[data-aos="fade-right"] { transform: translate3d(-100px, 0px, 0px); }
[data-aos="fade-left"] { transform: translate3d(100px, 0px, 0px); }
[data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; }
[data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0px) scale(1); }
[data-aos="zoom-in"] { transform: scale(0.6); }
[data-aos="zoom-in-up"] { transform: translate3d(0px, 100px, 0px) scale(0.6); }
[data-aos="zoom-in-down"] { transform: translate3d(0px, -100px, 0px) scale(0.6); }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
:root { --swiper-navigation-size: 44px; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; }
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; }
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }
* { box-sizing: border-box; }
body { color: var(--color-foreground); background: var(--color-background); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px; min-height: 100svh; }
html { scrollbar-width: thin; scroll-behavior: smooth; }
.scroll-lock { overflow: hidden; }
img, picture, video, canvas, iframe { display: flex; max-width: 100%; aspect-ratio: attr(width)/attr(height); }
svg { display: flex; max-width: 100%; }
iframe, img { width: 100%; height: auto; }
input, textarea, select { font: inherit; border-radius: var(--style-border-radius-inputs); }
textarea, input { color: var(--color-input-text); background-color: var(--color-input-background); border: var(--style-border-width-inputs) solid var(--color-input-border); outline: none; }
textarea:focus, textarea:hover, input:focus, input:hover { color: var(--color-input-hover-text); background-color: var(--color-input-hover-background); border-color: var(--color-input-hover-border); }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; margin: 0px; padding: 0px; }
:is(p, h1, h2, h3, h4, h5, h6):first-child, :empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }
:is(p, h1, h2, h3, h4, h5, h6):last-child, :where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) { margin-block-end: 0px; }
.svg-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.heading { color: var(--color-foreground-heading); font-weight: var(--font-heading--weight); font-family: var(--font-heading--family); font-style: var(--font-heading--style); letter-spacing: normal; }
.subheading { color: var(--color-foreground-subheading); font-weight: 500; font-family: var(--font-heading--family); font-style: normal; letter-spacing: normal; }
.subheading-bg { background-color: var(--color-background-subheading); letter-spacing: normal; display: inline-flex; -webkit-box-align: center; align-items: center; padding: 7px 20px; border-radius: 40px; border: 1px solid var(--color-border-subheading-bg); gap: 5px; }
.text { letter-spacing: normal; font-weight: var(--font-body--weight); color: var(--color-foreground); font-family: var(--font-body--family); font-style: var(--font-body--style); }
h1, .h1 { font-size: var(--font-h1--size); line-height: 1.16; }
h2, .h2 { font-size: var(--font-h2--size); line-height: 1; }
h3, .h3 { font-size: var(--font-h3--size); line-height: 1; }
.text-80 { font-size: 80px; line-height: 1.17; }
.text-50 { font-size: 50px; line-height: 1.2; }
.text-24 { font-size: 24px; line-height: 1.25; }
.text-22 { font-size: 22px; line-height: 1.3; }
.text-20 { font-size: 20px; line-height: 1.3; }
.text-18 { font-size: 18px; line-height: 1.55; }
.text-16 { font-size: 16px; line-height: 1.62; }
.text-14 { font-size: 14px; line-height: 1.62; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
@media (max-width: 1399px){.text-80 { font-size: 60px; }
.text-50 { font-size: 44px; }}
@media (max-width: 991px){.text-90, .text-80 { font-size: 60px; }
.text-50 { font-size: 40px; }}
@media (max-width: 767px){.text-90, .text-80 { font-size: 50px; }
.text-50 { font-size: 38px; }
.text-24 { font-size: 22px; }
.text-22 { font-size: 20px; }
.text-20 { font-size: 18px; }
.text-18 { font-size: 16px; }}
.icon-80 { min-width: 80px; height: 80px; }
.icon-24 { min-width: 24px; height: 24px; }
.icon-20 { min-width: 20px; height: 20px; }
.icon-14 { min-width: 14px; height: 14px; }
@media (max-width: 767px){.icon-80 { min-width: 60px; height: 60px; }}
.button { width: fit-content; min-height: var(--style-button-height); font-size: var(--font-button-size); font-weight: var(--font-button--weight); font-family: var(--font-button--family); font-style: normal; line-height: 1.4; letter-spacing: normal; padding: 10px 10px 10px 30px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 10px; cursor: pointer; text-decoration: none; border: none; outline: none; box-shadow: none; transition: 0.3s; }
.button--slim { height: var(--style-button-slim-height); min-height: var(--style-button-slim-height); }
.button--primary { color: var(--color-primary-button-text); background-color: var(--color-primary-button-background); border: var(--style-border-width-buttons-primary) solid var(--color-primary-button-border); border-radius: var(--style-border-radius-buttons-primary); }
.button--primary:focus, .button--primary:hover { outline: none; box-shadow: none; color: var(--color-primary-button-hover-text); background-color: var(--color-primary-button-hover-background); border: var(--style-border-width-buttons-primary) solid var(--color-primary-button-hover-border); }
.button--secondary { color: var(--color-secondary-button-text); background-color: var(--color-secondary-button-background); border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-border); border-radius: var(--style-border-radius-buttons-secondary); }
.button--secondary:focus, .button--secondary:hover { color: var(--color-secondary-button-hover-text); background-color: var(--color-secondary-button-hover-background); border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-hover-border); }
.button .svg-wrapper { color: var(--color-primary-button-icon); background-color: var(--color-primary-button-icon-background); transition: 0.3s; min-width: 36px; height: 36px; border-radius: 100%; }
.button:focus .svg-wrapper, .button:hover .svg-wrapper { color: var(--color-primary-button-hover-icon); background-color: var(--color-primary-button-hover-icon-background); }
.button--secondary .svg-wrapper { color: var(--color-secondary-button-icon); background-color: var(--color-secondary-button-icon-background); }
.button--secondary:focus .svg-wrapper, .button--secondary:hover .svg-wrapper { color: var(--color-secondary-button-hover-icon); background-color: var(--color-secondary-button-hover-icon-background); }
@media (max-width: 767px){.button { min-height: var(--style-button-height-mobile); font-size: var(--font-button-size-mobile); }
.button--slim { height: var(--style-button-slim-height-mobile); min-height: var(--style-button-slim-height-mobile); }}
.list-unstyled { padding: 0px; list-style: none; margin: 0px; }
.mt-100 { margin-top: 100px; }
.section-content { display: block; margin-block-start: 60px; }
.section-headings-horizontal { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
.section-headings-right { min-width: fit-content; }
.headings-width, .section-headings-left { max-width: 645px; }
.headings-width { margin-inline: auto; }
.section-headings .subheading + .heading { margin-block-start: 30px; }
.section-headings .promotion-lists, .section-headings .text-lists, .section-headings .list-block, .section-headings .heading + .text { margin-block-start: 40px; }
.section-headings:not(.section-headings-horizontal) .buttons { margin-block-start: 50px; }
.section-padding { --padding-top: 100px; --padding-bottom: 100px; padding-block-start: var(--padding-top); padding-block-end: var(--padding-bottom); }
@media (max-width: 991px){.mt-100 { margin-top: 80px; }
.section-padding { --padding-top: 80px; --padding-bottom: 80px; }
.section-content { margin-block-start: 40px; }}
@media (max-width: 767px){.mt-100 { margin-top: 60px; }
.section-headings .subheading + .heading { margin-block-start: 20px; }
.section-headings .promotion-lists, .section-headings .text-lists, .section-headings .list-block, .section-headings .heading + .text { margin-block-start: 30px; }
.section-headings:not(.section-headings-horizontal) .buttons, .section-headings .buttons { margin-block-start: 40px; }
.section-headings-horizontal { flex-wrap: wrap; gap: 24px; }
.section-headings-horizontal .buttons { width: 100%; }
.section-padding { --padding-top: 60px; --padding-bottom: 60px; }}
drawer-opener { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; }
drawer-opener svg { width: 100%; height: 100%; }
drawer-opener.menu-close svg { width: 30px; height: 30px; }
drawer-opener * { pointer-events: none; }
.menu-open { width: 36px; height: 36px; color: var(--color-foreground); }
.bg-contain { background-repeat: repeat; background-size: contain; }
.radius18 { border-radius: 18px; overflow: hidden; }
.card-icon-text .svg-wrapper { --size: 70px; min-width: var(--size, 70px); width: var(--size, 70px); height: var(--size, 70px); }
.card-icon-text { display: flex; flex-wrap: wrap; gap: 16px; }
.card-icon-text .heading + .text { margin-block-start: 10px; }
.card-icon-text-horizontal { flex-wrap: nowrap; }
@media (max-width: 1279px){.card-icon-text .svg-wrapper { --size: 60px; }}
@media (max-width: 767px){.radius18 { border-radius: 10px; }}
@media (min-width: 2000px){.bg-contain { background-repeat: no-repeat; background-size: cover; }}
.infinite-rotate { animation: 20s linear 0s infinite normal none running inifinte-rotation; }
.iframe-wrapper, .media { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; }
.media-bg { z-index: -1; }
.media picture { width: 100%; height: 100%; }
.media picture img { width: 100%; }
.iframe-wrapper iframe, .media img { height: 100%; object-fit: cover; }
.swiper-button-prev::after, .swiper-button-next::after { content: none; }
.swiper:not(.swiper-initialized) { opacity: 0; }
.swiper-button-prev, .swiper-button-next { color: var(--swiper-navigation-color); background-color: var(--swiper-navigation-background-color); }
.swiper-button-prev:focus, .swiper-button-prev:hover, .swiper-button-next:focus, .swiper-button-next:hover { color: var(--swiper-navigation-hover-color); background-color: var(--swiper-navigation-hover-background-color); }
.swiper-nav-inner > * { --size: 44px; --color-border: rgba(28, 37, 57, 0); --style-border-width: 1px; position: static; width: var(--size); height: var(--size); border-radius: 100%; border: var(--style-border-width) solid var(--color-border); transition: 0.3s; margin: 0px; }
.swiper-nav-inner svg { width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); }
.swiper-nav-border { --margin-top: 60px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-block-start: var(--margin-top); position: relative; }
.swiper-nav-inner { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 24px; position: relative; z-index: 2; background: rgb(255, 255, 255); padding: 0px 20px; }
.swiper-nav-border::after { --color-border: rgba(93, 102, 111, 1); content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 1px; background: var(--color-border); width: 90%; }
@media (max-width: 767px){.swiper-nav-border { --margin-top: 40px; }
.swiper-nav-inner > * { --size: 36px; }
.swiper-nav-inner { gap: 16px; }}
.product-grid { row-gap: 30px; }
@media (min-width: 1280px){.container-fluid { max-width: 1680px; padding-inline: 3rem; }}
@media (max-width: 991px){.container, .container-md, .container-sm { max-width: 100%; }}
@media (min-width: 768px) and (max-width: 991px){.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 3rem; }}
@media (max-width: 767px){.product-grid { row-gap: 24px; }}
.decorated-text { position: relative; display: inline-block; padding: 6px 12px; outline: 1.5px solid var(--color-foreground-heading); outline-offset: -9px; }
.decorated-text::before, .decorated-text::after { content: ""; position: absolute; width: 8px; height: 8px; background: var(--color-foreground-heading); }
.decorated-text::before { top: 0px; left: 0px; }
.decorated-text::after { bottom: 0px; right: 0px; }
.decorated-text span::before, .decorated-text span::after { content: ""; position: absolute; width: 8px; height: 8px; background: var(--color-foreground-heading); }
.decorated-text span::before { top: 0px; right: 0px; }
.decorated-text span::after { bottom: 0px; left: 0px; }
.accordion-block { --color-background: rgba(242, 242, 242, 1); border-radius: 10px; background-color: var(--color-background); overflow: hidden; }
.accordion-opener { display: flex; -webkit-box-align: start; align-items: flex-start; gap: 32px; -webkit-box-pack: justify; justify-content: space-between; padding: 24px 20px; cursor: pointer; }
.accordion-block.active .accordion-opener { --color-background: rgba(28, 37, 57, 1); --color-foreground-heading: rgba(255, 255, 255, 1); background-color: var(--color-background); transition: 0.3s; }
.accordion-content { max-height: 0px; transition: max-height 0.3s ease-in-out; }
.accordion-content-inner { padding: 24px 20px; }
.accordion-opener .svg-wrapper { --color-background: rgba(32, 40, 45, 1); min-width: 30px; height: 30px; background-color: var(--color-background); border-radius: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.3s; }
.accordion-block.active .accordion-opener .svg-wrapper { --color-background: rgba(255, 255, 255, 1); transform: rotate(-180deg); transition: 0.3s; }
.accordion-opener .svg-wrapper svg { --color-foreground: rgba(255, 255, 255, 1); color: var(--color-foreground); }
.accordion-block.active .accordion-opener .svg-wrapper svg { --color-foreground: rgba(32, 40, 45, 1); color: var(--color-foreground); }
@media (max-width: 767px){.accordion-opener { gap: 24px; padding: 24px 15px; }
.accordion-content-inner { padding: 24px 15px; }}
.thumb-img::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.3); transition: 0.3s ease-in-out; }
.header-2 { --top: 30px; --header-radius: 100px; --header-padding: 0 24px; --color-background: rgba(255, 255, 255, 1); --color-foreground: rgba(28, 37, 57, 1); --color-primary-hover: rgba(28, 37, 57, 0.6); --color-border: rgba(0, 0, 0, 0.06); }
.header-floating { position: fixed; top: var(--top, 0); left: 0px; width: 100%; z-index: 9; }
sticky-header[data-sticky-type="always"] { position: sticky; top: 0px; z-index: 9; }
.header-grid { display: grid; grid-template-columns: 290px 1fr 290px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; background: var(--color-background); border-radius: var(--header-radius); padding: var(--header-padding); }
.header-2 .header-grid { grid-template-columns: 260px 1fr 260px; border: var(--style-border-width) solid var(--color-border); }
.header-2.header-floating:hover .header-grid, .header-2.header-sticky.scrolled-past-header .header-grid { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; }
.header-logo { max-width: 188px; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; }
.header-actions { justify-self: flex-end; gap: 24px; color: var(--color-foreground); }
.header-separator { --color-border: rgba(255, 255, 255, 1); color: var(--color-border); }
.header-2 .header-actions > .button { display: inline-flex; }
@media (min-width: 992px){.header-nav { position: relative; }}
@media (max-width: 1365px){.header-grid { grid-template-columns: 240px 1fr 240px; }
.header-2 .header-grid { grid-template-columns: repeat(3, auto); }
.header-actions { gap: 20px; }
.header-3 .header-actions > .button, .header-2 .header-actions > .button { display: none; }
.header-separator { display: none; }}
@media (max-width: 1279px){.header-grid { grid-template-columns: 200px 1fr 200px; }
.header-2 .header-grid { grid-template-columns: repeat(3, auto); }
.header-actions .button--slim { padding-inline-start: 18px; gap: 8px; }
.header-actions .button--slim .svg-wrapper { min-width: 30px; height: 30px; }
.header-logo { max-width: 160px; }}
@media (max-width: 991px){.header-grid { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 12px 0px; }
.header-2 .header-grid { padding: 15px; }}
@media (max-width: 767px){.header-logo { max-width: 130px; }
.header-2 { --top: 20px; }}
.menu-link { color: var(--color-foreground); padding: 0px; font-size: var(--font-nav-main); font-weight: 500; border: none; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; gap: 7px; transition: 0.3s; }
.nav-item:focus > .menu-link, .nav-item:hover > .menu-link { color: var(--color-primary-hover); }
.menu-link-main { padding: 37.5px 20px; }
.nav-item { position: relative; }
@media (min-width: 992px){.header-menu { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }}
@media (max-width: 1600px){.menu-link-main { padding: 28px 20px; }}
@media (max-width: 1365px){.menu-link-main { padding: 28px 12px; }}
@media (max-width: 991px){.header-nav { --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(32, 40, 45, 1); --color-foreground-heading: rgba(28, 37, 57, 1); --color-primary: rgba(32, 40, 45, 1); --color-primary-background: rgba(240, 237, 239, 0); --color-primary-hover: rgba(32, 40, 45, 1); --color-primary-background-hover: rgba(233, 233, 233, 1); position: fixed; right: 0px; top: 0px; background: var(--color-background); z-index: 10; width: 100%; height: 100%; transition: 0.3s; transform: translateX(100%); overflow-y: auto; }
.header-nav.show { transform: translateX(0px); }
.header-menu > * { width: 100%; }
.menu-link-main { padding: 12px 15px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.header-menu > .nav-item .menu-link-main { border-top: 1px solid rgba(0, 0, 0, 0.15); }
.menu-link { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.header-nav-headings { display: flex; gap: 20px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 15px; }
.header-nav-headings .svg-wrapper { color: rgb(0, 0, 0); width: 44px; height: 44px; margin-right: -10px; }}
.theme-drawer.show[data-position="right"], .header-nav.show { transform: translateX(0px); }
.accordion-title { cursor: pointer; }
.accordion-title * { pointer-events: none; }
.accordion-li { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media (min-width: 992px){.accordion-horizontal .accordion-li { min-width: var(--width); width: var(--width); overflow: hidden; transition: width 0.4s, min-width 0.4s; }
.accordion-horizontal .accordion-li.active { width: 100%; min-width: 300px; }}
@media (max-width: 991px){.accordion-title { width: 100%; -webkit-box-pack: justify; justify-content: space-between; }}
form textarea, form input { width: 100%; padding: 0px 15px; min-height: 54px; }
@media (max-width: 767px){form textarea, form input { min-height: 48px; }}
.text-lists .text-item { --color-foreground: rgba(28, 37, 57, 1); }
.text-lists .text-item { display: flex; -webkit-box-align: center; align-items: center; gap: 14px; }
.text-lists .text-item svg { min-width: 28px; height: 28px; }
.text-lists .text-item:not(:first-child) { margin-block-start: 18px; }
.image-text .media-wrap { display: flex; height: 100%; position: relative; }
.image-text .media-wrap img { object-fit: contain; }
.image-text .media-wrap img.about-profile-img { border-radius: 18px; object-fit: cover; overflow: hidden; }
.list-block .text-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0px; -webkit-box-align: start; align-items: flex-start; max-width: 225px; margin: 0px; }
.list-block .text-item svg { min-width: 60px; height: 60px; display: flex; }
.list-block .title { margin-block-start: 32px; }
.list-block .text { margin-block-start: 20px; }
.list-block { display: flex; -webkit-box-align: center; align-items: center; gap: 30px; }
.list-block .text-item { margin-block-start: 0px; }
.image-small { position: absolute; right: 0px; bottom: 30px; z-index: 2; border-radius: 10px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(60px); box-shadow: rgba(4, 31, 31, 0.3) 0px 30px 90px 0px; }
.image-small img { border-radius: inherit; }
@media (min-width: 992px){.image-text .content { padding-inline-start: 32px; }}
@media (min-width: 1400px){.image-text .content { padding-inline-start: 55px; }}
@media (max-width: 991px){.image-text .content { padding-block-start: 60px; }
.list-block .text-item svg { min-width: 48px; height: 48px; }}
@media (max-width: 767px){.image-text .content { padding-block-start: 40px; }}
@media (max-width: 575px){.image-small img { max-width: 140px; }}
.hero-banner .swiper-button-prev, .hero-banner .swiper-button-next { --swiper-navigation-size: 44px; --swiper-navigation-color: rgba(28, 37, 57, 1); --swiper-navigation-background-color: rgba(255, 255, 255, 1); --swiper-navigation-hover-color: rgba(255, 255, 255, 1); --swiper-navigation-hover-background-color: rgba(28, 37, 57, 1); }
.hero-banner { --padding-block-start: 100px; --padding-block-bottom: 100px; min-height: 100vh; padding-block-start: var(--padding-block-start); padding-block-end: var(--padding-block-bottom); display: flex; -webkit-box-align: center; align-items: center; position: relative; overflow: hidden; }
.hero-banner.with-floating-header { --padding-block-start: calc(var(--header-height) + 60px + 60px); --padding-block-bottom: calc(var(--header-height)); }
.hero-banner .content > .buttons { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; gap: 30px; }
.hero-phone-call { display: flex; -webkit-box-align: center; align-items: center; gap: 14px; text-decoration: none; color: var(--color-foreground); }
.hero-phone-call svg { min-width: 44px; height: 44px; }
.banner-slider { display: block; position: relative; }
.hero-banner .main-img { position: relative; border-radius: 10px; }
.thumb-slider { padding-inline: 12%; position: relative; margin-block-start: -12%; z-index: 2; }
.hero-banner .thumb-img { border-radius: 10px; overflow: hidden; }
.hero-banner .thumb-img::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: transparent; border-radius: 10px; transition: 0.3s; cursor: pointer; }
.hero-banner .thumb-img, .hero-banner .main-img img { object-fit: cover; height: 100%; }
.hero-banner .main-img img { mask-image: url("../img/slider/subtract.png"); mask-repeat: no-repeat; mask-size: 100%; }
.hero-banner .banner-badge { position: absolute; top: 12px; left: 0px; z-index: 2; width: 24%; height: 24%; border-radius: 100%; }
.hero-banner .banner-badge img { border-radius: inherit; }
.hero-banner .swiper-button-prev, .hero-banner .swiper-button-next { width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); color: var(--swiper-navigation-color); background: var(--swiper-navigation-background-color); border-radius: 100%; z-index: 9; transition: 0.3s; }
.hero-banner .swiper-button-prev:focus, .hero-banner .swiper-button-prev:hover, .hero-banner .swiper-button-next:focus, .hero-banner .swiper-button-next:hover { color: var(--swiper-navigation-hover-color); background-color: var(--swiper-navigation-hover-background-color); }
.hero-banner .swiper-button-prev svg, .hero-banner .swiper-button-next svg { width: 16px; height: 16px; }
.hero-banner .swiper-button-prev { left: 8.5%; right: auto; }
.hero-banner .swiper-button-next { right: 8.5%; left: auto; }
@media (max-width: 991px){.banner-slider { margin-block-start: 50px; }}
@media (max-width: 767px){.hero-banner { --padding-block-start: 60px; --padding-block-bottom: 60px; }
.hero-banner.with-floating-header { --padding-block-start: calc(var(--header-height) + 40px); }
.hero-banner .swiper-button-prev, .hero-banner .swiper-button-next { --swiper-navigation-size: 36px; }
.hero-banner .swiper-button-prev svg, .hero-banner .swiper-button-next svg { width: 14px; height: 14px; }
.hero-banner .content > .buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; -webkit-box-align: start; align-items: flex-start; }}
.our-services { --color-background: rgba(32, 40, 45, 1); --color-foreground: rgba(255, 255, 255, 1); --color-foreground-heading: rgba(255, 255, 255, 1); --color-foreground-subheading: rgba(242, 242, 242, 1); --color-background-subheading: rgba(255, 255, 255, 0); --color-border-subheading-bg: rgba(255, 255, 255, 0.3); --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3); background: var(--color-background); overflow: hidden; }
.our-services .service-list { --color-background: rgba(62, 72, 78, 1); --color-primary-button-background: rgb(255, 255, 255, 0); --color-primary-button-border: rgba(255, 255, 255, 1); background: var(--color-background); padding: 40px 36px; display: flex; overflow: hidden; flex-wrap: wrap; }
.our-services .service-content-inner .button { padding: 10px; min-height: 44px; font-size: 16px; margin-block-start: 80px; }
.our-services .service-content-inner .heading { margin-block-start: 50px; }
.our-services .service-content-inner .heading + .text { margin-block-start: 24px; }
.service-list .accordion-li { position: relative; display: flex; overflow: hidden; }
.service-list .accordion-li svg { --size: 70px; width: var(--size); min-width: var(--size); height: var(--size); }
.service-list .accordion-li .icon { --size: 44px; color: var(--color-foreground); width: var(--size); min-width: var(--size); height: var(--size); }
.service-list .accordion-li .accordion-title-icon, .service-list .accordion-li .accordion-title { display: flex; -webkit-box-align: center; align-items: center; gap: 15px; }
.service-list .accordion-content { --padding: 36px; padding: 0 var(--padding); }
.service-list .accordion-li .icon + .icon { display: none; }
@media (min-width: 992px){.service-list .service-content-inner { max-width: 300px; min-width: 300px; height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; }
.service-list .accordion-content { --padding: 30px; height: 100%; max-height: unset; }
.our-services .accordion-li { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
.our-services .service-list { flex-wrap: nowrap; overflow-x: auto; }
.service-list .accordion-li .accordion-title-icon, .service-list .accordion-li .accordion-title { gap: 16px; padding: 0px 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; }
.service-list .accordion-li .accordion-title-icon { padding: 0px; -webkit-box-pack: justify; justify-content: space-between; }
.service-list .accordion-li:first-child .accordion-title { padding-inline-start: 0px; }
.service-list .accordion-li:last-child .accordion-title { padding-inline-end: 0px; }
.service-list .accordion-li.active .accordion-title { display: none; }
.service-list .accordion-li:not(:first-child) { border-left: var(--style-border-width) solid var(--color-border); }
.service-list .accordion-li:first-child .accordion-content { padding-inline-start: 0px; }
.service-list .accordion-li:last-child .accordion-content { padding-inline-end: 0px; }
.service-list .text-rotate { text-orientation: mixed; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(-180deg); max-height: 240px; }}
@media (max-width: 991px){.service-list .accordion-li { width: 100%; }
.service-list .accordion-content { --padding: 0; max-height: 0px; overflow: hidden; transition: max-height 0.3s ease-in-out; }
.service-list .accordion-li.active .icon { display: none; }
.service-list .accordion-li.active .icon + .icon { display: block; }
.service-list .accordion-li svg { --size: 60px; }
.service-list .accordion-li .icon { --size: 36px; }
.our-services .service-content-inner .button { margin-block-start: 35px; }
.our-services .service-content-inner svg, .our-services .service-content-inner .heading { display: none; }
.service-list .accordion-li { --padding: 24px; }
.service-list .accordion-li .accordion-title { --padding: 24px; padding: var(--padding) 0; border-top: var(--style-border-width) solid var(--color-border); }
.service-list .accordion-li:first-child .accordion-title { padding-block-start: 0px; border-top: none; }
.service-content-inner { --padding: 24px; padding-block-end: var(--padding); }
.our-services .service-content-inner .heading + .text { margin-block-start: 0px; }
.our-services .service-list { padding-block-end: 12px; }}
@media (min-width: 992px) and (max-width: 1399px){.service-list .accordion-li .accordion-title { padding: 0px 26px; }
.service-list .text-rotate { font-size: 22px; }}
@media (max-width: 767px){.our-services .service-list { padding: 30px 15px; }
.service-list .accordion-li svg { --size: 50px; }
.service-list .accordion-li .icon { --size: 30px; }
.our-services .accordion-title-icon .heading { font-size: 20px; }
.our-services .service-list { padding-block-end: 6px; }
.our-services .section-headings-horizontal .buttons { margin-block-start: 10px; }}
project-slider { display: block; overflow: hidden; }
project-slider .swiper-slide { height: auto; }
.card-project { --color-foreground: rgba(255, 255, 255, 1); --color-foreground-heading: rgba(255, 255, 255, 1); text-decoration: none; position: relative; display: block; overflow: hidden; height: 100%; }
.card-project::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(rgba(28, 37, 57, 0) 0%, rgb(28, 37, 57) 100%); transition: 0.5s; opacity: 0; }
.card-project:hover::after { opacity: 1; }
.card-project img { border-radius: inherit; height: 100%; object-fit: cover; }
.card-project-content-absolute { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; -webkit-box-align: end; align-items: flex-end; z-index: 1; padding: 35px; }
.card-project-content .heading + .text { margin-block-start: 10px; }
.project-kicker { display: inline-block; font-weight: 700; margin-block-end: 8px; }
.card-project-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 18px; }
.project-card-link { color: rgb(32, 40, 45); background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(255, 255, 255, 0.95); border-radius: 999px; display: inline-flex; -webkit-box-align: center; align-items: center; min-height: 38px; padding: 8px 16px; font-size: 14px; font-weight: 700; text-decoration: none; }
.project-card-link:hover { color: rgb(32, 40, 45); background: rgb(255, 255, 255); }
.project-card-link--light { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.12); }
.project-card-link--light:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); }
.card-project-content { opacity: 0; transform: translateY(80px); transition: 0.5s; }
.card-project:hover .card-project-content { opacity: 1; transform: translateY(0px); }
.icon-project-link { position: absolute; top: 30px; right: 30px; z-index: 1; opacity: 0; transform: scale(0.5); transition: 0.5s; }
.card-project:hover .icon-project-link { opacity: 1; transform: scale(1); }
.icon-project-link svg { --size: 52px; width: var(--size); height: var(--size); }
@media (hover: none){.card-project::after, .card-project .card-project-content, .card-project .icon-project-link { opacity: 1; }
.card-project .card-project-content, .card-project .icon-project-link { transform: none; }}
@media (max-width: 767px){.card-project-content-absolute { padding: 24px; }
.slider-container .swiper { overflow: visible; }}
.why-choose-us { --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(93, 102, 111, 1); --color-foreground-heading: rgba(28, 37, 57, 1); --color-foreground-subheading: rgba(93, 102, 111, 1); --color-background-subheading: rgba(255, 255, 255, 0); --color-border-subheading-bg: rgba(93, 102, 111, 0.3); overflow: hidden; background-color: var(--color-background); position: relative; }
.choose-media { height: 100%; }
.choose-media img { height: 100%; object-fit: cover; }
.choose-logo { margin-block-start: 50px; }
.choose-rotating-logo { position: relative; }
.text-abs { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font-size: 48px; font-weight: 700; }
.choose-rotating-logo.svg-wrapper { --size: 170px; min-width: var(--size); width: var(--size); height: var(--size); }
.choose-bottom { --margin-block-start: 60px; margin-block-start: var(--margin-block-start); position: relative; }
.choose-bottom-cards > * { row-gap: 24px; }
@media (min-width: 768px){.choose-bottom { --offset: 300px; }
.choose-bottom-cards { margin-inline-end: var(--offset); padding-inline-end: 15px; }
.choose-media-absolute { position: absolute; bottom: 0px; right: 0px; width: var(--offset); }}
@media (min-width: 1280px){.choose-us-content { padding-inline-start: 40px; }}
@media (max-width: 991px){.choose-top > * { row-gap: 40px; }
.choose-logo { display: flex; -webkit-box-pack: center; justify-content: center; }}
@media (max-width: 767px){.choose-bottom { --margin-block-start: 40px; }
.choose-media-absolute { margin-block-start: 40px; }}
.pricing-plan { overflow: hidden; }
.card-pricing { --color-card-background: rgba(255, 255, 255, 1); --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(32, 40, 45, 1); --color-foreground-heading: rgba(32, 40, 45, 1); --color-foreground-subheading: rgba(0, 0, 0, 1); --color-border: rgba(93, 102, 111, 0.1); --style-border-width: 1px; background-color: var(--color-background); padding: 28px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; }
.card-pricing.active { --color-card-background: rgba(32, 40, 45, 1); --color-foreground: rgba(242, 242, 242, 1); --color-foreground-heading: rgba(255, 255, 255, 1); --color-foreground-subheading: rgba(255, 255, 255, 1); --color-border: rgba(255, 255, 255, 0.3); }
.card-pricing-headings { background-color: var(--color-card-background); padding: 24px; }
.card-pricing-headings .heading + .text { margin-block-start: 10px; }
.pricing-box { display: flex; flex-wrap: wrap; -webkit-box-align: end; align-items: flex-end; border-top: var(--style-border-width) solid var(--color-border); padding-block-start: 24px; margin-block-start: 20px; }
.pricing-box * { line-height: 1; }
.pricing-box .subheading-monthly { position: relative; top: -10px; opacity: 0.75; }
.card-pricing .button { padding: 15px; width: 100%; }
.card-pricing .buttons svg { width: 12px; height: 12px; }
.card-pricing .text-lists .text-item { --color-foreground: rgba(32, 40, 45, 1); }
@media (max-width: 767px){.card-pricing, .card-pricing-headings { padding: 20px 15px; }}
.testimonial-2 { position: relative; }
.testimonial-slider { display: block; }
.thumb-content { margin-top: 75px; }
.thumb-card > svg + .text { margin-block-start: 12px; }
.thumb-card .user-name { margin-block-start: 40px; }
.thumb-card .user-desig { margin-block-start: 10px; opacity: 0.75; }
.thumb-content-wrapper { padding-inline-start: 100px; }
.testimonial-2 .main-img { display: flex; position: relative; z-index: 1; height: 100%; }
.testimonial-2 .main-img img { object-fit: cover; }
.testimonial-2 .custom-bullet { width: 100px; height: 100px; border-radius: 100%; overflow: hidden; display: flex; margin: 0px !important; }
.testimonial-2 .custom-bullet img { object-fit: cover; display: flex; }
.testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal { inset: 50% -50px auto auto; transform: translateY(-50%); width: auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 30px; }
.testimonial-2 .swiper-pagination-bullet-active { --style-pagination-border-width: 2px; --pagination-item-active-border: rgba(32, 40, 45, 1); background: transparent; outline: var(--style-pagination-border-width) solid var(--pagination-item-active-border); outline-offset: 10px; transition: 0.1s; }
@media (max-width: 1199px){.thumb-content-wrapper { padding-inline-start: 60px; }}
@media (max-width: 991px){.testimonial-slider { margin-block-start: 40px; }
.thumb-content-wrapper { padding-inline-start: 0px; }
.testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal { inset: auto auto -50px 50%; transform: translateX(-50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; gap: 30px; }}
@media (max-width: 767px){.testimonial-2 .custom-bullet { width: 80px; height: 80px; }
.testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -40px; gap: 20px; }
.testimonial-2 .swiper-pagination-bullet-active { outline-offset: 7px; }}
@media (max-width: 575px){.testimonial-2 .custom-bullet { width: 60px; height: 60px; }
.testimonial-2 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -30px; }}
.card-blog-list-horizontal, .card-blog-list, .card-blog { --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(93, 102, 111, 1); --color-foreground-heading: rgba(28, 37, 57, 1); --color-icon: rgba(28, 37, 57, 1); --color-primary-button-hover-text: rgba(255, 255, 255, 1); --color-primary-button-hover-background: rgba(32, 40, 45, 1); --color-foreground-subheading: rgba(242, 242, 242, 1); --color-background-subheading: rgba(28, 37, 57, 1); --color-border-subheading-bg: rgba(28, 37, 57, 1); background-color: var(--color-background); }
.card-blog:hover { --color-foreground-subheading: rgba(28, 37, 57, 1); --color-background-subheading: rgba(242, 242, 242, 1); --color-border-subheading-bg: rgba(242, 242, 242, 1); }
.card-blog-top { --padding: 30px 24px 36px; padding: var(--padding); display: flex; flex-flow: column wrap; gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.card-blog-heading a { text-decoration: none; line-height: 1.45; }
.card-blog-meta { display: flex; flex-wrap: wrap; gap: 15px 28px; }
.card-blog-meta-item { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; text-decoration: none; }
.card-blog-meta-item svg { color: var(--color-icon); }
.card-blog-bottom { position: relative; height: 300px; display: block; text-decoration: none; overflow: hidden; }
.card-blog .buttons { position: absolute; bottom: 0px; width: 100%; }
.card-blog .buttons .button { width: 100%; border-radius: 0px; border: none; transform: translateY(100%); transition: transform 0.3s, -webkit-transform 0.3s; }
.card-blog:focus .buttons .button, .card-blog:hover .buttons .button { transform: translateY(0px); }
.card-blog .buttons svg { width: 12px; height: 12px; }
.card-blog .blog-tag { position: absolute; top: 20px; left: 20px; z-index: 1; transition: 0.3s; }
.card-blog-heading { transition: 0.3s; }
.card-blog-heading:hover { opacity: 0.75; }
@media (max-width: 767px){.card-blog-top { --padding: 24px 20px 30px; }}
:is(.blog-description) :is(p, div, a, li, span) { font-size: 18px; }
@media (max-width: 767px){:is(.blog-description) :is(p, div, a, li, span) { font-size: 16px; }}
.featured-blog { --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(93, 102, 111, 1); --color-foreground-heading: rgba(28, 37, 57, 1); --color-foreground-subheading: rgba(93, 102, 111, 1); --color-background-subheading: rgba(255, 255, 255, 0); --color-border-subheading-bg: rgba(93, 102, 111, 0.3); background-color: var(--color-background); overflow: hidden; }
.featured-blog .card-blog { --color-background: rgba(255, 255, 255, 1); }
.featured-blog .buttons-discover { display: flex; -webkit-box-pack: center; justify-content: center; margin-block-start: 60px; }
@media (max-width: 767px){.featured-blog .buttons-discover { margin-block-start: 40px; }}
.faq .section-headings { padding-inline-end: 100px; position: relative; height: 100%; }
.faq .accordion-list > div + div { margin-block-start: 24px; }
.faq .image-absolute { position: absolute; bottom: -85px; right: 25%; }
.faq-row > * { align-self: flex-start; }
@media (max-width: 1199px){.faq .section-headings { padding-inline-end: 0px; }
.faq .image-absolute { right: 10%; }}
@media (max-width: 991px){.faq .accordion-list { margin-block-start: 40px; }
.faq .image-absolute { bottom: -40px; padding-inline-end: 0px; }}
@media (max-width: 767px){.image-absolute img { max-width: 90px; height: auto; }
.faq .image-absolute { right: 0px; }}
footer { --offset-contact-form: 300px; }
.footer-main { --color-background: rgba(28, 35, 39, 1); --color-foreground: rgba(255, 255, 255, 1); --color-foreground-heading: rgba(255, 255, 255, 1); --color-primary-hover: rgba(255, 255, 255, 0.75); background-color: var(--color-background); position: relative; overflow: hidden; }
.footer-logo { max-width: 188px; display: flex; text-decoration: none; }
.footer-widget-brand > .text { margin-block-start: 24px; }
.footer-menu { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; }
.footer-menu .link { text-decoration: none; display: inline-block; color: var(--color-foreground); transition: 0.3s; }
.footer-menu .link:focus, .footer-menu .link:hover { opacity: 0.75; }
.widget-heading { font-weight: 600; }
.widget-heading + * { margin-block-start: 28px; }
.footer-top { padding: 100px 0px; }
.footer-bottom { --color-background: rgba(28, 37, 57, 1); background: var(--color-background); padding: 20px 0px; }
@media (min-width: 992px){.footer-custom-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; -webkit-box-pack: justify; justify-content: space-between; }
.footer-custom-row > * { width: 100%; max-width: 100%; }}
@media (min-width: 1601px){.footer-custom-row { grid-template-columns: repeat(5, 1fr); }}
@media (max-width: 1279px){.footer-logo { max-width: 160px; }}
@media (max-width: 991px){.footer-custom-row { row-gap: 48px; }
.footer-top { padding: 80px 0px; }}
@media (max-width: 767px){.footer-top { padding: 60px 0px; }
.footer-copyright { text-align: center; }
.footer-bottom-row { gap: 24px; }
.footer-logo { max-width: 130px; }}
.header-logo.logo-image { max-width: 280px; }
.site-logo-img { display: block; width: 100%; height: auto; }
.header-actions .cta-primary { font-size: 15px; white-space: nowrap; }
.footer-logo.logo-image { width: fit-content; max-width: 240px; padding: 10px 12px; background: rgb(255, 255, 255); border-radius: 8px; }
.footer-logo.logo-image .site-logo-img { width: 210px; }
@media (max-width: 767px){.header-logo.logo-image { max-width: 200px; }}
.card-project::after { background: linear-gradient(rgba(28, 37, 57, 0.12) 0%, rgba(28, 37, 57, 0.6) 46%, rgba(28, 37, 57, 0.94) 100%); }
.card-project:hover::after, .card-project:focus-within::after { opacity: 1; }
.card-project:hover .card-project-content, .card-project:focus-within .card-project-content { opacity: 1; transform: translateY(0px); }
.card-project .project-kicker, .card-project .card-project-content .heading, .card-project .card-project-content .text { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.55) 0px 2px 14px; }
.card-project .card-project-content .text { color: rgba(255, 255, 255, 0.93); font-weight: 600; line-height: 1.45; }
.wa-float { position: fixed; right: 20px; bottom: 20px; width: 56px; height: 56px; background: rgb(37, 211, 102); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 16px; z-index: 1000; transition: transform 0.2s, box-shadow 0.2s; opacity: 0; animation: 0.4s ease 0.5s 1 normal forwards running wa-fade-in; }
.wa-float:hover { transform: scale(1.06); box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 24px; color: rgb(255, 255, 255); }
@media (max-width: 768px){.wa-float { right: 16px; bottom: 16px; width: 52px; height: 52px; }}
.pricing-box--estimate { flex-wrap: nowrap; align-items: baseline; gap: 4px; }
.pricing-box--estimate .subheading { white-space: nowrap; }
.pricing-box--estimate .subheading.text-50 { font-size: 36px; }
.pricing-box--estimate .subheading-monthly { top: 0px; font-size: 13px; }
@media (max-width: 360px){.pricing-box--estimate { gap: 2px; }
.pricing-box--estimate .subheading.text-50 { font-size: 29px; }
.pricing-box--estimate .subheading-monthly { font-size: 10px; }}
.faq .image-absolute img { width: 208px; max-width: 208px; height: auto; }
@media (max-width: 767px){.faq .image-absolute img { width: 180px; max-width: 180px; }}
.hero-banner { --color-foreground-heading: #fff; --color-foreground: rgba(255, 255, 255, .88); --color-foreground-subheading: #fff; isolation: isolate; background: rgb(17, 24, 32); }
.hero-banner::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, rgba(17, 24, 32, 0.86) 0%, rgba(17, 24, 32, 0.58) 45%, rgba(17, 24, 32, 0.18) 100%); pointer-events: none; }
.hero-banner > .container-fluid { position: relative; z-index: 1; }
.hero-banner .content { max-width: 720px; }
.hero-banner .subheading-bg { --color-background-subheading: rgba(255, 255, 255, .12); --color-border-subheading-bg: rgba(255, 255, 255, .26); backdrop-filter: blur(8px); }
.hero-banner .heading.text-80 { font-size: 72px; line-height: 1.08; }
.hero-banner .decorated-text { outline-color: currentcolor; }
.hero-banner .decorated-text::before, .hero-banner .decorated-text::after, .hero-banner .decorated-text span::before, .hero-banner .decorated-text span::after { background: currentcolor; }
.hero-banner .hero-phone-call, .hero-banner .hero-phone-call .text { color: rgb(255, 255, 255); }
.hero-banner .banner-slider { max-width: 720px; margin-inline: auto; }
.hero-banner .banner-badge { position: absolute; top: 0px; left: -20px; z-index: 2; width: 29%; height: 29%; border-radius: 100%; }
.hero-banner .banner-badge svg { width: 100%; height: 100%; }
.hero-banner .banner-badge .hero-brand-mark { position: absolute; width: 48%; height: 48%; object-fit: contain; border-radius: 0px; }
@media (max-width: 991px){.hero-banner { min-height: auto; }
.hero-banner::before { background: linear-gradient(rgba(17, 24, 32, 0.92) 0%, rgba(17, 24, 32, 0.78) 58%, rgba(17, 24, 32, 0.42) 100%); }
.hero-banner .content { max-width: 680px; }
.hero-banner .heading.text-80 { font-size: 60px; }
.hero-banner .banner-slider { max-width: 580px; }}
@media (max-width: 767px){.hero-banner .heading.text-80 { font-size: clamp(28px, 8.5vw, 40px); line-height: 1.12; overflow-wrap: break-word; word-break: normal; hyphens: manual; }
.hero-banner .content > .buttons { gap: 18px; }
.hero-banner .text.text-18 { font-size: 16px; }
.hero-banner .decorated-text { padding: 4px 9px; outline-offset: -7px; }
.hero-banner .banner-slider { margin-block-start: 34px; }
.hero-banner .thumb-slider { display: none; }}
.share-card .text-36 { font-size: 36px; line-height: 1.2; }
.share-card .text-16 { font-size: 16px; line-height: 1.62; }
.share-zone { background: #e4e4e4; padding-block: 74px 34px; }
.share-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; padding: 32px 36px; border: 1px solid rgba(28, 37, 57, .08); border-radius: 24px; background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .74)), rgba(255, 255, 255, .86); box-shadow: 0 20px 60px rgba(28, 37, 57, .08); }
.share-copy { max-width: 720px; }
.share-eyebrow { display: inline-flex; margin-block-end: 12px; color: rgba(28, 37, 57, .62); font-weight: 700; }
.share-copy .heading { margin: 0; }
.share-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.share-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid transparent; border-radius: 999px; background: var(--share-button-bg, #20282d); color: #fff; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.share-button:hover, .share-button:focus-visible { border-color: rgba(255, 255, 255, .35); background: var(--share-button-hover-bg, #1c2539); color: #fff; transform: translateY(-1px); }
.share-button-linkedin { --share-button-bg: #0a66c2; --share-button-hover-bg: #084d93; }
.share-button-whatsapp { --share-button-bg: #1d883c; --share-button-hover-bg: #0e6230; }
.share-button-facebook { --share-button-bg: #0d5fc0; --share-button-hover-bg: #08488f; }
.share-button-copy { --share-button-bg: linear-gradient(135deg, #00a6ff 0%, #0074ff 100%); --share-button-hover-bg: linear-gradient(135deg, #1c2539 0%, #0074ff 100%); }
@media (max-width: 991px) { .share-card { grid-template-columns: 1fr; align-items: start; padding: 28px; } .share-actions { justify-content: flex-start; } }
.newsletter-zone { background: rgb(228, 228, 228); padding-block-end: 88px; }
.newsletter-zone.mt-100 { margin-top: 60px; }
.newsletter-panel { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(420px, 0.8fr); gap: 56px; align-items: end; overflow: hidden; padding: 58px 64px; border-radius: 28px; background: rgb(32, 40, 45); color: rgb(255, 255, 255); transform: translateY(-40px); margin-bottom: -40px; }
.newsletter-panel .subheading-bg { --color-background-subheading: rgba(255, 255, 255, .06); --color-border-subheading-bg: rgba(255, 255, 255, .18); color: rgba(255, 255, 255, 0.78); }
.newsletter-copy { position: relative; z-index: 1; max-width: 720px; }
.newsletter-copy .heading { margin-block-start: 28px; color: rgb(255, 255, 255); }
.newsletter-copy .text { max-width: 620px; margin-block-start: 20px; color: rgba(255, 255, 255, 0.78); }
.newsletter-form { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; align-items: start; gap: 12px; padding: 24px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: rgba(255, 255, 255, 0.075); backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.newsletter-form-head { margin: 0 0 4px; }
.newsletter-form-title { margin: 0 0 6px; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; }
.newsletter-form-subtitle { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 14px; line-height: 1.5; }
.newsletter-form input[type="email"], .newsletter-form input[type="text"]:not([tabindex="-1"]) { width: 100%; min-width: 0px; height: 58px; padding: 0px 20px; border: 1px solid rgba(255, 255, 255, 0.32); outline: 0px; border-radius: 18px; background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font: inherit; box-shadow: none; }
.newsletter-form input[type="hidden"] { display: none; }
.newsletter-form input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 0; padding: 0; margin: 0; flex: 0 0 16px; accent-color: #fff; cursor: pointer; }
.newsletter-form input::placeholder { color: rgba(255, 255, 255, 0.9); }
.newsletter-form input:focus { border-color: rgba(255, 255, 255, 0.56); background: rgba(255, 255, 255, 0.12); }
.newsletter-rgpd { display: grid; grid-template-columns: 16px 1fr; align-items: center; column-gap: 10px; margin: 0; padding: 4px 2px; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.45; cursor: pointer; }
.newsletter-rgpd > input[type="checkbox"] { grid-column: 1; grid-row: 1; justify-self: start; align-self: center; margin: 0; }
.newsletter-rgpd > span { grid-column: 2; grid-row: 1; align-self: center; }
.newsletter-rgpd a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.newsletter-rgpd a:hover { opacity: 0.82; }
.newsletter-error { grid-column: 1 / -1; margin: 0; padding: 10px 14px; border-radius: 12px; background: rgba(220, 53, 69, 0.14); border: 1px solid rgba(220, 53, 69, 0.32); color: #ffd2d6; font-size: 14px; }
.newsletter-perks { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 4px 0 0; padding: 0; list-style: none; color: rgba(255, 255, 255, 0.58); font-size: 12.5px; }
.newsletter-perks li { position: relative; padding-left: 16px; }
.newsletter-perks li::before { content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); box-shadow: inset 0 0 0 2px rgba(32, 40, 45, 0.9); }
.newsletter-form .button { justify-self: start; min-height: 52px; padding-inline: 22px 8px; border: 0px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(32, 40, 45); font-size: 16px; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.16) 0px 14px 34px; }
.newsletter-form .button .svg-wrapper { min-width: 32px; width: 32px; height: 32px; }
.newsletter-note { grid-column: 1 / -1; margin: 0px; padding: 0px 2px; color: rgba(255, 255, 255, 0.58); }
.newsletter-mark { position: absolute; right: -90px; top: -110px; width: 320px; height: 320px; opacity: 0.08; transform: rotate(-10deg); }
.newsletter-mark img { width: 100%; height: 100%; object-fit: contain; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
@media (max-width: 991px){.newsletter-panel { grid-template-columns: 1fr; gap: 34px; padding: 42px 28px; }
.newsletter-form { border-radius: 24px; }
.newsletter-form .button { justify-content: center; }}
.testimonial-2 .media-bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(242, 242, 242, 0.18) 0%, rgba(242, 242, 242, 0.58) 48%, rgba(242, 242, 242, 0.9) 100%); pointer-events: none; }
.testimonial-2 .media-bg img { opacity: 0.78; }
@-webkit-keyframes inifinte-rotation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes inifinte-rotation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes wa-fade-in {
100% { opacity: 1; }
}
@media (max-width: 991px){.header-nav { --color-background: rgba(242, 242, 242, 1); --color-foreground: rgba(32, 40, 45, 1); --color-foreground-heading: rgba(28, 37, 57, 1); --color-primary: rgba(32, 40, 45, 1); --color-primary-background: rgba(240, 237, 239, 0); --color-primary-hover: rgba(32, 40, 45, 1); --color-primary-background-hover: rgba(233, 233, 233, 1); position: fixed; right: 0px; top: 0px; background: var(--color-background); z-index: 10; width: 100%; height: 100%; transition: 0.3s; transform: translateX(100%); overflow-y: auto; }
.header-menu > * { width: 100%; }
.menu-link-main { padding: 12px 15px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.header-menu > .nav-item .menu-link-main { border-top: 1px solid rgba(0, 0, 0, 0.15); }
.menu-link { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.header-nav-headings { display: flex; gap: 20px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 15px; }
.header-nav-headings .svg-wrapper { color: rgb(0, 0, 0); width: 44px; height: 44px; margin-right: -10px; }}
.swiper-nav-inner > *:focus,
.swiper-nav-inner > *:hover {
--color-border: rgba(28, 37, 57, 1);
}
.project-slider .swiper-nav-inner {
--swiper-navigation-size: 14px;
--swiper-navigation-color: rgba(28, 37, 57, 1);
--swiper-navigation-background-color: rgba(242, 242, 242, 1);
--swiper-navigation-hover-color: rgba(28, 37, 57, 1);
--swiper-navigation-hover-background-color: transparent;
}
.testimonial-2 .custom-bullet {
padding: 0;
border: 0;
background: transparent;
opacity: 1;
cursor: pointer;
}
.testimonial-2 .custom-bullet img {
width: 100%;
height: 100%;
display: block;
}
.testimonial-2 .custom-bullet.swiper-pagination-bullet-active {
background: transparent;
outline: 2px solid rgba(32, 40, 45, 1);
outline-offset: 10px;
transition: all 0.1s;
}
.hero-banner .main-slider, .hero-banner .main-slider .swiper, .hero-banner .main-slider .swiper-wrapper, .hero-banner .main-slider .swiper-slide, .hero-banner .main-img {
aspect-ratio: 992 / 717;
}
.hero-banner .thumb-img { aspect-ratio: 8 / 7; }
.hero-banner .thumb-img img {
height: 100%;
object-fit: cover;
}
.hero-banner .thumb-slider .swiper-wrapper { gap: 20px; }
.hero-banner .thumb-slider .swiper-slide { width: calc((100% - 40px) / 3); }
@media (max-width: 767px) {
.testimonial-2 .custom-bullet.swiper-pagination-bullet-active { outline-offset: 7px; }
.hero-banner .thumb-slider .swiper-wrapper { gap: 10px; }
.hero-banner .thumb-slider .swiper-slide { width: calc((100% - 20px) / 3); }
}