html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
    height: 100%;
    scroll-behavior: smooth;
}

:root {
    --white: #FAF9F6;
    --black: #1d2025;
    --dark-02: #1d1d1d;
    --grey: #adadad;
    --border: #6b6b6b1a;
    --dark-grey: #6b6b6b;
    --dark: #1f1f1f;
    --background-color--primary-background: #F4F4ED;
    --border-radius: 20px;
    --neutral-color--secondary-neutral: #8b8b8b;
    --border-color--border-secondary: #6b6b6b1a;
    --warm-cream: #F4F4ED;
    --olive-accent: #82816D;
}

@font-face {
    font-family: 'Mango Grotesque';
    src: url('https://cdn.prod.website-files.com/67c3a26746760da8b697c23f/67c3afd4b872a81fe6f2d7cc_MangoGrotesque-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutral Sans';
    src: url('https://cdn.prod.website-files.com/67680bf3b374755e68904af7/6796e24419f7d2c0aea1ce22_NeutralSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('https://cdn.prod.website-files.com/67680bf3b374755e68904af7/6796e24419f7d2c0aea1ce22_NeutralSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    background-color: var(--background-color--primary-background);
    color: #1C1C1C;
    font-family: Aspekta, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

* {
    box-sizing: border-box;
}

.w-block {
    display: block;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-clearfix:after {
    clear: both;
}

.w-hidden {
    display: none;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.container-large {
    width: 100%;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}

.text-color-alternate {
    color: var(--neutral-color--secondary-neutral);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],
template {
    display: none
}

a {
    background-color: #0000;
    color: #1C1C1C;
    line-height: 1.2;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

* {
    box-sizing: border-box
}

html {
    height: 100%;
    scroll-behavior: smooth
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    overflow-x: hidden
}

.container-large {
    width: 100%;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden
}

.navbar {
    border-bottom: 1px solid #6b6b6b1a;
    background-color: #0000;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
    position: absolute;
    inset: 0% 0% auto;
    z-index: 10
}

.nav-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr auto;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.brand-link {
    z-index: 9999;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: block;
    position: relative;
    overflow: hidden
}

.logo-wrap {
    justify-content: center;
    align-items: flex-start;
    height: 1.875rem
}

.logo {
    color: #1C1C1C;
    text-transform: uppercase;
    height: 1.875rem;
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 1;
    display: block;
    transition: filter 0.3s ease
}

.alternate-logo {
    opacity: .3;
    color: #aeaeae;
    text-transform: uppercase;
    height: 1.875rem;
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 1;
    transition: filter 0.3s ease
}

.nav-menu {
    background-color: #0000;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0%;
    display: none;
    float: none !important;
    z-index: 1000
}

.w-nav-menu.nav-menu {
    float: none !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0% !important
}

[data-nav-menu-open].nav-menu {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0% !important;
    background: transparent !important;
    text-align: left !important;
    min-width: 0 !important
}

.background-navbar {
    z-index: 1;
    background-color: #222;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 0%
}

.nav-square {
    background-color: #2b2b2b;
    width: 5rem;
    height: 5rem;
    padding-bottom: 0;
    padding-right: 0;
    position: relative
}

.nav-menu-content {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.left-nav-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.right-nav-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.nav-link-overflow {
    position: relative;
    overflow: hidden
}

.nav-link {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 7rem;
    text-decoration: none;
    display: flex
}

.nav-link-block {
    height: 7rem;
    overflow: hidden
}

.nav-text {
    color: #fff;
    text-transform: uppercase;
    font-family: Morganite, Impact, sans-serif;
    font-size: 7rem;
    font-weight: 700;
    line-height: 1
}

.nav-text.is-hover {
    color: #aeaeae
}

.link-underline-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1px;
    display: none;
    position: relative;
    top: -1rem;
    overflow: hidden
}

.link-underline-item {
    width: 100%;
    height: 1px;
    overflow: hidden
}

.left-underline {
    background-color: #fff;
    width: 100%;
    height: 1px
}

.right-underline {
    background-color: #fff;
    width: 100%;
    height: 1px
}

.nav-button-wrapper {
    display: flex
}

.button-component {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.button-text-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1rem;
    display: flex;
    overflow: hidden
}

.button-text {
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: Eudoxus Sans, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1
}

.button-text.is-hover {
    color: #aeaeae
}

.corner-component {
    position: absolute;
    inset: 5px
}

.corner-9 {
    background-color: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: 0% auto auto 0%
}

.corner-10 {
    background-color: #fff;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: 0% 0% auto auto
}

.corner-11 {
    background-color: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: auto 0% 0% auto
}

.corner-12 {
    background-color: #fff;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%
}

.corner-13 {
    background-color: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: 0% 0% auto auto
}

.corner-14 {
    background-color: #fff;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: auto 0% 0% auto
}

.corner-15 {
    background-color: #fff;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%
}

.corner-16 {
    background-color: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: auto auto 0% 0%
}

.outline-button-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.horizontal-button-outline {
    width: 100%;
    height: 1px;
    position: absolute;
    overflow: hidden
}

.horizontal-button-outline.bottom {
    inset: auto 0% 0%
}

.horizontal-button-outline.top {
    inset: 0% 0% auto
}

.vertical-button-outline {
    width: 1px;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.vertical-button-outline.left {
    inset: 0% auto 0% 0%
}

.vertical-button-outline.right {
    inset: 0% 0% 0% auto
}

.horizontal-outline {
    background-color: #fff;
    width: 100%;
    height: 1px
}

.vertical-outline {
    background-color: #fff;
    width: 1px;
    height: 100%
}

.menu-button {
    border: 1px solid #1C1C1C;
    background-color: transparent;
    width: 3.25rem;
    height: 3.25rem;
    padding: 5px;
    display: block !important;
    position: relative;
    cursor: pointer;
    float: none !important;
    z-index: 9999
}

.menu-button.w--open {
    background-color: transparent !important;
    color: inherit !important
}

.w-nav-button.menu-button {
    display: block !important;
    float: none !important;
    padding: 5px !important
}

.menu-button-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.menu-button-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    display: flex;
    overflow: hidden
}

.menu-line-item {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.menu-line {
    background-color: #1C1C1C;
    width: 100%;
    height: 1px
}

.menu-line.middle {
    width: 50%
}

.menu-corner-01 {
    background-color: #1C1C1C;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: 0% auto auto 0%
}

.menu-corner-02 {
    background-color: #1C1C1C;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%
}

.menu-corner-03 {
    background-color: #1C1C1C;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: auto auto 0% 0%
}

.menu-corner-04 {
    background-color: #1C1C1C;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%
}

.menu-corner-05 {
    background-color: #1C1C1C;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: 0% 0% auto auto
}

.menu-corner-06 {
    background-color: #1C1C1C;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: 0% 0% auto auto
}

.menu-corner-07 {
    background-color: #1C1C1C;
    width: 1px;
    height: 10px;
    position: absolute;
    inset: auto 0% 0% auto
}

.menu-corner-08 {
    background-color: #1C1C1C;
    width: 10px;
    height: 1px;
    position: absolute;
    inset: auto 0% 0% auto
}

#w-node-c57c7c04-de4d-a987-8380-25c47a6b4af6-7a6b4af2 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center start
}

#w-node-c57c7c04-de4d-a987-8380-25c47a6b4afa-7a6b4af2 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center
}

#w-node-c57c7c04-de4d-a987-8380-25c47a6b4b58-7a6b4af2 {
    grid-area: 1 / 3 / 2 / 4;
    place-self: center end
}

.social-media-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.social-link {
    border: 1px solid var(--dark-02);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    transition: border-color .35s;
    display: flex
}

.social-link:hover {
    border-color: #6b6b6b80
}

.social-icon-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    overflow: hidden
}

.social-icon {
    color: #1c1c1c;
    width: 1.25rem;
    height: 1.25rem
}

.footer .social-icon {
    color: #fafafa
}

.w-nav {
    z-index: 1000;
    background: inherit;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #fff0;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse="all"] .w-nav-menu {
    display: none
}

.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

h1 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2
}

h2 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

h3 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2
}

h4 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4
}

h5 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5
}

h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

p {
    margin-bottom: 10px;
    line-height: 1.4
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    line-height: 1.4
}

blockquote {
    border-left: 5px solid var(--dark-02);
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.4
}

@font-face {
    font-family: 'Aspekta';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67efecdb8714e76f45521e36_AspektaVF.woff2) format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Eudoxus Sans';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f962f508fa2ae600e4f30_EudoxusSans-Bold-BF659b6cb1408e5.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Eudoxus Sans';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f962f97b540393162ea84_EudoxusSans-ExtraLight-BF659b6cb1e7092.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Eudoxus Sans';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f962f60bf89c0344aab67_EudoxusSans-Regular-BF659b6cb1d4714.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Eudoxus Sans';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f962fe7c72d72e5f5bd4c_EudoxusSans-Light-BF659b6cb2036b5.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Eudoxus Sans';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f9630de8be82810e767fd_EudoxusSans-Medium-BF659b6cb1c14cb.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c328ca8745ca14e032_Morganite-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c32b68e92738710c9a_Morganite-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c32b68e92738710ca8_Morganite-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c305abbee264886eb4_Morganite-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c37de8feb4ed4e509b_Morganite-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c373b499364eb82cd9_Morganite-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Morganite';
    src: url("https://cdn.prod.website-files.com/680e6eb73a92d608019cb962/680f97c3e7c72d72e5f6f3ed_Morganite-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008da6e8e5ff77f6e4c7e_Antonio-Medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008dac63d56050748f9e7_Antonio-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008daaaa520f9034ecaac_Antonio-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008daace8c442fc6705f9_Antonio-Light.woff2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008db7ce2bab8695b4f87_Antonio-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008dad215211b0efac626_Antonio-ExtraLight.woff2) format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Antonio';
    src: url(https://cdn.prod.website-files.com/67e6017689a30124026f69f3/67f008da46d9559c38f8a80a_Antonio-Thin.woff2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

.section-home-header {
    padding-bottom: 6rem
}

.header-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    height: 100vh
}

.header-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.subtitle {
    color: #1C1C1C;
    text-align: center;
    text-transform: uppercase;
    font-family: Aspekta, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1
}

.subtitle.services {
    color: #6b6b6b
}

.header-content-wrapper {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.heading-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    overflow: hidden
}

.header-title {
    color: #1C1C1C;
    letter-spacing: -.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: Antonio, Impact, sans-serif;
    font-size: 14rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    top: -1.25rem
}

.header-title.is-left {
    left: -1rem
}

.header-title.is-right {
    right: -1rem
}

.header-title-craft {
    color: var(--olive-accent)
}

.header-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.header-image-block {
    perspective: 1000px;
    width: 12rem;
    height: 16rem;
    position: relative
}

.image-frame {
    perspective: 750px;
    transform-style: preserve-3d;
    width: 12rem;
    height: 16rem;
    position: absolute;
    transform: translate3d(0%, 0%, 0)rotate(0)
}

.image-frame._01 {
    transform-style: preserve-3d;
    transform: translate3d(-120%, 0%, 0)rotateX(0)rotateY(45deg)rotateZ(-18deg)
}

.image-frame._02 {
    transform-style: preserve-3d;
    transform: translate3d(-55%, -15%, 5vw)rotateX(0)rotateY(30deg)rotateZ(-12deg)
}

.image-frame._03 {
    transform-style: preserve-3d;
    transform: translate3d(10%, -15%, 10vw)rotateX(0)rotateY(25deg)rotateZ(-3deg)
}

.image-frame._04 {
    transform-style: preserve-3d;
    transform: translate3d(75%, -5%, 16vw)rotateX(0)rotateY(10deg)rotateZ(12deg)
}

.header-image {
    object-fit: cover;
    width: 12rem;
    height: 16rem
}

.header-description-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    width: 100%;
    position: relative;
    top: 0;
    z-index: 100;
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.header-description-text {
    color: #1C1C1C;
    text-transform: uppercase;
    font-family: Aspekta, Arial, sans-serif
}

@media screen and (min-width:1280px) {
    .header-title.is-left {
        left: -.2rem
    }

    .header-title.is-right {
        right: -1.5rem
    }

    .header-content-wrapper {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }
}

@media screen and (min-width:1440px) {
    .header-title {
        font-size: 16.5rem
    }

    .header-title.is-left {
        right: -.5rem
    }

    .header-content-wrapper {
        grid-column-gap: 14rem;
        grid-row-gap: 14rem
    }

    .header-image-block,
    .header-image,
    .image-frame {
        width: 16.5rem;
        height: 22rem
    }
}

@media screen and (max-width:991px) {
    .header-title {
        text-align: center;
        font-size: 12rem
    }

    .header-title.is-left {
        left: 0
    }

    .header-title.is-right {
        right: 0
    }

    .header-content-wrapper {
        grid-column-gap: 6rem;
        grid-row-gap: 6rem;
        flex-flow: column;
        width: 100%
    }

    .header-image-block {
        top: -.5rem;
        transform: scale(.75)
    }

    .heading-wrapper {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 1rem;
        display: flex
    }

    .image-frame._01 {
        transform: translate3d(-100%, -3%, 0)rotateX(0)rotateY(45deg)rotateZ(-18deg)
    }

    .image-frame._02 {
        transform: translate3d(-50%, -15%, 5vw)rotateX(0)rotateY(30deg)rotateZ(-12deg)
    }

    .image-frame._03 {
        transform: translate3d(10%, -20%, 10vw)rotateX(0)rotateY(25deg)rotateZ(-3deg)
    }

    .image-frame._04 {
        transform: translate3d(80%, -15%, 16vw)rotateX(0)rotateY(10deg)rotateZ(12deg)
    }

    .subtitle {
        font-size: 1.125rem
    }
}

@media screen and (max-width:767px) {
    .section-home-header {
        padding-bottom: 4rem
    }

    .header-title {
        font-size: 10rem
    }

    .header-image-block {
        perspective: 750px
    }

    .image-frame._04 {
        transform: translate3d(80%, -15%, 18vw)rotateX(0)rotateY(10deg)rotateZ(12deg)
    }

    .subtitle {
        font-size: 1rem
    }
}

@media screen and (max-width:479px) {
    .section-home-header {
        padding-bottom: 2rem
    }

    .header-title {
        letter-spacing: -.5rem;
        font-size: 7rem
    }

    .header-title.is-left {
        left: 0
    }

    .header-title.is-right {
        right: 0
    }

    .header-content-wrapper {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem
    }

    .header-image-block {
        perspective: 600px;
        transform: scale(.5)
    }

    .heading-wrapper {
        width: 100%
    }

    .image-frame._01 {
        transform: translate3d(-90%, -3%, 0)rotateX(0)rotateY(45deg)rotateZ(-18deg)
    }

    .image-frame._02 {
        transform: translate3d(-40%, -15%, 5vw)rotateX(0)rotateY(30deg)rotateZ(-12deg)
    }

    .image-frame._03 {
        transform: translate3d(20%, -20%, 10vw)rotateX(0)rotateY(25deg)rotateZ(-3deg)
    }

    .image-frame._04 {
        transform: translate3d(90%, -10%, 18vw)rotateX(0)rotateY(10deg)rotateZ(14deg)
    }

    .header-content {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .subtitle {
        font-size: 1rem
    }

    .header-description-grid {
        top: 0
    }
}

#w-node-_561cc5fe-4953-7c23-afab-f91f5921c0b7-026f69db {
    grid-area: 1 / 1 / 4 / 7;
    place-self: center
}

#w-node-db41c7f5-cdd9-27b6-9802-7f763ab32372-026f69db {
    grid-area: 1 / 1 / 7 / 7;
    place-self: center
}

#w-node-e88041be-2794-035b-b481-ca672c781e38-026f69db {
    grid-area: 1 / 1 / 7 / 7
}

#w-node-_257e82c7-6137-e73b-19ad-5d5012327968-026f69db {
    grid-area: 5 / 1 / 7 / 7;
    place-self: center
}

#w-node-_1482f9c6-ccf0-3a3e-7308-baea33a9efda-026f69db {
    grid-area: 6 / 1 / 7 / 7;
    align-self: end
}

#w-node-_13867652-3a69-a126-ce77-31252dc645eb-026f69db {
    place-self: center start
}

#w-node-_58a0ecd8-67d6-5cc7-ba71-fe3fcda15d6d-026f69db {
    place-self: center end
}

#w-node-_561cc5fe-4953-7c23-afab-f91f5921c0b7-026f69db {
    grid-area: 1 / 1 / 4 / 7;
    place-self: center
}

#w-node-db41c7f5-cdd9-27b6-9802-7f763ab32372-026f69db {
    grid-area: 1 / 1 / 7 / 7;
    place-self: center
}

#w-node-e88041be-2794-035b-b481-ca672c781e38-026f69db {
    grid-area: 1 / 1 / 7 / 7
}

#w-node-_257e82c7-6137-e73b-19ad-5d5012327968-026f69db {
    grid-area: 5 / 1 / 7 / 7;
    place-self: center
}

#w-node-_1482f9c6-ccf0-3a3e-7308-baea33a9efda-026f69db {
    grid-area: 6 / 1 / 7 / 7;
    align-self: end
}

#w-node-_13867652-3a69-a126-ce77-31252dc645eb-026f69db {
    place-self: center start
}

#w-node-_58a0ecd8-67d6-5cc7-ba71-fe3fcda15d6d-026f69db {
    place-self: center end
}

@media screen and (max-width:991px) {
    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .spacer-huge {
        padding-top: 5rem
    }

    .subtitle {
        font-size: 1.125rem
    }

    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block
    }

    .menu-button {
        display: block;
        width: 3rem;
        height: 3rem
    }

    .nav-text {
        font-family: Morganite, Impact, sans-serif;
        font-size: 7rem;
        font-weight: 700;
        line-height: 1
    }

    .left-nav-menu {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column
    }

    .navbar {
        border-bottom: 1px solid #6b6b6b1a;
        background-color: #0000;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        position: absolute;
        inset: 0% 0% auto
    }

    .nav-menu {
        background-color: #0000;
        width: 100%;
        height: 100%;
        position: fixed;
        inset: 0%
    }

    .nav-link {
        height: 7rem
    }

    .link-underline-wrapper {
        display: none;
        top: -1rem
    }

    .background-navbar {
        z-index: 1;
        background-color: #222;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
        position: absolute;
        inset: 0%
    }

    .nav-link-block {
        height: 7rem
    }

    .nav-square {
        background-color: #2b2b2b;
        width: 5rem;
        height: 5rem;
        padding-bottom: 0;
        padding-right: 0;
        position: relative
    }

    .brand-link {
        z-index: 9999
    }

    .brand-link.w--current {
        z-index: 9999
    }

    .nav-menu-content {
        z-index: 2;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: absolute
    }

    .right-nav-menu {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column
    }

    #w-node-c57c7c04-de4d-a987-8380-25c47a6b4af6-7a6b4af2 {
        grid-column: 1 / 2;
        justify-self: start
    }
}

@media screen and (max-width:767px) {
    .spacer-huge {
        padding-top: 4rem
    }

    .section-home-header {
        padding-bottom: 4rem
    }

    .header-title {
        font-size: 10rem
    }

    .header-image-block {
        perspective: 750px
    }

    .image-frame._04 {
        transform: translate3d(80%, -15%, 18vw)rotateX(0)rotateY(10deg)rotateZ(12deg)
    }

    .subtitle {
        font-size: 1rem
    }

    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="small"] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }

    .menu-button {
        display: block;
        width: 3rem;
        height: 3rem
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .nav-text {
        font-size: 5rem
    }

    .nav-link {
        height: 5rem
    }

    .link-underline-wrapper {
        top: -.75rem
    }

    .nav-link-block {
        height: 5rem
    }

    .nav-menu-content {
        justify-content: flex-start;
        align-items: center;
        padding-top: 10rem
    }

    .padding-top-header {
        padding-top: 6rem
    }

    .section-home-header,
    .section-project-header,
    .section-contact-header,
    .section-pricing-header {
        padding-top: 2rem
    }
}

@media screen and (max-width:479px) {
    .subtitle {
        font-size: 1rem
    }

    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block
    }

    .menu-button {
        display: block
    }

    .nav-text {
        font-size: 4rem
    }

    .nav-link,
    .nav-link-block {
        height: 4rem
    }

    .nav-component-grid {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem
    }
}

.page-wrapper {
    position: relative;
    z-index: 3
}

.section-about-content {
    color: var(--black);
    padding-top: 0;
    padding-bottom: 6rem;
    position: relative;
    z-index: 5
}

.padding-section-large {
    padding-top: 1rem;
    padding-bottom: 8rem
}

.text-size-small {
    text-transform: uppercase;
    font-size: .875rem
}

.text-size-regular {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1rem;
    color: #1c1c1c
}

.text-align-center {
    text-align: center
}

.align-center {
    margin-left: auto;
    margin-right: auto
}

.max-width-medium {
    width: 100%;
    max-width: 32rem
}

.max-width-large {
    width: 100%;
    max-width: 48rem
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem
}

.spacer-medium {
    width: 100%;
    padding-top: 2rem
}

.spacer-xsmall {
    width: 100%;
    padding-top: 0.5rem
}

.spacer-huge {
    width: 100%;
    padding-top: 6rem
}

.intro-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr .25fr;
    width: 100%
}

.heading-component {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.heading-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    overflow: hidden
}

.heading-wrapper {
    position: relative;
    overflow: hidden
}

.heading-item {
    transform: translate3d(-200%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.heading-item.is-top {
    transform: translate3d(-200%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.heading-style-h1 {
    letter-spacing: -.5rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: Antonio, Impact, sans-serif;
    font-size: 10rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1c1c1c
}

.heading-style-h2 {
    letter-spacing: -.25rem;
    text-transform: uppercase;
    font-family: Antonio, Impact, sans-serif;
    font-size: 8rem;
    font-weight: 700;
    line-height: 1
}

.heading-style-h1.is-grey {
    color: #6b6b6b
}

.heading-wrapper .heading-item.is-bottom {
    transform: translate3d(200%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.horizontal-heading-component {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: .5rem;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%
}

.horizontal-heading-item {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.horizontal-heading-item.is-left {
    transform: translate3d(-200%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    order: 1
}

.horizontal-heading-item.is-right {
    transform: translate3d(200%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    order: 2
}

@media screen and (max-width:767px) {
    .horizontal-heading-component {
        gap: .25rem
    }

    .horizontal-heading-component .heading-style-h1 {
        font-size: 6rem
    }
}

@media screen and (max-width:479px) {
    .horizontal-heading-component {
        gap: .125rem
    }

    .horizontal-heading-component .heading-style-h1 {
        font-size: 4rem
    }
}

.about-content-grid {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    grid-template-rows: auto
}

.numbers-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.numbers-flex.is-left {
    justify-content: flex-start;
    align-items: flex-start
}

.numbers-flex.is-right {
    justify-content: flex-start;
    align-items: flex-end
}

.roll-numbers-wrapper {
    height: 10vw;
    min-height: 10vw;
    display: flex;
    overflow: hidden
}

.number {
    color: var(--black);
    text-align: center;
    height: 10vw;
    min-height: 10vw;
    font-size: 9vw;
    font-weight: 500;
    line-height: 1
}

.number.alternate {
    color: var(--dark-grey)
}

.roll-numbers {
    height: 10vw;
    min-height: 10vw;
    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.stats-text {
    color: #1C1C1C;
    text-align: left;
    text-transform: uppercase
}

.intro-content-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%
}

.button-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.main-button {
    border: 1px solid var(--border-color--border-secondary);
    padding: 1.25rem 2rem;
    text-decoration: none;
    position: relative;
    display: inline-block
}

.main-button-grid {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    width: 100%
}

.right-main-button {
    background-color: #fff;
    height: 3.25rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.right-main-button.is-alternate {
    background-color: #242424
}

.main-button-text-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 14px;
    display: flex;
    overflow: hidden
}

.main-button-text {
    color: #111;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1
}

.main-button-text.is-alternate {
    color: #FAFAFA
}

.main-button-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden
}

.rotate-arrow-wrapper {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    position: relative
}

.main-button-rotate-background {
    background-color: var(--dark-grey);
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)
}

.arrow-block {
    z-index: 2;
    color: #FAFAFA;
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    overflow: hidden
}

.arrow {
    color: #FAFAFA;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    transform: translate3d(0rem, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.arrow._02 {
    transform: translate3d(-1.25rem, 1.25rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)
}

.w-embed {
    width: 1.25rem;
    height: 1.25rem
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64c3-026f69dd {
    place-self: center start
}

#w-node-_85ebdac8-a71e-aafc-cccb-f8bb2fefd1a9-026f69dd {
    place-self: center end
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6487-026f69dd {
    grid-area: 1 / 2 / 2 / 3;
    place-self: center
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6457-026f69dd,
#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6492-026f69dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64c9-026f69dd,
#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64cd-026f69dd {
    place-self: center start
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64dc-026f69dd,
#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64dd-026f69dd {
    grid-area: 1 / 1 / 2 / 2
}

#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e0-026f69dd,
#w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e4-026f69dd {
    place-self: center end
}

@media screen and (max-width:991px) {
    .roll-numbers-wrapper {
        height: 8vw;
        min-height: 8vw
    }

    .number {
        height: 8vw;
        min-height: 8vw;
        font-size: 8vw
    }

    .roll-numbers {
        height: 8vw;
        min-height: 8vw
    }

    .heading-style-h1 {
        font-size: 8rem
    }

    .intro-component-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .intro-content-grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64c3-026f69dd {
        grid-area: 2 / 1 / 3 / 4
    }

    #w-node-_85ebdac8-a71e-aafc-cccb-f8bb2fefd1a9-026f69dd {
        grid-area: 3 / 1 / 4 / 4
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6487-026f69dd {
        grid-column: 1 / 4
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6457-026f69dd {
        grid-area: 1 / 1 / 2 / 3;
        justify-self: start
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6492-026f69dd {
        grid-area: 1 / 2 / 2 / 4;
        justify-self: end
    }
}

@media screen and (max-width:767px) {
    .roll-numbers-wrapper {
        height: 15vw;
        min-height: 15vw
    }

    .number {
        height: 15vw;
        min-height: 15vw;
        font-size: 15vw
    }

    .roll-numbers {
        height: 15vw;
        min-height: 15vw
    }

    .heading-style-h1 {
        letter-spacing: -.25rem;
        font-size: 6rem
    }

    .intro-content-grid {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-items: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64d1-026f69dd {
        grid-row: 1 / 2;
        grid-column: 1 / 5;
        justify-self: center;
        margin-bottom: 1rem
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64c9-026f69dd {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
        justify-self: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64cd-026f69dd {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
        justify-self: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e0-026f69dd {
        grid-row: 2 / 3;
        grid-column: 3 / 4;
        justify-self: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e4-026f69dd {
        grid-row: 2 / 3;
        grid-column: 4 / 5;
        justify-self: center
    }
}

@media screen and (max-width:479px) {
    .roll-numbers-wrapper {
        height: 20vw;
        min-height: 20vw
    }

    .number {
        height: 20vw;
        min-height: 20vw;
        font-size: 20vw
    }

    .roll-numbers._02,
    .roll-numbers._01 {
        height: 20vw;
        min-height: 20vw
    }

    .heading-style-h1 {
        font-size: 4rem
    }

    .numbers-flex.is-left,
    .numbers-flex.is-right {
        justify-content: flex-start;
        align-items: center
    }

    .intro-content-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6457-026f69dd {
        grid-column-end: 4;
        justify-self: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe6492-026f69dd {
        grid-row: 2 / 3;
        grid-column-start: 1;
        justify-self: center
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64d1-026f69dd {
        grid-row: 1 / 2;
        grid-column: 1 / 5;
        justify-self: center;
        margin-bottom: 1rem
    }

    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64c9-026f69dd,
    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64cd-026f69dd,
    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e0-026f69dd,
    #w-node-_59f8efc4-707b-4a24-30f0-142b4ffe64e4-026f69dd {
        grid-row: 2 / 3
    }
}

.footer {
    background-color: #000000;
    color: #ffffff;
    background-image: url("https://cdn.prod.website-files.com/64951b6e24011b4630c57e0d/64951e09b89b1e435f1b941d_body-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.footer-padding {
    padding-top: 8rem;
    padding-bottom: 4rem
}

.footer-top-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
    display: flex
}

.footer-logo-link {
    text-decoration: none
}

.footer-logo {
    color: #000;
    text-transform: uppercase;
    height: 8rem;
    font-weight: 700
}

.footer-component-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 4rem;
    margin-bottom: 5rem
}

.footer-content-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.footer-content-block:has(.social-media-wrapper) {
    margin-top: 3rem
}

.link-button {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    height: 18px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.link-button.bottom {
    height: 14px
}

.link-wrap {
    flex-direction: column;
    height: 1rem;
    display: flex;
    overflow: hidden
}

.link-text {
    color: var(--white);
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1
}

.link-text.is-hover {
    color: var(--grey)
}

.link-text.bottom {
    font-size: 14px
}

.link-text.bottom-hover {
    color: var(--grey);
    font-size: 14px
}

.back-to-top-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-bottom: 2rem
}

.back-to-top-link {
    border: 1px solid var(--dark-02);
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    transition: border-color .35s;
    display: flex
}

.back-to-top-link:hover {
    border-color: #6b6b6b80
}

.back-to-top-arrow-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    overflow: hidden
}

.back-to-top-arrow {
    color: var(--white);
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 400
}

.divider-line {
    background-color: var(--dark-02);
    width: 100%;
    height: 1px
}

.section-about-content .divider-line {
    margin-bottom: 7rem
}

.bottom-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 100%;
    margin-top: 2rem
}

.bottom-content-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    margin-bottom: 2rem
}

.bottom-content-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex
}

.footer-menu-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.text-color-secondary {
    color: #1c1c1c
}

.text-color-secondary.footer-tagline {
    color: #FAFAFA
}

.text-color-secondary.footer-copyright {
    color: #999
}

.text-size-tiny {
    text-transform: uppercase;
    font-size: .75rem
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88a0-4bac888f,
#w-node-_37b78ce8-6c56-439d-e460-72774bac88cb-4bac888f,
#w-node-_37b78ce8-6c56-439d-e460-72774bac889c-4bac888f {
    place-self: center
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f {
    place-self: center
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
    place-self: end
}

@media screen and (max-width:991px) {
    .footer-content-block {
        flex-flow: wrap
    }

    .bottom-component-grid {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .bottom-content-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: wrap
    }

    .footer-menu-block,
    .social-media-wrapper {
        flex-flow: wrap
    }

    #w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f,
    #w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
        place-self: center
    }
}

@media screen and (max-width:767px) {
    .footer-padding {
        padding-top: 6rem
    }

    .bottom-component-grid {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .bottom-content-wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-flow: column;
        justify-content: flex-end;
        align-items: center
    }

    .footer-menu-block {
        justify-content: center;
        align-items: flex-end
    }

    #w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f {
        justify-self: center
    }

    #w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
        place-self: center
    }
}

@media screen and (max-width:479px) {
    .footer-logo {
        height: 8rem
    }

    .social-media-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }
}

.container-medium {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem
}

.call-to-action {
    color: var(--white)
}

.cta-component {
    height: 300vh;
    margin-top: 0;
    margin-bottom: 0;
    will-change: transform;
    transform: translateZ(0)
}

.cta-title.left,
.cta-title.right {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (prefers-reduced-motion:reduce) {

    .cta-title.left,
    .cta-title.right,
    .cta-image {
        will-change: auto;
        transform: none !important
    }
}

.cta-content-wrapper {
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: sticky;
    top: 0;
    contain: layout style paint
}

.cta-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: 100%
}

.subtitle.cta {
    color: #1c1c1c;
    text-align: center;
    text-transform: uppercase;
    font-family: Aspekta, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: 0
}

.cta-title-block {
    z-index: 2;
    mix-blend-mode: difference;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.cta-title-wrap {
    flex-flow: column;
    margin-top: -2.5rem;
    display: flex
}

.cta-title-item {
    white-space: nowrap;
    flex: none;
    overflow: hidden
}

.cta-title {
    color: #1c1c1c;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: Antonio, Impact, sans-serif;
    font-size: 16rem;
    font-weight: 600;
    line-height: 1.1
}

.cta-title.left {
    text-align: left
}

.cta-title.right {
    text-align: right
}

.featured-title {
    color: var(--olive-accent)
}

.cta-image-block {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    margin-top: 5rem
}

.cta-image {
    z-index: 1;
    object-fit: cover;
    position: relative;
    width: 28rem;
    height: auto;
    will-change: transform;
    transform: translateZ(0)
}

.cta-button-block {
    z-index: 10;
    position: relative;
    top: -2rem;
    margin-bottom: -1.5rem
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d1528e2-8d1528de {
    grid-area: 1 / 1 / 2 / 4;
    place-self: center
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d1528e4-8d1528de {
    grid-area: 1 / 1 / 4 / 4
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d1528e5-8d1528de {
    grid-area: 1 / 1 / 2 / 2
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d1528f2-8d1528de {
    grid-area: 1 / 2 / 2 / 3
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d1528ff-8d1528de {
    grid-area: 1 / 2 / 4 / 3
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d152901-8d1528de {
    grid-area: 3 / 1 / 4 / 4;
    place-self: end center
}

#w-node-_575faa43-ad6a-308a-8a76-e5148d15290d-8d1528de,
#w-node-_575faa43-ad6a-308a-8a76-e5148d15290e-8d1528de {
    grid-area: 1 / 1 / 2 / 2
}

@media screen and (max-width:991px) {
    .cta-title {
        font-size: 10rem
    }

    .cta-title-wrap {
        margin-top: -1.75rem
    }

    .cta-image {
        width: 25rem
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528e2-8d1528de {
        align-self: end
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528ff-8d1528de {
        grid-column: 1 / 4
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d152901-8d1528de {
        align-self: center
    }
}

@media screen and (max-width:767px) {
    .cta-title {
        font-size: 6rem
    }

    .cta-button-block {
        top: -1rem;
        margin-top: 2rem
    }

    .cta-title-wrap {
        margin-top: -1.125rem
    }

    .cta-image {
        width: 20rem
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528ff-8d1528de {
        grid-column: 1 / 4
    }
}

@media screen and (max-width:479px) {
    .subtitle.cta {
        position: relative;
        top: 5rem;
        margin-bottom: 0
    }

    .cta-title {
        font-size: 5rem
    }

    .cta-button-block {
        top: 0;
        margin-top: 1.5rem
    }

    .cta-content-wrapper {
        height: 90vh
    }

    .cta-title-wrap {
        margin-top: -1rem
    }

    .cta-image {
        width: 15rem
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528e2-8d1528de {
        align-self: center
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528e4-8d1528de {
        grid-row: 1 / 4
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d1528ff-8d1528de {
        grid-column: 1 / 4
    }

    #w-node-_575faa43-ad6a-308a-8a76-e5148d152901-8d1528de {
        grid-row: 3 / 4;
        align-self: center
    }
}

.section-about-process .process-component-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    display: grid
}

.section-about-process .process-content-wrapper {
    border: 1px solid rgb(107 107 107 / .2);
    background-color: #000000;
    background-image: url("https://cdn.prod.website-files.com/64951b6e24011b4630c57e0d/64951e09b89b1e435f1b941d_body-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 2rem 2rem 3rem;
    transition: all 0.3s ease
}

.section-about-process .process-number {
    opacity: .25;
    color: #d3d3d3;
    margin-bottom: 10px;
    font-family: Aspekta, Arial, sans-serif;
    font-size: 10rem;
    font-weight: 700;
    line-height: 1
}

.section-about-process .card-line {
    background-color: #6b6b6b1a;
    width: 100%;
    height: 1px;
    margin-top: 1rem
}

.section-about-process .process-title {
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
    font-weight: 600;
    color: #fafafa
}

.section-about-process .process-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.section-about-process .text-size-small {
    color: #c4c4c4
}

.section-about-process .text-align-center {
    text-align: center
}

.process-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-right: -3rem
}

.section-about-process .max-width-large {
    width: 100%;
    max-width: 48rem
}

.section-about-process .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

#w-node-de07b3cd-7e1b-2acb-3b72-fcc89b95c7b7-026f69dd {
    grid-area: 1 / 1 / 2 / 2
}

#w-node-_2d28a6d6-9f48-d5f9-ce8d-e2ac8d6c1557-026f69dd {
    grid-area: 1 / 2 / 4 / 3;
    place-self: center
}

#w-node-_5ace21d9-b01d-99ef-1394-4623a37ef24e-026f69dd {
    grid-area: 1 / 3 / 2 / 4
}

#w-node-aa47e775-215b-b1b5-0e51-3cbbecde0334-026f69dd {
    grid-area: 3 / 1 / 4 / 2
}

#w-node-a258781b-4104-b5cc-d22d-87769077adb7-026f69dd {
    grid-area: 3 / 3 / 4 / 4
}

@media screen and (max-width:1024px) {
    .section-about-process .process-component-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .section-about-process .process-number {
        font-size: 6rem
    }

    .section-about-process .process-title {
        font-size: 2.5rem
    }

    #w-node-de07b3cd-7e1b-2acb-3b72-fcc89b95c7b7-026f69dd {
        grid-row: 2 / 3;
        grid-column-end: 4
    }

    #w-node-_2d28a6d6-9f48-d5f9-ce8d-e2ac8d6c1557-026f69dd {
        grid-row: 1 / 2
    }

    #w-node-_5ace21d9-b01d-99ef-1394-4623a37ef24e-026f69dd {
        grid-row: 3 / 4;
        grid-column-start: 1
    }

    #w-node-aa47e775-215b-b1b5-0e51-3cbbecde0334-026f69dd {
        grid-row: 4 / 5;
        grid-column-end: 4
    }

    #w-node-a258781b-4104-b5cc-d22d-87769077adb7-026f69dd {
        grid-row: 5 / 6;
        grid-column-start: 1
    }
}

@media screen and (max-width:991px) {
    .section-about-process .process-component-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .section-about-process .process-number {
        font-size: 6rem
    }

    .section-about-process .process-title {
        font-size: 2.5rem
    }

    #w-node-de07b3cd-7e1b-2acb-3b72-fcc89b95c7b7-026f69dd {
        grid-row: 2 / 3;
        grid-column-end: 4
    }

    #w-node-_2d28a6d6-9f48-d5f9-ce8d-e2ac8d6c1557-026f69dd {
        grid-row: 1 / 2
    }

    #w-node-_5ace21d9-b01d-99ef-1394-4623a37ef24e-026f69dd {
        grid-row: 3 / 4;
        grid-column-start: 1
    }

    #w-node-aa47e775-215b-b1b5-0e51-3cbbecde0334-026f69dd {
        grid-row: 4 / 5;
        grid-column-end: 4
    }

    #w-node-a258781b-4104-b5cc-d22d-87769077adb7-026f69dd {
        grid-row: 5 / 6;
        grid-column-start: 1
    }
}

@media screen and (max-width:767px) {
    .section-about-process .process-component-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .section-about-process .process-number {
        font-size: 6rem
    }

    .section-about-process .process-title {
        font-size: 2.5rem
    }

    #w-node-de07b3cd-7e1b-2acb-3b72-fcc89b95c7b7-026f69dd {
        grid-row: 2 / 3;
        grid-column-end: 4
    }

    #w-node-_2d28a6d6-9f48-d5f9-ce8d-e2ac8d6c1557-026f69dd {
        grid-row: 1 / 2
    }

    #w-node-_5ace21d9-b01d-99ef-1394-4623a37ef24e-026f69dd {
        grid-row: 3 / 4;
        grid-column-start: 1
    }

    #w-node-aa47e775-215b-b1b5-0e51-3cbbecde0334-026f69dd {
        grid-row: 4 / 5;
        grid-column-end: 4
    }

    #w-node-a258781b-4104-b5cc-d22d-87769077adb7-026f69dd {
        grid-row: 5 / 6;
        grid-column-start: 1
    }
}

.section-about-members .padding-section-large {
    padding-top: 2rem;
    padding-bottom: 8rem
}

.section-about-members .team-members-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

.section-about-members .team-member-wrapper {
    padding: 0.25rem;
    border: 1px solid var(--border-color--border-secondary);
    border-radius: var(--border-radius)
}

.section-about-members .team-member-block {
    padding: 1rem;
    border: 1px solid var(--border-color--border-secondary);
    border-radius: calc(var(--border-radius) - 0.25rem);
    background-color: #000000;
    background-image: url("https://cdn.prod.website-files.com/64951b6e24011b4630c57e0d/64951e09b89b1e435f1b941d_body-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.section-about-members .member-inner-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    width: 100%
}

.section-about-members .member-content-item {
    width: 100%;
    height: 100%
}

.section-about-members .team-member-image-wrapper {
    border: 1px solid var(--border-color--border-secondary);
    border-radius: calc(var(--border-radius) - 0.25rem);
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.section-about-members .team-member-image-wrapper .cover-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: static
}

.section-about-members .member-content-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.section-about-members .member-content {
    width: 100%
}

.section-about-members .member-name {
    font-family: Antonio, Impact, sans-serif;
    color: #ffffff;
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase
}

.section-about-members .member-postion-text {
    color: #ffffff;
    font-family: Aspekta, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.2
}

.section-about-members .card-line {
    background-color: #6b6b6b1a;
    width: 100%;
    height: 1px
}

.section-about-members .member-content-block {
    width: 100%
}

.section-about-members .team-member-social-media {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.section-about-members .social-link.is-alternate {
    border: 1px solid var(--black);
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    transition: border-color 0.35s ease, border-width 0.35s ease
}

.section-about-members .social-link.is-alternate:hover {
    border-color: var(--dark-grey);
    border-width: 2px
}

.section-about-members .social-icon {
    color: #fafafa;
    width: 1.25rem;
    height: 1.25rem
}

.section-about-members .member-description {
    color: #ffffff;
    font-family: 'Neutral Sans', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.2
}

.section-about-members .heading-component-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
}

.section-about-members .heading-overflow {
    overflow: hidden;
}

.section-about-members .heading-wrapper.top,
.section-about-members .heading-wrapper.bottom {
    will-change: transform;
}

.section-about-members .outline-title {
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1c1c1c;
    padding-right: 5px;
    transition: text-shadow .3s;
}

.section-about-members .outline-title:hover {
    text-shadow: 4px 4px 0 #1c1c1c;
}

@media screen and (min-width: 1280px) {
    .section-about-members .member-name {
        font-size: 3.25rem
    }
}

@media screen and (min-width: 1440px) {
    .section-about-members .member-name {
        font-size: 3.25rem
    }
}

@media screen and (max-width: 991px) {
    .section-about-members .padding-section-large {
        padding-top: 1rem;
        padding-bottom: 6rem
    }

    .section-about-members .team-members-grid {
        grid-template-columns: 1fr
    }

    .section-about-members .member-name {
        font-size: 2.25rem
    }
}

@media screen and (max-width: 767px) {
    .section-about-members .padding-section-large {
        padding-top: 0;
        padding-bottom: 4rem
    }

    .section-about-members .member-name {
        font-size: 2rem
    }
}

@media screen and (max-width: 479px) {
    .section-about-members .padding-section-large {
        padding-top: 0;
        padding-bottom: 4rem
    }

    .section-about-members .team-members-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .section-about-members .member-inner-grid {
        grid-template-columns: 1fr
    }

    .section-about-members .member-name {
        font-size: 2rem
    }
}

.padding-top-header {
    padding-top: 5rem;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%
}

.produc-component-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.product-content-wrapper {
    border: 1px solid var(--border);
    background-color: var(--dark);
    padding: 3rem 2rem
}

.product-icon {
    height: 4rem;
    margin-bottom: 1.5rem
}

.product-title {
    font-size: 2.5rem;
    color: #FAFAFA
}

.pricing-description {
    color: #FAFAFA
}

.price-cycle {
    color: #FAFAFA
}

.price-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex
}

.price-text {
    color: var(--white);
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1
}

.pricing-benefits-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.pricing-benefit-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-bottom: 1px solid var(--border);
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 1.5rem;
    display: flex
}

.check-icon {
    color: var(--white);
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.product-feature-text {
    color: var(--grey);
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.spacer-large {
    padding-top: 3rem
}

.button {
    border: 1px solid var(--white);
    background-color: var(--white);
    color: var(--black);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    font-weight: 500;
    transition: all .35s;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

.button:hover {
    border-color: var(--dark-grey);
    color: var(--white);
    background-color: #0000
}

.button.width-100 {
    width: 100%
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #FAFAFA;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem
}

.faq-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 55rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.accordion-content-item {
    cursor: pointer;
    width: 100%;
    position: relative
}

.accordion-top-wrap {
    grid-column-gap: 2rem;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.accordion-title-item {
    position: relative;
    overflow: hidden
}

.accordion-heading {
    color: #1c1c1c;
    margin-bottom: 0;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1.3
}

.plus-block {
    border: 1px solid var(--border);
    background-color: var(--dark);
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.plus-line {
    z-index: 1;
    background-color: var(--white);
    border-radius: .5rem;
    width: .75rem;
    height: .083rem;
    position: relative
}

.plus-line.vertical {
    position: absolute;
    transform: rotate(90deg)
}

.accordion-content-wrap {
    overflow: hidden
}

.accordion-content-block {
    width: 100%;
    max-width: 36rem
}

.accordion-answer-text {
    color: #1c1c1c;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400
}

.accordion-track-component {
    justify-content: flex-end;
    align-items: center;
    margin-top: 2rem;
    display: flex;
    position: relative
}

.accordion-track-line {
    background-color: var(--dark);
    border-radius: .25rem;
    width: 100%;
    height: 1px
}

.accordion-track-progress {
    background-color: var(--dark-grey);
    width: 0%;
    height: 1px;
    position: absolute
}

@media screen and (max-width:991px) {
    .produc-component-grid {
        grid-template-columns: 1fr
    }

    .accordion-content-wrap {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .plus-block:hover {
        background-position: 50%
    }

    .spacer-xlarge {
        padding-top: 3rem
    }
}

@media screen and (max-width:767px) {
    .product-content-wrapper {
        padding: 2rem 1.5rem
    }

    .price-text {
        font-size: 2.25rem
    }

    .plus-block {
        width: 2rem;
        height: 2rem
    }

    .accordion-top-wrap {
        grid-column-gap: 0rem
    }

    .accordion-heading {
        font-size: 1.5rem;
        font-weight: 600
    }

    .accordion-title-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .accordion-answer-text {
        padding-top: 2rem
    }

    .spacer-xlarge {
        padding-top: 2.5rem
    }
}

@media screen and (max-width:479px) {
    .padding-top-header {
        padding-top: 5rem
    }

    .product-content-wrapper {
        padding: 2rem 1.5rem
    }

    .price-text {
        font-size: 2.25rem
    }

    .plus-block {
        width: 2rem;
        height: 2rem
    }

    .accordion-top-wrap {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .accordion-heading {
        font-size: 1.5rem;
        font-weight: 600
    }

    .accordion-title-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .plus-icon-circle {
        background-image: none
    }

    .spacer-xlarge {
        padding-top: 2rem
    }
}

.section-contact-header {
    color: var(--white);
    overflow-x: hidden
}

.section-pricing-header {
    color: var(--white);
    overflow-x: hidden
}

.padding-section-small {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.contact-form-block {
    width: 100%;
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto
}

.contact-form-wrapper {
    border: 1px solid var(--border);
    background-color: var(--dark);
    color: var(--white);
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 3rem 2rem
}

.contact-form-wrapper .form-label {
    color: var(--white);
    margin-bottom: .5rem;
    display: block
}

.contact-form-wrapper .form-input {
    background-color: var(--dark-02);
    color: var(--white);
    border: 1px solid #6b6b6b40;
    border-radius: 0;
    min-height: 3rem;
    padding: .5rem 1rem;
    transition: border-color .35s;
    width: 100%;
    margin-bottom: 1.5rem
}

.contact-form-wrapper .form-input:hover,
.contact-form-wrapper .form-input:active,
.contact-form-wrapper .form-input:focus,
.contact-form-wrapper .form-input.-wfp-focus {
    border-color: #acacac
}

.contact-form-wrapper .form-input::placeholder {
    color: #adadad
}

.contact-form-wrapper .form-input.is-text-area {
    min-height: auto;
    padding-top: 2rem;
    padding-bottom: 4rem;
    resize: vertical
}

.contact-form-wrapper .form-select {
    background-color: var(--dark-02);
    color: var(--white);
    border: 1px solid #6b6b6b40;
    border-radius: 0;
    min-height: 3rem;
    padding: .5rem 1rem;
    transition: border-color .35s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adadad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
    padding-right: 3rem;
    width: 100%;
    margin-bottom: 1.5rem
}

.contact-form-wrapper .form-select:hover,
.contact-form-wrapper .form-select:active,
.contact-form-wrapper .form-select:focus {
    border-color: #acacac
}

.contact-form-wrapper .form-select option {
    background-color: var(--dark-02);
    color: var(--white)
}

.contact-form-wrapper .button {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
    padding: .75rem 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: all .35s;
    width: 100%;
    margin-top: 1rem
}

.contact-form-wrapper .button:hover {
    background-color: #fff0;
    color: var(--white);
    border-color: var(--white)
}

.contact-form-wrapper .w-button {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
    padding: .75rem 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: all .35s;
    width: 100%;
    margin-top: 1rem;
    display: inline-block
}

.contact-form-wrapper .w-button:hover {
    background-color: #fff0;
    color: var(--white);
    border-color: var(--white)
}

.contact-form {
    margin: 0 0 15px
}

.form-message-success {
    color: #114e0b;
    text-align: center;
    background-color: #cef5ca;
    padding: 1.25rem;
    display: none
}

.form-message-error {
    color: #3b0b0b;
    text-align: center;
    background-color: #f8e4e4;
    margin-top: 2.5rem;
    padding: 1.25rem;
    display: none
}

.w-form-done .form-message-success {
    display: block
}

.w-form-fail .form-message-error {
    display: block
}

.header-container {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.image-frame-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.image-frame-block {
    perspective: 750px;
    width: 22rem;
    height: 28rem;
    position: relative
}

.image-frame-item {
    width: 22rem;
    height: 28rem;
    position: absolute;
    overflow: hidden;
    transform: translate(0)
}

.image-frame-item._01 {
    transform: translate(-125%)
}

.image-frame-item._02 {
    transform: translate(-75%)
}

.image-frame-item._03 {
    transform: translate(125%)
}

.image-frame-item._04 {
    transform: translate(75%)
}

.small-image {
    width: 100%;
    height: 100%;
    transform: scale(.65)
}

.medium-image {
    width: 100%;
    height: 100%;
    transform: scale(.75)
}

.about-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (max-width:991px) {

    .image-frame-item,
    .image-frame-block {
        width: 16rem;
        height: 20rem
    }
}

@media screen and (max-width:767px) {

    .image-frame-item,
    .image-frame-block {
        width: 12rem;
        height: 16rem
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width:479px) {
    .image-frame-item {
        width: 8rem;
        height: 10rem
    }

    .image-frame-block {
        perspective: 250px;
        width: 8rem;
        height: 10rem
    }

    .contact-form-wrapper {
        padding: 2.5rem 1.5rem
    }
}

.section-home-project {
    color: var(--white)
}

.project-top-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%
}

.section-home-portfolio {
    border-radius: 1rem;
    background-color: #0a0a0a;
    position: relative;
    overflow: clip;
}

.portfolio-component-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.project-link-wrapper {
    width: 100%;
    text-decoration: none;
}

.project-content-block {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}

.project-image-wrap {
    border-radius: 0.75rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    inset: 0;
}

.project-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.project-logo-wrap {
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.project-logo {
    height: 4rem;
}

.project-wrapper {
    border: 1px solid #ffffff1a;
    border-radius: 1rem;
    background-color: #1d1d1d;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.project-top-content {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 5px 15px;
    display: flex;
}

.project-content-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.client-name {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1;
}

.project-date {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 1;
}

.project-date-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    padding-left: 18px;
}

.project-date-wrap::before {
    content: '✼';
    color: #8b8b8b;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.project-arrow-wrap {
    border: 1px solid #ffffff1a;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 2rem;
    display: flex;
}

.project-arrow {
    color: #ffffff;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
    position: absolute;
}

.project-overlay {
    background-color: #0a0a0a4d;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.project-arrow-block {
    justify-content: flex-start;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1280px) {
    .project-logo {
        height: 4.5rem;
    }
}

@media screen and (min-width: 1440px) {
    .project-logo {
        height: 5rem;
    }
}

@media screen and (max-width: 991px) {
    .portfolio-component-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 479px) {
    .project-logo {
        height: 3rem;
    }
}

#w-node-_9abebd87-9cde-4d91-257b-9752d3e85c8d-026f69db,
#w-node-_9abebd87-9cde-4d91-257b-9752d3e85c8e-026f69db {
    grid-area: 1 / 1 / 2 / 2
}

#w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb313f9-cbb313f7 {
    grid-area: 1 / 1 / 2 / 4
}

#w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb31447-cbb313f7 {
    grid-area: 1 / 3 / 2 / 6
}

@media screen and (max-width:991px) {
    .project-dot-wrapper {
        display: none
    }

    #w-node-f9e85bc4-8e12-9ac1-2833-9afd4f5b522c-026f69db {
        grid-area: 1 / 1 / 2 / 2;
        place-self: center
    }
}

@media screen and (max-width:767px) {
    #w-node-f9e85bc4-8e12-9ac1-2833-9afd4f5b522c-026f69db {
        grid-column: 1 / 2
    }

    #w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb313f9-cbb313f7,
    #w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb31447-cbb313f7 {
        grid-column: 1 / 6
    }
}

.section-project-header {
    position: relative
}

.padding-top-header {
    padding-top: 6rem
}

.project-info-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.project-info-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
    align-items: center
}

.project-info-item .text-size-regular {
    line-height: 1.2;
    height: auto
}

.project-info-item .text-size-regular:not(.text-color-secondary) {
    font-weight: 700
}

.project-info-item .link-button .link-wrap {
    position: relative;
    overflow: hidden
}

.project-info-item .link-button .link-text {
    color: #1c1c1c;
    font-weight: 700;
    display: block;
    transition: transform 0.5s cubic-bezier(.19, 1, .22, 1)
}

.project-info-item .link-button .link-text.is-hover {
    color: var(--dark-grey);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transition: transform 0.5s cubic-bezier(.19, 1, .22, 1)
}

.cover-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.cover-image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.section-project-content {
    position: relative
}

.padding-section-small {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.project-content-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    place-items: start end;
    width: 100%
}

.project-content {
    position: relative
}

.text-rich-text h3 {
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Antonio, Impact, sans-serif;
    line-height: 30px;
    font-weight: 700
}

.text-rich-text p,
.text-rich-text ul,
.text-rich-text ol,
.text-rich-text blockquote {
    color: #1c1c1c;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Eudoxus Sans', sans-serif;
    font-weight: 400;
}

.text-rich-text.testimonial-text {
    text-align: center;
    width: 100%;
    max-width: 25rem
}

.text-rich-text.testimonial-text blockquote {
    width: 100%;
    max-width: none;
    white-space: normal;
    word-wrap: break-word;
    padding: 1rem 1.5rem;
    margin: 0;
    border-left: 4px solid var(--dark-02);
    font-size: 1rem;
    line-height: 1.5;
    text-align: left
}

.client-content-wrapper {
    position: sticky;
    top: 2rem
}

.testimonial-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.testimonial-picture {
    object-fit: cover;
    width: 8rem;
    height: 8rem
}

.testimonial-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.section-next-project {
    position: relative
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.next-project-content {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.next-project-block {
    z-index: 2;
    mix-blend-mode: difference;
    position: relative
}

.next-project-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.next-project-image {
    object-fit: cover;
    height: 15rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: -5rem 0% 0%
}

@media screen and (max-width:991px) {
    .project-content-grid {
        grid-template-columns: 1fr
    }

    .client-content-wrapper {
        position: static
    }

    .next-project-image {
        height: 12rem
    }

    .heading-style-h2 {
        letter-spacing: -.125rem;
        font-size: 6rem
    }
}

@media screen and (max-width:767px) {
    .text-rich-text h3 {
        font-size: 2rem
    }

    .project-info-grid {
        grid-template-columns: 1fr 1fr
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .next-project-image {
        height: 10rem
    }

    .heading-style-h2 {
        letter-spacing: 0;
        font-size: 4rem
    }
}

@media screen and (max-width:479px) {
    .project-info-grid {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr
    }

    .testimonial-content-wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .next-project-image {
        top: -6rem
    }
}

#w-node-_60cd58f1-719a-c388-bf9c-38eba80fe3a7-026f69ef {
    justify-self: start
}

#w-node-_9c59a446-d2f3-2336-b17f-4ec3a424a3f7-026f69ef,
#w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-026f69ef {
    justify-self: center
}

#w-node-d80311b8-49c0-7bae-bdaa-fcc1775c2c12-026f69ef {
    justify-self: end
}

#w-node-_0458f7eb-fbd8-9fca-c6d6-d504d9d2b901-026f69ef {
    justify-self: start
}

#w-node-e48e2294-5153-e31b-3878-6f40e2fea9f6-026f69ef,
#w-node-e48e2294-5153-e31b-3878-6f40e2fea9f7-026f69ef {
    grid-area: 1 / 1 / 2 / 2
}

@media screen and (max-width:991px) {
    #w-node-_60cd58f1-719a-c388-bf9c-38eba80fe3a7-026f69ef {
        grid-area: 1 / 1 / 2 / 3
    }

    #w-node-_9c59a446-d2f3-2336-b17f-4ec3a424a3f7-026f69ef {
        grid-area: 2 / 1 / 3 / 3;
        justify-self: start
    }

    #w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-026f69ef {
        grid-area: 1 / 3 / 2 / 5;
        justify-self: end
    }

    #w-node-d80311b8-49c0-7bae-bdaa-fcc1775c2c12-026f69ef {
        grid-area: 2 / 3 / 3 / 5
    }
}

@media screen and (max-width:767px) {
    #w-node-_9c59a446-d2f3-2336-b17f-4ec3a424a3f7-026f69ef {
        justify-self: start
    }

    #w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-026f69ef {
        justify-self: end
    }
}

@media screen and (max-width:479px) {

    #w-node-_60cd58f1-719a-c388-bf9c-38eba80fe3a7-026f69ef,
    #w-node-_9c59a446-d2f3-2336-b17f-4ec3a424a3f7-026f69ef {
        grid-column-end: 2;
        justify-self: center
    }

    #w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-026f69ef {
        grid-area: 3 / 1 / 4 / 2;
        justify-self: center
    }

    #w-node-d80311b8-49c0-7bae-bdaa-fcc1775c2c12-026f69ef {
        grid-area: 4 / 1 / 5 / 2;
        justify-self: center
    }
}

@media screen and (max-width:479px) {

    #w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb313f9-cbb313f7,
    #w-node-_80b13d7d-2341-d0fb-86c1-8eaccbb31447-cbb313f7 {
        grid-column: 1 / 6
    }
}

.section-home-services {
    border-radius: 20px;
    background-color: #000000;
    background-image: url("https://cdn.prod.website-files.com/64951b6e24011b4630c57e0d/64951e09b89b1e435f1b941d_body-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.section-home-services .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 0;
}

.section-home-services .padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    overflow-x: visible;
}

.section-home-project .padding-global {
    padding-top: 5rem;
}

.section-home-services .spacer-huge {
    width: 100%;
    padding-top: 6rem;
}

.section-home-services .spacer-large {
    padding-top: 2rem;
}

.section-home-services .spacer-xlarge {
    width: 100%;
    padding-top: 4rem;
}

.section-home-services .container-large {
    width: 100%;
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
    overflow-x: visible;
}

.section-home-services .max-width-large {
    width: 100%;
    max-width: 38rem;
}

.neutral-sans {
    font-family: 'Neutral Sans', Arial, sans-serif;
}

.section-home-services .featured {
    color: #707070;
}

.section-home-services .text-align-center {
    text-align: center;
}

.section-home-services .text-size-regular {
    color: white;
}

.section-home-services .heading-style-h1 {
    color: white;
}

.section-home-services .heading-style-h1.is-grey {
    color: #8b8b8b;
}

.dark-line {
    background-color: #6b6b6b1a;
    width: 100%;
    height: 1px;
}

.service-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
}

.service-wrapper {
    border-top: 1px solid #6b6b6b1a;
    background-color: #000000;
    background-image: url("https://cdn.prod.website-files.com/64951b6e24011b4630c57e0d/64951e09b89b1e435f1b941d_body-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: sticky;
    top: 5rem;
}

.service-component-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    width: 100%;
}

.service-content-block {
    width: 100%;
    height: 100%;
}

.service-content-grid {
    grid-column-gap: 6rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
}

.service-title-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-number {
    color: #8b8b8b;
    margin-top: 6px;
    font-family: 'Mango Grotesque', Impact, sans-serif;
    font-size: 1.5rem;
}

.section-home-services h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 8.5rem;
    font-weight: 500;
    line-height: 1.1;
}

.service-title {
    color: #fff;
    font-family: 'Mango Grotesque', Impact, sans-serif;
    font-size: 6rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.service-description-text {
    color: #8b8b8b;
    font-family: 'Neutral Sans', Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
}

.service-feature-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.service-feature-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-feature-text {
    color: #8b8b8b;
    font-family: 'Neutral Sans', Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
}

.service-image-wrapper {
    width: 100%;
    height: 100%;
}

.service-image-wrap {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.service-image-block {
    justify-content: flex-end;
    align-items: flex-start;
    width: 25rem;
    height: 100%;
    display: flex;
    position: relative;
}

.service-image {
    border-radius: var(--border-radius);
    object-fit: cover;
    width: 50%;
    height: 50%;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
}

.service-image._01 {
    z-index: 1;
}

.service-image._02 {
    z-index: 2;
}

.service-image._03 {
    z-index: 3;
}

@media screen and (max-width: 991px) {
    .section-home-services .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 1rem;
    }

    .section-home-services .spacer-huge {
        padding-top: 5rem;
    }

    .section-home-services .spacer-large {
        padding-top: 2.75rem;
    }

    .service-title-wrap {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .section-home-services h3 {
        font-size: 4rem;
    }

    .service-number {
        font-size: 12px;
    }

    .service-title {
        font-size: 2.75rem;
    }

    .service-image {
        height: 40%;
    }

    .service-feature-grid,
    .service-content-grid {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .service-image-block {
        width: 100%;
    }

    #w-node-_3d6dba56-f835-6826-5241-029c601f2d2f-cd8b00f1 {
        align-self: end;
    }

    #w-node-a8b94284-eb39-7c74-e805-6261098ec3d2-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_9ae81cd4-6b95-cc51-e845-b1dbf808381c-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_233496e3-3d4f-549f-c325-ed3f1373e12f-cd8b00f1 {
        grid-area: 1 / 2 / 2 / 4;
        justify-self: end;
    }

    #w-node-f46c0d95-b92e-831c-8dde-4abf8ac07e12-cd8b00f1 {
        grid-area: 2 / 1 / 3 / 4;
        justify-self: start;
    }

    #w-node-_717c28dc-7a6f-2ba7-dd55-83e32f37f85b-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_717c28dc-7a6f-2ba7-dd55-83e32f37f862-cd8b00f1 {
        grid-area: 1 / 2 / 2 / 4;
        justify-self: end;
    }

    #w-node-_717c28dc-7a6f-2ba7-dd55-83e32f37f869-cd8b00f1 {
        grid-area: 2 / 1 / 3 / 2;
        justify-self: start;
    }

    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8af-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8b6-cd8b00f1 {
        grid-area: 1 / 2 / 2 / 4;
        justify-self: end;
    }

    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8bd-cd8b00f1 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_4bb37441-bbce-13c1-8646-13070b49ec37-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
        justify-self: start;
    }

    #w-node-_4bb37441-bbce-13c1-8646-13070b49ec3e-cd8b00f1 {
        grid-area: 1 / 2 / 2 / 4;
        justify-self: end;
    }

    #w-node-_4bb37441-bbce-13c1-8646-13070b49ec45-cd8b00f1 {
        justify-self: start;
    }
}

@media screen and (max-width: 767px) {
    .section-home-services .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 1rem;
    }

    .section-home-services .spacer-huge {
        padding-top: 5rem;
    }

    .section-home-services .spacer-large {
        padding-top: 2.5rem;
    }

    .service-title-wrap {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .section-home-services h3 {
        font-size: 3rem;
    }

    .service-number {
        margin-top: 3px;
    }

    .service-wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .service-component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .service-description-text {
        font-size: 1.25rem;
    }

    .service-image-wrapper {
        display: none;
    }

    #w-node-_3d6dba56-f835-6826-5241-029c601f2d28-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_3d6dba56-f835-6826-5241-029c601f2d2f-cd8b00f1 {
        grid-area: 2 / 1 / 3 / 2;
        justify-self: start;
    }

    #w-node-a8b94284-eb39-7c74-e805-6261098ec3d2-cd8b00f1 {
        grid-column-end: 3;
    }

    #w-node-_9ae81cd4-6b95-cc51-e845-b1dbf808381c-cd8b00f1 {
        grid-column-end: 4;
    }

    #w-node-_67588deb-25fd-e9bc-5c03-8a01a3b3efee-cd8b00f1,
    #w-node-_717c28dc-7a6f-2ba7-dd55-83e32f37f84d-cd8b00f1,
    #w-node-_717c28dc-7a6f-2ba7-dd55-83e32f37f878-cd8b00f1,
    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8a1-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8bd-cd8b00f1 {
        justify-self: start;
    }

    #w-node-_4ff8f632-d598-d726-8c5a-1481cfc9c8cc-cd8b00f1,
    #w-node-_4bb37441-bbce-13c1-8646-13070b49ec29-cd8b00f1,
    #w-node-_4bb37441-bbce-13c1-8646-13070b49ec54-cd8b00f1 {
        grid-area: 1 / 1 / 2 / 3;
    }
}

@media screen and (max-width: 479px) {
    .section-home-services .padding-section-large {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    .section-home-services .spacer-huge {
        padding-top: 4rem;
    }

    .section-home-services h3 {
        font-size: 2.5rem;
    }

    .service-number {
        margin-top: 0;
    }

    .service-title {
        font-size: 2.25rem;
    }

    .service-feature-text {
        font-size: 1rem;
    }

    .service-description-text {
        font-size: 1.125rem;
    }
}

.expandable-chat-container {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 9999;
    font-family: Aspekta, Arial, sans-serif;
}

.expandable-chat {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border: 1px solid var(--border-color--border-secondary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(1) translateY(1.25rem);
    transition: all 0.25s ease-out;
}

.expandable-chat.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
}

.expandable-chat-close-mobile {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    background-color: #dc2626;
    border: none;
    border-radius: 50%;
    color: var(--white);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.35s ease;
}

.expandable-chat-close-mobile:hover {
    background-color: #b91c1c;
    transform: scale(1.1);
}

.expandable-chat-close-mobile svg {
    width: 100%;
    height: 100%;
}

.expandable-chat-header {
    flex-shrink: 0;
    display: flex;
    width: 100%;
    padding: 1rem;
    color: var(--white);
    background-color: var(--black);
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    position: relative;
}

.expandable-chat-header-avatar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 100%;
    position: relative;
}

.chatbox-popup__avatar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    border: 4px solid var(--dark-grey);
    border-radius: 50%;
    color: var(--white);
    display: block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    width: 64px;
    height: 64px;
}

.expandable-chat-header-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.expandable-chat-header-info h1 {
    font-family: 'Neutral Sans', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--white);
    margin: 0;
    line-height: 1.2;
    display: block;
}

.expandable-chat-header-info p {
    font-family: 'Neutral Sans', Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    line-height: 1.2;
}

.expandable-chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 1.5rem 0.75rem 1.5rem;
    background-color: var(--background-color--primary-background);
}

.expandable-chat-form {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.expandable-chat-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.expandable-chat-label {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--black);
    letter-spacing: 0.5px;
    font-family: Aspekta, Arial, sans-serif;
}

.expandable-chat-label .required {
    color: #c62828;
}

.expandable-chat-input,
.expandable-chat-select {
    background-color: var(--white);
    border: 1px solid var(--border-color--border-secondary);
    border-radius: 0;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--black);
    font-family: Aspekta, Arial, sans-serif;
    transition: border-color 0.35s ease;
    text-transform: none;
}

.expandable-chat-input:focus,
.expandable-chat-select:focus {
    outline: none;
    border-color: var(--olive-accent);
}

.expandable-chat-input::placeholder {
    color: var(--grey);
    text-transform: none;
}

.expandable-chat-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
    padding-right: 3rem;
}

.expandable-chat-submit {
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
    padding: 0.875rem 1.5rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.35s ease;
    font-family: Aspekta, Arial, sans-serif;
    margin-top: 0.5rem;
}

.expandable-chat-submit:hover {
    background-color: transparent;
    color: var(--black);
}

.expandable-chat-waiting {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    height: 100%;
}

.expandable-chat-waiting.active {
    display: flex;
}

.expandable-chat-waiting-icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    color: var(--olive-accent);
}

.expandable-chat-waiting-title {
    font-family: 'Mango Grotesque', Impact, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
}

.expandable-chat-waiting-message {
    font-family: 'Neutral Sans', Arial, sans-serif;
    color: var(--dark-grey);
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.expandable-chat-waiting .loader {
    width: 6em;
    height: 6em;
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expandable-chat-waiting .loader .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate023845 3s linear infinite;
}

.expandable-chat-waiting .loader .face:nth-child(1) {
    width: 100%;
    height: 100%;
    color: gold;
    border-color: currentColor transparent transparent currentColor;
    border-width: 0.2em 0.2em 0em 0em;
    --deg: -45deg;
    animation-direction: normal;
}

.expandable-chat-waiting .loader .face:nth-child(2) {
    width: 70%;
    height: 70%;
    color: lime;
    border-color: currentColor currentColor transparent transparent;
    border-width: 0.2em 0em 0em 0.2em;
    --deg: -135deg;
    animation-direction: reverse;
}

.expandable-chat-waiting .loader .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}

.expandable-chat-waiting .loader .face .circle::before {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    content: '';
    width: 1em;
    height: 1em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 2em,
                0 0 4em,
                0 0 6em,
                0 0 8em,
                0 0 10em,
                0 0 0 0.5em rgba(255, 255, 0, 0.1);
}

@keyframes animate023845 {
    to {
        transform: rotate(1turn);
    }
}

.expandable-chat-messages {
    display: none;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

.expandable-chat-messages.active {
    display: flex;
}

.chat-bubble {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.chat-bubble.received {
    flex-direction: row;
}

.chat-bubble.sent {
    flex-direction: row-reverse;
}

.chat-bubble-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--background-color--primary-background);
    border: 1px solid var(--border-color--border-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.chat-bubble-avatar svg {
    width: 100%;
    height: 100%;
    color: var(--dark-grey);
}

.chat-bubble-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-bubble-message {
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius);
    max-width: 75%;
    font-size: 0.875rem;
    line-height: 1.5;
    font-family: 'Neutral Sans', Arial, sans-serif;
    word-wrap: break-word;
}

.chat-bubble-message.received {
    background-color: var(--white);
    border: 1px solid var(--border-color--border-secondary);
    color: var(--black);
    border-bottom-left-radius: 0.25rem;
}

.chat-bubble-message.sent {
    background-color: var(--black);
    color: var(--white);
    border-bottom-right-radius: 0.25rem;
}

.expandable-chat-footer {
    flex-shrink: 0;
    padding: 0.5rem;
    border-top: 1px solid var(--border-color--border-secondary);
    background-color: var(--white);
    display: none;
    flex-direction: row;
    align-items: flex-end;
    gap: 0.5rem;
    transition: box-shadow 0.2s ease;
}

.expandable-chat-footer.active {
    display: flex;
}

.expandable-chat-footer:focus-within {
    box-shadow: 0 0 0 1px var(--olive-accent);
    outline: none;
}

.chat-input-textarea {
    flex: 1;
    min-height: 2.5rem;
    max-height: 25rem;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--border-color--border-secondary);
    background-color: var(--white);
    border-radius: var(--border-radius);
    padding: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--black);
    font-family: 'Neutral Sans', Arial, sans-serif;
    outline: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.chat-input-textarea:focus-visible {
    border-color: var(--olive-accent);
    box-shadow: 0 0 0 3px rgba(130, 129, 109, 0.2);
}

.chat-input-textarea::placeholder {
    color: var(--grey);
    opacity: 0.7;
}

.chat-input-textarea:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.chat-input-submit {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    padding: 0;
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--border-color--border-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    outline-offset: 2px;
    align-self: flex-end;
    position: relative;
}

.chat-input-submit:focus-visible {
    outline: 2px solid var(--olive-accent);
    outline-offset: 2px;
}

.chat-input-submit:disabled,
.chat-input-submit.disabled {
    pointer-events: none;
    opacity: 1;
    cursor: not-allowed;
}

.chat-input-submit:disabled .send-icon,
.chat-input-submit.disabled .send-icon {
    opacity: 0.5;
}

.chat-input-submit:hover:not(:disabled):not(.disabled) {
    background-color: var(--olive-accent);
}

.chat-input-submit svg {
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    flex-shrink: 0;
}

.chat-input-submit .send-icon {
    position: absolute;
    width: 1rem;
    height: 1rem;
    display: block;
}

.chat-input-submit .loader {
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
    width: 34px;
    height: 34px;
    border-left: 2.5px solid #38ff8e;
    border-radius: 50%;
    animation: right5231 0.9s linear infinite;
    display: none;
    background: transparent;
    z-index: 1;
}

.chat-input-submit.loading .send-icon {
    display: none;
}

.chat-input-submit.loading .loader {
    display: block;
    opacity: 1;
}

.chat-input-submit .loader::before,
.chat-input-submit .loader::after {
    content: "";
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: calc(50% - 13.5px);
    left: calc(50% - 13.5px);
    border-right: 2.5px solid #ffbe0b;
    border-radius: 50%;
    animation: left036 0.9s linear infinite;
    background: transparent;
    z-index: 1;
}

.chat-input-submit .loader::after {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border: 0;
    border-top: 2.5px solid #ff086e;
    animation: none;
    background: transparent;
    z-index: 1;
}

@keyframes right5231 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes left036 {
    from {
        transform: rotate(720deg);
    }
    to {
        transform: rotate(0deg);
    }
}

.expandable-chat-toggle {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: var(--black);
    border: 1px solid var(--border-color--border-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    position: relative;
}

.expandable-chat-toggle:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.expandable-chat-toggle svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--white);
    position: absolute;
}

@media screen and (max-width: 767px) {
    .expandable-chat-header {
        padding: 0.875rem;
        gap: 0.625rem;
    }

    .expandable-chat-header-avatar {
        width: 70px;
    }

    .chatbox-popup__avatar {
        width: 56px;
        height: 56px;
    }

    .expandable-chat-header-info h1 {
        font-size: 0.9375rem;
    }

    .expandable-chat-header-info p {
        font-size: 0.8125rem;
    }
}

@media screen and (max-width: 479px) {
    .expandable-chat-header {
        padding: 0.75rem;
        gap: 0.5rem;
    }

    .expandable-chat-header-avatar {
        width: 60px;
    }

    .chatbox-popup__avatar {
        width: 48px;
        height: 48px;
    }

    .expandable-chat-header-info h1 {
        font-size: 0.875rem;
    }

    .expandable-chat-header-info p {
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 360px) {
    .expandable-chat-header {
        padding: 0.625rem;
        gap: 0.375rem;
    }

    .expandable-chat-header-avatar {
        width: 50px;
    }

    .chatbox-popup__avatar {
        width: 40px;
        height: 40px;
    }

    .expandable-chat-header-info h1 {
        font-size: 0.8125rem;
    }

    .expandable-chat-header-info p {
        font-size: 0.6875rem;
    }
}

@media screen and (min-width: 640px) {
    .expandable-chat {
        position: absolute;
        inset: auto;
        bottom: calc(100% + 0.625rem);
        right: 0;
        width: 90vw;
        max-width: 25rem;
        height: 80vh;
        max-height: 42rem;
        border-radius: var(--border-radius);
    }

    .expandable-chat-close-mobile {
        display: none;
    }
}

@media screen and (max-width: 639px) {
    .expandable-chat-container {
        bottom: 1rem;
        right: 1rem;
    }

    .expandable-chat-toggle {
        width: 3rem;
        height: 3rem;
    }

    .expandable-chat-toggle svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .expandable-chat.active ~ .expandable-chat-toggle {
        display: none;
    }

    .expandable-chat-form {
        gap: 5rem;
    }
}