:root { --content-width: 1440px; --h1: clamp(2.625rem, 1.7887rem + 3.5681vw, 5rem);  --h2: clamp(2.25rem, 2.0739rem + 0.7512vw, 2.75rem);  --h3: clamp(1.75rem, 1.618rem + 0.5634vw, 2.125rem);  --h4: clamp(1.375rem, 1.243rem + 0.5634vw, 1.75rem);  --h5: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);  --h6: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);  --flex-1: 100%; --flex-2: calc((100% / 2) - var(--gap)); --flex-3: calc((100% / 3) - var(--gap)); --flex-4: calc((100% / 4) - var(--gap)); --flex-2--ng: calc(100% / 2); --flex-3--ng: calc(100% / 3); --flex-4--ng: calc(100% / 4); --gap: clamp(1.25rem, 1.02rem + 0.93vw, 1.875rem);  --section-px: clamp(1.25rem, 0.80rem + 1.87vw, 2.5rem);  --section-pt: clamp(3.75rem, 3.0898rem + 2.8169vw, 5.625rem);  --section-pb: clamp(3.75rem, 3.0898rem + 2.8169vw, 5.625rem);  --container-pl: 0; --container-pr: 0; --container-pt: 0; --container-pb: 0; --block-pl: 0; --block-pr: 0; --block-pt: 0; --block-pb: 0; --element-pl: 0; --element-pr: 0; --element-pt: 0; --element-pb: 0;}@media(max-width:1199px) { :root { --flex-4: calc((100% / 3) - var(--gap)); --flex-4--ng: calc(100% / 3); }}@media(max-width:991px) { :root { --flex-3: calc((100% / 2) - var(--gap)); --flex-4: calc((100% / 2) - var(--gap)); --flex-3--ng: calc(100% / 2); --flex-4--ng: calc(100% / 2); }}@media(max-width:767px) { :root { --flex-2: var(--flex-1); --flex-3: var(--flex-1); --flex-4: var(--flex-1); --flex-2--ng: var(--flex-1); --flex-3--ng: var(--flex-1); --flex-4--ng: var(--flex-1); }}html { scroll-behavior: smooth;}body { background: var(--gradient-accent); background-repeat: no-repeat;}section { position: relative;}.flex-4 { flex: 0 0 var(--flex-4);}.flex-3 { flex: 0 0 var(--flex-3);}.flex-2 { flex: 0 0 var(--flex-2);}.flex-1 { flex: 0 0 var(--flex-1);}.flex-4--ng { flex: 0 0 var(--flex-4--ng);}.flex-3--ng { flex: 0 0 var(--flex-3--ng);}.flex-2--ng { flex: 0 0 var(--flex-2--ng);}.flex-1--ng { flex: 0 0 var(--flex-1--ng);}.flex-grow { flex: 1 0 10%;}h1, .h1 { font-size: var(--h1); line-height: 1.05; letter-spacing: 0.05rem; font-weight: 700;}h2, .h2 { font-size: var(--h2); line-height: 1.1; letter-spacing: 0.04rem; font-weight: 600;}h3, .h3 { font-size: var(--h3); line-height: 1.2; letter-spacing: 0.02rem; font-weight: 500;}h4, .h4 { font-size: var(--h4); line-height: 1.25; letter-spacing: 0.015rem; font-weight: 500;}h5, .h5 { font-size: var(--h5); line-height: 1.3; letter-spacing: 0.01rem; font-weight: 500;}h6, .h6 { font-size: var(--h6); line-height: 1.35; letter-spacing: 0.0075rem; font-weight: 500;}.img-wrapper { object-fit: cover; width: 100%; height: 100%; max-width: 100%; min-height: 80%; box-shadow: 0 16px 30px -6px var(--shadow-color); border-radius: var(--card-radius);}.card-radius { border-radius: var(--card-radius);}.card-shadow { box-shadow: 0 16px 30px -6px var(--shadow-color);}.hover-up { position: relative; transition: .2s all linear;}.hover-up::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary); opacity: 0; transition: .2s all linear;}.hover-up:hover { transform: translateY(-10px);}.hover-up:hover::before { opacity: .2;}.nav-menu { background-color: transparent; transition: .4s all linear;}.nav-is-scrolled { backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); background-color: rgba(54, 54, 54, 0.45);}.btn-solid--primary,.btn-outline--primary,.btn-gradient--primary,.btn-outline--secondary,.btn-solid--secondary,.btn-gradient--secondary,.btn-outline--tertiary,.btn-solid--tertiary,.btn-gradient--tertiary,.btn-outline--accent,.btn-solid--accent,.btn-gradient--accent,.btn-gradient--mix,.btn-accent--mix,.form-default button.bricks-button { padding: var(--btn-py) var(--btn-px); font-weight: 700; white-space: nowrap; border-radius: var(--btn-radius); transition: .2s all linear;}.btn-solid--primary:hover,.btn-outline--primary:hover,.btn-gradient--primary:hover,.btn-gradient--mix:hover,.btn-accent--mix:hover,.form-default button.bricks-button:hover { transform: translate(2px, 2px); box-shadow: 0 8px 22px color-mix(in srgb, var(--primary) 70%, transparent);}.btn-outline--secondary:hover,.btn-solid--secondary:hover,.btn-gradient--secondary:hover { transform: translate(2px, 2px); box-shadow: 0 8px 22px color-mix(in srgb, var(--secondary) 70%, transparent);}.btn-outline--tertiary:hover,.btn-solid--tertiary:hover,.btn-gradient--tertiary:hover { transform: translate(2px, 2px); box-shadow: 0 8px 22px color-mix(in srgb, var(--tertiary) 70%, transparent);}.btn-outline--accent:hover,.btn-solid--accent:hover,.btn-gradient--accent:hover { transform: translate(2px, 2px); box-shadow: 0 8px 22px color-mix(in srgb, var(--accent) 70%, transparent);}.btn-outline--primary,.btn-outline--secondary,.btn-outline--tertiary,.btn-outline--accent { padding: calc(var(--btn-py) - 2px) calc(var(--btn-px) - 2px); background: transparent;}.btn-outline--primary { border: 2px solid var(--primary); color: var(--primary);}.btn-outline--primary:hover { background: var(--primary); color: var(--secondary);}.btn-outline--secondary { border: 2px solid var(--secondary); color: var(--secondary);}.btn-outline--secondary:hover { background: var(--secondary); color: var(--primary);}.btn-outline--tertiary { border: 2px solid var(--tertiary); color: var(--tertiary);}.btn-outline--tertiary:hover { background: var(--tertiary); color: var(--primary);}.btn-outline--accent { border: 2px solid var(--accent); color: var(--accent);}.btn-outline--accent:hover { background: var(--accent); color: var(--primary);}.btn-solid--primary,.form-default button.bricks-button { background-color: var(--primary);}.btn-solid--primary:hover,.form-default button.bricks-button:hover { background-color: color-mix(in srgb, var(--primary) 75%, var(--white))}.btn-solid--secondary { background-color: var(--secondary);}.btn-solid--secondary:hover { background-color: color-mix(in srgb, var(--secondary) 75%, var(--white))}.btn-solid--tertiary { background-color: var(--tertiary);}.btn-solid--tertiary:hover { background-color: color-mix(in srgb, var(--tertiary) 75%, var(--white))}.btn-solid--accent { background-color: var(--accent);}.btn-solid--accent:hover { background-color: color-mix(in srgb, var(--accent) 75%, var(--white))}.btn-gradient--primary { background: linear-gradient(0deg, var(--primary) 20%, color-mix(in srgb, var(--primary) 50%, var(--white)) 120%);}.btn-gradient--primary:hover { background: linear-gradient(0deg, var(--primary) 20%, color-mix(in srgb, var(--primary) 90%, var(--white)) 120%);}.btn-gradient--secondary { background: linear-gradient(0deg, var(--secondary) 20%, color-mix(in srgb, var(--secondary) 50%, var(--white)) 120%);}.btn-gradient--secondary:hover { background: linear-gradient(0deg, var(--secondary) 20%, color-mix(in srgb, var(--secondary) 90%, var(--white)) 120%);}.btn-gradient--tertiary { background: linear-gradient(0deg, var(--tertiary) 20%, color-mix(in srgb, var(--tertiary) 50%, var(--white)) 120%);}.btn-gradient--tertiary:hover { background: linear-gradient(0deg, var(--tertiary) 20%, color-mix(in srgb, var(--tertiary) 90%, var(--white)) 120%);}.btn-gradient--accent { background: linear-gradient(0deg, var(--accent) 20%, color-mix(in srgb, var(--accent) 50%, var(--white)) 120%);}.btn-gradient--accent:hover { background: linear-gradient(0deg, var(--accent) 20%, color-mix(in srgb, var(--accent) 90%, var(--white)) 120%);}.btn-gradient--mix { background: linear-gradient(135deg, var(--primary) -15%, var(--secondary) 115%);}.btn-gradient--mix:hover { background: linear-gradient(135deg, var(--primary) 45%, var(--secondary) 115%);}.btn-accent--mix { background: linear-gradient(135deg, var(--accent) -15%, var(--tertiary) 115%);}.btn-accent--mix:hover { background: linear-gradient(135deg, var(--accent) 45%, var(--tertiary) 115%);}.btn-text--black,.btn-hover--black:hover { color:var(--black);}.btn-text--white,.btn-hover--white:hover { color:var(--white);}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {white-space: nowrap} .brxe-section {flex-direction: column; column-gap: var(--gap); row-gap: var(--gap); padding-top: var(--section-pt); padding-right: var(--section-px); padding-bottom: var(--section-pb); padding-left: var(--section-px)} html {font-size: 100%} body {text-wrap: pretty; color: var(--white); font-size: 18px} h1, h2, h3, h4, h5, h6 {color: var(--white); text-wrap: pretty} h1 {font-size: var(--h1); line-height: 1.1; text-wrap: balance} h2 {font-size: var(--h2); line-height: 1.1; text-wrap: balance} h3 {font-size: var(--h3); line-height: 1.2} h4 {line-height: 1.2; font-size: var(--h4)} h5 {font-size: var(--h5); line-height: 1.2} h6 {line-height: 1.2; font-size: var(--h6)} .brxe-container {width: 100%; max-width: var(--content-width); column-gap: var(--gap); row-gap: var(--gap); margin-top: var(--container-pt); margin-right: var(--container-pr); margin-bottom: var(--container-pb); margin-left: var(--container-pl); flex-direction: row} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--content-width)} .brxe-block {row-gap: var(--gap); column-gap: var(--gap); padding-top: var(--block-pt); padding-right: var(--block-pr); padding-bottom: var(--block-pb); padding-left: var(--block-pl)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column; row-gap: var(--gap); column-gap: var(--gap); width: 100%; padding-top: var(--element-pt); padding-right: var(--element-pr); padding-bottom: var(--element-pb); padding-left: var(--element-pl)} .brxe-text {text-wrap: pretty} .brxe-text-basic {text-wrap: pretty}