body {font-family: "Aptos"; font-weight: 400; color: var(--bricks-color-vrhxce); font-size: clamp(14px, 1vw + 1rem, 18px);} h1, h2, h3, h4, h5, h6 {font-family: "Aptos"; color: var(--bricks-color-vrhxce); font-weight: 700; text-transform: capitalize} h1 {font-size: clamp(1.8rem, 4vw + 1.5rem, 54px);; color: var(--bricks-color-cedee8)} h2 {font-size: clamp(1.5rem, 3vw + 1rem, 36px);; color: var(--bricks-color-vrhxce)} h3 {font-size: clamp(1.3rem, 2vw + 0.5rem, 24px);} h4 {font-size: clamp(1.1rem, 2vw + 0.5rem, 20px);}:where(:root) .bricks-color-secondary {color: var(--bricks-color-vrhxce)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-vrhxce)}:where(:root) .bricks-color-light {color: var(--bricks-color-001e61)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-001e61)}:where(:root) .bricks-color-dark {color: var(--bricks-color-cedee8)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-cedee8)}:where(:root) .bricks-color-primary {color: var(--bricks-color-lznxsx)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-lznxsx)} .brxe-container {width: 1440px; column-gap: 20px; row-gap: 20px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-section {padding-top: 100px; padding-right: 4vw; padding-bottom: 100px; padding-left: 4vw} .brxe-block {column-gap: 10px; row-gap: 10px} .bricks-button {border-radius: 50px; padding-top: 1.3rem; padding-right: 3rem; padding-bottom: 1.3rem; padding-left: 3rem; transition: all .5s} :root .bricks-button[class*="primary"] {color: var(--bricks-color-001e61); text-transform: uppercase; font-weight: 400; border: 2px solid var(--bricks-color-lznxsx)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-lznxsx)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-001e61)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-vrhxce)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-vrhxce)} .bricks-button:hover {color: var(--bricks-color-vrhxce)} :root .bricks-button[class*="dark"] {border-radius: 50px} :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 {color: var(--bricks-color-lznxsx)}.brxe-image .icon {border-radius: 5px}@media (max-width: 1200px) { .brxe-section {padding-top: 60px; padding-bottom: 60px}}@media (max-width: 1050px) { .brxe-container {column-gap: 20px; row-gap: 20px} .brxe-block {column-gap: 20px; row-gap: 20px}}@media (max-width: 767px) { .brxe-section {padding-top: 50px; padding-bottom: 50px}}@media (max-width: 478px) { .brxe-container {column-gap: 15px; row-gap: 15px} .brxe-block {column-gap: 10px; row-gap: 10px}}