html {background-color: var(--background)} body {background: none} .brx-boxed {max-width: 2400px} .brx-boxed #brx-header.sticky {max-width: 2400px; margin-left: auto; margin-right: auto} #brx-content {margin-bottom: calc(12rem * var(--margin-factor))} .content-area {margin-bottom: calc(12rem * var(--margin-factor))} body {font-family: "kalameh"; font-size: var(--normal)} h1, h2, h3, h4, h5, h6 {font-family: "kalameh"; font-size: var(--normal)} h1 {font-size: var(--big-title)} h2 {font-size: var(--high-title)} h3 {font-size: var(--mid-title)} h4 {font-size: var(--mid-title)} h5 {font-size: var(--title)} h6 {font-size: var(--title)} .brxe-section {padding-top: 3rem; padding-right: 8rem; padding-bottom: 3rem; padding-left: 8rem} .brxe-container {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 100%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-div {display: flex; flex-direction: column; align-items: flex-start}.brxe-list .separator {display: none; flex-grow: 0}.brxe-list .content {justify-content: initial} .brx-popup-content {padding-top: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem; border-radius: 12px; width: 60%}@media (max-width: 1280px) { .brxe-section {padding-top: calc(14rem * var(--padding-factor) + 0.2rem); padding-right: calc(14rem * var(--padding-factor) + 0.2rem); padding-bottom: calc(14rem * var(--padding-factor) + 0.2rem); padding-left: calc(14rem * var(--padding-factor) + 0.2rem)}}@media (max-width: 1100px) { .brxe-section {padding-top: calc(4rem * var(--padding-factor)); padding-right: calc(10rem * var(--padding-factor) + 0.2rem); padding-bottom: calc(4rem * var(--padding-factor)); padding-left: calc(10rem * var(--padding-factor) + 0.2rem)} .brx-popup-content {padding-top: calc(6rem * var(--padding-factor)); padding-right: calc(5rem * var(--padding-factor)); padding-bottom: calc(6rem * var(--padding-factor)); padding-left: calc(5rem * var(--padding-factor))}}@media (max-width: 991px) { .brxe-section {padding-right: calc(8rem * var(--padding-factor) + 0.2rem); padding-left: calc(8rem * var(--padding-factor) + 0.2rem)}}@media (max-width: 767px) { .brxe-section {padding-top: calc(3rem * var(--padding-factor) + 0.1rem); padding-right: calc(3rem * var(--padding-factor) + 0.1rem); padding-bottom: calc(3rem * var(--padding-factor) + 0.1rem); padding-left: calc(3rem * var(--padding-factor) + 0.1rem)} .brx-popup-content {padding-top: calc(4rem * var(--padding-factor)); padding-right: calc(3rem * var(--padding-factor)); padding-bottom: calc(4rem * var(--padding-factor)); padding-left: calc(3rem * var(--padding-factor))}.brx-popup {justify-content: center; align-items: center}}@media (max-width: 478px) { .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-div {display: flex}}