button.splide__pagination__page { transition: width 0.3s ease-in-out;}blockquote {position: relative;margin: 2.5rem 0;padding: 6rem 3.5rem; font-family:inherit;line-height:24px; font-weight:600; font-variation-settings:"wght" 600;border-inline-start: 3px solid var(--color-primary);background: var(--color-primary-l-3);isolation: isolate;border-radius:12px;}blockquote p{ font-size:20px!important;}blockquote::before,blockquote::after { position: absolute; color: var(--color-primary); font-family: Georgia, "Times New Roman", serif; font-size: clamp(72px, 8vw, 110px); line-height: 1; opacity: .12; pointer-events: none; user-select: none;}blockquote::before { content: "❝"; inset-block-start: -.15em; inset-inline-start: .15em;}blockquote::after { content: "❞"; inset-block-end: -.60em; inset-inline-end: .2em;} body {font-size: var(--fs-p); color: var(--color-text-d-10); font-family: "IranSansXVF", IranSansX; line-height: 1.75; font-weight: 400; font-variation-settings: "wght" 400} h1, h2, h3, h4, h5, h6 {color: var(--color-text-d-10); font-family: "IranSansXVF", IranSansX} h1 {font-size: var(--fs-h1); line-height: 2.2; letter-spacing: -1.2%; font-weight: 900; font-variation-settings: "wght" 900} h2 {font-weight: 800; line-height: 2; font-size: var(--fs-h2); letter-spacing: -0.75%; font-variation-settings: "wght" 800} h3 {font-size: var(--fs-h3); line-height: 1.9; font-weight: 800; letter-spacing: -0.6%; font-variation-settings: "wght" 800} h4 {font-size: var(--fs-h4); line-height: 1.88; letter-spacing: -0.5%; font-weight: 800; font-variation-settings: "wght" 800} h5 {font-size: var(--fs-h4); font-weight: 700; letter-spacing: -0.5%; line-height: 1.88; font-variation-settings: "wght" 700} h6 {font-size: var(--fs-h4); line-height: 1.88; letter-spacing: -0.5%; font-weight: 700; font-variation-settings: "wght" 700} .bricks-type-hero {font-size: var(--fs-large); line-height: 2; font-variation-settings: "wght" 600; font-weight: 600} .bricks-type-lead {font-size: var(--fs-lead); line-height: 1.88; font-weight: 700; font-variation-settings: "wght" 700} body.bricks-is-frontend :focus-visible {outline: var(--color-primary-l-1) solid 1px} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--color-primary-l-1) solid 1px; }} .brxe-container {width: 1280px; padding-right: 16px; padding-left: 16px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--color-text); border: 0.6px solid var(--color-text); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--color-primary-l-1)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--color-primary); background-color: var(--color-text); border-color: var(--color-primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--color-text); background-color: var(--color-primary-l-1); border-color: var(--color-text)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--color-text); border: 0.6px solid var(--color-text); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--color-secondary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--color-secondary-l-1)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--color-secondary); background-color: var(--color-text); border-color: var(--color-secondary)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--color-text); background-color: var(--color-secondary-l-1); border-color: var(--color-text)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--color-text-d-9); border: 1px solid var(--color-text); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--color-text)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--color-text-d-2)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-light.outline) {background-color: var(--color-text); border-color: var(--color-text)} .bricks-button:where(.bricks-color-light.outline):hover {background-color: var(--color-text-d-2); border-color: var(--color-text)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--color-text); border: 1px solid var(--color-text-d-9); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--color-text-d-9)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--color-text-d-7)} .bricks-button:where(.bricks-background-dark):hover, .bricks-button:where(.bricks-color-dark):hover {border-color: var(--color-text-d-9); box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-dark.outline) {color: var(--color-text-d-9); background-color: var(--color-text); border-color: var(--color-text-d-9)} .bricks-button:where(.bricks-color-dark.outline):hover {color: var(--color-text); background-color: var(--color-text-d-7); border-color: var(--color-text-d-9)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--color-text-d-5); font-weight: 600; font-variation-settings: "wght" 600; line-height: 2.6rem; border: 0.6px solid var(--color-text-d-9); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: var(--color-text-d-1)} .bricks-button:where(.bricks-background-muted):hover, .bricks-button:where(.bricks-color-muted):hover {box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-muted.outline):hover {color: var(--color-text-d-5); background-color: var(--color-text-d-1); border-color: var(--color-text-d-5)} .bricks-button:where(.bricks-color-muted.outline) {background-color: var(--color-text); border-color: var(--color-text-d-5)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {color: var(--color-text); border: 0.6px solid var(--color-info); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--color-info)} .bricks-button:where(.bricks-background-info:not(.outline)):hover {background-color: var(--color-info-l-1)} .bricks-button:where(.bricks-background-info):hover, .bricks-button:where(.bricks-color-info):hover {box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-info.outline) {color: var(--color-info); background-color: var(--color-text); border-color: var(--color-info)} .bricks-button:where(.bricks-color-info.outline):hover {color: var(--color-text); background-color: var(--color-info-l-1); border-color: var(--color-info-l-1)} .bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {color: var(--color-text); border: 0.6px solid var(--color-success); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-success:not(.outline)) {background-color: var(--color-success)} .bricks-button:where(.bricks-background-success:not(.outline)):hover {background-color: var(--color-success-l-1)} .bricks-button:where(.bricks-background-success):hover, .bricks-button:where(.bricks-color-success):hover {border-width: 1px; border-color: var(--color-success-l-1); box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-success.outline) {color: var(--color-success); background-color: var(--color-text); border-color: var(--color-success)} .bricks-button:where(.bricks-color-success.outline):hover {color: var(--color-text); background-color: var(--color-success-l-1); border-width: 1px; border-color: var(--color-success-l-1)} .bricks-button:where(.bricks-background-warning), .bricks-button:where(.bricks-color-warning) {color: var(--color-text); border: 0.6px solid var(--color-warning); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-warning:not(.outline)) {background-color: var(--color-warning)} .bricks-button:where(.bricks-background-warning:not(.outline)):hover {background-color: var(--color-warning-l-1)} .bricks-button:where(.bricks-background-warning):hover, .bricks-button:where(.bricks-color-warning):hover {border-width: 1px; border-color: var(--color-warning-l-1); box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-warning.outline) {color: var(--color-warning); background-color: var(--color-text); border-color: var(--color-warning)} .bricks-button:where(.bricks-color-warning.outline):hover {color: var(--color-text); background-color: var(--color-warning-l-1); border-color: var(--color-warning-l-1)} .bricks-button:where(.bricks-background-danger), .bricks-button:where(.bricks-color-danger) {color: var(--color-text); border: 0.6px solid var(--color-danger); border-radius: var(--br-md)} .bricks-button:where(.bricks-background-danger:not(.outline)) {background-color: var(--color-danger)} .bricks-button:where(.bricks-background-danger:not(.outline)):hover {background-color: var(--color-danger-l-1)} .bricks-button:where(.bricks-background-danger):hover, .bricks-button:where(.bricks-color-danger):hover {border-width: 1px; border-color: var(--color-danger); box-shadow: 0 1.5px 2px 0 rgba(0, 0, 0, 0.08)} .bricks-button:where(.bricks-color-danger.outline) {color: var(--color-danger); background-color: var(--color-text); border-color: var(--color-danger)} .bricks-button:where(.bricks-color-danger.outline):hover {color: var(--color-text); background-color: var(--color-danger-l-1); border-width: 1px; border-color: var(--color-danger)} .bricks-button {padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px} .bricks-button:where(.sm) {padding-top: 0.6rem; padding-right: 1.6rem; padding-bottom: 0.6rem; padding-left: 1.6rem; font-size: 1.4rem; font-weight: 600; font-variation-settings: "wght" 600; line-height: 2.6rem} .bricks-button:where(.md) {padding-top: 1rem; padding-right: 2.4rem; padding-bottom: 1rem; padding-left: 2.4rem; font-size: 1.4rem; font-weight: 600; font-variation-settings: "wght" 600; line-height: 2.6rem}@media (max-width: 767px) { body {line-height: 2.4rem} h1 {line-height: 4.8rem; letter-spacing: -0.75%} h2 {line-height: 3.8rem; letter-spacing: -0.6%} h3 {line-height: 3.4rem; letter-spacing: -0.5%} h4 {line-height: 2.8rem; letter-spacing: -0,4%}}@media (max-width: 478px) { body {line-height: 1.71} h1 {line-height: 2; letter-spacing: -0.75%} h2 {line-height: 1.9; letter-spacing: 0.6%} h3 {line-height: 1.88; letter-spacing: -0.5%} h4 {line-height: 1.75; letter-spacing: -0.4%} h5 {line-height: 1.75; letter-spacing: -0.4%} h6 {line-height: 1.75; letter-spacing: -0.4%} .bricks-type-hero {line-height: 2.28} .bricks-type-lead {line-height: 2.1}}