:where(:root) .bricks-color-primary {color: var(--ink)}:where(:root) .bricks-background-primary {background-color: var(--ink)}:where(:root) .bricks-color-secondary {color: var(--ink-soft)}:where(:root) .bricks-background-secondary {background-color: var(--ink-soft)}:where(:root) .bricks-color-light {color: var(--ground)}:where(:root) .bricks-background-light {background-color: var(--ground)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-muted {color: var(--ink-muted)}:where(:root) .bricks-background-muted {background-color: var(--ink-muted)}:where(:root) * {border-color: var(--line)} html {background-color: var(--ground)} body {background: none} .brxe-container.root:not(.stretch) {padding-top: var(--band-y); padding-right: 0; padding-bottom: var(--band-y); padding-left: 0} .brxe-container.root.stretch > .brxe-container {padding-top: var(--band-y); padding-right: 0; padding-bottom: var(--band-y); padding-left: 0} .brxe-container.root.stretch > .brxe-div {padding-top: var(--band-y); padding-right: 0; padding-bottom: var(--band-y); padding-left: 0} body {font-family: "Tajawal"; font-weight: 300; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink)} h1, h2, h3, h4, h5, h6 {font-family: "Almarai"; font-weight: 300; line-height: var(--lh-display); color: var(--ink)} h1 {font-size: var(--fs-hero); line-height: 1.35; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} h2 {font-size: var(--fs-section); line-height: 1.45; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} h3 {font-size: var(--fs-card); font-weight: 400; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} h4 {font-size: 19px; font-weight: 400; line-height: 1.6; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} :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(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > 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(--ink); text-decoration: none; transition: color .25s ease, opacity .25s ease, background-color .25s ease} .brxe-section {display: flex; flex-direction: column; align-items: center; width: 100%; padding-top: var(--band-y); padding-right: 0; padding-bottom: var(--band-y); padding-left: 0} .brxe-container {display: flex; flex-direction: column; width: 100%; max-width: var(--shell-max); padding-top: 0; padding-right: var(--gutter); padding-bottom: 0; padding-left: var(--gutter)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--shell-max)}@media (max-width: 767px) { .brxe-container.root:not(.stretch) {padding-top: var(--band-y-sm); padding-right: 0; padding-bottom: var(--band-y-sm); padding-left: 0} .brxe-container.root.stretch > .brxe-container {padding-top: var(--band-y-sm); padding-right: 0; padding-bottom: var(--band-y-sm); padding-left: 0} .brxe-container.root.stretch > .brxe-div {padding-top: var(--band-y-sm); padding-right: 0; padding-bottom: var(--band-y-sm); padding-left: 0} .brxe-container {padding-top: 0; padding-right: var(--gutter-sm); padding-bottom: 0; padding-left: var(--gutter-sm)}}