.elementor-3847 .elementor-element.elementor-element-5acfaad{--display:flex;--min-height:971px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3847 .elementor-element.elementor-element-5acfaad:not(.elementor-motion-effects-element-type-background), .elementor-3847 .elementor-element.elementor-element-5acfaad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://browstudiox.nl/wp-content/uploads/2026/04/Vector-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3847 .elementor-element.elementor-element-fee9697{--display:flex;--margin-top:-26%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3847 .elementor-element.elementor-element-2c4af0a{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -4%;text-align:start;}.elementor-3847 .elementor-element.elementor-element-2c4af0a img{width:52%;}.elementor-3847 .elementor-element.elementor-element-139889c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-5deeded{--display:flex;}.elementor-3847 .elementor-element.elementor-element-0d05b2b{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3847 .elementor-element.elementor-element-72a507b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -4%;text-align:start;}.elementor-3847 .elementor-element.elementor-element-72a507b img{width:52%;}.elementor-3847 .elementor-element.elementor-element-78029fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-dd6d7a8{--display:flex;}.elementor-3847 .elementor-element.elementor-element-242a334{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3847 .elementor-element.elementor-element-242a334:not(.elementor-motion-effects-element-type-background), .elementor-3847 .elementor-element.elementor-element-242a334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://browstudiox.nl/wp-content/uploads/2026/04/Vector-2.png");}.elementor-3847 .elementor-element.elementor-element-61b4632{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -4%;text-align:start;}.elementor-3847 .elementor-element.elementor-element-61b4632 img{width:31%;}.elementor-3847 .elementor-element.elementor-element-407b7fc{--display:flex;--min-height:0px;--margin-top:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-9a6f32d{background-image:url("https://browstudiox.nl/wp-content/uploads/2026/04/Vector-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3847 .elementor-element.elementor-element-47ea38b{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3847 .elementor-element.elementor-element-68575b1 .elementor-button{background-color:#E9BE8F;font-family:"Poppins", Sans-serif;font-weight:600;fill:#733C19;color:#733C19;border-radius:20px 20px 20px 20px;}.elementor-3847 .elementor-element.elementor-element-11bc5bb{--display:flex;}body.elementor-page-3847:not(.elementor-motion-effects-element-type-background), body.elementor-page-3847 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://browstudiox.nl/wp-content/uploads/2026/04/Rectangle-232.png");}@media(min-width:768px){.elementor-3847 .elementor-element.elementor-element-5acfaad{--content-width:1117px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3847 .elementor-element.elementor-element-fee9697{--content-width:875px;}}@media(max-width:1024px){.elementor-3847 .elementor-element.elementor-element-5acfaad{--min-height:316px;}.elementor-3847 .elementor-element.elementor-element-fee9697{--margin-top:30%;--margin-bottom:0%;--margin-left:03%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-2c4af0a{margin:-25% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -4%;}.elementor-3847 .elementor-element.elementor-element-2c4af0a img{width:32%;}.elementor-3847 .elementor-element.elementor-element-139889c{--margin-top:-17%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-72a507b img{width:32%;}.elementor-3847 .elementor-element.elementor-element-61b4632 img{width:32%;}}@media(max-width:767px){.elementor-3847 .elementor-element.elementor-element-5acfaad{--content-width:500px;--min-height:383px;}.elementor-3847 .elementor-element.elementor-element-fee9697{--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3847 .elementor-element.elementor-element-2c4af0a{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -5%;}.elementor-3847 .elementor-element.elementor-element-2c4af0a img{width:94%;}.elementor-3847 .elementor-element.elementor-element-139889c{--margin-top:-13%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3847 .elementor-element.elementor-element-72a507b img{width:94%;}.elementor-3847 .elementor-element.elementor-element-78029fa{--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3847 .elementor-element.elementor-element-61b4632{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -10%;}.elementor-3847 .elementor-element.elementor-element-61b4632 img{width:71%;}.elementor-3847 .elementor-element.elementor-element-407b7fc{--margin-top:-16%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3847 .elementor-element.elementor-element-9a6f32d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;background-size:contain;}.elementor-3847 .elementor-element.elementor-element-47ea38b{--padding-top:0px;--padding-bottom:0px;--padding-left:33px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-15b1d20 */.flip-card {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  perspective: 1000px;
}

/* Force consistent height using aspect ratio (BEST) */
.flip-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5; /* 👈 adjust if needed */
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  inset: 0; /* shorthand for top, right, bottom, left = 0 */
  backface-visibility: hidden;
  border-radius: 20px;
  overflow: hidden;
}

/* THIS is what fixes unequal image sizes */
.flip-front img,
.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 👈 makes both images fill equally */
  display: block;
}

.flip-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80fb63b */.guidelines-container {
  max-width: 1300px;
  margin: 0 auto;
  color: #6b3f2b;
  font-family: "Poppins", sans-serif;
}

.guidelines-container h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif !important;
  color: #733C19;
}

.intro {
  font-size: 18px;
  margin-bottom: 25px;
  line-height: 1.6;
  color: #733C19;
}

.guideline-block {
  margin-bottom: 20px;
}

.guideline-block h4 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 8px;
  color:#522509;
}

.guideline-block ul {
  padding-left: 18px;
}

.guideline-block li {
  font-size: 18px;
  margin-bottom: 6px;
  line-height: 1.6;
}

.guideline-block.important h4 {
  margin-bottom: 6px;
}

.guideline-block.important p {
  font-size: 18px;
  color: #733C19;
}
@media (max-width: 768px) {
  .guidelines-container h3,
  .guideline-block h4 {
    font-size: 16px;
  }

  .intro,
  .guideline-block li,
  .guideline-block p {
    font-size: 14px;
  }
}

/* Animation (does NOT touch your styles) */
.animate {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate.show {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c44d4ab */.guideline-block p{
    font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a6f32d */p{
    color: #733C19;
}


.guidelines-container {
  max-width: 1300px;
  margin: 0 auto;
  color: #6b3f2b;
  font-family: "Poppins", sans-serif;
}

.guidelines-container h3 {
  font-size: 18px;
  margin-bottom: 10px;
  
  color: #733C19;
}

.intro {
  font-size: 18px;
  margin-bottom: 25px;
  line-height: 1.6;
  color: #733C19;
}

.guideline-block {
  margin-bottom: 20px;
}

.guideline-block h4 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 8px;
  color:#522509;
}

.guideline-block ul {
  padding-left: 18px;
}

.guideline-block li {
  font-size: 18px;
  margin-bottom: 6px;
  line-height: 1.6;
}

.guideline-block.important h4 {
  margin-bottom: 6px;
}

.guideline-block.important p {
  font-size: 18px;
  color: #733C19;
}
@media (max-width: 768px) {
  .guidelines-container h3,
  .guideline-block h4 {
    font-size: 16px;
  }

  .intro,
  .guideline-block li,
  .guideline-block p {
    font-size: 14px;
  }
}/* End custom CSS */