html {background-color: var(--background)} body {background: none} .brx-boxed {max-width: 1920px} .brx-boxed #brx-header.brx-sticky {max-width: 1920px; margin-left: auto; margin-right: auto} body {font-family: "iransans"} h1, h2, h3, h4, h5, h6 {font-family: "iransans"} h1 {font-family: "iransans"} h2 {font-size: var(--mid-title); font-family: "iransans"} h3 {font-size: var(--title); font-family: "iransans"} h4 {font-size: var(--title); font-family: "iransans"} h5 {font-size: var(--title); font-family: "iransans"} h6 {font-size: var(--title); font-family: "iransans"} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {padding-top: calc(6rem * var(--padding-factor)); padding-right: calc(16rem * var(--padding-factor)); padding-bottom: calc(6rem * var(--padding-factor)); padding-left: calc(16rem * var(--padding-factor))} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} #brx-content {margin-bottom: calc(5rem * var(--padding-factor))} .content-area {margin-bottom: calc(5rem * var(--padding-factor))}.brxe-list .separator {display: none} :root .bricks-button[class*="primary"] {font-size: var(--small); font-weight: 700; color: var(--button-text); border: 1px solid var(--button); border-radius: 20px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--transparent)}@media (max-width: 1100px) { .brxe-section {padding-top: calc(5rem * var(--padding-factor)); padding-right: calc(10rem * var(--padding-factor)); padding-bottom: calc(5rem * var(--padding-factor)); padding-left: calc(10rem * var(--padding-factor))}}@media (max-width: 991px) { .brxe-section {padding-right: calc(7rem * var(--padding-factor)); padding-left: calc(7rem * var(--padding-factor))}}@media (max-width: 767px) { .brxe-section {padding-top: calc(6rem * var(--padding-factor)); padding-right: calc(4rem * var(--padding-factor)); padding-bottom: calc(6rem * var(--padding-factor)); padding-left: calc(4rem * var(--padding-factor))}}