CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Design – Bricks</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="description" content="Bricks streamlines website design with flexbox, grid, global styles, and custom color palettes. Enjoy animations, filters, and styled elements."><link rel="alternate" type="application/rss+xml" title="Bricks » Feed" href="https://bricksbuilder.io/feed/" /> <link rel="alternate" type="application/rss+xml" title="Bricks » Comments Feed" href="https://bricksbuilder.io/comments/feed/" /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='bricks-frontend-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/frontend-light.min.css?ver=1741251946' media='all' /> <style id='bricks-frontend-inline-css'> @font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(https://bricksbuilder.io/wp-content/uploads/2024/11/Manrope-VariableFont_wght.woff2) format("woff2");} </style> <link rel='stylesheet' id='bricks-color-palettes-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/color-palettes.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-global-variables-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-variables.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-global-custom-css-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-custom-css.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-theme-style-brx23-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/theme-style-brx23.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-post-3581-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3581.min.css?ver=1741252206' media='all' /> <link rel='stylesheet' id='bricks-post-231-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-231.min.css?ver=1741252207' media='all' /> <link rel='stylesheet' id='bricks-post-3743-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3743.min.css?ver=1741252206' media='all' /> <link rel='stylesheet' id='bricks-post-1183-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-1183.min.css?ver=1741252208' media='all' /> <link rel='stylesheet' id='bricks-post-135-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-135.min.css?ver=1741252207' media='all' /> <link rel='stylesheet' id='bricks-photoswipe-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/photoswipe.min.css?ver=1741251946' media='all' /> <style id='bricks-frontend-inline-inline-css'> html {scroll-behavior: smooth}.notice_wrapper {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall)}@media (max-width: 478px) {.notice_wrapper {padding-right: var(--size-medium); padding-left: var(--size-medium)}}.cursor-pointer {cursor: pointer}.background-color-secondary-600 {background-color: var(--color-secondary-600)}.notice_inner {justify-content: center; align-items: center; column-gap: var(--gap-content); row-gap: var(--gap-content); flex-direction: row}.text-size-small {font-size: var(--text-size-small)}.text-color-white {color: var(--color-white)}.text-weight-bold {font-weight: 700; font-variation-settings: "wght" 700}.text-weight-bold { font-weight: var(--text-weight-bold);}.text-align-center {text-align: center}.navbar {padding-top: var(--size-small); padding-bottom: var(--size-small); background-color: var(--color-white)}@media (max-width: 991px) {.navbar {border-bottom: 1px solid var(--color-gray-100)}}@media (max-width: 767px) {.navbar {padding-top: var(--size-xsmall); padding-bottom: var(--size-xsmall); position: relative}}.navbar_wrapper {flex-direction: row; width: 100%; align-items: center; column-gap: var(--gap-grid); justify-content: space-between; display: grid; align-items: initial; grid-template-columns: 1fr auto 1fr; grid-gap: var(--gap-grid)}@media (max-width: 991px) {.navbar_wrapper {justify-content: space-between; grid-template-columns: 1fr auto}}.navbar_logo .bricks-site-logo {width: var(--size-xlarge); height: var(--size-xlarge)}.navbar_logo {display: inline-block}.navbar_logo img { border-radius: var(--radius-tiny); transition: transform .25s ease;} .navbar_logo:hover img { transform: scale(.95);}.nav_megamenu-content {padding-top: var(--size-medium); padding-right: var(--size-xxlarge); padding-bottom: var(--size-medium); padding-left: var(--size-xxlarge); background-color: var(--color-white); border-top: 1px solid var(--color-gray-100)}@media (max-width: 991px) {.nav_megamenu-content {padding-right: var(--size-medium); padding-left: var(--size-medium); border-style: none; border-radius: var(--radius-tiny); background-color: var(--color-gray-50); margin-top: var(--size-xsmall)}}@media (max-width: 767px) {.nav_megamenu-content {padding-right: var(--size-small); padding-left: var(--size-small)}}.nav_dropdown-item-list {row-gap: var(--size-small); padding-left: 0; margin-top: 0; margin-bottom: 0}@media (max-width: 767px) {.nav_dropdown-item-list {row-gap: var(--size-small)}}.nav_column-title {color: var(--color-medium); font-size: var(--text-size-tiny); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 800; align-self: stretch; margin-bottom: var(--size-xsmall)}.nav_item-link {flex-direction: row; column-gap: var(--size-small); align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start; column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.nav_item-link {width: 100%; flex-wrap: nowrap}}.nav_item-link {align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start}}@media (max-width: 767px) {.nav_item-link {width: 100%}}.nav_item-icon {border: 1px solid var(--bricks-border-color); border-radius: var(--radius-tiny); flex-shrink: 0}.nav_megamenu-item-link-label {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; row-gap: var(--size-tiny)}@media (max-width: 767px) {.nav_megamenu-item-link-label {width: 100%}}.nav_item-link-title {line-height: 1.3; font-size: var(--text-size-regular); color: var(--color-gray-600); font-variation-settings: "wght" 700; align-items: center}.nav_item-link-description {font-size: var(--text-size-small); color: var(--color-gray-500); line-height: 1.2; font-variation-settings: "wght" 500; display: block}.list-none {padding-left: 0; margin-top: 0; margin-bottom: 0; flex-direction: row}.list-none { list-style-type: none;}.button_group {flex-direction: row; align-items: center; column-gap: var(--size-xsmall); row-gap: var(--size-medium)}.button_group .brxe-button { white-space: nowrap;}@media (max-width: 991px) {.button_group {column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.button_group {flex-wrap: nowrap}}@media (max-width: 478px) {.button_group {flex-wrap: wrap}}.section_hero-media {margin-top: 12rem; padding-bottom: 0}@media (max-width: 478px) {.section_hero-media {margin-top: 13rem}}.is-rounded::before {content: ""; width: var(--radius-large); height: var(--radius-large); position: absolute; left: 0px; border-bottom-left-radius: var(--radius-large); top: -3rem}.is-dark {background-color: var(--color-gray-900)}.is-dark { --color-white: hsl(228, 6%, 16%); --color-subtle: hsl(235, 6%, 34%); --color-muted: hsl(240, 6%, 65%); --color-medium-muted: hsl(240, 6%, 65%); --color-medium: hsl(240, 6%, 83%); --color-dark: hsl(0, 0%, 99%); --color-black: hsl(0, 0%, 0%); .filter-button .bricks-button { background-color: var(--color-gray-25); } .filter-button__show-filters { color: var(--color-gray-400); border-color: currentColor; &:hover { color: var(--color-gray-25); } } .brxe-filter-checkbox label { color: var(--color-gray-300); } .brxe-filter-checkbox label.brx-option-active { color: var(--color-gray-25); } .active-filters-mobile { background-color: var(--color-gray-900); } }.container_hero-media {margin-top: -18rem; width: calc(1280px + 10rem); position: relative; z-index: 1; aspect-ratio: 16/9}@media (max-width: 478px) {.container_hero-media {margin-top: -16rem}}.feature_card-media {width: 100%; min-height: 100%; overflow: hidden; border-radius: var(--radius-xsmall)}.feature_card-media { mask-image: radial-gradient(white,black); -webkit-mask-image: -webkit-radial-gradient(white, black);} .feature_card-media video { aspect-ratio: 16/9; width: 100%; height: auto; background-color: transparent;}.feature_card-media {width: 100%; min-height: 100%; overflow: hidden; border-radius: var(--radius-xsmall)}.feature_card-media:not(.tag), .feature_card-media img {object-fit: cover}.feature_card-media { mask-image: radial-gradient(white,black); -webkit-mask-image: -webkit-radial-gradient(white, black);} .feature_card-media video { aspect-ratio: 16/9; width: 100%; height: auto; background-color: transparent;}.slider-testimonial .splide__arrow {height: var(--size-large); width: var(--size-large); color: var(--color-muted); border: 2px solid rgba(255, 0, 0, 0); font-size: var(--size-small); min-height: var(--size-small); min-width: var(--size-small)}.slider-testimonial .splide__arrow svg {fill: var(--color-muted); height: var(--size-small); width: var(--size-small)}.slider-testimonial .splide__arrow:disabled {color: var(--color-subtle)}.slider-testimonial .splide__arrow:disabled svg {fill: var(--color-subtle)}.slider-testimonial .splide__pagination .splide__pagination__page {margin-top: var(--size-xsmall); margin-right: var(--size-xsmall); margin-bottom: var(--size-xsmall); margin-left: var(--size-xsmall); height: var(--size-xsmall); width: var(--size-xsmall); color: var(--color-muted); background-color: var(--color-muted)}.slider-testimonial .splide__pagination .splide__pagination__page.is-active {color: var(--color-dark); background-color: var(--color-dark)}.slider-testimonial .splide__arrow--prev {top: calc(100% + 30px); right: 50%; left: auto}.slider-testimonial .splide__arrow--next {top: calc(100% + 30px); right: auto; left: 50%}.testimonial {flex-direction: column; color: var(--color-dark); font-size: 1em; align-items: center; display: flex; padding-bottom: var(--size-large)}blockquote { margin-block: 0; margin-inline: 0; margin: 0;padding: 0; border-left: none;} .slider-testimonial blockquote,.section_hero-media blockquote.testimonial { font-size: var(--text-size-medium);}.testimonial_video {border-bottom: 1px solid var(--color-subtle); border-top-left-radius: var(--radius-xsmall); border-top-right-radius: var(--radius-xsmall)}.hero_media-svg svg { width: 4.8rem; height: auto; min-width: unset; min-height: unset;} .testimonial_card:not(:first-child) .hero_media-svg svg { width: 3.2rem;}.testimonial_quote {font-family: "Georgia"; text-align: center; max-width: var(--max-width-content-large); padding-top: var(--size-medium); padding-right: var(--size-medium); padding-bottom: var(--size-medium); padding-left: var(--size-medium)}.testimonial_quote:before,.testimonial_quote:after { display: inline-block;} .testimonial_quote:before { content: open-quote;} .testimonial_quote:after { content: close-quote;}.testimonial_author-meta {display: flex; column-gap: var(--gap-content); justify-content: center; align-items: center; max-width: var(--max-width-content-small)}.testimonial_author-avatar {width: var(--size-xlarge); height: var(--size-xlarge); border-radius: 50%; background-color: var(--color-gray-200)}.testimonial_author-avatar { display: grid; place-items: center; flex-shrink: 0;} .testimonial_author-avatar svg { width: var(--size-large); height: var(--size-large); }.testimonial_author-avatar-image {border-radius: 50%; flex-shrink: 0}.testimonial_author-avatar-image:not(.tag), .testimonial_author-avatar-image img {object-fit: cover}.changelog_author-details {display: flex; flex-direction: column; text-transform: none; line-height: 1.4; font-style: normal; margin-top: 0; opacity: 1}.changelog_author-details { font-family: var(--font-body);}.testimonial_author-name {color: var(--color-dark); font-size: var(--text-size-regular); font-variation-settings: "wght" 700}.testimonial_author-cite {text-transform: none; font-size: var(--text-size-small); opacity: 1; margin-top: 0}.testimonial_author-title {color: var(--color-medium-muted); font-size: var(--text-size-small); line-height: 1.2; max-width: var(--max-width-content-small)}@media (max-width: 767px) {.testimonial_author-title .icon { display: none;}}.align-items-center {align-items: center}.feature_card {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); row-gap: var(--gap-content); color: var(--color-body); position: relative; overflow: hidden; flex-grow: 1}.gap-grid {column-gap: var(--gap-grid); row-gap: var(--gap-grid)}.heading_eyebrow {font-size: var(--text-size-small); color: var(--color-medium-muted); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 700; margin-bottom: var(--size-xsmall); display: block}.feature_card-title {text-wrap: balance; max-width: var(--max-width-heading-medium)}.feature_media-wrapper {overflow: hidden; border-top-left-radius: var(--radius-small); border-top-right-radius: var(--radius-small); position: relative; padding-top: var(--size-medium); padding-right: var(--size-medium); padding-left: var(--size-medium); background-image: linear-gradient(var(--color-subtle) 0%, rgba(255, 255, 255, 0) 80%); width: 100%}.feature_media-wrapper > * { border-radius: var(--radius-small) var(--radius-small) 0 0; overflow: hidden;}.feature_media {width: 100%}.feature_media { mask-image: linear-gradient(to top, transparent 4%, black 25%); -webkit-mask-image: linear-gradient(to top, transparent 4%, black 25%);}@media (max-width: 991px) {.feature_media:not(.tag), .feature_media img {object-fit: cover}.feature_media {width: 100%; min-height: 100%}}.is-dim {background-color: var(--color-gray-100)}.max-width-heading-medium {max-width: var(--max-width-heading-medium)}.grid_bento-columns {grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3); display: grid; align-items: initial}.grid_bento-columns > *:nth-child(1),.grid_bento-columns > *:nth-child(4),.grid_bento-columns > *:nth-child(5) { grid-column: span 2;}@media (max-width: 991px) {.grid_bento-columns {grid-template-columns: var(--grid-2)}}@media (max-width: 767px) {.grid_bento-columns {grid-template-columns: var(--grid-1)}.grid_bento-columns > *:nth-child(1),.grid_bento-columns > *:nth-child(4),.grid_bento-columns > *:nth-child(5) { grid-column: span 1;}}.feature_card-media-wrapper {padding-top: var(--size-small); padding-right: var(--size-small); padding-bottom: var(--size-small); padding-left: var(--size-small)}.feature_card-body {padding-top: var(--size-large); padding-right: var(--size-large); padding-bottom: var(--size-large); padding-left: var(--size-large); row-gap: var(--gap-content); flex-grow: 1}.feature_card-icon {padding-top: var(--size-xsmall); padding-right: var(--size-xsmall); padding-bottom: var(--size-xsmall); padding-left: var(--size-xsmall); border: 1px solid var(--color-muted); border-radius: var(--radius-xsmall); color: var(--color-muted); line-height: 1; margin-bottom: var(--size-medium)}.feature_card-icon { aspect-ratio: 1;} .feature_card-icon .brxe-icon { stroke-width: 1.5;} .feature_card-icon .brxe-icon.icon-fill { fill: currentColor;}.feature_card {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); color: var(--color-body); position: relative; overflow: hidden; flex-grow: 1}.is-brand {background-color: var(--color-brand-400)}.is-brand { --color-background: hsl(46, 96%, 53%); --color-body: hsl(240, 6%, 10%); --color-eyebrow: hsl(240, 6%, 10%); --color-heading: hsl(240, 6%, 10%); --color-muted: hsl(240, 6%, 10%); --color-subtle: hsl(240, 6%, 10%); .brxw-text-basic { color: var(--color-body); }}.cta-row {display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3-2)}@media (max-width: 767px) {.cta-row {grid-template-columns: var(--grid-1)}}.gap-content {column-gap: var(--gap-content); row-gap: var(--gap-content)}.max-width-content-large {max-width: var(--max-width-content-large)}.max-width-content-large { text-wrap: pretty;}.text-no-wrap { white-space: nowrap;}.footer {color: var(--color-gray-25); padding-top: var(--size-huge); padding-bottom: var(--size-xlarge); row-gap: var(--size-xlarge)}.footer_cta-row {padding-bottom: var(--size-large); display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-2); align-items: flex-start}@media (max-width: 767px) {.footer_cta-row {grid-template-columns: var(--grid-1)}}.text-color-gray-25 {color: var(--color-gray-25)}.footer_cta-form .form-group input {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .flatpickr {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); background-color: var(--color-gray-800)}.footer_cta-form select {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: var(--color-gray-300); font-size: var(--text-size-small); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form textarea {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .bricks-button:not([type=submit]) {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form .choose-files {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form ::placeholder {color: var(--color-gray-300); font-size: var(--text-size-small)}.footer_cta-form {max-width: var(--max-width-content-medium)}.footer_cta-form { gap: var(--size-xsmall); justify-self: end;} .footer_cta-form .form-group { width: auto; padding-bottom: 0; display: grid; flex-grow: 1;} .footer_cta-form .form-group.submit-button-wrapper { flex-grow: 0;} .footer_cta-form .bricks-button.bricks-background-light { --color-white: white;} .footer_cta-form .form-group.captcha { flex-grow: 0;}@media (max-width: 767px) {.footer_cta-form {justify-content: flex-start}.footer_cta-form { justify-self: start;}}@media (max-width: 478px) {.footer_cta-form .submit-button-wrapper {width: 100%}.footer_cta-form .form-group { width: 100%;}}.footer_row {flex-direction: row; justify-content: space-between; column-gap: var(--gap-grid); row-gap: var(--gap-grid); padding-top: var(--size-xlarge); border-top: 1px solid var(--color-gray-600)}.align-items-start {align-items: flex-start}.text-weight-semibold {font-weight: 600; font-variation-settings: "wght" 600}.text-weight-semibold { font-weight: var(--text-weight-semibold);}.text-color-gray-400 {color: var(--color-gray-400)}.footer_nav .bricks-nav-menu {flex-direction: column; gap: var(--gap-content)}.footer_nav .bricks-nav-menu > li {margin-left: 0}.footer_nav .bricks-nav-menu > li > a {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav .bricks-nav-menu > li > .brx-submenu-toggle > * {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav {margin-top: var(--size-small)}.footer_social-icons {flex-direction: row; column-gap: var(--size-small); flex-wrap: nowrap; width: auto; align-items: center; line-height: 1}@media (max-width: 478px) {.footer_social-icons {display: none}}.footer_social-icon {font-size: var(--size-large); color: var(--color-gray-25); fill: var(--color-gray-25)} </style> <link rel="https://api.w.org/" href="https://bricksbuilder.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bricksbuilder.io/wp-json/wp/v2/pages/1183" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bricksbuilder.io/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://bricksbuilder.io/design/" /> <link rel='shortlink' href='https://bricksbuilder.io/?p=1183' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2Fdesign%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2Fdesign%2F&format=xml" /> <meta name="viewport" content="initial-scale=1, viewport-fit=cover" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg"> <script defer data-domain="bricksbuilder.io" src="https://plausible.io/js/script.js"></script> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-270x270.png" />  <meta property="og:url" content="https://bricksbuilder.io/design/" /> <meta property="og:site_name" content="Bricks" /> <meta property="og:title" content="Visual tools for crafting unique website experiences | Bricks Design" /> <meta property="og:description" content="Bricks streamlines website design with flexbox, grid, global styles, and custom color palettes. Enjoy animations, filters, and styled elements." /> <meta property="og:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg" /> <meta property="og:type" content="website" /> </head> <body class="page-template-default page page-id-1183 brx-body bricks-is-frontend wp-embed-responsive"> <a class="skip-link" href="#brx-content">Skip to main content</a> <a class="skip-link" href="#brx-footer">Skip to footer</a> <header id="brx-header" class="sticky on-scroll" data-slide-up-after="200"><section id="brxe-limgfm" class="brxe-div notice_wrapper cursor-pointer background-color-secondary-600 bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><div class="brxe-block notice_inner bricks-lazy-hidden"><a id="brxe-cxmunl" class="brxe-text-basic text-size-small text-color-white text-weight-bold text-align-center" href="https://bricksbuilder.io/experts/">[NOW Live] Bricks Experts Directory 馃帀</a></div></div></section><section class="brxe-section navbar bricks-lazy-hidden"><div class="brxe-container navbar_wrapper bricks-lazy-hidden"><div id="brxe-pudowi" class="brxe-div bricks-lazy-hidden"><a class="brxe-logo navbar_logo" href="https://bricksbuilder.io"><img src="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" class="bricks-site-logo css-filter" alt="Bricks" data-bricks-logo="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" loading="eager" decoding="async" /></a></div><nav id="brxe-fcijjb" data-script-id="fcijjb" class="brxe-nav-nested bricks-lazy-hidden" aria-label="Menu" data-toggle="tablet_portrait"><ul id="brxe-ipbzru" class="brxe-block brx-nav-nested-items bricks-lazy-hidden"><li id="brxe-tvapyw" data-script-id="tvapyw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Features</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-fxirjc" class="brxe-container grid-auto-3 bricks-lazy-hidden"><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Overview</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xcoonu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.75 6.5V22"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 10.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 14.25h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 17.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 10h6.5s.75 0 .75.75v7s0 .75-.75.75h-6.5s-.75 0-.75-.75v-7s0-.75.75-.75"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 14h8"></path><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 2h19.5s1.5 0 1.5 1.5v17s0 1.5-1.5 1.5H2.25s-1.5 0-1.5-1.5v-17S.75 2 2.25 2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 6.5h22.5"></path></g></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Builder</span><span class="brxe-text-basic nav_item-link-description">Ultimate control and creativity</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/design/" aria-current="page" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-jenrhu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M5.25 23.25h0a3 3 0 0 1-3-3V6.53a3 3 0 0 1 .32-1.34l2-4a.75.75 0 0 1 1.34 0l2 4a3 3 0 0 1 .32 1.34v13.72a3 3 0 0 1-2.98 3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25.75h6s1.5 0 1.5 1.5v19.5s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5V2.25s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 5.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 9.75h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 14.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 18.75h3.5"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Design</span><span class="brxe-text-basic nav_item-link-description">Revolutionary design features</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/performance-seo/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-iakkcm" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="m22.5 1.567-2.158.24a7.5 7.5 0 0 0-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 0 0 2.151-4.475Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.779 18.538a2.243 2.243 0 0 1-.659 1.591c-.878.878-5.3 2.121-5.3 2.121s1.243-4.425 2.121-5.3a2.246 2.246 0 0 1 1.444-.655" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Performance and SEO</span><span class="brxe-text-basic nav_item-link-description">Unmatched Speed</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/elements/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rvveuu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75.75h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.019.75h7.231s1 0 1 1v7.231s0 1-1 1h-7.231s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75 14.019h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1v-7.231s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.635 15.173v6.923"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.096 18.635h-6.923"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Elements</span><span class="brxe-text-basic nav_item-link-description">Explore all elements</span></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Power features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/query-loop-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-mhzenr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M13.9 15.5a5.61 5.61 0 0 0 4.1 2.248 5.25 5.25 0 0 0 0-10.5c-3.75 0-6 5.25-6 5.25s-2.25 5.25-6 5.25a5.25 5.25 0 0 1 0-10.5A5.617 5.617 0 0 1 10.1 9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Query Loop Builder</span><p class="brxe-text-basic nav_item-link-description">Retrieve any data</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/menu-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tpujen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M2.25 18.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 12.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Menu Builder</span><span class="brxe-text-basic nav_item-link-description">Navigate with ease</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/popup-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-cqszys" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M6.76 11.253v-9a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v10.5a1.5 1.5 0 0 1-1.5 1.5h-4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.76 5.253h16.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.76 20.253h9v3h-9Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m7.135 16.878 7.125-7.125" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.76 9.753h4.5v4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Popup Builder</span><span class="brxe-text-basic nav_item-link-description">Build popups that convert</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/woocommerce-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-gpqreb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M3.25 4.25a2.5 2.5 0 0 0-2.5 2.5v7.5a2.5 2.5 0 0 0 2.5 2.5H11l5.5 3-1-3h5.25a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.6 7.77c.62 3.56 1.16 5.67 1.16 5.67L7.25 9a7.71 7.71 0 0 0 1.93 4.44 11.16 11.16 0 0 1 1.09-5.91" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.913 12.846a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.128 12.85a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">WooCommerce Builder</span><p class="brxe-text-basic nav_item-link-description">Build your entire shop visually</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/forms/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-vedsll" xmlns="http://www.w3.org/2000/svg" viewBox="-0.75 -0.75 24 24" height="24" width="24"><defs></defs><title>paragraph-bullets</title><path d="M2.109375 0.70125h18.28125s1.40625 0 1.40625 1.40625v18.28125s0 1.40625 -1.40625 1.40625H2.109375s-1.40625 0 -1.40625 -1.40625v-18.28125s0 -1.40625 1.40625 -1.40625" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 4.92 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 9.13875 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 13.3575 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m16.171875 17.57625 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 4.92h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 13.3575h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forms</span><p class="brxe-text-basic nav_item-link-description">Customized forms made simple</p></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Dynamic Features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/dynamic-data/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-dilafm" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m20.35 9.25-5.9 7.4c-.1.1-.1.3-.1.4.1.1.2.2.3.2h2.6v6l5.9-7.4c.1-.1.1-.3.1-.4-.1-.1-.2-.2-.3-.2h-2.6v-6Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8.55 7.55c4.308 0 7.8-1.522 7.8-3.4S12.858.75 8.55.75.75 2.272.75 4.15s3.492 3.4 7.8 3.4Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 4.15v5.2c0 1.9 3.5 3.4 7.8 3.4 2.15 0 4.099-.375 5.511-.987M16.35 9.35v-5.2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 9.35v5.2c0 1.9 3.5 3.4 7.8 3.4 1.1 0 2.1-.1 3-.3"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Dynamic Data</span><span class="brxe-text-basic nav_item-link-description">Render dynamic content effortlessly</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/conditions/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tyjzhu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 7.35s-3.5 7-11 7-11-7-11-7"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m1.375 12.537 2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m7.628 16.4 1.2-2.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m22.625 12.537-2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16.372 16.4-1.2-2.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Conditions</span><span class="brxe-text-basic nav_item-link-description">Take personalization to new heights</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/interactions/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ztlalt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m10.607 10.104 1.017 12.522c.003.608.792.736 1.267.306l2.876-3.385 4.456.01c.608-.003.933-.76.586-1.12l-8.906-8.833c-.513-.59-1.382-.223-1.296.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12 .815v4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 3.915 2.9 2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.5 11.315h4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 18.715 2.9-2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.5 11.315h-4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m19.5 3.915-2.9 2.8"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Interactions</span><span class="brxe-text-basic nav_item-link-description">Create dynamic user experiences</span></div></a></li></ul></li></ul></li><li data-script-id="tqujml" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Product</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-xgykyp" class="brxe-container bricks-lazy-hidden"><ul id="brxe-mvjgtj" class="brxe-block mobile-portrait:grid-1 grid-auto-6 nav_dropdown-item-list mobile-landscape:grid-2 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/testimonials/" title="Browse through real Bricks user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nyqytn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><g><path d="M18.56 3.93a4.94 4.94 0 1 0 0 9.88 4.5 4.5 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0.07 0.23 6.83 6.83 0 0 1 -5.88 3.52 1.25 1.25 0 1 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.99 -4.94Z" fill="currentColor" stroke-width="1"></path><path d="M6.24 3.93a4.94 4.94 0 1 0 0 9.88 4.56 4.56 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0 0.27 6.84 6.84 0 0 1 -5.88 3.52 1.25 1.25 0 0 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.92 -4.94Z" fill="currentColor" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Testimonials</span><span class="brxe-text-basic nav_item-link-description">Real user quotes</span></div></a></li><li id="brxe-npgpet" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/showcase" title="Explore real user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg id="brxe-kllpaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="brxe-icon nav_item-icon feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Showcase</span><span class="brxe-text-basic nav_item-link-description"> #builtwithbricks</span></div></a></li><li id="brxe-trefts" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/experts" title="Find Bricks experts to elevate your next project" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ffpate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5Z"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Experts</span><span class="brxe-text-basic nav_item-link-description">Find Bricks experts</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/roadmap/" title="See what's next on the roadmap" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-lczfaw" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25.75a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.75.75 0 0 1-1.182 0C3.438 10.827.75 7.171.75 5.25a4.5 4.5 0 0 1 4.5-4.5v0Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 11.324a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.749.749 0 0 1-1.182 0c-1.221-1.562-3.909-5.217-3.909-7.138a4.5 4.5 0 0 1 4.5-4.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 15.75v3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 21.75a1.5 1.5 0 0 0 1.5 1.5h1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.25 23.25h1.5"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Roadmap</span><span class="brxe-text-basic nav_item-link-description">See what's next</span></div></a></li><li id="brxe-chnlbs" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/changelog/" title="See what's changed so far" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-uwague" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 23.123a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 14.123v6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25 17.123h6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 2.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 8.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.123h3"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 0 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Changelog</span><span class="brxe-text-basic nav_item-link-description">See what's changed</span></div></a></li><li id="brxe-ziotye" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/ideas/" title="Submit your ideas to the idea board" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wbwtzx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M20.25 23.25a1.934 1.934 0 0 0-.75-1.572 11.239 11.239 0 0 0-7.5-2.357 11.239 11.239 0 0 0-7.5 2.357 1.934 1.934 0 0 0-.75 1.572" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.5 23.071 1.5-3.75 1.5 3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 6.75a6 6 0 0 0-12 0 5.846 5.846 0 0 0 3.429 5.493V15h5.142v-2.757A5.846 5.846 0 0 0 18 6.75Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15v1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.938 12h6.124" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12V9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 6.75 12 9 9.75 6.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.75 6.75h1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 10.189 22.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 3.31 22.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.75H.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 10.189 1.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 3.31 1.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Idea board</span><span class="brxe-text-basic nav_item-link-description">Submit your ideas</span></div></a></li></ul></li></ul></li><li data-script-id="kehatw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Resources</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-hpyike" class="brxe-container bricks-lazy-hidden"><ul id="brxe-uejihy" class="brxe-block nav_dropdown-item-list grid-auto-5 mobile-landscape:grid-2 mobile-portrait:grid-1 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://academy.bricksbuilder.io/" rel="external" title="Check out the Bricks academy" aria-label="Check out the Bricks academy" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ecqydu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M17.25 6a5.25 5.25 0 0 1-10.5 0V.75h10.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 23.25a9.75 9.75 0 0 1 19.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.75.75h22.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.75 5.25h10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25.75v7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.013 14.871 12 18.75l4.987-3.879" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Academy</span><span class="brxe-text-basic nav_item-link-description">Master Bricks with concise documentation.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://forum.bricksbuilder.io/" rel="external" title="Become a part of the Bricks Community" aria-label="Become a part of the Bricks Community" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nrajfo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.728 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.38 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path d="M16.4 23.125v-6.734a6.347 6.347 0 0 1-5.441-4.32l-.842-2.525a1.468 1.468 0 0 1 1.167-1.915 1.523 1.523 0 0 1 1.642 1.062l.818 2.453a3.42 3.42 0 0 0 3.247 2.338h4.3a1.956 1.956 0 0 1 1.958 1.956v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.453 10.548-.2.594A3.424 3.424 0 0 1 7 13.484H2.705A1.956 1.956 0 0 0 .75 15.436v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.6 23.125v-6.734A6.347 6.347 0 0 0 12 14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.5.875v2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.414 2.961 14 4.375"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.586 2.961 9 4.375"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forum</span><span class="brxe-text-basic nav_item-link-description">Contribute to the Bricks community.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/contact/" title="Get in touch via email" aria-label="Get in touch via email" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xughqg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="mail-send--send-email-envelope-dash"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.607142857142858 3.25h-6.5a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 0.9285714285714286v4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 0.9285714285714286h6.5a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 -0.9285714285714286v-4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 -0.9285714285714286Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.178571428571429 4.206428571428572 8.357142857142858 6.964285714285714l4.178571428571429 -2.757857142857143" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 3.25H1.8571428571428572" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 6.035714285714286H1.8571428571428572" stroke-width="1"></path><path id="Vector_5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 8.821428571428571H1.8571428571428572" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Email-Support</span><span class="brxe-text-basic nav_item-link-description">Get in touch by email for customer support.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" title="Join our Facebook Group" aria-label="Join our Facebook Group" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wyxzfh" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M12.15 23.25H1.75a1 1 0 0 1-1-1V1.75a1 1 0 0 1 1-1h20.5a1 1 0 0 1 1 1v20.5a1 1 0 0 1-1 1h-6.1v-8.5h2.56a.5.5 0 0 0 .5-.44l.38-3a.5.5 0 0 0-.5-.56h-2.94V9.69A1.69 1.69 0 0 1 17.84 8h1.81a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1.81a5.69 5.69 0 0 0-5.69 5.69v1.06h-2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h2.5v8.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Facebook Group</span><span class="brxe-text-basic nav_item-link-description">Join the Bricks Facebook Group</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.youtube.com/@bricksbuilder" rel="external" title="Check out our YouTube Channel" aria-label="Check out our YouTube Channel" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rofnph" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M23.25 7.44A3.44 3.44 0 0 0 19.81 4H4.19A3.44 3.44 0 0 0 .75 7.44v9.12A3.44 3.44 0 0 0 4.19 20h15.62a3.44 3.44 0 0 0 3.44-3.44ZM9.5 15.94V7.28l6.77 4.33Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">YouTube</span><span class="brxe-text-basic nav_item-link-description">Subscribe to the official Bricks YouTube Channel</span></div></a></li></ul></li></ul></li><li id="brxe-wrkpto" class="brxe-block bricks-lazy-hidden"><a class="brxe-text-link nav_item-link" href="https://my.bricksbuilder.io" title="Your Bricks Account">Account</a><ul id="brxe-peifef" class="brxe-block list-none button_group bricks-lazy-hidden"><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cuohpi" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Test Bricks for free on the Bricks playground">Try Bricks</a></li><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cokbkh" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></li></ul><button id="brxe-aitbyv" data-script-id="aitbyv" class="brxe-toggle brxa--squeeze" aria-label="Open" aria-expanded="false" data-selector="#brxe-fcijjb"><span class="brxa-wrap"><span class="brxa-inner"></span></span></button></nav><ul id="brxe-elxcpz" class="brxe-block list-none button_group tablet:display-hide bricks-lazy-hidden"><li id="brxe-kuxmqe" class="brxe-div bricks-lazy-hidden"><a id="brxe-nyqmok" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://my.bricksbuilder.io" title="Your account"><span>Account</span><svg class="fill" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="user-circle-single--circle-geometric-human-person-single-user"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 7.428571428571429c1.2820878571428573 0 2.3214285714285716 -1.0393407142857143 2.3214285714285716 -2.3214285714285716S7.782087857142858 2.7857142857142856 6.5 2.7857142857142856 4.178571428571429 3.8250550000000003 4.178571428571429 5.107142857142858 5.217912142857143 7.428571428571429 6.5 7.428571428571429Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.5349814285714287 11.05c0.41436571428571434 -0.6801785714285715 0.9967378571428571 -1.2423357142857143 1.6911235714285715 -1.6323357142857144 0.6943857142857143 -0.3900835714285715 1.4774314285714287 -0.5949728571428572 2.2738764285714286 -0.5949728571428572 0.796445 0 1.5794907142857144 0.20488928571428575 2.2738764285714286 0.5949728571428572 0.6944135714285714 0.39 1.2767207142857142 0.9521571428571429 1.691142142857143 1.6323357142857144" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 12.535714285714286c3.3334785714285715 0 6.035714285714286 -2.702235714285714 6.035714285714286 -6.035714285714286C12.535714285714286 3.1665678571428573 9.833478571428572 0.4642857142857143 6.5 0.4642857142857143 3.1665678571428573 0.4642857142857143 0.4642857142857143 3.1665678571428573 0.4642857142857143 6.5c0 3.3334785714285715 2.702282142857143 6.035714285714286 6.035714285714286 6.035714285714286Z" stroke-width="1"></path></g></svg></a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-yfduth" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Try Bricks">Try Bricks</a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-zhurwo" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></div></section></header><main id="brx-content"><div class="brxe-template"><section class="brxe-section page_header bricks-lazy-hidden"><div class="brxe-container page_header-inner bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Design</span><div class="brxe-block page-intro_grid bricks-lazy-hidden"><h1 class="brxe-heading page_title">Visual tools for crafting unique website experiences</h1><p class="brxe-text-basic text-size-medium">Bricks streamlines website design with flexbox, grid, global styles, and custom color palettes. Powerful animations, filters, transforms, gradients, image masks, video embeds, shape dividers, styled elements, icon libraries, custom CSS, built-in lightboxes, and so much more.</p></div></div></section></div><section class="brxe-section section_hero-media is-rounded is-dark bricks-lazy-hidden"><div class="brxe-container container_hero-media bricks-lazy-hidden"><div data-script-id="azvpgj" class="brxe-video feature_card-media"><video data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Design-v2_1080.mp4" class="bricks-lazy-hidden" playsinline onclick="this.paused ? this.play() : this.pause()" loop muted poster="https://bricksbuilder.io/wp-content/uploads/2023/08/Design-v2_1080-poster-1024x569.jpeg"><p>Your browser does not support the video tag.</p></video></div></div></section><section class="brxe-section is-dark bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><div data-script-id="rgwpzc" class="brxe-slider-nested slider-testimonial bricks-lazy-hidden splide brx-auto-height" data-splide="{"type":"loop","direction":"ltr","keyboard":"global","height":"auto","gap":"var(--gap-grid)","start":0,"perPage":1,"perMove":1,"speed":400,"interval":"9000","autoHeight":true,"autoplay":true,"pauseOnHover":true,"pauseOnFocus":true,"arrows":false,"pagination":true,"mediaQuery":"max","breakpoints":{"1279":{"height":"auto","gap":"var(--gap-grid)","perPage":"1","interval":"9000","autoHeight":true,"autoplay":true,"pauseOnHover":true,"pauseOnFocus":true,"pagination":true},"767":{"perPage":"1"}}}"><div class="splide__track"><div class="splide__list"><template style='display:none' aria-hidden='true' data-brx-loop-start='ymwuvv'></template><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">My agency started using Bricks about 1 year ago in an attempt to find a better way of building sites that allowed us to build truly custom layouts, not just drag-n-drop mashups! When we discovered Bricks Builder it was a breath of fresh air that gave our entire agency a new excitement for design and development!</p><footer class="brxe-vtbmvi brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-unpqrr brxe-div changelog_author-details text-align-center bricks-lazy-hidden"><span class="brxe-wvewnb brxe-text-basic testimonial_author-name">Chris Gill</span><cite class="brxe-azqrjk brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-nctigq brxe-text-basic testimonial_author-title">President & CEO</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">It's everything I was always looking for in a WordPress page builder. Flexibility for custom designs and amazing page speed. Perfect for designers who know their way around CSS.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Wolfgang Stefani Freelance Webdesigner at wolfgegenlicht.de" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/webdesigner-wolfgang-stefani-480x260-1-150x150.jpg" data-type="string" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Wolfgang Stefani</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Freelance Webdesigner, wolfgegenlicht.de</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">My Agency Recently started using bricks. It's the best decision we have ever made. My development team and I love how you can add code, edit CSS, and make your own elements in a modern and responsive coding environment. I also work with my design team, and we love how easy it is to design in Bricks, allowing us to make art in minutes.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Feisal Abbasi headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Feisal-Abbasi-150x150.jpg" data-type="string" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Feisal Abbasi</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://brilliantwebpresence.com/" rel="external" target="_blank" title="Visit Feisal Abbasi's website">CEO / CWO Brilliant Web Presence</a></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks is pushing me to a whole new level. I finally have the freedom to build websites I have long sought and not found. Now, websites are beautiful and fast at the same time.</p><footer class="brxe-vtbmvi brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-unpqrr brxe-div changelog_author-details text-align-center bricks-lazy-hidden"><span class="brxe-wvewnb brxe-text-basic testimonial_author-name">Sebastian Gerla</span><cite class="brxe-azqrjk brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-nctigq brxe-text-basic testimonial_author-title">Teacher</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Being able to style elements using classes (in a visual way) is new to me and I'll never look back. It's easier to maintain, scale, and keep a consistent design.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Paige Coulier Spiderless Web" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/paige_300x300-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/paige_300x300-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/08/paige_300x300.jpg 300w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Paige Coulier</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Web Designer/Developer, Spiderless Web</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">I love to design and build efficient and optimized sites. Bricks has brought the joy back into using a page-builder.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Simon Clay Managing Director - Sly Design Ltd" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/si-150x150.jpg" data-type="string" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Simon Clay</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Managing Director, Sly Design Ltd</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks Builder has leveled up our Wordpress template services. Its intuitive interface and diverse elements make develop Wordpress sites a breeze. From stunning layouts to fluid responsiveness, it's definetly a game-changer. Crafting Wordpress websites for our customers make every day a little party.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Jan Karel Broer Owner Brovisuals" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Jan-Karel-Broer-Brovisuals-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Jan-Karel-Broer-Brovisuals-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/08/Jan-Karel-Broer-Brovisuals-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Jan-Karel-Broer-Brovisuals-768x768.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/08/Jan-Karel-Broer-Brovisuals.jpg 800w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Jan Karel Broer</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Owner, Brovisuals</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">The design aspect of creating a website has become a pleasure since I started using Bricks. My coding skills have improved, and my overall satisfaction, whether mine or my clients', is superb. I also sleep better knowing that my websites built with Bricks won't crash on a Sunday morning.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Darius Zak Freelance Web Designer" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/dazza2022-150x150.jpeg" data-type="string" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Darius Zak</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Freelance Web Designer</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">This is the most promising builder: I came for the builder's performance, stayed for the design and capabilities, and fell in love with the constant updates and public roadmaps.</p><footer class="brxe-vtbmvi brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-unpqrr brxe-div changelog_author-details text-align-center bricks-lazy-hidden"><span class="brxe-wvewnb brxe-text-basic testimonial_author-name">Rafa Dom铆nguez</span><cite class="brxe-azqrjk brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-nctigq brxe-text-basic testimonial_author-title">CEO, Minato Studio</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Brick's intuitive layout, fast-performing builder, and access to almost any CSS property you may want to change makes it the perfect builder for both beginners and seasoned WordPress pros.</p><footer class="brxe-vtbmvi brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-unpqrr brxe-div changelog_author-details text-align-center bricks-lazy-hidden"><span class="brxe-wvewnb brxe-text-basic testimonial_author-name">Michael Raimondi</span><cite class="brxe-azqrjk brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-nctigq brxe-text-basic testimonial_author-title">Owner, MultiCoastMedia</span></cite></div></footer></blockquote></div><div class="brxe-ymwuvv brxe-block testimonial_slide bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">With just one Theme, you can create a website that is high-performing, beautiful, easy to maintain and has delighted consumers. Bricks has earned the title of best Page Builder in the WordPress market.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Phu Truong UI/UX Designer & Website Developer of WeekThink Digital Marketing Agency" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Phu-T-150x150.png" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Phu-T-150x150.png 150w, https://bricksbuilder.io/wp-content/uploads/2023/08/Phu-T-300x300.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Phu-T.png 512w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Phu Truong</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">UI/UX Designer & Website Developer, WeekThink Digital Marketing Agency</span></cite></div></footer></blockquote></div><div class="brx-query-trail" data-query-element-id="ymwuvv" data-query-vars="{"post_type":["testimonial"],"meta_query":[{"key":"testimonial_quality","compare":">=","value":"3"},{"key":"testimonial_type","value":"text"}],"orderby":"rand","posts_per_page":-1,"tax_query":[{"taxonomy":"testimonial-topic","field":"term_id","terms":["56","82"]}],"post_status":"publish","paged":1}" data-original-query-vars="[]" data-page="1" data-max-pages="-11" data-start="1" data-end="11"></div></div></div></div></div></section><section class="brxe-section is-rounded bricks-lazy-hidden"><div class="brxe-container grid-2 tablet:grid-1 align-items-center bricks-lazy-hidden"><div class="brxe-block gap-grid bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Flexbox and CSS Grid</span><h2 class="brxe-heading feature_card-title">Fluid and responsive layouts with CSS Flexbox and Grid</h2></div><p class="brxe-text-basic">Create fluid and responsive designs that automatically adapt to different screen sizes and viewport changes. Build any layout with Flexbox and CSS Grid. Add responsive column layouts with a few clicks. Rearrange your layouts via precise drag-and-drop in the canvas and structure panel.</p></div><div class="brxe-block tablet:order-first bricks-lazy-hidden"><div class="brxe-div feature_media-wrapper bricks-lazy-hidden"><img width="768" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20576'%3E%3C/svg%3E" class="brxe-image feature_media css-filter size-medium_large bricks-lazy-hidden" alt="A collage with the CSS grid settings panel next to two product cards using CSS grid too." decoding="async" fetchpriority="high" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Flexbox-and-CSS-Grid-768x576.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Flexbox-and-CSS-Grid-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Flexbox-and-CSS-Grid-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Flexbox-and-CSS-Grid.png 1024w" /></div></div></div><div class="brxe-container grid-2 tablet:grid-1 align-items-center bricks-lazy-hidden"><div class="brxe-block bricks-lazy-hidden"><div id="brxe-koodeo" class="brxe-div feature_media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_media css-filter size-full bricks-lazy-hidden" alt="The css element classes dropdown panel next to some styled product cards" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Classes.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Classes.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Classes-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Classes-768x576.png 768w" /></div></div><div class="brxe-block gap-grid bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">CSS Classes</span><h2 class="brxe-heading feature_card-title">Create your own modular & scalable design system through CSS classes</h2></div><p class="brxe-text-basic">Assign externally created CSS classes to any element or create, style, and manage your own CSS classes, pseudo-classes, and pseudo-elements right inside the builder. With CSS classes, you can enhance modularity, reduce code duplication, and maintain consistency throughout your website, improving maintainability and reducing specificity issues.</p></div></div><div class="brxe-container grid-2 tablet:grid-1 align-items-center bricks-lazy-hidden"><div class="brxe-block gap-grid bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">CSS Variables</span><h2 class="brxe-heading feature_card-title">Streamline your design with CSS Variables</h2></div><p class="brxe-text-basic">Keep your styles dynamic and flexible. With CSS Variables, tweak values in the variable manager and see changes reflected site-wide鈥攏o hunting down code!</p></div><div class="brxe-block tablet:order-first bricks-lazy-hidden"><div class="brxe-div feature_media-wrapper bricks-lazy-hidden"><img width="768" height="280" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20280'%3E%3C/svg%3E" class="brxe-image feature_media css-filter size-medium_large bricks-lazy-hidden" alt="Variable manager screenshot containing a couple of font-size variables using the clamp function clamp" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-768x280.jpg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-768x280.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-300x109.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-1024x373.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-1536x560.jpg 1536w, https://bricksbuilder.io/wp-content/uploads/2025/01/Variable-Manager-2048x746.jpg 2048w" /></div></div></div></section><section class="brxe-section is-dim bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Global Styles</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium feature_card-title">Global Colors, Typography and Elements</h2></div></div><div class="brxe-container grid_bento-columns bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div id="brxe-jzupvw" class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="2048" height="1536" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%201536'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="The Theme Styles panel with global style settings for colors, typography, links, and more next to a colorful hero section example of an art website." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1.png" data-type="string" data-sizes="(max-width: 2048px) 100vw, 2048px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1.png 2048w, https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1-1024x768.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Theme-Styles-1-1536x1152.png 1536w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-xxuecw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M5.25 23.25h0a3 3 0 0 1-3-3V6.53a3 3 0 0 1 .32-1.34l2-4a.75.75 0 0 1 1.34 0l2 4a3 3 0 0 1 .32 1.34v13.72a3 3 0 0 1-2.98 3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25.75h6s1.5 0 1.5 1.5v19.5s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5V2.25s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 5.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 9.75h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 14.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 18.75h3.5"></path></g></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Global Styles</span><h3 class="brxe-heading feature_card-title">Streamline your website design with theme styles</h3></div><p class="brxe-text-basic feature_card-text">Create a cohesive look and feel across your website with Theme Styles in Bricks. Effortlessly define layout, colors, typography, and more. Apply styles globally or to specific pages.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div id="brxe-0d7618" class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="273" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20273%20300'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-medium bricks-lazy-hidden" alt="The Global Color Palettes panel where you can define custom color palettes in HEX, RGB, HSLA and RAW (CSS variables, color keywords) format." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Global-Color-Palettes-273x300.png" data-type="string" data-sizes="(max-width: 273px) 100vw, 273px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Global-Color-Palettes-273x300.png 273w, https://bricksbuilder.io/wp-content/uploads/2023/07/Global-Color-Palettes-930x1024.png 930w, https://bricksbuilder.io/wp-content/uploads/2023/07/Global-Color-Palettes-768x845.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Global-Color-Palettes.png 1024w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-c2acb5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M3.788 5.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.788 11.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.788 17.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.2 19.337a3.913 3.913 0 0 1-7.826 0V2.707A1.957 1.957 0 0 1 3.331.75h3.913A1.957 1.957 0 0 1 9.2 2.707Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m8.643 21.352 8.349-14.461a1.957 1.957 0 0 0-.716-2.673l-3.389-1.956A1.951 1.951 0 0 0 11.87 2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m7.293 22.7 14.354-8.29a1.957 1.957 0 0 0 .716-2.672l-1.957-3.389a1.945 1.945 0 0 0-.5-.57" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Color Palettes</span><h3 class="brxe-heading feature_card-title">Consistent styling with global color palettes </h3></div><p class="brxe-text-basic feature_card-text">Enhance your website's style and brand consistency with global color palettes. Create and update custom color palettes site-wide, allowing for easy maintenance and a visually cohesive design.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-large bricks-lazy-hidden" alt="Collage of typography styles with a huge "A" in the middle." id="brxe-uvwfog" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Typography-1024x768.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Typography-1024x768.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Typography-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Typography-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Typography-1536x1152.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Typography.png 2048w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-fixpkr" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M15.177 12.054a3.77 3.77 0 0 1 3.772-3.772 3.77 3.77 0 0 1 3.772 3.772v7.743"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.622 13.046a6.167 6.167 0 0 1-3.872 1.39h-.496c-1.688 0-3.078 1.191-3.078 2.68 0 1.49 1.39 2.68 3.078 2.68 0 0 3.077 0 4.367-2.68"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.256 19.797 5.683 6.515a1.67 1.67 0 0 1 1.582-1.14v0c.718 0 1.355.46 1.582 1.14l4.427 13.282M2.86 14.989h8.813"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Typography</span><h3 class="brxe-heading feature_card-title">Unleashed typography flexibility</h3></div><p class="brxe-text-basic feature_card-text">Make your website stand out through typography. Access Google Fonts, integrate with Adobe Fonts, or upload custom fonts. Full support for variable fonts to fine-tune for font styles while ensuring your website continues to load as fast as possible.</p></div></div><div id="brxe-ftnbzp" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><div data-script-id="xjmsxa" class="brxe-video feature_card-media"><video data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Global-Elements-v2.mp4" class="bricks-lazy-hidden" playsinline onclick="this.paused ? this.play() : this.pause()" loop muted poster="https://bricksbuilder.io/wp-content/uploads/2023/08/Global-Elements-v2-poster-1024x576.jpeg"><p>Your browser does not support the video tag.</p></video></div></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-uuhkvq" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 12a11.25 11.25 0 1 0 22.5 0 11.25 11.25 0 1 0-22.5 0"></path><g><path d="m5 20.8 1-5.05h1.08a1.48 1.48 0 0 0 1.18-.58 1.44 1.44 0 0 0 .27-1.28l-.75-3a1.49 1.49 0 0 0-1.45-1.14H1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 5.25h-4.08a1.49 1.49 0 0 0-1.45 1.14l-.75 3a1.44 1.44 0 0 0 .28 1.28 1.48 1.48 0 0 0 1.18.58h1.58l.78 4.75A1.5 1.5 0 0 0 20 17.25h2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></g></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Global Elements</span><h3 class="brxe-heading feature_card-title">Reusable global elements</h3></div><p class="brxe-text-basic feature_card-text">Create, style, and save elements as global elements to reuse them anywhere on your site. Updating a global element automatically updates all instances site-wide.</p></div></div></div></section><section class="brxe-section is-dark bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Images and Videos</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Celebrate visual storytelling</h2></div></div><div id="brxe-xqogim" class="brxe-container grid_bento-columns bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="Image gallery settings panel in front of a metro gallery layout." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Image-Galleries.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Image-Galleries.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Image-Galleries-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Image-Galleries-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-uujfsx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M5.205 8.5a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 1 0-3.75 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.2 16.955 15.828 10.4a.844.844 0 0 0-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 0 0-1.229.191l-2.865 4.3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 3.023a1.5 1.5 0 0 0-1.5 1.5v14.954a1.5 1.5 0 0 0 1.5 1.5h19.5a1.5 1.5 0 0 0 1.5-1.5v-12a1.5 1.5 0 0 0-.426-1.047l-2.883-2.955a1.5 1.5 0 0 0-1.074-.452Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Images and Image Galleries</span><h3 class="brxe-heading feature_card-title">Lazy load images and galleries</h3></div><p class="brxe-text-basic feature_card-text">Add single images or entire image galleries with multiple layouts effortlessly. Advanced lazy loading helps to keep your website lean & loads it fast. Responsive images ensure that only the most relevant image size is loaded.</p></div></div><div id="brxe-dtbsgk" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-zvntcn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><title>meeting-camera</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.261h9s3 0 3 3v7.5s0 3-3 3h-9s-3 0-3-3v-7.5s0-3 3-3"></path><path d="m18.75 15.011 3.415 1.707a.75.75 0 0 0 1.085-.671V7.974a.749.749 0 0 0-1.085-.67L18.75 9.011" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Videos</span><h3 class="brxe-heading feature_card-title">Embed and lazy load any video</h3></div><p class="brxe-text-basic feature_card-text">Embed YouTube, Vimeo, or local videos. Customize your HTML5 video player, open any video in a lightbox.</p></div><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><div data-script-id="xudlbb" class="brxe-video feature_card-media"><div allowfullscreen allow="autoplay" data-iframe-src="https://www.youtube.com/embed/5DGo0AYOJ7s?wmode=opaque&rel=0&enablejsapi=1" class="bricks-video-preview-image bricks-lazy-hidden" tabindex="0" data-style="background-image: url(https://img.youtube.com/vi/5DGo0AYOJ7s/hqdefault.jpg);"></div></div></div></div><div id="brxe-uaqxla" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><a class="brxe-image feature_card-media tag bricks-lightbox" href="https://bricksbuilder.io/wp-content/uploads/2023/07/scott-rodgerson-z0mdyylvy1k-683x1024.jpg" data-pswp-src="https://bricksbuilder.io/wp-content/uploads/2023/07/scott-rodgerson-z0mdyylvy1k-683x1024.jpg" data-pswp-width="683" data-pswp-height="1024" title="Open Bricks' built-in Lightbox"><img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="css-filter size-medium bricks-lazy-hidden" alt="A yellow, scratched wall with black letters and numbers" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Lightbox-300x225.jpg" data-type="string" data-sizes="(max-width: 300px) 100vw, 300px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Lightbox-300x225.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Lightbox-768x576.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Lightbox.jpg 1024w" /></a></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-hrxcop" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.6 22.917v-3.501a4.992 4.992 0 0 0-4.173-4.925l-3.316-.554V6.448a2.496 2.496 0 0 0-4.993 0v11.234l-1.953-.98a2.726 2.726 0 0 0-2.923 4.566l2.021 1.649"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.806 3.876 21.6 1.083"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m18.7 9.09 2.9 2.9"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.27 3.952 2.4 1.083"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.285 9.106 2.4 11.99"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.91 1.083H2.4v2.51"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.4 9.48v2.51h2.51"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.09 11.99h2.51V9.48"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.6 3.593v-2.51h-2.51"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Built-in Lightbox</span><h3 class="brxe-heading feature_card-title">Enhance visual engagement</h3></div><p class="brxe-text-basic feature_card-text">Bricks' native lightbox works for images, videos, and galleries. Group & unite images via lightbox IDs. Engage your audience with a sleek, immersive viewing experience: no plugins or complexities.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="A metro gallery layout with yellow images from Unsplash" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Unsplash-Images.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Unsplash-Images.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Unsplash-Images-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Unsplash-Images-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-gyfhkt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><title>picture-polaroid-landscape</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5.75H15s.75 0 .75.75v15s0 .75-.75.75H1.5s-.75 0-.75-.75v-15s0-.75.75-.75"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.75 12.75h-15"></path><path d="m18.755 6.231 3.982 1.327a.75.75 0 0 1 .474.949l-4.743 14.23a.75.75 0 0 1-.949.474L6.755 19.623" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25 12.75 9.4 6.818a1.5 1.5 0 0 1 2.36-.128l3.99 4.56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.375 5.063a1.688 1.688 0 1 0 3.376 0 1.688 1.688 0 1 0-3.376 0"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Unsplash Integration</span><h3 class="brxe-heading feature_card-title">1M+ free professional photos</h3></div><p class="brxe-text-basic feature_card-text">Browse a vast library of high-quality royalty-free photos from Unsplash directly inside the builder. Download with a single click. Ready for use on your website without any cost, permissions, or attribution required.</p></div></div><div id="brxe-amujtz" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="300" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-medium bricks-lazy-hidden" alt="Colorful blobs" style="-webkit-mask-image: url('https://bricksbuilder.io/wp-content/themes/bricks/assets/svg/masks/mask-circle-line.svg'); -webkit-mask-size: contain; -webkit-mask-position: top left; -webkit-mask-repeat: repeat;mask-image: url('https://bricksbuilder.io/wp-content/themes/bricks/assets/svg/masks/mask-circle-line.svg'); mask-size: contain; mask-position: top left; mask-repeat: repeat;" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-300x200.jpg" data-type="string" data-sizes="(max-width: 300px) 100vw, 300px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-300x200.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-1024x683.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-768x512.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-1536x1024.jpg 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/martin-martz-wr9mf7S6bRQ-unsplash-2048x1365.jpg 2048w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-jzvsre" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M5.205 8.5a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 1 0-3.75 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.2 16.955 15.828 10.4a.844.844 0 0 0-1.393-.015L12.19 13.6l-1.39-1.117a.843.843 0 0 0-1.229.191l-2.865 4.3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 3.023a1.5 1.5 0 0 0-1.5 1.5v14.954a1.5 1.5 0 0 0 1.5 1.5h19.5a1.5 1.5 0 0 0 1.5-1.5v-12a1.5 1.5 0 0 0-.426-1.047l-2.883-2.955a1.5 1.5 0 0 0-1.074-.452Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Image masks</span><h3 class="brxe-heading feature_card-title">Creative image masks for unique designs</h3></div><p class="brxe-text-basic feature_card-text"><div><span style="color: var(--color-medium);">Choose from ready-made or your own custom shapes (SVGs) and apply them to any image to add a unique touch to your visuals. Effortlessly transform your images into captivating masterpieces.</span><br></div></p></div></div></div></section><section class="brxe-section is-dim bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">More Design Features</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Endless styling options at your fingertips</h2></div></div><div id="brxe-pugmgi" class="brxe-container grid_bento-columns bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-sekbfh" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M1.488 3.754h21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.488 20.254h21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.488 8.254a3 3 0 0 0-3 3v1.5a3 3 0 0 0 3 3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.488 8.254h-1.5a1.5 1.5 0 0 0-1.5 1.5c0 2.25 3 2.25 3 4.5a1.5 1.5 0 0 1-1.5 1.5h-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.488 8.254h-1.5a1.5 1.5 0 0 0-1.5 1.5c0 2.25 3 2.25 3 4.5a1.5 1.5 0 0 1-1.5 1.5h-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Custom CSS</span><h3 class="brxe-heading feature_card-title">Unlimited styling possibilities with custom CSS</h3></div><p class="brxe-text-basic feature_card-text">Take complete control of your website's design with custom CSS. Available for any element, page, or globally to apply any style imaginable beyond the already powerful builder settings.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden" data-interactions="[{"id":"nfzyoz","trigger":"enterView","action":"startAnimation","runOnce":"1","animationType":"tada","animationDelay":".5s","animationDuration":"2s"}]" data-interaction-id="d31aba"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-lbbcqq" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><title>reorder-down</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 20.25V3.75"></path><path d="m14.25 15.75 3.97 4.28a.749.749 0 0 0 1.06 0l3.97-4.28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75.75h7s1 0 1 1v7s0 1-1 1h-7s-1 0-1-1v-7s0-1 1-1"></path><path d="M2.25 23.25a1.5 1.5 0 0 1-1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.75 15.75a1.5 1.5 0 0 1 1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.25 23.25a1.5 1.5 0 0 0 1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.75 15.75a1.5 1.5 0 0 0-1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 23.25H6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 14.25H6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 18v1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.75 18v1.5"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Animations</span><h3 class="brxe-heading feature_card-title">Bring your website to life </h3></div><p class="brxe-text-basic feature_card-text">Maximize user engagement with Bricks' animations. Apply fade-in, slide-out, and many more effects for a truly interactive website experiences. Or showcase creative headlines with animated typing.</p></div></div><div id="brxe-cccsnj" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="CSS Filter settings panel to control blur, brightness, contrast and more in front of a blurred abstract background." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Filters.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Filters.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Filters-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/CSS-Filters-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-jdrebm" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.219 9.184a7.965 7.965 0 1 0 15.93 0 7.965 7.965 0 1 0-15.93 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.851 14.816a7.965 7.965 0 1 0 15.93 0 7.965 7.965 0 1 0-15.93 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.71 11.785 4.583 4.584"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.557 9.668 4.83 4.829"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.886 7.63 4.468 4.468"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">CSS Image Filters</span><h3 class="brxe-heading feature_card-title">Enhance images with stunning effects</h3></div><p class="brxe-text-basic feature_card-text">Add a touch of magic to your visuals with CSS filters. From blurs to sepia tones, achieve stunning effects without tedious image editing in Photoshop.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div id="brxe-sgdkjj" class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="488" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20488'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="The gradient/overlay settings panel allows you to add an infinite number of colors stops to your gradients and overlays." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Gradients-and-Overlays.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Gradients-and-Overlays.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Gradients-and-Overlays-300x143.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Gradients-and-Overlays-768x366.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-invmsu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.881 3.486a2.573 2.573 0 1 0 5.146 0 2.573 2.573 0 1 0-5.146 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.881 12a2.573 2.573 0 1 0 5.146 0 2.573 2.573 0 1 0-5.146 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.881 20.514a2.573 2.573 0 1 0 5.146 0 2.573 2.573 0 1 0-5.146 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.279 3.486a1.934 1.934 0 1 0 3.868 0 1.934 1.934 0 1 0-3.868 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.279 12a1.934 1.934 0 1 0 3.868 0 1.934 1.934 0 1 0-3.868 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.279 20.514a1.934 1.934 0 1 0 3.868 0 1.934 1.934 0 1 0-3.868 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.398 3.486a1.341 1.341 0 1 0 2.682 0 1.341 1.341 0 1 0-2.682 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.398 12a1.341 1.341 0 1 0 2.682 0 1.341 1.341 0 1 0-2.682 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.398 20.514a1.341 1.341 0 1 0 2.682 0 1.341 1.341 0 1 0-2.682 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.726 3.093a.423.423 0 0 0-.394.393c0 .197.197.394.393.394"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.725 3.093c.197 0 .394.197.394.393a.423.423 0 0 1-.394.394"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.726 11.606a.423.423 0 0 0-.394.394c0 .197.197.393.393.393"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.725 11.606c.197 0 .394.197.394.394a.423.423 0 0 1-.394.393"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.726 20.12a.423.423 0 0 0-.394.394c0 .196.197.393.393.393"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.725 20.12c.197 0 .394.197.394.394a.423.423 0 0 1-.394.393"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Gradients & Overlays</span><h3 id="brxe-glovku" class="brxe-heading feature_card-title">Mesmerizing gradients & overlays for stellar designs</h3></div><p class="brxe-text-basic feature_card-text">Dazzle your visitors with captivating designs using gradients and overlays with unlimited color stops. Add stunning linear, conic, radial and even repeating gradients to backgrounds, text, overlays, or specific CSS selectors. Stand out from the crowd with eye-catching designs. All without the need for coding.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-tygcnf" xmlns="http://www.w3.org/2000/svg" viewBox="-0.75 -0.75 24 24" height="24" width="24"><path d="m17.840625000000003 9.2990625 -6.379687499999999 6.379687499999999a3.28125 3.28125 0 0 1 -4.6396875 0h0a3.28125 3.28125 0 0 1 0 -4.6396875l6.379687499999999 -6.379687499999999a0.819375 0.819375 0 0 0 0 -1.1596875l-2.319375 -2.3203125a0.8221875 0.8221875 0 0 0 -1.160625 0l-6.375 6.379687499999999a8.200312499999999 8.200312499999999 0 0 0 0 11.598749999999999h0a8.200312499999999 8.200312499999999 0 0 0 11.598749999999999 0l6.379687499999999 -6.375a0.8221875 0.8221875 0 0 0 0 -1.160625l-2.3240625 -2.323125a0.819375 0.819375 0 0 0 -1.1596875 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m6.82125 4.0790625 3.48 3.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m14.940937499999999 12.19875 3.48 3.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">CSS Scroll Snap</span><h3 class="brxe-heading feature_card-title">Enhance user experience with CSS Scroll Snap</h3></div><p class="brxe-text-basic feature_card-text">Ensure a seamless but snappy scrolling experience using CSS Scroll Snap, which anchors the viewport to specific elements post-scrolling.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-zfcwkq" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><title>layout-module-1</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25.747h6s1.5 0 1.5 1.5v6s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5v-6s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 14.247h6s1.5 0 1.5 1.5v6s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5v-6s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.75.747h6s1.5 0 1.5 1.5v6s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5v-6s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.75 14.247h6s1.5 0 1.5 1.5v6s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5v-6s0-1.5 1.5-1.5"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Icon Libraries</span><h3 class="brxe-heading feature_card-title">Access a world of icons with built-in libraries</h3></div><p class="brxe-text-basic feature_card-text">Icons made easy. Access popular libraries: FontAwesome (Solid, Regular, Brands), Iconicons, Themify, and your own custom SVG files.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-mvkbbg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><title>rotate-vertical</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 22.25v-8.5s0-1 1-1h14.5s1 0 1 1v8.5s0 1-1 1H1.75s-1 0-1-1"></path><path d="M23.25 15.75a1.5 1.5 0 0 1-1.5 1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.25 2.25a1.5 1.5 0 0 0-1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 17.25h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.25 12.75V10.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.25 7.5V5.25"></path><path d="M12.75 2.25a1.5 1.5 0 0 1 1.5-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 12.75V10.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 7.5V5.25"></path><path d="m1.5 8.561 1.72 1.719a.749.749 0 0 0 1.06 0L6 8.561" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m8.561 6 1.719-1.72a.749.749 0 0 0 0-1.06L8.561 1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.75 10.5V6.75a3 3 0 0 1 3-3h3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">CSS Transforms</span><h3 class="brxe-heading feature_card-title">Transform and animate</h3></div><p class="brxe-text-basic feature_card-text">Modify shape, size, position, and orientation of any element to create visually appealing effects for a dynamic web design. Add interactivity and visual interest. No coding required.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-gyrjee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M9.404 15.462a6.923 6.923 0 1 0 13.846 0 6.923 6.923 0 1 0-13.846 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.245 2.011a.59.59 0 0 0-1.114 0L.881 14.5c-.307.528-.056.961.558.961h14.5c.614 0 .865-.433.558-.961Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Shape Dividers</span><h3 class="brxe-heading feature_card-title">Endless shape dividers</h3></div><p class="brxe-text-basic feature_card-text">Break up and make your sections work with each other. Create a flow through your content that engages your visitors. by adding stunning horizontal and vertical ready-made or custom dividers. </p></div></div></div></section></main><footer id="brx-footer"><section class="brxe-section is-brand is-rounded bricks-lazy-hidden"><div class="brxe-container cta-row bricks-lazy-hidden"><div id="brxe-jwiigp" class="brxe-block gap-content bricks-lazy-hidden"><h2 class="brxe-heading">Ready to make your sites pop?</h2><p class="brxe-text-basic max-width-content-large">Experience Bricks and its capabilities yourself before purchasing it over at the free playground. Or become part of our community of passionate builders today by getting your own license and take your website building journey to the next level!</p></div><div id="brxe-ldiajh" class="brxe-div button_group bricks-lazy-hidden"><a id="brxe-otgrdn" class="brxe-button text-no-wrap bricks-button lg outline bricks-color-dark" href="https://try.bricksbuilder.io/" rel="external" target="_blank" title="Try Bricks for free" aria-label="Try Bricks for free">Try Bricks</a><a id="brxe-sziinq" class="brxe-button text-no-wrap bricks-button lg bricks-background-dark" href="https://bricksbuilder.io/pricing/">Get Bricks</a></div></div></section><section class="brxe-section footer is-rounded is-dark bricks-lazy-hidden"><div id="newsletter" class="brxe-container footer_cta-row bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><h2 class="brxe-heading text-color-gray-25">Join our newsletter</h2><p class="brxe-text-basic">Occasional important updates straight to your inbox. No Spam.</p></div> <form data-script-id="urfowq" class="brxe-form footer_cta-form" method="post" data-element-id="urfowq"> <div class="form-group" role="group"> <input id="form-field-509544" name="form-field-b51034" aria-label="Email" type="email" value placeholder="Enter your email address" maxlength="320" required> </div> <div class="form-group captcha"><div id="turnstile-urfowq" class="cf-turnstile" data-sitekey="0x4AAAAAAANW70IRyydzURwe"></div></div> <div class="form-group submit-button-wrapper"> <button type="submit" class="bricks-button bricks-background-light"> <span class="text">Subscribe</span><span class="loading"><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke-linecap="round" stroke-width="1" stroke="currentColor" fill="none" stroke-linejoin="round"><path d="M0.927,10.199l2.787,4.151l3.205,-3.838"></path><path d="M23.5,14.5l-2.786,-4.15l-3.206,3.838"></path><path d="M20.677,10.387c0.834,4.408 -2.273,8.729 -6.509,9.729c-2.954,0.699 -5.916,-0.238 -7.931,-2.224"></path><path d="M3.719,14.325c-1.314,-4.883 1.969,-9.675 6.538,-10.753c3.156,-0.747 6.316,0.372 8.324,2.641"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg> </span> </button> </div> </form> </div><div class="brxe-container footer_row grid-auto-5 align-items-start bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Features</span><div id="brxe-bqkhji" data-script-id="bqkhji" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-features" class="bricks-nav-menu"><li id="menu-item-1389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1389 bricks-menu-item"><a href="https://bricksbuilder.io/builder/">Builder</a></li> <li id="menu-item-1390" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1183 current_page_item menu-item-1390 bricks-menu-item"><a href="https://bricksbuilder.io/design/" aria-current="page">Design</a></li> <li id="menu-item-1391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1391 bricks-menu-item"><a href="https://bricksbuilder.io/dynamic-data/">Dynamic Data</a></li> <li id="menu-item-1392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1392 bricks-menu-item"><a href="https://bricksbuilder.io/performance-seo/">Performance & SEO</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Resources</span><div id="brxe-lxypwi" data-script-id="lxypwi" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-resources" class="bricks-nav-menu"><li id="menu-item-1393" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1393 bricks-menu-item"><a href="https://academy.bricksbuilder.io/">Academy</a></li> <li id="menu-item-1394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1394 bricks-menu-item"><a href="https://forum.bricksbuilder.io">Forum</a></li> <li id="menu-item-1395" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1395 bricks-menu-item"><a href="https://www.youtube.com/@bricksbuilder">YouTube</a></li> <li id="menu-item-1396" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1396 bricks-menu-item"><a href="https://www.facebook.com/groups/brickscommunity">Facebook</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Product</span><div id="brxe-ozioha" data-script-id="ozioha" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-product" class="bricks-nav-menu"><li id="menu-item-1397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397 bricks-menu-item"><a href="https://bricksbuilder.io/pricing/">Pricing</a></li> <li id="menu-item-9579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9579 bricks-menu-item"><a href="https://bricksbuilder.io/roadmap/">Roadmap</a></li> <li id="menu-item-9581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9581 bricks-menu-item"><a href="https://bricksbuilder.io/changelog/">Changelog</a></li> <li id="menu-item-9580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9580 bricks-menu-item"><a href="https://bricksbuilder.io/ideas/">Idea board</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Company</span><div id="brxe-xvhhiy" data-script-id="xvhhiy" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-company" class="bricks-nav-menu"><li id="menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2490 bricks-menu-item"><a href="https://bricksbuilder.io/contact/">Contact</a></li> <li id="menu-item-1403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1403 bricks-menu-item"><a href="https://bricksbuilder.io/affiliate-program/">Affiliate Program</a></li> <li id="menu-item-1404" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1404 bricks-menu-item"><a href="https://bricksbuilder.io/bricks-builder-brand-assets.zip">Media Kit</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Legal</span><div id="brxe-imcksj" data-script-id="imcksj" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-legal" class="bricks-nav-menu"><li id="menu-item-4032" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4032 bricks-menu-item"><a href="https://bricksbuilder.io/terms-of-service/">Terms of Service</a></li> <li id="menu-item-1409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1409 bricks-menu-item"><a href="https://bricksbuilder.io/privacy-policy/">Privacy Policy</a></li> </ul></nav></div></div></div><div class="brxe-container footer_row align-items-center bricks-lazy-hidden"><svg class="brxe-svg" id="brxe-feyghe" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1"><title>bricks-favicon-512x512</title><desc>Created with Sketch.</desc><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><image id="bricks-favicon-512x512" x="0" y="0" width="512" height="512" xlink:href="data:image/png;base64,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Im0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JFHs2XoaLAAIGBLp7BmRRU58sWNwnC9Wf8xv7pLG5Tzq6BqSze0C61Ffnqt9/+PfePpHyMpHK8kL1VbDKV6FUlBVIVYX6eUXBR9/rn40YVigbjCuWUXVFBkZOEwggYEqAAGBKknYQcEygvWNA3nivR2bN7pZZ7/bIBwt7ZcES9Yavvppa+q2PVgeGiWNL1FeRTGgoVqFgxfcTxxbL2FHFUlBgfUh0iEDUAgSAqMvP5EMReG9eb+pNfta76s1+do+8rr7eX9ArAw5NsL1zQI2rW319fFBlJQWy3piiVCj45IRi2W7TMtn2U2VSU8VRyo9r8RMEzAgQAMw40goCVgX0p/knX+5UX13y1Cudave9/U/0JifcpQ5J/OeD3tTXI8+KXPnnVilUewQ2mVQi0zYvl+03K0t9Da8hEJh0p624BQgAcdef2XsioI/PP/lSp3qz70q98X+wSB2MD3zpV7svZr7Tk/q6/u5W0UcINp5YkgoCqVCg9hKMrCMQBL4ZML0EBQgACeLSNAJDEdCf8mc83iH3/bMt9SY4lLZCeK0+nKHPadBft8xYnprShuNLZM8dyuXg3apk8gYlIUyTOSBgTYAAYI2ajhBIL6DPyp/xeLvMeKJDXnqjK/0LIl/jnbk9ctUd+qtVHS4oVUGgUg7YuVIaRnLFQeSbBtPPQIAAkAESqyCQpMCSpSve9O9Tn/b/9VqXUyfuJTlv022vOMGwW351w1LZYQu1V2DXStlnxwqpruQwgWlr2gtDgAAQRh2ZhYcCL6tP+Dff16Y+7beLvi6fxYyAPndgxQmSnXLmb0X2mFYhh+xWLbtMLZPiYq41NKNMKyEIEABCqCJz8EagR73R36/e8G+6d7m89Ga3N+P2daBdPaK8O1JfdeoKgiP2q5ajDqqRulr2CvhaU8ZtToAAYM6SlhAYVECfxf+7+5fLHx5oS91xb9AV+UViAs2t/fKbP7WIvqLgiH2r5bhDa7mKIDFtGvZBgADgQ5UYo7cC+kz+S//QInc/1i49vezmd6GQ+oZE1/ylVR1+aZXD96mW4w+r5aRBFwrDGKwLEACsk9NhDAL6dru/+WOL3PZQG2/8jhZcHx7Qh2L0XpnD9qiUb36xVt2NkP8SHS0Xw0pAgK09AVSajFdAn9Gv72J364xW0W8wLO4L6BMwdQi4XYW1g3atkm99qUYmqfsLsCAQugABIPQKMz8rAi3L++XqO1vlxntaRe9iZvFPQD/p8I5H2uQvf9dBoFLOOHq4OkeA+wn4V0lGnKkAASBTKdZDYC0C/eoW/Dfft1wu/t0yaWnz+378a5lelD/SlxH+5dF2+ftznfL9o4bL9L2ronRg0uELcC1M+DVmhgkJvPRGtxz4nQXys6ubefNPyDifzS5Te3XOuKxJpn9vkbw9h+M5+awFfScjQABIxpVWAxZYpi4n++FvmuSwUxfKa+phNSxhCzw3s0v2P2mhXHTrMm7YFHapo5sdASC6kjPhoQjc8XCb7HH8/NRJYxzpH4qkX6/VJwpepq7q2PfbC+Qp9RhmFgRCEOAcgBCqyBwSF5itHjpzuNoV/Kz6NMgSr8Dseb1yxA8b1WWDVfKDY4ZzR8F4N4UgZs4egCDKyCSSFnjgyQ7e/JNG9qh9fbXAnt+Yrx7V3O7RqBkqAqsLEABW9+BvCCCAQEYCTS39cuJ5S+Ssq5qll7s8ZmTGSm4JEADcqgejQQABzwT03QS//INGnvHgWd0YrggBgK0AAQQQGKLA86+pKwVOXCDPc47IECV5uU0BAoBNbfpCAIFgBRqb+1MnCOo9AiwI+CBAAPChSowRAQS8ENBPfNTnBJxyQZN0dnGhqBdFi3iQBICIi8/UEUAgGYG7HlVPGDxtkcyZ35tMB7SKgAEBAoABRJpAAAEE1hR4ffaKW0U/+lzHmr/i7wg4IUAAcKIMDAIBBEIUaGkbkON+tjj1qOEQ58ec/BYgAPhdP0aPAAKOC+inC37/kia5dQYnBzpequiGRwCIruRMGAEEbAvo0wF/fEWzXHtnq+2u6Q+BQQUIAIPS8AsEEEDArMAvr18ql/+pxWyjtIZAjgIEgBzheBkCCCCQi8AFtyyTC25elstLeQ0CRgUIAEY5aQwBBBBIL3D5bS3yi2uXpl+RNRBIUIAAkCAuTSOAAAKDCVx3V6uceXnzYL/m5wgkLkAASJyYDhBAAIG1C/zur8vluxc3yQA3DVw7ED9NVIAAkCgvjSOAAALrFvjzw21y6oVN616J3yKQgAABIAFUmkQAAQSyEdC3Dr5QnRzIgoBNAQKATW36QgABBAYR+I26PFAHARYEbAkQAGxJ0w8CCCCQRuCMS5vlX691pVmLXyNgRoAAYMaRVhBAAIEhC3T1DMjxP18s7y/gKYJDxqSBtAIEgLRErIAAAgjYE2hq6ZdjzmqU1rZ+e53SU5QCBIAoy86kEUDAZYG33++VE85dIn19Lo+SsfkuQADwvYKMHwEEghR4/MVO+emV3CgoyOI6MikCgCOFYBgIIIDAmgL6RkE33sNjhNd04e9mBAgAZhxpBQEEEEhE4BfXNstjz3cm0jaNxi1AAIi7/sweAQQcF+hT5wKeesESaWzmhADHS+Xd8AgA3pWMASOAQGwCza39qWcGxDZv5pusAAEgWV9aRwABBIwI/ONfnXLrDM4HMIJJIykBAgAbAgIIIOCJwDnXL5XZc3s8GS3DdF2AAOB6hRgfAggg8KFAR9eAenJgM/cHYIswIkAAMMJIIwgggIAdgZfe6JLL1YODWBAYqgABYKiCvB4BBBCwLPCbPy2TV97sttwr3YUmQAAIraLMBwEEghfoVVcEnqIuDexUhwRYEMhVgACQqxyvQwABBPIo8M7cXjn3hmV5HAFd+y5AAPC9gowfAQSiFbjlvlZ5Qj0zgAWBXAQIALmo8RoEEEDAAQF9AOCsq7gqwIFSeDkEAoCXZWPQCCCAwAqB/3zQK394gBsEsT1kL0AAyN6MVyCAAAJOCVzy+xZZ3q4eGsCCQBYCBIAssFgVAQQQcFFgybI++e1t3BvAxdq4PCYCgMvVYWwIIIBAhgI33N0q8xp5YmCGXKymBAgAbAYIIIBAAAJd6hEB59+0NICZMAVbAgQAW9L0gwACCCQscM9j7dwhMGHjkJovDmkyzAUBBD4uUKB+VFdbKFUVhVJZXiAVZQVS+eH3pSUiXeqOsu2d/dLRpf7s6P/o++aWPunnRnMfB3X4J7pcv7xuqfzxV6MdHiVDc0WAAOBKJRgHAkMUqKkslK0ml8qk8SUyoaFIJo5Vf44tkvXHFEu5etPPdunuGZC5i/pkzoJeeW9ej/pTf98jr73Tq44192bbHOtbEnh2Zpf87ckO2fszFZZ6pBtfBQgAvlaOcUcvMLquSLbdtFS237Rcttu0TKZMKpGC7N/nB3UsLSlQYaI49SVTy1dbT59s9uy/O+X517rlOfWG8/acHmFnwWpEef3Lr25cKntsXy7FxQY3iLzOiM6TECAAJKFKmwgkJDB+VJHsv3OlHLhLlWyyodp/n6dlnBrHwbtVpb70EJpb+uXBp9rlnn+0yzOvdnHoIE91Wdntu/N65S+PtssX96xa+SP+ROBjAgSAj5HwAwTcEqgftuJNf//PVsjUT5W5NbgPR6PPMZi+d3Xqa1FTn9z3zxVh4JW3eGRtvgp24z3LCQD5wvekXwKAJ4VimPEJTGgoluMOrVH/iVeLPlnPl2X0iCI5+uCa1Nes2T2pG9Tc/0Q7ewUsF/D12d3y9CtdssMWboZGyxx0txYBLgNcCwo/QiCfApuoY/mXnF4vf796rByxn19v/mu66fMSLv1evTx81ViZvle1lHBMek2iRP+ubw7EgsBgAgSAwWT4OQKWBfTZ+lefOVJmXNYgB+xSKYUB/evcYFyxnHNinTx2TYMcsW+1FHJumpWt65FnO+R9dRUHCwJrEwjov5i1TY+fIeC+QJk62/5/D6+VB69okM9NC/vSrbGjiuXsb9fJHb8eLZvm8SRG97cKMyPU93G4+T6eFGhGM7xWCADh1ZQZeSSwi7q87oHLG+TkrwyTstJ4PhZvOblM7r64QX507HB1g6J45p2PTfP2h9rUDZ64SDMf9q73SQBwvUKML0gBfUe+C06plxvOGiUT1e7xGBd9iEOfLPjQFWNFByGWZARa2vrlzw+zFyAZXb9bJQD4XT9G76HAxhNK5O6LGuSQ3Ss9HL35ITeMLEoFoZO+XCvsCzDvq1u86V4CQDKyfrdKAPC7fozeM4HD9qiSuy4aI59YP85P/esq10lfHibX/XSUDKvmv6V1OeXyu9nqxkCPPteRy0t5TcAC/EsLuLhMzR0Bffnbr04aIeefPCKn+/K7M5NkR7LrtuVyz8VjRF8KyWJWQN8YiAWBVQUIAKtq8D0CCQjop+9doy7v47asmeGur26AdMevx8hnt+a8gMzEMlvriRc7ZT4PccoMK5K1CACRFJpp5kdA786+9RejZWdOcsuqAPrphdf8eKR6oE3Yl0VmhTLElfV1AA8+3TnEVnh5SAIEgJCqyVycEhijbon7J/Vc9q2nlDo1Ll8Go59GeMUP6mXfHTlZ0lTN/qpuycyCwEoBAsBKCf5EwKDA+NHFcvv5o2XjiRzLHgqrfpztpd+tV08/JAQMxXHla59/rUuWLO1b+Vf+jFyAABD5BsD0zQvUVhXKdT8ZKeupW/uyDF2gqEjkotPqZZ/PcDhgqJr6zoAPP8NhgKE6hvJ6AkAolWQeTgjos/0vP6OeT/6Gq1GgbhBw4an13D7YgOtf/4/DAAYYg2iCABBEGZmEKwI/V/e533Erzl5Poh4rTgwcJaPr1C4BlpwFnlKPCG5t49bAOQMG9EICQEDFZCr5FThhei2X+iVcAn3XQP3ExPKInptgmrSnd0D0UwJZECAAsA0gYEBAX7N+yleHGWiJJtIJbLFxaeqGSunW4/eDCzzAYYDBcSL6DQEgomIz1WQEhtcU8oaUDO2grX7+s5Vy+N5Vg/6eX6xb4J8vdEpHJ4cB1q0U/m8JAOHXmBkmLKCP+49W1/yz2BX40bF1sj5XWuSE3tk9II89z2GAnPACehEBIKBiMhX7AofsVin77cQ16vblRSorClJ7XniCYG76XA6Ym1tIryIAhFRN5mJVYPyoIjnrm3VW+6Sz1QW236xMjj64ZvUf8reMBPRNgVjiFiAAxF1/Zj8EgR8cM1yqK/knNARCIy89/WvDZcPx3HQpW8z3F/bK4mbuCpitW0jr879XSNVkLtYEpm5SJvuy69+a97o6KlV3W9ZhjCV7gZfe7M7+RbwiGAECQDClZCI2BXjDsamdvq/d1VMDp6nDASzZCbw4iwCQnVhYaxMAwqons7EgoE/64wl/FqCz7OL7Rw0TTgjMDu2F1zkPIDuxsNYmAIRVT2aTsIC+1//pR3LDn4SZc2p+y8ll6ooMHhiUDd6rb3dLf382r2DdkAQIACFVk7kkLnDQrpUycRwnnCUOnWMH+oRAHdJYMhNoVzcDeuPdnsxWZq3gBAgAwZWUCSUpcOT+1Uk2T9tDFJgwtpi9AFkavjCLwwBZkgWzOgEgmFIykaQFtplSKpttVJp0N7Q/RIEj9+e+ANkQvkgAyIYrqHUJAEGVk8kkKfC1A3hjSdLXVNv6BM3NCWoZc770BocAMsYKbEUCQGAFZTrJCIyqK5R9d+QEs2R0zbfKoZrMTd+Z2yNLWzkTMHOxcNYkAIRTS2aSoMD0vaqlmJPLEhQ22/QBu1TJiFr+e8tU9dW3uB9AplYhrce/kJCqyVwSE+DyssRoE2lY3x3w0D14XHCmuO/N7810VdYLSIAAEFAxmUoyAvqRs1MmcfJfMrrJtbrXDhyyyVT3A/VcAJb4BAgA8dWcGWcpsCdvJFmKubH61E+VycjhRW4MxvFRfLCIAOB4iRIZHgEgEVYaDUmAAOBnNQvU/YD2UM8IYEkv8MFCngqYXim8NQgA4dWUGRkUqKsplO025SEzBkmtNrXnDuVW+/O1Mw4B+Fq5oY2bADA0P14duMDOU8ulkH8l3lZ5p60rpLKcWwOnK2BTS7+0dwykW43fBybAf22BFZTpmBXYejIn/5kVtduavhqAPTiZmXMeQGZOIa1FAAipmszFuIB+whyL3wJbEeIyKiCHATJiCmolAkBQ5WQyJgVKSwpkk0nqIySL1wJbbkyIy6SABIBMlMJahwAQVj2ZjUGBKRuUiA4BLH4LbLkxh3EyqeDcRq4EyMQppHUIACFVk7kYFeCNwyhn3hqrU7cEntBQnLf+fen4/QXcC8CXWpkaJwHAlCTtBCfAE+XCKSnnAaSvJfcCSG8U2hoEgNAqynyMCUwcx6dGY5h5bmjyRM7lSFcCfSkgS1wCBIC46s1ssxAYN4oAkAWX06uOH00t0xWovZMAkM4otN8TAEKrKPMxIlCk/mU01HMfeSOYDjQyfjS1TFeGDgJAOqLgfk8ACK6kTMiEwOgRRVLEe4YJSifaYA9A+jJ09YgMcDPA9FABrUEACKiYTMWcAG8Y5ixdaGmM2ptTUswlnelq0dFJAkhnFNLvCQAhVZO5GBMYN4qP/8YwHWhIPxlw7Ehqmq4UHV2cB5DOKKTfEwBCqiZzMSbAc+SNUTrTEOd0pC9FZ3f6dVgjHAECQDi1ZCYGBSrK2F1skNOJpngqYPoycCJgeqOQ1iAAhFRN5mJMoJwAYMzSlYYqyvnvLl0t2jkHIB1RUL/nX0RQ5WQypgTYA2BK0p12ynkkQNpidHZzEmBapIBWIAAEVEymYk6APQDmLF1piT0A6SvR0UUASK8UzhoEgHBqyUwMClSU8U/DIKcTTbFXJ30Z2ju4CiC9Ujhr8L9cOLVkJgYF2F1sENORpggA6QvBVQDpjUJagwAQUjWZCwIIIIAAAhkKEAAyhGK1uAT4JBRevTm+nb6m7PlKbxTSGgSAkKrJXIwJcEc0Y5TONEQASF+KygreEtIrhbMG1Q6nlszEoEAnZ0Mb1HSjKW5yk74OnCeR3iikNQgAIVWTuRgT4NOiMUpnGuKwTvpSlJdyB8z0SuGsQQAIp5bMxKAAewAMYjrSVCcPuklbCW6XnJYoqBUIAEGVk8mYEmAPgClJd9pp6+AmN+mqwc2S0gmF9XsCQFj1ZDaGBBYv7TPUEs24IrCwiZqmqwVXAaQTCuv3BICw6slsDAnMa+TNwhClM83MX0xN0xWjkgcmpSMK6vcEgKDKyWRMCcxd1GuqKdpxQGCR+vTf3cMhgHSl4BkY6YTC+j0BIKx6MhtDAguX9EkfHxgNaea/mbmLKGa6KugrAAq4CCAdU1C/JwAEVU4mY0qgX31YXKBCAEsYAvMa2aOTrpLcAyCdUHi/JwCEV1NmZEiAwwCGIB1ohj0A6YvAFQDpjUJbgwAQWkWZjzGB9+bzqdEYZp4beuPdnjyPwP3u62rY/+9+lcyOkABg1pPWAhJ45c3ugGYT91ReppZpN4D1xhSnXYcVwhIgAIRVT2ZjUOCVtwgABjnz1lRr24DMnssegHQFWL+BAJDOKLTfEwBCqyjzMSYwS+027uZ9w5hnvhp6+c0u4QLA9PrrjSYApFcKaw0CQFj1ZDYGBXp6B+S1d9gLYJA0L02xJycz9vXGFGW2ImsFI0AACKaUTCQJAY4dJ6Fqt82X3yDEZSLOOQCZKIW1DgEgrHoyG8MCL7zeZbhFmrMp0Kv24jzzb2qYifn6nASYCVNQ6xAAgionkzEt8M8XOrkjoGlUi+09/WqXtLT1W+zRz65G1BZKRTmXAfpZvdxHTQDI3Y5XRiCwbHm/+gTZGcFMw5ziw89Qu0wqyxUAmSiFtw4BILyaMiPDAg89zZuIYVJrzT30dLu1vnzuaPxoTgD0uX65jp0AkKscr4tG4KGnO6KZa0gT/ffb3cIjgDOrKMf/M3MKbS0CQGgVZT7GBfSDZPSbCYtfAg8+RXDLtGJcAZCpVFjrEQDCqiezSUjg/ifYlZwQbSLN6kc53/5QWyJth9joxLHcBCjEuqabEwEgnRC/R0AJ3PZgG3cF9GhL+Jv69L+wicc5Z1qyzTYqzXRV1gtIgAAQUDGZSnICTS39cs9jfKJMTthsyzff22q2wYBbmzSuWIbX8FYQcIkHnRpVH5SGXyCwusBNvKmsDuLo3/Sjf5+dyc1/Mi3P1lP49J+pVWjrEQBCqyjzSUxg5js98jxvLIn5mmr4lhnLTTUVRTtbTymLYp5M8uMCBICPm/ATBAYVYC/AoDRO/GLhkj658xEO1WRTjG0IANlwBbUuASCocjKZpAX++n8dMms2lwQm7Zxr+xfdukw6u3n4b6Z+ler2v5M3KMl0ddYLTIAAEFhBmU6yAv3qveWc65cl2wmt5yTw1pweuYNP/1nZbfHJUinkXSArs5BWpvQhVZO5WBF4/MVO+ce/uD2wFewsOjn/pmXSx3N/shAT2WYTjv9nBRbYygSAwArKdOwInHPdUunnzcYOdga9PKdOznz4Ge78lwHVaqtsPZkAsBpIZH8hAERWcKZrRuBNtbtZ3xyIJf8Cvb0DctZVzfkfiIcj2Goyx/89LJuxIRMAjFHSUGwC5920VBZxt7m8l/2yP7bIa+oSTZbsBCY0FEv9cJ4CmJ1aWGsTAMKqJ7OxKLC0tV9Ou7DJYo90tabAq291yxW3t6z5Y/6egcDUTbgBUAZMQa9CAAi6vEwuaYEnXuqU6+/itrNJO6+t/W71of/UC5dIL7f8XxtP2p99blpF2nVYIWwBAkDY9WV2FgT02ef69rMsdgUuuGWpvP1+r91OA+mtvLRAdt2WABBIOXOeBgEgZzpeiMAKga6eATn510t4WqDFDeKhpzvk2jvZ85Ir+S5Ty6VC3QSIJW4BAkDc9Wf2hgRmqT0Ap1ywRAa4CZ0h0cGbmTW7JxW4oB7cKN1v9vkMn/7TGcXwewJADFVmjlYE7n+iXX6p7g/AkpzA4uY+OfZni6W9k7f/XJVLSwpk9+0JALn6hfQ6AkBI1WQueRe4Tp0QeNO9PI0uiUJ0q0Mtx/98scxr5Lj/UHx33LJMaqr4r38ohqG8lq0glEoyD2cEzr66WR58irvSmSyIPrRy+kVN8uIbPIhpqK777Fg51CZ4fSACBIBACsk03BHQDwz6zvlL5An1zACWoQvoWy7r8yvu/Wf70BuLvIVidd+fPXdg93/km8FH0ycAfETBNwiYE9CPpNXHqtkTMDTTPnWN/0nnLZa7H+PNf2iSK149bbNyGV7Df/smLENogy0hhCoyBycF9DHrE85dLHc9yjMDcimQvsf///5qscx4gsMpufit7TX77Min/7W5xPozAkCslWfeVgT0XepOvaBJfnc/JwZmA96l9qB865zF8sCTvPln47audQvVZf97fZoAsC6j2H5HAIit4szXuoC+YO3M3zbLBTcv4z4BGejPXdQnXzhtoXq8L+dQZMCV8Sqf3aZcRtXx8J+MwSJYkQAQQZGZohsCl9/WIl87s1GalnHz+sEqok+cPPCkBTKTp/sNRpTzz486sCbn1/LCMAUIAGHWlVk5KqAfHnTASQvlxVlczrZmia5UT/X7+o8bpVk9ZZHFrMBG6xfLzur2vywIrCpAAFhVg+8RsCAwf3GfHP79RXLD3dzLXnMvXNIn/3P2YjlPPVRJX0LJYl7g63z6N48aQIsEgACKyBT8E+hRZ7iffc1SOezUhaLvbR/jom/uc7O6a+Ke31igjvdzsl9S24C+7O/Q3auSap52PRYgAHhcPIbuv4C+s90B6pj3L65dKu0d8Xz8fV0d4z9UhZ+fXtUsyzvY5Z/klnz43lVSXsaT/5I09rVtAoCvlWPcwQj0qfc//QyBPb85X+5Td7sL+YmCenf/WepN/8DvLJCX3+Q8iKQ3Yn3nvyP35+S/pJ19bb/Y14EzbgRCE9DnBpx43hK55PfL5BtfqJWDdq2U4uIwPrm9v6BXrvxzi9zxSLvoGySx2BHY5zOV0jCSS//saPvXCwHAv5ox4sAF/vNBr5x+cZNc/PsWOe6Qapm+d7WUlfoZBN6e0yNX3N6q7uPfJvqmSCx2BY4+mE//dsX96o0A4Fe9GG1EAnMX9apj5EvVHoEW2W+nSjlQ7RHYbtMy5wUWN/fLfY+3q/v3t7GbP4/V2npyqWylvlgQGEyAADCYDD9HwBEBfV387/66PPU1fnSx7P/ZCnV4oEqmTCpxZIQiS9UYH1Fn8uuH9jz1Sqfo8xpY8itw1EF8+s9vBdzvnQDgfo0YIQIfCei9Alfd0Zr6GlVXmNojsP2m5ak/dSAosHSkYH5jrzw3s1t9daW+3lK7+jmy/1GZ8v7NxhNKUnuN8j4QBuC0AAHA6fIwOAQGF2hUu9rvV0/K0196qa0qlC03LpVJ40tkQkORTByr/hxbpL4vzukcgh51st4HKnDMWdAn783rSf05Z0GP6Ev45jZyQH/wyuT/Nz84ZrgUco1X/gvh+AgIAI4XiOEhkKlAS1u/PK7upa+/Vl30ToG62kKpLC+QqopCqVDXhFeqP/XfS9VRhC51NV57Z790dKk/1TX5K79vbunjznyrQnry/c7qoT/c9teTYuV5mASAPBeA7hFIWkDvmm9q6Vdfuic+uSftnc/2i9Sn/h8eOzyfQ6BvjwTYSeRRsRgqAgggsC4BfcnoJ9XxfxYEMhEgAGSixDoIIICA4wI1lYVy8hG1jo+S4bkkQABwqRqMBQEEEMhR4JtfrJH64dz1L0e+KF9GAIiy7EwaAQRCElhvdJEcfTCf/kOqqY25EABsKNMHAgggkKDAd78+PHVFR4Jd0HSAAgSAAIvKlBBAIB6BbaaUyv47V8YzYWZqTIAAYIyShhBAAAG7Avpxvz/+nzq7ndJbMAIEgGBKyUQQQCA2gW9Pr5Ut1N0fWRDIRYAAkIsar0EAAQTyLLCVeuM/YfqwPI+C7n0WIAD4XD3GjgACUQro2zhfdFq9FHHVX5T1NzVpAoApSdpBAAEELAmceVydTBzHndwtcQfbDQEg2NIyMQQQCFHgc9PKZfreVSFOjTlZFiAAWAanOwQQQCBXgVF1RXLuiSNyfTmvQ2A1AQLAahz8BQEEEHBX4NwT62TEMA78u1shv0ZGAPCrXowWAQQiFThi32rZbbuKSGfPtJMQIAAkoUqbCCCAgEGBDccXyw+PHW6wRZpCQIQAwFaAAAIIOCxQVVEgl31vpJSXFTg8SobmowABwMeqMWYEEIhCoFC9519yer1ssmFJFPNlknYFCAB2vekNAQQQyFjgTHWf/92357h/xmCsmJUAASArLlZGAAEE7Ah87YBq0V8sCCQlQABISpZ2EUAAgRwFdldn++u7/bEgkKQAASBJXdpGAAEEshT4lDref+l366WQ/52zlGP1bAXYxLIVY30EEEAgIYGG+iK57iejpFKd+c+CQNICBICkhWkfAQQQyEBAP+HvWvXmP0aFABYEbAgQAGwo0wcCCCCwDoGVl/vp3f8sCNgSIADYkqYfBBBAYBCBn36jTvaYxuV+g/Dw44QEeKB0QrA0iwACCKQT0Ef6z/52nXxZ3eefBQHbAgQA2+L0hwACCCiBIrX/VT/a97DPVeGBQF4ECAB5YadTBBCIWaBYned34an1sv/OlTEzMPc8C3AOQJ4LQPf5E1hvNGdb508/3p5LSwrk8jNG8uYf7ybgzMwJAM6UgoHYFvj9OaNl841KbXdLfxELlKmT/K/60UjZcwdO+It4M3Bm6gQAZ0rBQGwL1A8rkt+fM0o+vUWZ7a7pL0IBfZ3/9T8dJbtMLY9w9kzZRQECgItVYUzWBKoqCuWGs0bJ3p/mE5k19Ag7qqkslBvVdvbpLXnzj7D8zk6ZAOBsaRiYLYGVx2Sn78WlWLbMY+pnWHWh3Hz2SNl2U/Y0xVR3H+ZKAPChSowxcQH94JVzTqyT4w+rSbwvOohH4BPrFcsdvx4jW07mzT+eqvszUwKAP7VipBYEvnfUcDnj6OEWeqKL0AX23bFS7rpojGyoQgALAi4KsGW6WBXGlFeB4w6tkbqaQjnjsibp68/rUOjcQwF9g5/Tjhwux3+BvUkeli+qIRMAoio3k81U4At7VknDyCI5+ddNsmRZX6YvY73IBUbUFsol362XHbfiZL/INwUvps8hAC/KxCDzIbDT1uVy36VjZNtPcfw2H/6+9bnFJ0vlnovH8ObvW+EiHi8BIOLiM/X0AvrZ7H9QNww67hB256bXineNL6k9RredN1rGjWanarxbgX8zJwD4VzNGbFmgSN0x+Ixjhss1Z46S2ir9/DYWBFYI6EtIf3nCCDn3pBGiv2dBwCcBAoBP1WKseRXYY5o+JNDA7YPzWgV3Ot9o/WL507mj5PB9eJqfO1VhJNkIEACy0WLd6AXWG1Mst58/Wr76eW4aFOvGUKY+6Z98xDCZocIg1/fHuhWEMW8OWIVRR2ZhUUDv6j3rm3Wynbqz248ub5KWtgGLvdNVPgV22LxMfnFCnUwar57qw4KA5wLsAfC8gAw/fwL6We6PXDVWDtmNZ7rnrwp2etb3hThPHefXT5Dkzd+OOb0kL0AASN6YHgIWqB9eJBecWp+6UkDf9pUlPIFDdquSh65sEH1vCBYEQhIgAIRUTeaSN4Fpatfw/Zc1qDvADZPyUs4Gz1shDHY8cWyx3PLzUSrgjZAR6tHRLAiEJkAACK2izCdvAiXq3IBvfalWHryiQXbfjscL560QQ+y4oqxATpheKw9c3sBNfYZoycvdFmCfpdv1YXQeCugrBa79yUh58KkO+dnVS2VeY6+Hs4hvyNUVhfKVz1fJseqmT3zij6/+Mc6YABBj1ZmzFYG9Pl0hO6l7wt94b6vccPdynilgRT37TvTNnb5+YI0cpb6GqZP9WBCIRYAAEEulmWdeBCorVhwWOPqgGvnDA8vlmjtbZcESHi6Ul2Ks0ak+s//og2vkawdUS3Ulb/xr8PDXCAQIABEUmSnmX6BcHVc+SoWAr+xXLXc80i5X/rlF5izg0EA+KjOqrii1m1/XoqKcEzbzUQP6dEOAAOBGHRhFJAL6REF969gv7VUl9/yjTa64vVXemtMTyezzO831RhfJMYfUyuF7V0kZV2rktxj07oQAAcCJMjCI2AQK1R7ng9X15frrb092yFVqj8BLb3bHxpD4fPXx/f12qpRDdq9K3bkx8Q7pAAGPBAgAHhWLoYYpsPdnKkR/zZ7bK3/5e5vaM9DO4YEhlFrfqnnXqeUqXFXK7ttX8JS+IVjy0rAFCABh15fZeSQwaXyxnPLVYamvF17vkrsebZcZj7dLc2u/R7PIz1D1kfxt1bMZDt61MvWJn7P581MHevVLoGBg5s48ycSvmjHaiAR6ewfkH//qVGGgTR55tlM6u/nnurL8+k1/yqSS1Bv+QeqNX99/gQUBBDIXIABkbsWaCORVYHl7v/xdhYCnX+2UZ//dLe/MjevkwSJ13sSmnyiV7Tcrk2mblatj+qVSW83le3ndKOncawECgNflY/AxCyxu7pdn/q3DQJc882pX6mqCkPYPlBQXyOYblax4w9+8XKZuUsr1+jFv8MzduAABwDgpDSKQH4Hmlv4Pw0CnPDezS/7zQa83hwz0A5T0w3f01+QNVrzpbzOljOv087Mp0WskAgSASArNNOMUWKjuOvje/F51hUFP6s/35vfJu/NWfN/eaXd/gb7X/oSxRbLBuJIP3+z/+/2Yep62F+cWyqzzKUAAyKc+fSOQR4HGZh0GemXeol5pU2FAB4L2jgFp6+hf8X3nyj8//J36fVd3v+i7GlapN3P91LwVf4pUlheqr4L//qlugbzy7/XDClNv+CPVHfhYEEDAHQECgDu1YCQIIIAAAghYE+AUWmvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7Av8PjxaSor/Tn1YAAAAASUVORK5CYII="></image></g></svg><div class="brxe-text-basic">© 2025 Bricks. All rights reserved.</div><div class="brxe-block footer_social-icons bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" target="_blank" title="Join the Bricks Facebook Group" aria-label="Join the Bricks Facebook Group"><svg class="fill brxe-icon footer_social-icon" id="brxe-xldsps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M59.5 1h-55C2.5 1 1 2.6 1 4.5v55c0 2 1.6 3.5 3.5 3.5h29.6V38.9h-8v-9.3h8v-6.9c0-8 4.8-12.4 12-12.4 2.4 0 4.8.1 7.2.4V19h-4.8c-3.8 0-4.6 1.8-4.6 4.5v5.9H53l-1.3 9.4h-8v23.8h15.8c2 0 3.5-1.5 3.5-3.5V4.5c-.1-2-1.7-3.5-3.5-3.5Z"></path></svg></a><a href="https://www.youtube.com/@bricksbuilder" rel="external" target="_blank" title="Subscribe to the Bricks YouTube Channel" aria-label="Subscribe to the Bricks YouTube Channel"><svg class="fill brxe-icon footer_social-icon" id="brxe-fffdyu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M61.7 17.1c-.7-2.7-2.8-4.8-5.5-5.5-4.8-1.3-24.2-1.3-24.2-1.3s-19.4 0-24.2 1.3c-2.7.7-4.8 2.8-5.5 5.5C1 22 1 32 1 32s0 10.1 1.3 14.9c.7 2.7 2.8 4.8 5.5 5.5 4.8 1.3 24.2 1.3 24.2 1.3s19.4 0 24.2-1.3c2.7-.7 4.8-2.8 5.5-5.5C63 42.1 63 32 63 32s0-10-1.3-14.9ZM25.8 41.3V22.7L41.9 32l-16.1 9.3Z"></path></svg></a></div></div></section></footer><link rel='stylesheet' id='bricks-splide-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/splide.min.css?ver=1741251946' media='all' /> <link rel='stylesheet' id='bricks-prettify-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/prettify.min.css?ver=1741251946' media='all' /> <link rel='stylesheet' id='bricks-animate-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/animate.min.css?ver=1741251946' media='all' /> <style id='bricks-global-classes-inline-inline-css'> /* BREAKPOINT: Desktop (BASE) */ .page_header {position: relative; overflow: hidden; padding-top: var(--size-xxlarge); padding-bottom: var(--size-xxlarge)} /* BREAKPOINT: Desktop (BASE) */ .page_header-inner::after {content: ""; background-image: url(https://bricksbuilder.io/wp-content/uploads/2023/10/Bricks-Logo-Abstract.png); background-size: cover; position: absolute; top: -2.2rem; width: var(--max-width-small); height: var(--max-width-small); right: 18vw; z-index: -1} /* BREAKPOINT: Tablet portrait */ @media (max-width: 991px) { .page_header-inner::after {right: 4vw} } /* BREAKPOINT: Mobile portrait */ @media (max-width: 478px) { .page_header-inner::after {right: -8vw} } /* BREAKPOINT: Desktop (BASE) */ .page-intro_grid {display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3-2); position: relative} /* BREAKPOINT: Tablet portrait */ @media (max-width: 991px) { .page-intro_grid {grid-template-columns: var(--grid-auto-2)} } /* BREAKPOINT: Desktop (BASE) */ .page_title {max-width: var(--max-width-heading-small)} /* BREAKPOINT: Desktop (BASE) */ .text-size-medium {font-size: var(--text-size-medium)} </style> <script id="bricks-scripts-js-extra"> var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https:\/\/bricksbuilder.io\/wp-admin\/admin-ajax.php","restApiUrl":"https:\/\/bricksbuilder.io\/wp-json\/bricks\/v1\/","nonce":"d868976220","formNonce":"8d5f6d5023","wpRestNonce":"3fa0eadf3a","postId":"1183","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"mapStyles":{"ultraLightWithLabels":{"label":"Ultra light with labels","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e9e9e9\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 18 } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 21 } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#dedede\" }, { \"lightness\": 21 } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f2f2f2\" }, { \"lightness\": 19 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 } ] } ]"},"blueWater":{"label":"Blue water","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#444444\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2f2f2\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"saturation\": -100 }, { \"lightness\": 45 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#46bcec\" }, { \"visibility\": \"on\" } ] } ]"},"lightDream":{"label":"Light dream","style":"[ { \"featureType\": \"landscape\", \"stylers\": [ { \"hue\": \"#FFBB00\" }, { \"saturation\": 43.400000000000006 }, { \"lightness\": 37.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.highway\", \"stylers\": [ { \"hue\": \"#FFC200\" }, { \"saturation\": -61.8 }, { \"lightness\": 45.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.arterial\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 51.19999999999999 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.local\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 52 }, { \"gamma\": 1 } ] }, { \"featureType\": \"water\", \"stylers\": [ { \"hue\": \"#0078FF\" }, { \"saturation\": -13.200000000000003 }, { \"lightness\": 2.4000000000000057 }, { \"gamma\": 1 } ] }, { \"featureType\": \"poi\", \"stylers\": [ { \"hue\": \"#00FF6A\" }, { \"saturation\": -1.0989010989011234 }, { \"lightness\": 11.200000000000017 }, { \"gamma\": 1 } ] } ]"},"blueEssence":{"label":"Blue essence","style":"[ { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#e0efef\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"hue\": \"#1900ff\" }, { \"color\": \"#c0e8e8\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"lightness\": 100 }, { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit.line\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 700 } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#7dcdcd\" } ] } ]"},"appleMapsesque":{"label":"Apple maps-esque","style":"[ { \"featureType\": \"landscape.man_made\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f7f1df\" } ] }, { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#d0e3b4\" } ] }, { \"featureType\": \"landscape.natural.terrain\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.business\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.medical\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbd3da\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#bde6ab\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffe15f\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#efd151\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"black\" } ] }, { \"featureType\": \"transit.station.airport\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#cfb2db\" } ] }, { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#a2daf2\" } ] } ]"},"paleDawn":{"label":"Pale dawn","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 33 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2e5d4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5dac6\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5c6c6\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e4d7c6\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbfaf7\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#acbcc9\" } ] } ]"},"neutralBlue":{"label":"Neutral blue","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#193341\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#29768a\" }, { \"lightness\": -37 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#3e606f\" }, { \"weight\": 2 }, { \"gamma\": 0.84 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry\", \"stylers\": [ { \"weight\": 0.6 }, { \"color\": \"#1a3541\" } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] } ]"},"avocadoWorld":{"label":"Avocado world","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#aee2e0\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#abce83\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#769E72\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#7B8758\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"color\": \"#8dab68\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#5B5B3F\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ABCE83\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#A4C67D\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#9BBF72\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"transit\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#87ae79\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#7f2200\" }, { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"visibility\": \"on\" }, { \"weight\": 4.1 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#495421\" } ] }, { \"featureType\": \"administrative.neighborhood\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] } ]"},"gowalla":{"label":"Gowalla","style":"[ { \"featureType\": \"administrative.land_parcel\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"landscape.man_made\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#f49935\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#fad959\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"hue\": \"#a1cdfc\" }, { \"saturation\": 30 }, { \"lightness\": 49 } ] } ]"}},"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https:\/\/bricksbuilder.io\/design\/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","closeMobileMenu":"Close mobile menu","showPassword":"Show password","hidePassword":"Hide password","prevSlide":"Previous slide","nextSlide":"Next slide","firstSlide":"Go to first slide","lastSlide":"Go to last slide","slideX":"Go to slide %s","play":"Start autoplay","pause":"Pause autoplay","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%1$s of %2$s"},"swiper":{"slideLabelMessage":"{{index}} \/ {{slidesLength}}"}},"selectedFilters":[],"filterNiceNames":[]}; </script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/bricks.min.js?ver=1741251946" id="bricks-scripts-js"></script> <script defer="defer" src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/photoswipe.umd.min.js?ver=5.3.7-brx" id="bricks-photoswipe-js"></script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/photoswipe-lightbox.umd.min.js?ver=5.3.7" id="bricks-photoswipe-lightbox-js"></script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/splide.min.js?ver=4.1.4" id="bricks-splide-js"></script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/prettify.min.js?ver=6.7.2" id="bricks-prettify-js"></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?ver=1" id="bricks-turnstile-js"></script> <script> // Function to update the CSS variable with the height of #brx-header function updateHeaderHeight() { const header = document.querySelector('#brx-header'); if (header) { const headerHeight = header.offsetHeight; document.body.style.setProperty('--brx-header-height', `${headerHeight}px`); } } // Function to handle video playback and fullscreen events function handleVideos() { if (window.matchMedia('(min-width: 768px)').matches) { const videos = document.querySelectorAll('.brxe-video video'); videos.forEach(video => { video.play(); // Add an event listener for the fullscreenchange event video.addEventListener("fullscreenchange", () => { if (document.fullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); // For better cross-browser compatibility video.addEventListener("webkitfullscreenchange", () => { if (document.webkitFullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); }); } } // On window load window.addEventListener('load', () => { handleVideos(); updateHeaderHeight(); }); // Update the height on window resize window.addEventListener('resize', updateHeaderHeight); </script> </body></html>