.brxe-container {width: 1330px; padding-top: 0; padding-right: var(--space-xl); padding-bottom: 0; padding-left: var(--space-xl)} .woocommerce main.site-main {width: 1330px} #brx-content.wordpress {width: 1330px} :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: all 100ms ease-in-out} body {font-size: var(--paragraf-m); color: var(--paragraf); font-family: "Poppins"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--paragraf-dark)} h1 {font-size: var(--heading-4xl); font-family: "Poppins"; font-weight: 600} h2 {font-size: var(--heading-3xl); font-family: "Poppins"; font-weight: 600} h3 {font-size: var(--heading-2xl); font-family: "Poppins"; font-weight: 600} h4 {font-size: var(--heading-xl); font-family: "Poppins"} h5 {font-size: var(--heading-l); font-family: "Poppins"; font-weight: 600} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--black-90)} :root .bricks-button[class*="secondary"] {border: 2px solid var(--bricks-border-color)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-color: var(--bg-surface)} :root .bricks-button[class*="dark"] {border-color: var(--black)} .bricks-button.sm {padding-top: var(--space-3xs); padding-right: var(--space-2xs); padding-bottom: var(--space-3xs); padding-left: var(--space-2xs); font-size: var(--paragraf-s)} .bricks-button.md {padding-top: var(--space-2xs); padding-right: var(--space-s); padding-bottom: var(--space-2xs); padding-left: var(--space-s); font-size: var(--paragraf-m)} .bricks-button.lg {padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s); font-size: var(--paragraf-m)} :root .bricks-button[class*="primary"].outline {border: 2px solid var(--secondary-l-4); color: var(--paragraf-dark)} .bricks-button {border-radius: var(--rafius-full)} .bricks-button.xl {font-size: var(--paragraf-l); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-d-1)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--black-80)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--black-90)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--black-80)} :root .bricks-button[class*="dark"].outline {border-color: var(--white)} :root .bricks-button[class*="primary"].outline:hover {border-color: var(--paragraf-dark)} html {background-color: #f2f6f9} body {background: none}:root{ --shadow-dark: 0px 24px 32px -24px rgb(0, 136, 205, 0.8), 0px 56px 32px -28px rgb(0, 136, 205, 0.3), 0px 8px 20px -12px rgb(0, 136, 205, 0.6); --shadow-light: 0px 24px 32px -24px rgb(218, 231, 246, 0.8), 0px 56px 32px -28px rgb(218, 231, 246, 0.3), 0px 8px 20px -12px rgb(218, 231, 246, 0.6); --transition:all ease-in-out 300ms;}.card-animation{ transition:var(--transition);}.card-animation:hover{ transform:scale(1.015);}@media (max-width: 478px) { .brxe-container {padding-right: var(--space-m); padding-left: var(--space-m)}}