html {font-size: 100%} body {font-family: "IBMPlexSansArabic"; font-size: 18px; font-weight: 400; font-style: normal} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} html {background-color: #f2f2f2} body {background: none}:where(:root) .bricks-color-primary {color: var(--base-color)}:where(:root) .bricks-background-primary {background-color: var(--base-color)}:where(:root) .bricks-color-secondary {color: var(--accent-color)}:where(:root) .bricks-background-secondary {background-color: var(--accent-color)}:where(:root) .bricks-color-light {color: var(--base-color-t-90)}:where(:root) .bricks-background-light {background-color: var(--base-color-t-90)}:where(:root) .bricks-color-dark {color: var(--base-color-s-70)}:where(:root) .bricks-background-dark {background-color: var(--base-color-s-70)}:where(:root) .bricks-color-muted {color: var(--base-color-t-70)}:where(:root) .bricks-background-muted {background-color: var(--base-color-t-70)} .brxe-section {column-gap: var(--space-1); row-gap: var(--space-1)} .brxe-container {width: 100%; max-width: 80rem; column-gap: var(--space-1-5); row-gap: var(--space-1-5); padding-right: var(--space-1); padding-left: var(--space-1); margin-top: var(--space-3); margin-bottom: var(--space-3)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 80rem} .brxe-block {column-gap: var(--space-1); row-gap: var(--space-1)}@media (max-width: 767px) { body {font-size: 16px}}