/*
 Theme Name:   Buro Brein Thema
 Theme URI:    https://burobrein.nl/
 Description:  Thema gemaakt door Buro Brein
 Author:       Buro Brein
 Author URI:   https://burobrein.nl/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
main {
  overflow: hidden;
}

[class*=brxe-] {
  position: relative;
}

.brxe-code {
  width: auto !important;
}

body.bricks-is-frontend :focus {
  outline: none;
}

section {
  padding-left: 15px;
  padding-right: 15px;
}

/*

===== 1.0 - Variables  &  Utilities =====

*/
:root {
  --color-primary: #D99F30;
  --color-secondary: #191C1D;
  --color-tetriary: #FFFFFF;
  --color-body: #ffffff;
  --color-extra-1: #242728;
  --color-extra-2: #19255C;
  --color-extra-3: #19255C;
  --color-extra-4: #19255C;
}

.color-white {
  color: white;
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-tetriary {
  color: var(--color-tetriary);
}

:root {
  --h1-size: clamp(4.8rem, calc(4.8rem + ((1vw - 0.375rem) * 5.31792)), 9.4rem);
  --h2-size: clamp(3rem, calc(3rem + ((1vw - 0.375rem) * 2.08092)), 4.8rem);
  --h3-size: clamp(2.1rem, calc(2.1rem + ((1vw - 0.375rem) * 0.34682)), 2.4rem);
}

.color-white * {
  color: white !important;
}

.background-white * {
  color: var(--color-secondary);
}

.brxe-basic-text a,
.brxe-text a {
  color: var(--color-primary);
}

.brxe-basic-text a:hover,
.brxe-text a:hover {
  color: var(--color-primary);
}

.bricks-nav-menu a,
.brxe-basic-text a,
.brxe-text a,
.footer__links a,
.menu-item a {
  background: linear-gradient(90deg, var(--color-primary), var(--color-primary)) no-repeat right bottom/0 var(--bg-h);
  transition: background-size 350ms !important;
  --bg-h: 1px;
}

.bricks-nav-menu a:where(:hover, :focus-visible),
.brxe-basic-text a:where(:hover, :focus-visible),
.brxe-text a:where(:hover, :focus-visible),
.footer__links a:where(:hover, :focus-visible),
.menu-item a:where(:hover, :focus-visible) {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.footer__links a,
.sub-page-header #menu-menu > li .brx-submenu-toggle a,
.sub-page-header #menu-menu > li:not(.menu-item-has-children) a,
.button-back {
  background: linear-gradient(90deg, white, white) no-repeat right bottom/0 var(--bg-h);
  transition: background-size 350ms;
  --bg-h: 1px;
}

.footer__links a:where(:hover, :focus-visible),
.sub-page-header #menu-menu > li .brx-submenu-toggle a:where(:hover, :focus-visible),
.sub-page-header #menu-menu > li:not(.menu-item-has-children) a:where(:hover, :focus-visible),
.button-back:where(:hover, :focus-visible) {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.brxe-button:not(.button-back) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1)) no-repeat right bottom/0 var(--bg-h);
  transition: background-size 350ms;
  --bg-h: 100%;
}

.brxe-button:not(.button-back):where(:hover, :focus-visible) {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.grid-1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-1-l {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-1-m {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-1-s {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-2-l {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-2-m {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-2-s {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-3-l {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-3-m {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-3-s {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-4-l {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-4-m {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-4-s {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-5-l {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-5-m {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-5-s {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-5 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .grid-6-l {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 769px) {
  .grid-6-m {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 640px) {
  .grid-6-s {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 800px) {
  .grid-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-1-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

@media (max-width: 800px) {
  .grid-1-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-1-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}

@media (max-width: 800px) {
  .grid-1-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-1-4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
}

@media (max-width: 800px) {
  .grid-1-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-1-5 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 5fr);
}

@media (max-width: 800px) {
  .grid-1-5 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-2-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

@media (max-width: 800px) {
  .grid-2-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-3-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}

@media (max-width: 800px) {
  .grid-3-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-4-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
}

@media (max-width: 800px) {
  .grid-4-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-5-1 {
  display: grid !important;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr);
}

@media (max-width: 800px) {
  .grid-5-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-2-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

@media (max-width: 800px) {
  .grid-2-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-3-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

@media (max-width: 800px) {
  .grid-3-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-4-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
}

@media (max-width: 800px) {
  .grid-4-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-3-4 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
}

@media (max-width: 800px) {
  .grid-3-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .grid-l-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-l-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-l-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-l-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-l-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-l-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-l-1-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid-l-1-3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid-l-1-4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
  }
  .grid-l-1-5 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 5fr);
  }
  .grid-l-2-1 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid-l-3-1 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid-l-4-1 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
  }
  .grid-l-5-1 {
    grid-template-columns: minmax(0, 5fr) minmax(0, 1fr);
  }
  .grid-l-2-3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid-l-3-2 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid-l-4-3 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
  }
  .grid-l-3-4 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
  }
}

@media (max-width: 769px) {
  .grid-m-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-m-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-m-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-m-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-m-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-m-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-m-1-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid-m-1-3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid-m-1-4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
  }
  .grid-m-1-5 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 5fr);
  }
  .grid-m-2-1 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid-m-3-1 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid-m-4-1 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
  }
  .grid-m-5-1 {
    grid-template-columns: minmax(0, 5fr) minmax(0, 1fr);
  }
  .grid-m-2-3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid-m-3-2 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid-m-4-3 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
  }
  .grid-m-3-4 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
  }
}

@media (max-width: 640px) {
  .grid-s-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-s-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-s-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-s-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-s-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-s-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-s-1-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid-s-1-3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid-s-1-4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
  }
  .grid-s-1-5 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 5fr);
  }
  .grid-s-2-1 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid-s-3-1 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid-s-4-1 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
  }
  .grid-s-5-1 {
    grid-template-columns: minmax(0, 5fr) minmax(0, 1fr);
  }
  .grid-s-2-3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid-s-3-2 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid-s-4-3 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
  }
  .grid-s-3-4 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
  }
}

.gap-s {
  gap: 1.5rem !important;
}

.gap-m {
  gap: 3rem !important;
}

.gap-l {
  gap: 4.5rem !important;
}

.gap-xl {
  gap: 6rem !important;
}

.gap-xxl {
  gap: 12rem !important;
}

.gap-none {
  gap: 0 !important;
}

@media (max-width: 800px) {
  .gap-l-s {
    gap: 1.5rem !important;
  }
  .gap-l-m {
    gap: 3rem !important;
  }
  .gap-l-l {
    gap: 4.5rem !important;
  }
  .gap-l-xl {
    gap: 6rem !important;
  }
  .gap-l-xxl {
    gap: 12rem !important;
  }
  .gap-l-none {
    gap: 0 !important;
  }
}

@media (max-width: 769px) {
  .gap-m-s {
    gap: 1.5rem !important;
  }
  .gap-m-m {
    gap: 3rem !important;
  }
  .gap-m-l {
    gap: 4.5rem !important;
  }
  .gap-m-xl {
    gap: 6rem !important;
  }
  .gap-m-xxl {
    gap: 12rem !important;
  }
  .gap-m-none {
    gap: 0 !important;
  }
}

@media (max-width: 640px) {
  .gap-s-s {
    gap: 1.5rem !important;
  }
  .gap-s-m {
    gap: 3rem !important;
  }
  .gap-s-l {
    gap: 4.5rem !important;
  }
  .gap-s-xl {
    gap: 6rem !important;
  }
  .gap-s-xxl {
    gap: 12rem !important;
  }
  .gap-s-none {
    gap: 0 !important;
  }
}

.grid-auto {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.w-1 {
  max-width: 1rem !important;
}

.w-2 {
  max-width: 2rem !important;
}

.w-3 {
  max-width: 3rem !important;
}

.w-4 {
  max-width: 4rem !important;
}

.w-5 {
  max-width: 5rem !important;
}

.w-6 {
  max-width: 6rem !important;
}

.w-7 {
  max-width: 7rem !important;
}

.w-8 {
  max-width: 8rem !important;
}

.w-9 {
  max-width: 9rem !important;
}

.w-10 {
  max-width: 10rem !important;
}

.w-11 {
  max-width: 11rem !important;
}

.w-12 {
  max-width: 12rem !important;
}

.w-13 {
  max-width: 13rem !important;
}

.w-14 {
  max-width: 14rem !important;
}

.w-15 {
  max-width: 15rem !important;
}

.w-16 {
  max-width: 16rem !important;
}

.w-17 {
  max-width: 17rem !important;
}

.w-18 {
  max-width: 18rem !important;
}

.w-19 {
  max-width: 19rem !important;
}

.w-20 {
  max-width: 20rem !important;
}

.w-21 {
  max-width: 21rem !important;
}

.w-22 {
  max-width: 22rem !important;
}

.w-23 {
  max-width: 23rem !important;
}

.w-24 {
  max-width: 24rem !important;
}

.w-25 {
  max-width: 25rem !important;
}

.w-26 {
  max-width: 26rem !important;
}

.w-27 {
  max-width: 27rem !important;
}

.w-28 {
  max-width: 28rem !important;
}

.w-29 {
  max-width: 29rem !important;
}

.w-30 {
  max-width: 30rem !important;
}

.w-31 {
  max-width: 31rem !important;
}

.w-32 {
  max-width: 32rem !important;
}

.w-33 {
  max-width: 33rem !important;
}

.w-34 {
  max-width: 34rem !important;
}

.w-35 {
  max-width: 35rem !important;
}

.w-36 {
  max-width: 36rem !important;
}

.w-37 {
  max-width: 37rem !important;
}

.w-38 {
  max-width: 38rem !important;
}

.w-39 {
  max-width: 39rem !important;
}

.w-40 {
  max-width: 40rem !important;
}

.w-41 {
  max-width: 41rem !important;
}

.w-42 {
  max-width: 42rem !important;
}

.w-43 {
  max-width: 43rem !important;
}

.w-44 {
  max-width: 44rem !important;
}

.w-45 {
  max-width: 45rem !important;
}

.w-46 {
  max-width: 46rem !important;
}

.w-47 {
  max-width: 47rem !important;
}

.w-48 {
  max-width: 48rem !important;
}

.w-49 {
  max-width: 49rem !important;
}

.w-50 {
  max-width: 50rem !important;
}

.w-51 {
  max-width: 51rem !important;
}

.w-52 {
  max-width: 52rem !important;
}

.w-53 {
  max-width: 53rem !important;
}

.w-54 {
  max-width: 54rem !important;
}

.w-55 {
  max-width: 55rem !important;
}

.w-56 {
  max-width: 56rem !important;
}

.w-57 {
  max-width: 57rem !important;
}

.w-58 {
  max-width: 58rem !important;
}

.w-59 {
  max-width: 59rem !important;
}

.w-60 {
  max-width: 60rem !important;
}

.w-61 {
  max-width: 61rem !important;
}

.w-62 {
  max-width: 62rem !important;
}

.w-63 {
  max-width: 63rem !important;
}

.w-64 {
  max-width: 64rem !important;
}

.w-65 {
  max-width: 65rem !important;
}

.w-66 {
  max-width: 66rem !important;
}

.w-67 {
  max-width: 67rem !important;
}

.w-68 {
  max-width: 68rem !important;
}

.w-69 {
  max-width: 69rem !important;
}

.w-70 {
  max-width: 70rem !important;
}

.w-71 {
  max-width: 71rem !important;
}

.w-72 {
  max-width: 72rem !important;
}

.w-73 {
  max-width: 73rem !important;
}

.w-74 {
  max-width: 74rem !important;
}

.w-75 {
  max-width: 75rem !important;
}

.w-76 {
  max-width: 76rem !important;
}

.w-77 {
  max-width: 77rem !important;
}

.w-78 {
  max-width: 78rem !important;
}

.w-79 {
  max-width: 79rem !important;
}

.w-80 {
  max-width: 80rem !important;
}

.w-81 {
  max-width: 81rem !important;
}

.w-82 {
  max-width: 82rem !important;
}

.w-83 {
  max-width: 83rem !important;
}

.w-84 {
  max-width: 84rem !important;
}

.w-85 {
  max-width: 85rem !important;
}

.w-86 {
  max-width: 86rem !important;
}

.w-87 {
  max-width: 87rem !important;
}

.w-88 {
  max-width: 88rem !important;
}

.w-89 {
  max-width: 89rem !important;
}

.w-90 {
  max-width: 90rem !important;
}

.w-91 {
  max-width: 91rem !important;
}

.w-92 {
  max-width: 92rem !important;
}

.w-93 {
  max-width: 93rem !important;
}

.w-94 {
  max-width: 94rem !important;
}

.w-95 {
  max-width: 95rem !important;
}

.w-96 {
  max-width: 96rem !important;
}

.w-97 {
  max-width: 97rem !important;
}

.w-98 {
  max-width: 98rem !important;
}

.w-99 {
  max-width: 99rem !important;
}

@media (max-width: 769px) {
  [class*=w-] {
    max-width: 100% !important;
  }
}

.center {
  text-align: center;
  margin: 0 auto;
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.py-9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.py-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.py-11 {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.my-11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.py-12 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.my-12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.py-13 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

.my-13 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.py-14 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.my-14 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.py-15 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.my-15 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.py-16 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.my-16 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.py-17 {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}

.my-17 {
  margin-top: 17rem;
  margin-bottom: 17rem;
}

.py-18 {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

.my-18 {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

.py-19 {
  padding-top: 19rem !important;
  padding-bottom: 19rem !important;
}

.my-19 {
  margin-top: 19rem;
  margin-bottom: 19rem;
}

.py-20 {
  padding-top: 20rem !important;
  padding-bottom: 20rem !important;
}

.my-20 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.px-11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.mx-11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.px-12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.mx-12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.px-13 {
  padding-left: 13rem;
  padding-right: 13rem;
}

.mx-13 {
  margin-left: 13rem;
  margin-right: 13rem;
}

.px-14 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.mx-14 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.px-15 {
  padding-left: 15rem;
  padding-right: 15rem;
}

.mx-15 {
  margin-left: 15rem;
  margin-right: 15rem;
}

.px-16 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.mx-16 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.px-17 {
  padding-left: 17rem;
  padding-right: 17rem;
}

.mx-17 {
  margin-left: 17rem;
  margin-right: 17rem;
}

.px-18 {
  padding-left: 18rem;
  padding-right: 18rem;
}

.mx-18 {
  margin-left: 18rem;
  margin-right: 18rem;
}

.px-19 {
  padding-left: 19rem;
  padding-right: 19rem;
}

.mx-19 {
  margin-left: 19rem;
  margin-right: 19rem;
}

.px-20 {
  padding-left: 20rem;
  padding-right: 20rem;
}

.mx-20 {
  margin-left: 20rem;
  margin-right: 20rem;
}

.pt-1 {
  padding-top: 1rem !important;
}

.mt-1 {
  margin-top: 1rem;
}

.pt-2 {
  padding-top: 2rem !important;
}

.mt-2 {
  margin-top: 2rem;
}

.pt-3 {
  padding-top: 3rem !important;
}

.mt-3 {
  margin-top: 3rem;
}

.pt-4 {
  padding-top: 4rem !important;
}

.mt-4 {
  margin-top: 4rem;
}

.pt-5 {
  padding-top: 5rem !important;
}

@media (max-width: 769px) {
  .pt-5 {
    padding-top: 2.5rem !important;
  }
}

.mt-5 {
  margin-top: 5rem;
}

@media (max-width: 769px) {
  .mt-5 {
    margin-top: 2.5rem !important;
  }
}

.pt-6 {
  padding-top: 6rem !important;
}

@media (max-width: 769px) {
  .pt-6 {
    padding-top: 3rem !important;
  }
}

.mt-6 {
  margin-top: 6rem;
}

@media (max-width: 769px) {
  .mt-6 {
    margin-top: 3rem !important;
  }
}

.pt-7 {
  padding-top: 7rem !important;
}

@media (max-width: 769px) {
  .pt-7 {
    padding-top: 3.5rem !important;
  }
}

.mt-7 {
  margin-top: 7rem;
}

@media (max-width: 769px) {
  .mt-7 {
    margin-top: 3.5rem !important;
  }
}

.pt-8 {
  padding-top: 8rem !important;
}

@media (max-width: 769px) {
  .pt-8 {
    padding-top: 4rem !important;
  }
}

.mt-8 {
  margin-top: 8rem;
}

@media (max-width: 769px) {
  .mt-8 {
    margin-top: 4rem !important;
  }
}

.pt-9 {
  padding-top: 9rem !important;
}

@media (max-width: 769px) {
  .pt-9 {
    padding-top: 4.5rem !important;
  }
}

.mt-9 {
  margin-top: 9rem;
}

@media (max-width: 769px) {
  .mt-9 {
    margin-top: 4.5rem !important;
  }
}

.pt-10 {
  padding-top: 10rem !important;
}

@media (max-width: 769px) {
  .pt-10 {
    padding-top: 5rem !important;
  }
}

.mt-10 {
  margin-top: 10rem;
}

@media (max-width: 769px) {
  .mt-10 {
    margin-top: 5rem !important;
  }
}

.pt-11 {
  padding-top: 11rem !important;
}

@media (max-width: 769px) {
  .pt-11 {
    padding-top: 5.5rem !important;
  }
}

.mt-11 {
  margin-top: 11rem;
}

@media (max-width: 769px) {
  .mt-11 {
    margin-top: 5.5rem !important;
  }
}

.pt-12 {
  padding-top: 12rem !important;
}

@media (max-width: 769px) {
  .pt-12 {
    padding-top: 6rem !important;
  }
}

.mt-12 {
  margin-top: 12rem;
}

@media (max-width: 769px) {
  .mt-12 {
    margin-top: 6rem !important;
  }
}

.pt-13 {
  padding-top: 13rem !important;
}

@media (max-width: 769px) {
  .pt-13 {
    padding-top: 6.5rem !important;
  }
}

.mt-13 {
  margin-top: 13rem;
}

@media (max-width: 769px) {
  .mt-13 {
    margin-top: 6.5rem !important;
  }
}

.pt-14 {
  padding-top: 14rem !important;
}

@media (max-width: 769px) {
  .pt-14 {
    padding-top: 7rem !important;
  }
}

.mt-14 {
  margin-top: 14rem;
}

@media (max-width: 769px) {
  .mt-14 {
    margin-top: 7rem !important;
  }
}

.pt-15 {
  padding-top: 15rem !important;
}

@media (max-width: 769px) {
  .pt-15 {
    padding-top: 7.5rem !important;
  }
}

.mt-15 {
  margin-top: 15rem;
}

@media (max-width: 769px) {
  .mt-15 {
    margin-top: 7.5rem !important;
  }
}

.pt-16 {
  padding-top: 16rem !important;
}

@media (max-width: 769px) {
  .pt-16 {
    padding-top: 8rem !important;
  }
}

.mt-16 {
  margin-top: 16rem;
}

@media (max-width: 769px) {
  .mt-16 {
    margin-top: 8rem !important;
  }
}

.pt-17 {
  padding-top: 17rem !important;
}

@media (max-width: 769px) {
  .pt-17 {
    padding-top: 8.5rem !important;
  }
}

.mt-17 {
  margin-top: 17rem;
}

@media (max-width: 769px) {
  .mt-17 {
    margin-top: 8.5rem !important;
  }
}

.pt-18 {
  padding-top: 18rem !important;
}

@media (max-width: 769px) {
  .pt-18 {
    padding-top: 9rem !important;
  }
}

.mt-18 {
  margin-top: 18rem;
}

@media (max-width: 769px) {
  .mt-18 {
    margin-top: 9rem !important;
  }
}

.pt-19 {
  padding-top: 19rem !important;
}

@media (max-width: 769px) {
  .pt-19 {
    padding-top: 9.5rem !important;
  }
}

.mt-19 {
  margin-top: 19rem;
}

@media (max-width: 769px) {
  .mt-19 {
    margin-top: 9.5rem !important;
  }
}

.pt-20 {
  padding-top: 20rem !important;
}

@media (max-width: 769px) {
  .pt-20 {
    padding-top: 10rem !important;
  }
}

.mt-20 {
  margin-top: 20rem;
}

@media (max-width: 769px) {
  .mt-20 {
    margin-top: 10rem !important;
  }
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

@media (max-width: 769px) {
  .pb-5 {
    padding-bottom: 2.5rem !important;
  }
}

.mb-5 {
  margin-bottom: 5rem !important;
}

@media (max-width: 769px) {
  .mb-5 {
    margin-bottom: 2.5rem !important;
  }
}

.pb-6 {
  padding-bottom: 6rem !important;
}

@media (max-width: 769px) {
  .pb-6 {
    padding-bottom: 3rem !important;
  }
}

.mb-6 {
  margin-bottom: 6rem !important;
}

@media (max-width: 769px) {
  .mb-6 {
    margin-bottom: 3rem !important;
  }
}

.pb-7 {
  padding-bottom: 7rem !important;
}

@media (max-width: 769px) {
  .pb-7 {
    padding-bottom: 3.5rem !important;
  }
}

.mb-7 {
  margin-bottom: 7rem !important;
}

@media (max-width: 769px) {
  .mb-7 {
    margin-bottom: 3.5rem !important;
  }
}

.pb-8 {
  padding-bottom: 8rem !important;
}

@media (max-width: 769px) {
  .pb-8 {
    padding-bottom: 4rem !important;
  }
}

.mb-8 {
  margin-bottom: 8rem !important;
}

@media (max-width: 769px) {
  .mb-8 {
    margin-bottom: 4rem !important;
  }
}

.pb-9 {
  padding-bottom: 9rem !important;
}

@media (max-width: 769px) {
  .pb-9 {
    padding-bottom: 4.5rem !important;
  }
}

.mb-9 {
  margin-bottom: 9rem !important;
}

@media (max-width: 769px) {
  .mb-9 {
    margin-bottom: 4.5rem !important;
  }
}

.pb-10 {
  padding-bottom: 10rem !important;
}

@media (max-width: 769px) {
  .pb-10 {
    padding-bottom: 5rem !important;
  }
}

.mb-10 {
  margin-bottom: 10rem !important;
}

@media (max-width: 769px) {
  .mb-10 {
    margin-bottom: 5rem !important;
  }
}

.pb-11 {
  padding-bottom: 11rem !important;
}

@media (max-width: 769px) {
  .pb-11 {
    padding-bottom: 5.5rem !important;
  }
}

.mb-11 {
  margin-bottom: 11rem !important;
}

@media (max-width: 769px) {
  .mb-11 {
    margin-bottom: 5.5rem !important;
  }
}

.pb-12 {
  padding-bottom: 12rem !important;
}

@media (max-width: 769px) {
  .pb-12 {
    padding-bottom: 6rem !important;
  }
}

.mb-12 {
  margin-bottom: 12rem !important;
}

@media (max-width: 769px) {
  .mb-12 {
    margin-bottom: 6rem !important;
  }
}

.pb-13 {
  padding-bottom: 13rem !important;
}

@media (max-width: 769px) {
  .pb-13 {
    padding-bottom: 6.5rem !important;
  }
}

.mb-13 {
  margin-bottom: 13rem !important;
}

@media (max-width: 769px) {
  .mb-13 {
    margin-bottom: 6.5rem !important;
  }
}

.pb-14 {
  padding-bottom: 14rem !important;
}

@media (max-width: 769px) {
  .pb-14 {
    padding-bottom: 7rem !important;
  }
}

.mb-14 {
  margin-bottom: 14rem !important;
}

@media (max-width: 769px) {
  .mb-14 {
    margin-bottom: 7rem !important;
  }
}

.pb-15 {
  padding-bottom: 15rem !important;
}

@media (max-width: 769px) {
  .pb-15 {
    padding-bottom: 7.5rem !important;
  }
}

.mb-15 {
  margin-bottom: 15rem !important;
}

@media (max-width: 769px) {
  .mb-15 {
    margin-bottom: 7.5rem !important;
  }
}

.pb-16 {
  padding-bottom: 16rem !important;
}

@media (max-width: 769px) {
  .pb-16 {
    padding-bottom: 8rem !important;
  }
}

.mb-16 {
  margin-bottom: 16rem !important;
}

@media (max-width: 769px) {
  .mb-16 {
    margin-bottom: 8rem !important;
  }
}

.pb-17 {
  padding-bottom: 17rem !important;
}

@media (max-width: 769px) {
  .pb-17 {
    padding-bottom: 8.5rem !important;
  }
}

.mb-17 {
  margin-bottom: 17rem !important;
}

@media (max-width: 769px) {
  .mb-17 {
    margin-bottom: 8.5rem !important;
  }
}

.pb-18 {
  padding-bottom: 18rem !important;
}

@media (max-width: 769px) {
  .pb-18 {
    padding-bottom: 9rem !important;
  }
}

.mb-18 {
  margin-bottom: 18rem !important;
}

@media (max-width: 769px) {
  .mb-18 {
    margin-bottom: 9rem !important;
  }
}

.pb-19 {
  padding-bottom: 19rem !important;
}

@media (max-width: 769px) {
  .pb-19 {
    padding-bottom: 9.5rem !important;
  }
}

.mb-19 {
  margin-bottom: 19rem !important;
}

@media (max-width: 769px) {
  .mb-19 {
    margin-bottom: 9.5rem !important;
  }
}

.pb-20 {
  padding-bottom: 20rem !important;
}

@media (max-width: 769px) {
  .pb-20 {
    padding-bottom: 10rem !important;
  }
}

.mb-20 {
  margin-bottom: 20rem !important;
}

@media (max-width: 769px) {
  .mb-20 {
    margin-bottom: 10rem !important;
  }
}

.pl-1 {
  padding-left: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.pl-2 {
  padding-left: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.pl-3 {
  padding-left: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.pl-4 {
  padding-left: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.pl-5 {
  padding-left: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

.pl-6 {
  padding-left: 6rem;
}

.ml-6 {
  margin-left: 6rem;
}

.pl-7 {
  padding-left: 7rem;
}

.ml-7 {
  margin-left: 7rem;
}

.pl-8 {
  padding-left: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.pl-9 {
  padding-left: 9rem;
}

.ml-9 {
  margin-left: 9rem;
}

.pl-10 {
  padding-left: 10rem;
}

.ml-10 {
  margin-left: 10rem;
}

.pl-11 {
  padding-left: 11rem;
}

.ml-11 {
  margin-left: 11rem;
}

.pl-12 {
  padding-left: 12rem;
}

.ml-12 {
  margin-left: 12rem;
}

.pl-13 {
  padding-left: 13rem;
}

.ml-13 {
  margin-left: 13rem;
}

.pl-14 {
  padding-left: 14rem;
}

.ml-14 {
  margin-left: 14rem;
}

.pl-15 {
  padding-left: 15rem;
}

.ml-15 {
  margin-left: 15rem;
}

.pl-16 {
  padding-left: 16rem;
}

.ml-16 {
  margin-left: 16rem;
}

.pl-17 {
  padding-left: 17rem;
}

.ml-17 {
  margin-left: 17rem;
}

.pl-18 {
  padding-left: 18rem;
}

.ml-18 {
  margin-left: 18rem;
}

.pl-19 {
  padding-left: 19rem;
}

.ml-19 {
  margin-left: 19rem;
}

.pl-20 {
  padding-left: 20rem;
}

.ml-20 {
  margin-left: 20rem;
}

.pr-1 {
  padding-right: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.pr-2 {
  padding-right: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.pr-3 {
  padding-right: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.pr-4 {
  padding-right: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.pr-5 {
  padding-right: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.pr-6 {
  padding-right: 6rem;
}

.mr-6 {
  margin-right: 6rem;
}

.pr-7 {
  padding-right: 7rem;
}

.mr-7 {
  margin-right: 7rem;
}

.pr-8 {
  padding-right: 8rem;
}

.mr-8 {
  margin-right: 8rem;
}

.pr-9 {
  padding-right: 9rem;
}

.mr-9 {
  margin-right: 9rem;
}

.pr-10 {
  padding-right: 10rem;
}

.mr-10 {
  margin-right: 10rem;
}

.pr-11 {
  padding-right: 11rem;
}

.mr-11 {
  margin-right: 11rem;
}

.pr-12 {
  padding-right: 12rem;
}

.mr-12 {
  margin-right: 12rem;
}

.pr-13 {
  padding-right: 13rem;
}

.mr-13 {
  margin-right: 13rem;
}

.pr-14 {
  padding-right: 14rem;
}

.mr-14 {
  margin-right: 14rem;
}

.pr-15 {
  padding-right: 15rem;
}

.mr-15 {
  margin-right: 15rem;
}

.pr-16 {
  padding-right: 16rem;
}

.mr-16 {
  margin-right: 16rem;
}

.pr-17 {
  padding-right: 17rem;
}

.mr-17 {
  margin-right: 17rem;
}

.pr-18 {
  padding-right: 18rem;
}

.mr-18 {
  margin-right: 18rem;
}

.pr-19 {
  padding-right: 19rem;
}

.mr-19 {
  margin-right: 19rem;
}

.pr-20 {
  padding-right: 20rem;
}

.mr-20 {
  margin-right: 20rem;
}

.p-1 {
  padding: 1rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

/*

===== 1.0 - Components =====

*/
.brxe-button.outline {
  color: white;
  border: 1px solid var(--color-primary) !important;
}

.button-black {
  color: var(--color-secondary) !important;
}

.background-gradient {
  position: relative;
  z-index: 1;
}

.background-gradient::before, .background-gradient::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: -1;
}

.background-gradient::before {
  background: linear-gradient(0deg, rgba(25, 28, 29, 0) 0%, #191c1d 100%);
}

.background-gradient::after {
  top: unset;
  bottom: 0;
  background: linear-gradient(180deg, rgba(25, 28, 29, 0) 0%, #191c1d 100%);
  height: 80%;
}

.list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list ul li {
  position: relative;
  padding-left: 25px;
}

.list ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg id='Icon_ionic-ios-checkbox-outline' data-name='Icon ionic-ios-checkbox-outline' transform='translate(-4.5 -4.5)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M16.417,4.5H5.583A1.082,1.082,0,0,0,4.5,5.583V16.417A1.082,1.082,0,0,0,5.583,17.5H16.417A1.082,1.082,0,0,0,17.5,16.417V5.583A1.082,1.082,0,0,0,16.417,4.5Zm.135,11.781a.272.272,0,0,1-.271.271H5.719a.272.272,0,0,1-.271-.271V5.719a.272.272,0,0,1,.271-.271H16.281a.272.272,0,0,1,.271.271Z' fill='%23d1a047'/%3E%3Cpath id='Path_58' data-name='Path 58' d='M17.756,12.86l-.6-.613a.128.128,0,0,0-.095-.041h0a.123.123,0,0,0-.095.041l-4.13,4.161-1.5-1.5a.131.131,0,0,0-.19,0l-.6.6a.135.135,0,0,0,0,.193l1.9,1.9a.6.6,0,0,0,.4.193.628.628,0,0,0,.393-.186h0l4.526-4.55A.145.145,0,0,0,17.756,12.86Z' transform='translate(-3.114 -3.996)' fill='%23d1a047'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  top: 2px;
  left: 0;
}

.list ul li + li {
  margin-top: 8px;
}

input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field:not([multiple]):not([size]) {
  height: 52px !important;
}

textarea.wsf-field {
  min-height: 100px !important;
}

.best-price::after {
  content: 'Beste prijs';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-primary);
  padding: 3px 15px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 14px;
}

.background-icon {
  position: relative;
  z-index: 1;
}

.background-icon::before {
  content: '';
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='372.399' height='607.087' viewBox='0 0 372.399 607.087'%3E%3Cg id='Group_62' data-name='Group 62' transform='translate(0)' opacity='0.05'%3E%3Cpath id='Path_21' data-name='Path 21' d='M223.336,0-14.125,175.243v63.972L280.832,27.321Z' transform='translate(14.125)' fill='%23fff'/%3E%3Cpath id='Path_22' data-name='Path 22' d='M275.894,0V179.971l-83.065-59.684L24.765,241.015h-.017v-.021l-42.2-30.313L192.828,59.642Z' transform='translate(96.495 271.028)' fill='%23fff'/%3E%3Cpath id='Path_23' data-name='Path 23' d='M0,114.976,168.047-5.772V65L49.224,150.33Z' transform='translate(204.337 456.757)' fill='%23fff'/%3E%3Cpath id='Path_24' data-name='Path 24' d='M349.622,0,60.92,207.418l-83.032,59.663v60.6L60.92,268,267.213,119.827l83.032,59.7h.034V.439L349.639,0Z' transform='translate(22.121 91.484)' fill='%23fff'/%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,56.811v60.583L83.032,57.71V-2.852Z' transform='translate(0.007 301.762)' fill='%23d99f30'/%3E%3Cpath id='Path_27' data-name='Path 27' d='M78.124,0V179.971L-4.941,120.288V59.642Z' transform='translate(294.264 271.028)' fill='%23d99f30'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}