:where(:root) .bricks-color-primary {color: #008aff}:where(:root) .bricks-background-primary {background-color: #008aff}:where(:root) .bricks-color-secondary {color: #302f57}:where(:root) .bricks-background-secondary {background-color: #302f57}:where(:root) .bricks-color-light {color: #ffffff}:where(:root) .bricks-background-light {background-color: #ffffff}:where(:root) .bricks-color-dark {color: #000000}:where(:root) .bricks-background-dark {background-color: #000000} :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, .brxe-product-content a:hover, .brxe-product-short-description a:hover, .brxe-product-tabs .woocommerce-Tabs-panel a:hover {color: #008aff} body {font-size: 18px; font-family: "Montserrat"; font-weight: 400; line-height: 1.5; text-wrap: pretty} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"} h1 {font-size: clamp(34px, calc(34px + (46 - 34) * ((100vw - 400px) / (1360 - 400))), 46px);; font-family: "Montserrat"; font-weight: 700; line-height: 1.27; text-transform: capitalize; text-wrap: pretty} h2 {font-size: clamp(30px, calc(30px + (38 - 30) * ((100vw - 400px) / (1360 - 400))), 38px);; color: #302f57; font-family: "Montserrat"; text-transform: capitalize; font-weight: 700; line-height: 1.44; text-wrap: pretty} h3 {font-size: 24px; font-family: "Montserrat"; font-weight: 700; line-height: 1.33; text-transform: capitalize; color: #302f57} h4 {font-size: 18px; font-weight: 600; font-family: "Montserrat"; text-transform: capitalize; line-height: 1.44; color: #302f57} h5 {font-size: 18px} .brxe-section {padding-top: clamp(50px, calc(50px + (80 - 50) * ((100vw - 400px) / (1360 - 400))), 80px);; padding-right: clamp(15px, calc(15px + (40 - 15) * ((100vw - 400px) / (1360 - 400))), 40px);; padding-bottom: clamp(50px, calc(50px + (80 - 50) * ((100vw - 400px) / (1360 - 400))), 80px);; padding-left: clamp(15px, calc(15px + (40 - 15) * ((100vw - 400px) / (1360 - 400))), 40px);; column-gap: clamp(30px, calc(30px + (50 - 30) * ((100vw - 400px) / (1360 - 400))), 50px);; row-gap: clamp(30px, calc(30px + (50 - 30) * ((100vw - 400px) / (1360 - 400))), 50px);} .brxe-container {width: 1440px; column-gap: clamp(30px, calc(30px + (60 - 30) * ((100vw - 400px) / (1360 - 400))), 60px);; row-gap: clamp(30px, calc(30px + (60 - 30) * ((100vw - 400px) / (1360 - 400))), 60px);; flex-direction: row} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .bricks-button {font-family: "Montserrat"; font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: capitalize; border-radius: 10px; transition: all 0.5s; box-shadow: 0 0 20px 0 rgba(0, 138, 255, 0.1); padding-top: clamp(12px, calc(12px + (15 - 12) * ((100vw - 400px) / (1360 - 400))), 15px );; padding-right: clamp(15px, calc(15px + (18 - 15) * ((100vw - 400px) / (1360 - 400))), 18px);; padding-bottom: clamp(12px, calc(12px + (15 - 12) * ((100vw - 400px) / (1360 - 400))), 15px );; padding-left: clamp(15px, calc(15px + (18 - 15) * ((100vw - 400px) / (1360 - 400))), 18px);} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--secondary-color)} :root .bricks-button[class*="secondary"]:hover {color: #ffffff} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary-color)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="primary"] {color: #ffffff; text-transform: capitalize} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary-color)} :root .bricks-button[class*="secondary"] {color: #ffffff; text-transform: capitalize} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-fccmfm)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary-color)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--secondary-color)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: #ffffff} .brxe-block {column-gap: clamp(30px, calc(30px + (50 - 30) * ((100vw - 400px) / (1360 - 400))), 50px );; row-gap: clamp(30px, calc(30px + (50 - 30) * ((100vw - 400px) / (1360 - 400))), 50px );}.brxe-divider.horizontal .line {border-top-color: rgba(0, 0, 0, 0.08)}.brxe-divider.vertical .line {border-right-color: rgba(0, 0, 0, 0.08)}.brxe-divider .icon i {color: rgba(0, 0, 0, 0.08)}.brxe-social-icons li {background-color: #008aff} .brxe-text {font-size: 18px; font-family: "Montserrat"; font-weight: 400; line-height: 1.67} .brxe-text-basic {font-size: 18px; font-family: "Montserrat"; font-weight: 400; line-height: 1.67}@media (max-width: 991px) { h5 {font-size: 17px} body {font-size: 17px}}@media (max-width: 478px) { h5 {font-size: 16px} body {font-size: 16px; text-wrap: pretty}}