.elementor-144 .elementor-element.elementor-element-30b5d2d{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-144 .elementor-element.elementor-element-f7a2e66{text-align:center;}.elementor-144 .elementor-element.elementor-element-f7a2e66 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-28eae7d{text-align:center;}.elementor-144 .elementor-element.elementor-element-28eae7d .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:64px;font-weight:700;color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-643cad7{text-align:center;}.elementor-144 .elementor-element.elementor-element-643cad7 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:48px;font-weight:400;color:var( --e-global-color-4c032c0 );}.elementor-144 .elementor-element.elementor-element-4c1afc0 .elementor-button{background-color:var( --e-global-color-a5e5e3b );font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:400;fill:var( --e-global-color-b0364fb );color:var( --e-global-color-b0364fb );border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-a5e5e3b );border-radius:50px 50px 50px 50px;padding:25px 35px 25px 35px;}.elementor-144 .elementor-element.elementor-element-673d949{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:2.5%;--margin-bottom:2.5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-ca2ecbc .elementor-button{background-color:var( --e-global-color-a5e5e3b );font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:400;fill:var( --e-global-color-b0364fb );color:var( --e-global-color-b0364fb );border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-a5e5e3b );border-radius:50px 50px 50px 50px;padding:25px 35px 25px 35px;}.elementor-144 .elementor-element.elementor-element-98818e6 .elementor-button{background-color:#A6473D00;font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:500;fill:var( --e-global-color-a5e5e3b );color:var( --e-global-color-a5e5e3b );border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-a5e5e3b );border-radius:50px 50px 50px 50px;padding:25px 35px 25px 35px;}.elementor-144 .elementor-element.elementor-element-3590fe2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-144 .elementor-element.elementor-element-a3181a0{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-0888fb3{text-align:start;}.elementor-144 .elementor-element.elementor-element-0888fb3 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-5a8e5de{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-a2f0cbe{text-align:start;}.elementor-144 .elementor-element.elementor-element-a2f0cbe .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:400;line-height:29px;color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-55545b5 .elementor-button{background-color:#61CE7000;font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:500;font-style:italic;text-decoration:underline;fill:var( --e-global-color-6fdcf13 );color:var( --e-global-color-6fdcf13 );padding:0px 0px 0px 0px;}.elementor-144 .elementor-element.elementor-element-55545b5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-144 .elementor-element.elementor-element-df1e33a{--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;--padding-top:5%;--padding-bottom:5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-144 .elementor-element.elementor-element-61aff1c{text-align:start;}.elementor-144 .elementor-element.elementor-element-61aff1c .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:64px;font-weight:700;color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-74cf59e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 25px;--row-gap:0px;--column-gap:25px;--padding-top:0%;--padding-bottom:0%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-144 .elementor-element.elementor-element-71f2c24{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:8px 8px 8px 8px;--padding-top:5%;--padding-bottom:5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-144 .elementor-element.elementor-element-71f2c24:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-71f2c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a5e5e3b );}.elementor-144 .elementor-element.elementor-element-71f2c24.e-con{--align-self:flex-start;}.elementor-144 .elementor-element.elementor-element-c3aaad8{text-align:start;}.elementor-144 .elementor-element.elementor-element-c3aaad8 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:700;color:var( --e-global-color-b0364fb );}.elementor-144 .elementor-element.elementor-element-c92936f{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-b0364fb );}.elementor-144 .elementor-element.elementor-element-2de24e4{--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:5%;--padding-bottom:5%;--padding-left:2.5%;--padding-right:2.5%;}.elementor-144 .elementor-element.elementor-element-2de24e4:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-2de24e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6fdcf13 );}.elementor-144 .elementor-element.elementor-element-2de24e4.e-con{--align-self:flex-start;}.elementor-144 .elementor-element.elementor-element-8038a6c{text-align:start;}.elementor-144 .elementor-element.elementor-element-8038a6c .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:24px;font-weight:700;color:var( --e-global-color-b0364fb );}.elementor-144 .elementor-element.elementor-element-8618445{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-b0364fb );}.elementor-144 .elementor-element.elementor-element-3fe7e55{--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;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-144 .elementor-element.elementor-element-c689cb2{--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;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}body.elementor-page-144:not(.elementor-motion-effects-element-type-background), body.elementor-page-144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-144 .elementor-element.elementor-element-74cf59e{--gap:0px 10px;--row-gap:0px;--column-gap:10px;}.elementor-144 .elementor-element.elementor-element-c3aaad8 .elementor-heading-title{font-size:20px;}.elementor-144 .elementor-element.elementor-element-c92936f{font-size:16px;}.elementor-144 .elementor-element.elementor-element-8038a6c .elementor-heading-title{font-size:20px;}.elementor-144 .elementor-element.elementor-element-8618445{font-size:16px;}}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-30b5d2d{--content-width:1600px;}.elementor-144 .elementor-element.elementor-element-3590fe2{--content-width:1600px;}.elementor-144 .elementor-element.elementor-element-a3181a0{--width:55%;}.elementor-144 .elementor-element.elementor-element-5a8e5de{--width:45%;}.elementor-144 .elementor-element.elementor-element-df1e33a{--content-width:1600px;}.elementor-144 .elementor-element.elementor-element-74cf59e{--content-width:1600px;}.elementor-144 .elementor-element.elementor-element-71f2c24{--width:50%;}.elementor-144 .elementor-element.elementor-element-2de24e4{--width:50%;}.elementor-144 .elementor-element.elementor-element-3fe7e55{--content-width:1600px;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-30b5d2d{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--margin-top:25%;--margin-bottom:25%;--margin-left:0%;--margin-right:0%;}.elementor-144 .elementor-element.elementor-element-f7a2e66{text-align:start;}.elementor-144 .elementor-element.elementor-element-f7a2e66 .elementor-heading-title{font-size:14px;}.elementor-144 .elementor-element.elementor-element-28eae7d .elementor-heading-title{font-size:26px;line-height:32px;}.elementor-144 .elementor-element.elementor-element-643cad7 .elementor-heading-title{font-size:18px;}.elementor-144 .elementor-element.elementor-element-4c1afc0 .elementor-button{font-size:16px;padding:15px 0px 15px 0px;}.elementor-144 .elementor-element.elementor-element-673d949{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-144 .elementor-element.elementor-element-ca2ecbc .elementor-button{font-size:16px;padding:0px 0px 0px 0px;}.elementor-144 .elementor-element.elementor-element-98818e6 .elementor-button{font-size:16px;padding:15px 25px 15px 25px;}.elementor-144 .elementor-element.elementor-element-3590fe2{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-144 .elementor-element.elementor-element-a3181a0{--margin-top:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-144 .elementor-element.elementor-element-0888fb3{text-align:start;}.elementor-144 .elementor-element.elementor-element-0888fb3 .elementor-heading-title{font-size:14px;}.elementor-144 .elementor-element.elementor-element-a2f0cbe{text-align:start;}.elementor-144 .elementor-element.elementor-element-a2f0cbe .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-144 .elementor-element.elementor-element-55545b5 .elementor-button{font-size:16px;}.elementor-144 .elementor-element.elementor-element-61aff1c .elementor-heading-title{font-size:26px;line-height:32px;}.elementor-144 .elementor-element.elementor-element-74cf59e{--gap:25px 0px;--row-gap:25px;--column-gap:0px;}.elementor-144 .elementor-element.elementor-element-c3aaad8 .elementor-heading-title{font-size:22px;}.elementor-144 .elementor-element.elementor-element-c92936f{font-size:16px;}.elementor-144 .elementor-element.elementor-element-8038a6c .elementor-heading-title{font-size:22px;}.elementor-144 .elementor-element.elementor-element-8618445{font-size:16px;}.elementor-144 .elementor-element.elementor-element-3fe7e55{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-144 .elementor-element.elementor-element-c689cb2{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}/* Start custom CSS for html, class: .elementor-element-2535273 */.bento-section {
  max-width: 1600px;
  margin: 0 auto;
  padding: 4rem 0rem;
  font-family: 'Work Sans', sans-serif !important;
  color: #1f2a36;
}

.bento-header .label {
  text-transform: uppercase;
  font-size: 20px;
  color: #1F2A36;
  margin-bottom: 1rem;
}

.bento-header h2 {
  font-size: 64px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}

.bento-header .subtext {
  margin-top: 24px;
  font-size: 1rem;
  font-weight: 400;
  color: #3D3D3D;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 3rem;
  height: 600px;
  grid-template-areas:
    "a a a b b c"
    "a a a b b c"
    "a a a d d c"
    "a a a d d e";
}

.item {
  border-radius: 1rem;
  color: white;
  font-weight: 500;
  padding: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #83A8EA20;
  border-radius: inherit;
  z-index: 1;
}

.item-content {
  position: relative;
  z-index: 2;
}



.item1 {
  grid-area: a;
  background-image: url('https://hygieneindehoreca.royfaber.com/wp-content/uploads/2025/06/Een-georganiseerde-koelkast-toont-goed-verpakte-etenswaren-met-duidelijke-labels-en-een-schone-binnenkant-scaled.jpg'); 
}

.item2 {
  grid-area: b;
  background-image: url('https://hygieneindehoreca.royfaber.com/wp-content/uploads/2025/06/Een-horecaondernemer-desinfecteert-het-werkblad-met-een-sprayfles-voor-optimale-voedselveiligheid-scaled.jpg'); 
}

.item3 {
  grid-area: c;
  background-image: url('https://hygieneindehoreca.royfaber.com/wp-content/uploads/2025/06/Een-specialist-maakt-de-vetfilters-van-een-industriele-afzuigkap-schoon-om-brandgevaar-te-beperken-scaled.jpg');
}

.item4 {
  grid-area: d;
  background-image: url('https://hygieneindehoreca.royfaber.com/wp-content/uploads/2025/06/Een-medewerker-maakt-een-industriele-oven-schoon-met-professionele-reinigingsmiddelen-scaled.jpg');
}

.item5 {
  grid-area: e;
  background-image: url('https://images.pexels.com/photos/3184360/pexels-photo-3184360.jpeg');
}

.item6 {
  grid-column: 6;
  grid-row: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://hygieneindehoreca.royfaber.com/wp-content/uploads/2025/06/Een-natte-vloer-wordt-gedweild-na-sluitingstijd-om-uitglijden-en-vervuiling-te-voorkomen-scaled.jpg');
  border-radius: 1rem;
  transition: background-color 0.3s ease;
}

.item6:hover {
  background-color: rgba(0,0,0,0.5);
}

/* Content */
.item-content {
  z-index: 2;
}

.item-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}

.item-content p {
  font-size: 0.9rem;
  color: #f5f5f5;
  margin: 0 0 0.5rem 0;
}

/* Button */
a.button {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  color: white;
  text-decoration: none;
  align-self: flex-start;
  padding: 0.6rem 1.2rem;
  border: 1px solid white;
  border-radius: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: rgba(0,0,0,0.3);
}

a.button:hover {
  background-color: white;
  color: #1f2a36;
}

/* SVG pijl */
.item6 svg {
  width: 24px;
  height: 24px;
  stroke: white;
}

/* Responsive styling */
@media (max-width: 768px) {
  .bento-header h2 {
    font-size: 1.75rem;
  }

  .bento-header .subtext {
    font-size: 0.9rem;
  }

  .bento-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "a a"
      "b c"
      "d e"
      "f f";
    gap: 0.2rem;
    height: auto;
  }

  .item {
    padding: 1rem;
    min-height: 140px;
    border-radius: 0.75rem;
  }

  .item-content h3 {
    font-size: 1rem;
  }

  .item-content p {
    font-size: 0.8rem;
  }

  a.button {
    font-size: 0px;
    padding: 0;
    border-radius: 0px;
    border-color: transparent;
  }

  .item6 {
    display: none;
  }

  .item6 svg {
    width: 20px;
    height: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b66b9c */.testimonial-slider {
  background-color: #F5F5F5;
  font-family: 'Work Sans', sans-serif;
}

.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.slider-text h2 {
  font-size: 64px;
  margin: 10px 0;
  color: #1F2A36;
}

.slider-text .subtitle {
  text-transform: uppercase;
  font-size: 20px;
  color: #1F2A36;
  letter-spacing: 1px;
}

.slider-text p {
  font-size: 24px;
  color: #3D3D3D;
}

.slider-nav {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}


.nav-btn {
  background-color: #83A8EA;
  border: none;
  color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.3s;
}

.nav-btn:hover {
  background-color: #83A8EA;
}

.slider-wrapper {
  overflow: hidden;
}

.slider-track {
  display: flex;
  gap: 10px;
  transition: transform 0.5s ease;
}

.testimonial-card {
  background-color: #83A8EA;
  color: white;
  border-radius: 12px;
  overflow: hidden;
  min-width: 300px;
  max-width: 300px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.card-bg {
  height: 160px;
  background-size: cover;
  background-position: center;
}

.testimonial-content {
  padding: 20px;
}

.testimonial-content h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.preview {
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.5;
}

.read-more {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}

.read-more:hover {
  background-color: #fff;
  color: #111c2a;
}

/* Modal Styles */
.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
}

.modal-content {
  background-color: white;
  margin: 10% auto;
  padding: 30px;
  border-radius: 10px;
  width: 80%;
  max-width: 500px;
  color: #333;
  position: relative;
}

.close {
  color: #888;
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 768px) {
  .slider-text h2 {
    font-size: 32px; /* kleiner dan 64px */
  }

  .slider-text .subtitle {
    font-size: 14px;
    letter-spacing: 0.5px;
  }

  .slider-text p {
    font-size: 16px;
  }

  .slider-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 20px;
  }

  .nav-btn {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .testimonial-card {
    min-width: 250px;
    max-width: 250px;
  }

  .testimonial-content h4 {
    font-size: 16px;
  }

  .preview {
    font-size: 13px;
  }

  .read-more {
    font-size: 13px;
    padding: 4px 8px;
  }

  /* Indien je de navigatieknoppen op mobiel wil verbergen */
  .slider-nav {
    display: none;
  }
}

@media (max-width: 768px) {
  .slider-wrapper {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .slider-track {
    flex-wrap: nowrap;
    width: max-content;
  }

  .testimonial-card {
    scroll-snap-align: start;
  }
}/* End custom CSS */