html[lang="ar"] body,html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,html[lang="ar"] a { font-family: 'Zain', sans-serif;}.brxe-section { overflow: hidden;}.wpml-ls-legacy-list-horizontal { padding: 0;}.wpml-ls-legacy-list-horizontal a { padding: 0;}::selection { background-color: #00a2d7; color: white;}:root { --scrollbar-width: 6px; --scrollbar-track-color: #f2f2f2; --scrollbar-thumb-color: #888;}* { scrollbar-width: thin;  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);}*::-webkit-scrollbar { width: var(--scrollbar-width);}*::-webkit-scrollbar-track { background: var(--scrollbar-track-color);}*::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb-color);}:where(:root) .bricks-color-primary {color: #00a2d7}:where(:root) .bricks-background-primary {background-color: #00a2d7}:where(:root) .bricks-color-secondary {color: #001125}:where(:root) .bricks-background-secondary {background-color: #001125} :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 {font-family: "DM Sans"; color: var(--bricks-color-avwvsi)} body {font-family: "Inter Tight"; font-size: 16px; line-height: 1.5; color: var(--bricks-color-zgvgrq)} h1, h2, h3, h4, h5, h6 {font-family: "Inter Tight"; font-weight: 600; color: var(--bricks-color-codlux)} h1 {font-size: 48px; line-height: 1.2} h2 {font-size: 36px; line-height: 1.2} h3 {font-size: 30px; line-height: 1.3} h4 {font-size: 26px; line-height: 1.3} h5 {font-size: 22px; line-height: 1.3} h6 {font-size: 18px; line-height: 1.3} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} blockquote {margin-top: 16px; padding-top: 20px; padding-right: 16px; padding-bottom: 20px; padding-left: 16px; color: var(--bricks-color-avwvsi); font-style: italic; font-size: 18px; font-family: "DM Sans"} .brxe-container {width: 1270px} .woocommerce main.site-main {width: 1270px} #brx-content.wordpress {width: 1270px} .bricks-button {font-size: 16px; color: #ffffff; font-weight: 700; border-radius: 15px; transition: all 0.3s ease; padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-codlux)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-avwvsi)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-avwvsi)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #007ea8} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #007ea8} .brxe-section {padding-right: 40px; padding-left: 40px}@media (max-width: 991px) { body {font-size: 16px} h1 {font-size: 36px} h2 {font-size: 30px} h3 {font-size: 26px} h4 {font-size: 22px} h5 {font-size: 20px} h6 {font-size: 18px}}@media (max-width: 767px) { body {font-size: 15px} h1 {font-size: 28px} h2 {font-size: 24px} h3 {font-size: 22px} h4 {font-size: 20px} h5 {font-size: 18px} h6 {font-size: 16px} .brxe-section {padding-right: 30px; padding-left: 30px}}@media (max-width: 478px) { body {font-size: 14px} .brxe-section {padding-right: 20px; padding-left: 20px}}