/*
 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:  brein
*/
main, footer {
  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;
}

.splitting {
  display: flex;
  flex-wrap: wrap;
}
.splitting .word {
  overflow: hidden;
  display: flex;
}
.splitting .word span {
  display: block;
}
.splitting .word + .whitespace {
  margin-left: 0.3em !important;
}

@media (max-width: 765px) {
  main section:last-of-type {
    padding-bottom: 100px;
  }
}
/*

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

*/
:root {
  --color-primary: #3F2075;
  --color-secondary: #F48100;
  --color-tetriary: #F0F0F0;
  --color-body: #3F2075;
  --color-extra-1: #FFFFFF;
  --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(3.2rem, calc(3.2rem + ((1vw - 0.375rem) * 2.774566474)), 5.6rem);
  --h2-size: clamp(3rem, calc(3rem + ((1vw - 0.375rem) * 1.387283237)), 4.2rem);
  --h3-size: clamp(2.1rem, calc(2.1rem + ((1vw - 0.375rem) * 0.3468208092)), 2.4rem);
}

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

.color-primary * {
  color: var(--color-primary) !important;
}

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

.color-tetriary * {
  color: var(--color-tetriary) !important;
}

h1, h2, h3, h4, h5 {
  font-family: "Mundial", sans-serif;
  font-weight: 700;
  overflow-wrap: break-word;
}
h1 i, h1 em, h2 i, h2 em, h3 i, h3 em, h4 i, h4 em, h5 i, h5 em {
  color: var(--color-secondary) !important;
  font-style: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: var(--color-secondary) !important;
  text-decoration: underline;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  color: var(--color-primary) !important;
}

p a,
div.brxe-text-basic a {
  color: var(--color-secondary);
  text-decoration: underline;
}
p a:hover,
div.brxe-text-basic a:hover {
  color: var(--color-primary);
}

h3 {
  margin-bottom: 15px;
}

.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, .brxe-button.wsf-button {
  font-family: "Mundial", sans-serif;
  font-weight: 700;
  font-style: 16px;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.brxe-button.lg {
  padding: 15px 30px;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  color: white !important;
  text-decoration: none !important;
}
@media screen and (min-width: 900px) {
  .brxe-button.lg::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.707' height='11.987' viewBox='0 0 36.707 11.987'%3E%3Cg id='Group_100' data-name='Group 100' transform='translate(-383.5 -1216.646)'%3E%3Cline id='Line_1' data-name='Line 1' x2='36' transform='translate(383.5 1222.486)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_269' data-name='Path 269' d='M5005.069-5787.986l5.64,5.64-5.64,5.64' transform='translate(-4591.208 7004.986)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.brxe-button.lg:hover {
  background-color: #DE7A09;
}
.brxe-button.lg:hover::after {
  transform: translateX(5px);
}

.brxe-button.md, .brxe-button.wsf-button {
  padding: 15px 30px;
  border-radius: 6px;
  color: white !important;
  text-decoration: none !important;
}

.brxe-button.sm {
  padding: 0;
  color: var(--color-secondary);
  text-align: left;
}
.brxe-button.sm::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.708' height='11.986' viewBox='0 0 36.708 11.986'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-2256.993,7038.4l4.786-4.787H-2287v-1h34.793l-4.786-4.786.707-.707,5.994,5.992-5.994,5.994Z' transform='translate(2287 -7027.118)' fill='%23f48100'/%3E%3C/svg%3E%0A");
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.brxe-button.sm:hover::after {
  transform: translateX(5px);
}

.button-remove-arrow {
  text-decoration: underline;
}
.button-remove-arrow::after {
  content: none !important;
}

.image-slant {
  height: 100%;
  min-width: 50vw;
  max-height: 623px;
  position: relative;
  --clip-width: 250px;
}
@media screen and (max-width: 900px) {
  .image-slant {
    --clip-width: 100px;
  }
}
.image-slant img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  clip-path: polygon(var(--clip-width) 0, 100% 0, 100% 100%, 0 100%);
}
.image-slant div {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  filter: drop-shadow(45px 0px 0px white) drop-shadow(45px 0px 0px var(--color-secondary));
}
.image-slant div::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -110px;
  width: 240px;
  height: 100%;
  background: var(--color-secondary);
  clip-path: polygon(var(--clip-width) 0, calc(var(--clip-width) + 45px) 0, 45px 100%, 0 100%);
  z-index: 1;
}
@media (max-width: 769px) {
  .image-slant {
    --clip-path: 10px;
    width: calc(100vw + 30px) !important;
    margin-left: -15px;
  }
}

.image-breakout {
  min-width: 900px;
}
@media (max-width: 900px) {
  .image-breakout {
    min-width: 130vw;
  }
}

.doelgroepen__container {
  display: grid;
  width: 100%;
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
}
.doelgroepen__container > div:nth-child(1) {
  background: var(--color-primary);
}
.doelgroepen__container > div:nth-child(1) * {
  filter: contrast(0.5) brightness(100);
}
.doelgroepen__container > div:nth-child(2) {
  background: var(--color-secondary);
}
.doelgroepen__container > div:nth-child(2) * {
  filter: contrast(0.5) brightness(100);
}

.doelgroep__icon {
  margin-bottom: 25px;
}

.doelgroep__title {
  margin-bottom: 20px;
}

.doelgroep__text {
  margin-bottom: 40px !important;
}

.dienst__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2rem !important;
  margin-top: 1rem !important;
}

.projecten__container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
}

.project {
  background: white;
  border: 1px solid var(--color-tetriary);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.project:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  border-color: white;
}

.project__content {
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.project__title {
  margin-bottom: 15px;
}

.project__image {
  position: relative;
  width: 100%;
  height: 173px;
}
.project__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.project__cats {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.project__cats span {
  padding: 5px 10px;
  border-radius: 5px;
  font-family: "Mundial", sans-serif;
  font-size: 10px;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  background: var(--color-secondary);
  color: white !important;
  text-decoration: none !important;
}

.project__terms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.project__terms a {
  padding: 5px 10px;
  border-radius: 5px;
  font-family: "Mundial", sans-serif;
  font-size: 10px;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  background: var(--color-secondary);
  color: white !important;
  text-decoration: none !important;
  pointer-events: none;
}

.bricks-layout-wrapper[data-layout=grid] .image {
  border-radius: 10px;
}

@media screen and (max-width: 900px) {
  #brxe-ecllmu {
    --columns: 2 !important;
    --gutter: 10px !important;
  }
}

header .brxe-shortcode {
  display: flex;
  height: 70px;
  align-items: center;
  align-content: stretch;
}

.menu__container {
  display: flex;
  align-items: center;
}
.menu__container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 50px;
}

li.menu__item {
  padding: 30px 0;
}
li.menu__item > span {
  font-family: "Mundial", sans-serif;
  font-size: 15px;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  position: relative;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
li.menu__item.has__children {
  position: relative;
}
li.menu__item.has__children span::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.481' height='5.448'%3E%3Cpath fill='none' stroke='%23f48100' d='m.354.354 4.387 4.387L9.128.354' data-name='Path 372'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
li.menu__item.has__children:hover span::after {
  rotate: 180deg;
}

@media (min-width: 900px) {
  .mobile__menu-trigger {
    display: none;
  }
  .menu__item.has__children:hover .mega-menu__container {
    justify-content: center;
    display: flex;
  }
}
.mega-menu__container {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 20px;
  background: var(--color-tetriary);
  gap: 20px;
  border-radius: 20px;
  max-height: 500px;
  width: 100%;
  min-width: 800px;
  position: absolute;
  top: 70px;
  left: -20%;
  z-index: 999;
}
.mega-menu__container::before {
  content: "";
  position: absolute;
  top: -10PX;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10PX solid transparent;
  border-right: 10PX solid transparent;
  border-bottom: 10PX solid var(--color-tetriary);
}

.mega-menu__items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 20px 30px;
  background: white;
  border-radius: 10px;
}
.mega-menu__items a {
  display: flex;
  margin-top: 20px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  position: relative;
}
.mega-menu__items a::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-body);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mega-menu__items a:hover {
  opacity: 1;
}
.mega-menu__items a:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}
.mega-menu__items:nth-child(1) {
  background-color: var(--color-primary);
}
.mega-menu__items:nth-child(1) * {
  color: white;
}
.mega-menu__items:nth-child(1) a::after {
  background: white;
}
.mega-menu__items:nth-child(2) {
  background-color: var(--color-secondary);
}
.mega-menu__items:nth-child(2) * {
  color: white;
}
.mega-menu__items:nth-child(2) a::after {
  background: white;
}

@media screen and (max-width: 900px) {
  .mega-menu__container {
    padding: 0;
    border-radius: 0;
    background: none;
    flex-direction: column;
    max-height: unset;
    width: 100%;
    min-width: unset;
    margin-top: 20px;
  }
  .mega-menu__container::before {
    display: none;
  }
  .menu__container {
    display: none;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background: white;
    z-index: 100;
  }
  .menu__container .menu__wrapper {
    display: flex;
    place-content: center;
    width: 100%;
    padding-top: 20vh;
  }
  .menu__container ul {
    flex-direction: column;
    gap: 0;
    margin-left: 0;
    width: 90%;
  }
  .menu__container ul li {
    padding: 15px 0;
    width: 100%;
  }
  .menu__container ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .menu__container ul li > a {
    font-size: 20px;
  }
  .menu__container.active {
    display: flex;
    position: fixed;
    align-items: flex-start;
    justify-content: center;
  }
  .mega-menu__container {
    display: none;
    position: relative;
    left: 0;
    top: 0;
  }
  .mega-menu__container.active {
    display: flex;
  }
  .has__children.active span::after {
    rotate: 180deg;
  }
  .has__children.active:hover span::after {
    rotate: unset;
  }
}
.breadcrumb {
  padding: 0;
  color: #B6AEC6;
}

@media screen and (min-width: 900px) {
  .mobile-only {
    display: none;
  }
}

.mobile__menu-trigger {
  display: flex;
  margin-top: 15px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  z-index: 9999999;
}
@media screen and (min-width: 900px) {
  .mobile__menu-trigger {
    display: none;
  }
}
.mobile__menu-trigger__line {
  width: 30px;
  height: 2px;
  background: var(--color-secondary);
  display: block;
  margin: 2px 0;
  transition: all 0.3s ease;
}
.mobile__menu-trigger span {
  font-family: "Mundial", sans-serif;
  text-transform: uppercase;
  color: var(--color-primary);
}

@media screen and (max-width: 900px) {
  #brx-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999998;
  }
  .brxe-logo {
    z-index: 9999999;
  }
}
.footer-links a {
  opacity: 0.75;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer-links a:hover {
  opacity: 1;
  text-decoration: underline;
}

.footer-opacity {
  opacity: 0.4;
}

.sem-wijzen {
  --right: -200px;
  --rotate: 0deg;
}
.sem-wijzen::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: var(--right);
  width: 150px;
  height: 200px;
  rotate: var(--rotate);
  transform-origin: center;
  background-image: url("/wp-content/uploads/2023/12/sem-wijzen.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translatey(-50%);
}

.sem-menu {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.sem-menu img {
  position: relative;
  top: 100px;
}
@media (max-width: 900px) {
  .sem-menu {
    display: none;
  }
}

.boxed {
  padding: 30px 35px;
  background: white;
  border: 1px solid var(--color-tetriary);
  border-radius: 10px;
  box-shadow: 0;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

a.boxed:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-color: white;
  transform: translateY(-5px);
}
a.boxed:hover .bricks-button::after {
  transform: translatex(5px);
}

.background-seperator {
  position: relative;
  z-index: 1;
}
.background-seperator::after {
  content: "";
  position: absolute;
  background-color: white;
  width: 100%;
  height: 16vmin;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.bus-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bus-container img {
  height: 60px;
  width: auto;
}