.elementor-1171 .elementor-element.elementor-element-7419a03f{--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 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.34;--padding-top:140px;--padding-bottom:140px;--padding-left:40px;--padding-right:40px;}.elementor-1171 .elementor-element.elementor-element-7419a03f:not(.elementor-motion-effects-element-type-background), .elementor-1171 .elementor-element.elementor-element-7419a03f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-81f9b97 );background-image:url("https://kbi.ms618.nl/wp-content/uploads/2025/11/Background-1.9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1171 .elementor-element.elementor-element-7419a03f::before, .elementor-1171 .elementor-element.elementor-element-7419a03f > .elementor-background-video-container::before, .elementor-1171 .elementor-element.elementor-element-7419a03f > .e-con-inner > .elementor-background-video-container::before, .elementor-1171 .elementor-element.elementor-element-7419a03f > .elementor-background-slideshow::before, .elementor-1171 .elementor-element.elementor-element-7419a03f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1171 .elementor-element.elementor-element-7419a03f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1171 .elementor-element.elementor-element-4e15295{width:100%;max-width:100%;}.elementor-1171 .elementor-element.elementor-element-18c96c5{--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;border-style:none;--border-style:none;--padding-top:01px;--padding-bottom:01px;--padding-left:01px;--padding-right:01px;}.elementor-1171 .elementor-element.elementor-element-2f66ec17 iframe{height:644px;}body.elementor-page-1171:not(.elementor-motion-effects-element-type-background), body.elementor-page-1171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}@media(min-width:768px){.elementor-1171 .elementor-element.elementor-element-7419a03f{--content-width:1290px;}}@media(max-width:1024px){.elementor-1171 .elementor-element.elementor-element-7419a03f{--padding-top:180px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1171 .elementor-element.elementor-element-2f66ec17 iframe{height:370px;}}@media(max-width:767px){.elementor-1171 .elementor-element.elementor-element-7419a03f{--padding-top:160px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1171 .elementor-element.elementor-element-2f66ec17 iframe{height:330px;}}/* Start custom CSS for container, class: .elementor-element-7419a03f *//* --- Google review summary style --- */

/* Tekstkleur wit */
.gr-wrap.gr-summary {
  color: #fff;
}

/* Sterren zichtbaar + geel zoals Google */
.gr-stars {
  display: inline-flex;
  gap: 2px;
  vertical-align: middle;
}

.gr-star {
  width: 1em;
  height: 1em;
  background: #ccc; /* lege ster achtergrond */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="https://bonaireboatrentals.com/wp-content/uploads/2025/12/google-icon-logo-svgrepo-com.svg') no-repeat center;
  mask: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') no-repeat center;
  background-size: contain;
}

/* Gele sterren voor volle sterren */
.gr-star.gr-full {
  background: #fbbc04; /* Google geel */
}

/* Deelster: vult percentage */
.gr-star .gr-part {
  display: block;
  height: 100%;
  background: #fbbc04;
}

/* Zorg dat logo + tekst netjes op één lijn staan */
.gr-google {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  vertical-align: middle;
}

.gr-google-logo {
  height: 1em;
  width: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS */<style>


/* for align buttons carousel*/

/* Laat alle slides even hoog worden */
.mycarousel425 .e-n-carousel .swiper-wrapper {
  align-items: stretch !important;
}

/* Zorg dat de slide zelf meebuigt met de content */
.mycarousel425 .e-n-carousel .swiper-slide {
  display: flex !important;
  height: auto !important;
}

/* 1e container direct in de slide = kolom, volle hoogte */
.mycarousel425 .e-n-carousel .swiper-slide > .elementor-element.e-con {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

/* 2e (inner) container ook kolom + 100% hoog */
.mycarousel425 .e-n-carousel .swiper-slide > .elementor-element.e-con > .elementor-element.e-con {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box; /* padding telt mee in hoogte */
}

/* Laat de content uitrekken zodat de knop naar beneden kan */
.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget,
.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget-wrap {
  /* sommige builds hebben nog een widget-wrap */
  display: block;
}

.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget-button {
  margin-top: auto !important;   /* DUWT de knop omlaag */
}

/* Optioneel: full-width knop */
.mycarousel425 .e-n-carousel .swiper-slide .elementor-button {
  width: 100%;
}


/* css for c679 buton*/




/* 1) Laat alle "kaarten" in de grid even hoog worden */
.elementor-element-1b61a4fa > .e-con-inner {
  align-items: stretch; /* kinderen even hoog */
}

/* 2) Elke child-container wordt een kolom die 100% hoog is */
.elementor-element-1b61a4fa > .e-con-inner > .e-con {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* (Als je in een child nog een extra inner container hebt, ook flex + 100%) */
.elementor-element-1b61a4fa > .e-con-inner > .e-con > .e-con {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Maak van de SPACER een flex-pusher (duwt de knop omlaag) */
.elementor-element-1b61a4fa .elementor-widget-spacer {
  margin-top: auto;                 /* duwt alles eronder naar beneden */
}
.elementor-element-1b61a4fa .elementor-widget-spacer .elementor-spacer,
.elementor-element-1b61a4fa .elementor-widget-spacer .elementor-spacer-inner {
  height: 0;                        /* neutraliseert vaste spacer-hoogte */
}

/* 4) Valt er soms géén spacer tussen? Dan vang je het alsnog op: */
.elementor-element-1b61a4fa .elementor-widget-button {
  margin-top: auto;
}

/* Optioneel: knop full-width (weglaten als je ‘m auto-breed wilt) */
.elementor-element-1b61a4fa .elementor-button { width: 100%; }




/* Verberg pagination dots op mobiel (Elementor standaard: ≤767px) */
@media (max-width: 767px) {
  .mycarousel425 .swiper-pagination,
  .mycarousel425.elementor-pagination-type-bullets .swiper-pagination {
    display: none !important;
  }
}

/*sectie 'unieke voordelen + onze aanpak'*/
/* Icon + tekst bovenaan uitlijnen i.p.v. gecentreerd */
/* sectie 'unieke voordelen + onze aanpak' */

/* Alleen icon-boxen BINNEN deze sectie */
/* Alleen binnen de sectie met class 'unieke-voordelen' */
.unieke-voordelen .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
    display: flex;
    align-items: flex-start !important;
}

.unieke-voordelen .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
    margin-top: 0;
    transform: translateY(0.8em);
}




</style>/* End custom CSS */