:where(:root) .bricks-color-primary {color: #B10015}:where(:root) .bricks-background-primary {background-color: #B10015}:where(:root) .bricks-color-secondary {color: #32485A}:where(:root) .bricks-background-secondary {background-color: #32485A}:where(:root) .bricks-color-light {color: #F1F3F4}:where(:root) .bricks-background-light {background-color: #F1F3F4}:where(:root) .bricks-color-dark {color: #10181E}:where(:root) .bricks-background-dark {background-color: #10181E}:where(:root) .bricks-color-muted {color: #63818F}:where(:root) .bricks-background-muted {background-color: #63818F}:where(:root) * {border-color: #D1DDE7}:where(:root) .bricks-color-success {color: var(--success-600)}:where(:root) .bricks-background-success {background-color: var(--success-600)}:where(:root) .bricks-color-warning {color: var(--warning-500)}:where(:root) .bricks-background-warning {background-color: var(--warning-500)}:where(:root) .bricks-color-danger {color: var(--error-600)}:where(:root) .bricks-background-danger {background-color: var(--error-600)}:where(:root) .bricks-color-info {color: var(--sky-500)}:where(:root) .bricks-background-info {background-color: var(--sky-500)} html {font-size: 100%} body {font-size: var(--font-size-sm); font-family: "Inter"; line-height: 1.6; color: var(--gray-600)} h1, h2, h3, h4, h5, h6 {color: var(--gray-900); line-height: 1.2; letter-spacing: -0.02em; font-family: "Title"} h1 {font-size: var(--text-heading-2xl-size); line-height: var(--text-heading-2xl-lh); letter-spacing: var(--text-heading-2xl-tr); margin-top: 0; margin-bottom: 0} h2 {font-size: var(--text-heading-xl-size); line-height: var(--text-heading-xl-lh); letter-spacing: var(--text-heading-xl-tr); margin-top: 0; margin-bottom: 0} h3 {font-size: var(--text-heading-lg-size); line-height: var(--text-heading-lg-lh); letter-spacing: var(--text-heading-lg-tr); margin-top: 0; margin-bottom: 0} h4 {font-size: var(--text-heading-md-size); line-height: var(--text-heading-md-lh); letter-spacing: var(--text-heading-md-tr); margin-top: 0; margin-bottom: 0} h5 {font-size: var(--font-size-lg); line-height: var(--text-heading-sm-lh); letter-spacing: var(--text-heading-sm-tr); margin-top: 0; margin-bottom: 0} h6 {font-size: var(--text-heading-xs-size); line-height: var(--text-heading-xs-lh); letter-spacing: var(--text-heading-xs-tr); margin-top: 0; margin-bottom: 0} .brxe-section {display: flex; flex-direction: column; align-items: center; padding-top: var(--section-py); padding-bottom: var(--section-py)} .brxe-container {display: flex; flex-direction: column; max-width: var(--container-max-width); row-gap: var(--gap-section); column-gap: var(--gap-section); padding-right: var(--container-padding); padding-left: var(--container-padding); align-items: center; justify-content: center; width: var(--container-max-width)} #brx-content.wordpress {max-width: var(--container-max-width); width: var(--container-max-width)} .woocommerce main.site-main {width: var(--container-max-width)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: row; column-gap: var(--space-2xs); row-gap: var(--space-2xs); justify-content: flex-start; align-items: flex-start; width: 100%} .brxe-block {column-gap: var(--space-s); row-gap: var(--space-s)} .bricks-button {transition: all var(--transition-normal) var(--easing-default); border-radius: var(--radius-md); font-size: 14px; font-weight: 500; letter-spacing: -0.01em; color: #ffffff; padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m)} .bricks-button.sm {padding-top: var(--space-2xs); padding-right: var(--space-s); padding-bottom: var(--space-2xs); padding-left: var(--space-s); font-size: var(--text-label-sm-size)} .bricks-button.md {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m); font-size: var(--text-label-md-size)} .bricks-button.lg {padding-top: var(--space-m); padding-right: var(--space-l); padding-bottom: var(--space-m); padding-left: var(--space-l)} .bricks-button.xl {padding-top: var(--space-l); padding-right: var(--space-xl); padding-bottom: var(--space-l); padding-left: var(--space-xl); font-size: var(--text-label-lg-size)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--vitalize)} :root .bricks-button[class*="primary"] {color: #ffffff} :root .bricks-button[class*="primary"].outline {color: #32485A; background-color: transparent; border-style: solid; border-color: #32485A} :root .bricks-button[class*="primary"].outline:hover {color: #222A49; background-color: #F1F3F4; border-color: #222A49} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #10181E} :root .bricks-button[class*="secondary"] {color: #ffffff} :root .bricks-button[class*="secondary"].outline {color: #10181E; background-color: transparent; border-style: solid; border-color: #10181E} :root .bricks-button[class*="secondary"].outline:hover {color: #222A49; background-color: #F1F3F4; border-color: #222A49} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: #F1F3F4} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: #32485A; border: 1px solid #D1DDE7} :root .bricks-button[class*="light"].outline {color: #45606F; background-color: transparent; border-style: solid; border-color: #ABBCC5} :root .bricks-button[class*="light"].outline:hover {color: #32485A; background-color: #F1F3F4; border-color: #8A9FAD} :root .bricks-button[class*="dark"].outline {color: #10181E; background-color: transparent; border-style: solid; border-color: #10181E} :root .bricks-button[class*="dark"].outline:hover {color: #222A49; background-color: #F1F3F4; border-color: #222A49} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--slumberland)} :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 {transition: color var(--transition-fast) var(--easing-default); font-weight: 500; color: var(--brand-700); text-decoration: underline} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: #222A49; text-decoration: underline} :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source="bricks"]) a:active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active {color: #10181E}.brxe-form .form-group label {font-size: var(--text-label-sm-size); line-height: var(--text-label-sm-lh); font-weight: 600}.brxe-form .form-group .label {font-size: var(--text-label-sm-size); line-height: var(--text-label-sm-lh); font-weight: 600}.brxe-form ::placeholder {font-size: var(--text-paragraph-md-size)}.brxe-form select {font-size: var(--text-paragraph-md-size); line-height: var(--text-paragraph-md-lh); background-color: var(--surface-primary); border-style: solid; padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .form-group input {font-size: var(--text-paragraph-md-size); line-height: var(--text-paragraph-md-lh); background-color: var(--surface-primary); border-style: solid; padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form textarea {font-size: var(--text-paragraph-md-size); line-height: var(--text-paragraph-md-lh); background-color: var(--surface-primary); border-style: solid; padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .flatpickr {background-color: var(--surface-primary); border-style: solid; padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .bricks-button {border-style: solid}.brxe-form .choose-files {border-style: solid}.brxe-form .form-group {padding-bottom: var(--space-xs)}.brxe-form .form-group input:focus {background-color: var(--surface-primary)}.brxe-form .flatpickr:focus {background-color: var(--surface-primary)}.brxe-form select:focus {background-color: var(--surface-primary)}.brxe-form textarea:focus {background-color: var(--surface-primary)} .brx-popup-content {width: 600px; max-width: 90vw; padding: var(--space-xl); background: var(--surface-primary); box-shadow: var(--shadow-xl)}@media (max-width: 991px) { .brxe-section {padding-top: clamp(40px, 3vw + 27px, 64px); padding-bottom: clamp(40px, 3vw + 27px, 64px)}}@media (max-width: 478px) { .brxe-section {padding-top: clamp(32px, 5vw + 16px, 48px); padding-bottom: clamp(32px, 5vw + 16px, 48px)} .brxe-container {width: 100%; max-width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 100%} .bricks-button {padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px} .brx-popup-content {width: 100%}}