/*
Theme Name: Energy-V2
Theme URI: https://galia.be
Author: Galia Team
Author URI: https://galia.be
Description:  custom theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: energy-v2
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/


/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v23-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v23-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v23-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v23-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins-v23-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/poppins-v23-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/poppins-v23-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
    --e-a-font-family: 'Poppins';
}

html {
  font-size: 20px;scroll-behavior: smooth;
}

/* admin bar white space fix */ 

html.sfm-desktop.sfm-pos-right {
    margin-top: 0 !important;
}
/* body.logged-in.admin-bar {
  margin-top: 32px !important;
} */

body.page-id-52.logged-in.admin-bar,
body.page-id-986.logged-in.admin-bar,
body.page-id-7575.logged-in.admin-bar,
body.page-id-8687.logged-in.admin-bar {
  margin-top: 0 !important;
}

body.page-id-9266 .ft-wrap, body.page-id-9266 .ft-nav-wrap {
  display: none;
}

.entry-header {
    display: none !important;
}

body {
  font-family: 'Poppins';
  background-color: #F1F9FD;
  color: var(--text);
  font-size: var(--font-size-md);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
}

input, textarea {
  font-family: 'Poppins' !important;
}

:root {
  --font-size-xxl: 23px;  
  --font-size-xl: 20px;  
  --font-size-lg: 17px;
  --font-size-md: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 14px;
}

:root {
  --text: #0A3948;
  --blue: #008EAF;
  --light-blue: #c4e7fb;
  --dark-blue: #0f5d75;
  --green: #a2c617;
  --grey: #81939d;
  --dark-green: #337838;
  --bg-white: #fff;
  --bg-light: #F1F9FD;
  --bg-ft-blue1: #137390;
  --bg-ft-blue2: #0F5D75;
  --white: #fff;
  --black: #000;  
  --purple: #A855F7;
}



body.page-id-986 .ft-wrap, body.page-id-986 .ft-nav-wrap,
body.page-id-52 .ft-wrap, body.page-id-52 .ft-nav-wrap  {
  display: none;
}

body.page-id-986, body.page-id-52, body.page-id-8687, body.page-id-7575  {
  background: #0F5D75;
  background: -webkit-linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F5D75", endColorstr="#A2C617", GradientType=1); 
}


.bg-gradient {
  background: #0F5D75;
  background: -webkit-linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: linear-gradient(90deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F5D75", endColorstr="#A2C617", GradientType=1);
}

.bg-gradient-deg {
  background: #0F5D75;
  background: -webkit-linear-gradient(140deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: -moz-linear-gradient(140deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  background: linear-gradient(140deg, rgba(15, 93, 117, 1) 0%, rgba(0, 142, 175, 1) 50%, rgba(162, 198, 23, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F5D75", endColorstr="#A2C617", GradientType=0);
}

.bg-gradient-ft {
  background: #CEEBFB;
  background: -webkit-linear-gradient(180deg, rgba(206, 235, 251, 1) 0%, rgba(221, 241, 252, 1) 100%);
  background: -moz-linear-gradient(180deg, rgba(206, 235, 251, 1) 0%, rgba(221, 241, 252, 1) 100%);
  background: linear-gradient(180deg, rgba(206, 235, 251, 1) 0%, rgba(221, 241, 252, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CEEBFB", endColorstr="#DDF1FC", GradientType=0);
}

.grecaptcha-badge {visibility: hidden;}
input, textarea {background:transparent;}
b, strong {font-weight: 600 !important;}
p {margin: 0 0 20px;}
p:last-child {margin: 0 !important; padding:0 !important}
.wpcf7 textarea {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
  width: 100% !important;
}

.elementor-field-option input {
  cursor: pointer !important;
}

.overflow-hidden {overflow: hidden !important;}
.hd-wrap ul.menu {padding: 0; margin: 0; list-style: none;}
a {color: var(--green); text-decoration: none;}
a:hover {color: var(--green)}
button {font-family: 'Poppins' !important;}

* {outline: none;}
*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
ul {margin: 0;padding: 0;list-style: none;}

h1, .elementor h1.elementor-heading-title,
h2, .elementor h2.elementor-heading-title,
.price-wrap, .elementor h3.elementor-heading-title,
h4, .elementor h4.elementor-heading-title,
h5, .elementor h5.elementor-heading-title,
h6, .elementor h6.elementor-heading-title {
  font-family: 'Poppins';
  color: var(--text);
  font-style: normal;  
  text-decoration: none;
  letter-spacing: normal;
  padding: 0;
  margin: 0;
}


h1, .elementor h1.elementor-heading-title {
  font-size: 44px;
  line-height: 1.1em;
  font-weight: 600;
  overflow-wrap: normal;
}

h2, .elementor h2.elementor-heading-title, .news-title {
  font-size: 32px;
  line-height: 1.1em;
  font-weight: 600;
  overflow-wrap: normal;
}

h3, .elementor h3.elementor-heading-title {
    font-size: 1.5rem;
    line-height: 1.15em;
    font-weight: 500;
}

h4, .elementor h4.elementor-heading-title {
  font-size: var(--font-size-xxl);
  line-height: 1.2em;
  font-weight: 500;
}

h5, .elementor h5.elementor-heading-title, .car-install-title {
  font-size: var(--font-size-xl);
  line-height: 1.1em;
  font-weight: 500;
}

body.company-size-small li.sfm-menu-item-8736,
body.company-size-small li.sfm-menu-item-8736,
body.company-size-small li.sfm-menu-item-8741,
body.company-size-small li.sfm-menu-item-8740,
body.company-size-medium li.sfm-menu-item-8736,
body.company-size-medium li.sfm-menu-item-8736,
body.company-size-medium li.sfm-menu-item-8741,
body.company-size-medium li.sfm-menu-item-8740 {
    display: none !important;
}

body.company-size-big li.sfm-menu-item-8737,
body.company-size-big li.sfm-menu-item-7199,
body.company-size-big li.sfm-menu-item-7912,
body.company-size-big li.sfm-menu-item-7205,
body.company-size-big li.sfm-menu-item-8742,
body.company-size-big li.sfm-menu-item-8738 {
  display: none !important;
}




a.btn:hover, input.wpcf7-submit:hover, .elementor-element .elementor-button:hover {
  text-decoration: none !important;
}

button#show-all-btn, a.cta.cta-alt, .elementor .elementor-element.elementor-button-info .elementor-button, .btn-blue {
  color: var(--blue) !important;
  font-family: 'Poppins' !important;
  font-size: var(--font-size-md);
  letter-spacing: normal !important;
  padding: 13px 15px !important;
  font-weight: 500 !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  display: inline-block;
  text-decoration: none !important;
  background-color: transparent;
  border: 2px solid var(--blue) !important;
  line-height: 1em !important;
  text-transform: none !important;
  cursor: pointer;
}

.elementor .elementor-element.elementor-button-success .elementor-button,
.elementor .elementor-element.elementor-button-warning .elementor-button {
  font-family: 'Poppins' !important;
  font-size: var(--font-size-md);
  letter-spacing: normal !important;
  padding: 13px 15px !important;
  font-weight: 500 !important;
  color: var(--white);
  border-radius: 100px !important;
  box-shadow: none !important;
  display: inline-block;
  text-decoration: none !important;
  background-color: transparent;
  line-height: 1em !important;
  text-transform: none !important;
  cursor: pointer;
}

.elementor .elementor-element.elementor-button-success .elementor-button {
  color: var(--white) !important;
  border: 2px solid var(--white) !important;
}

.elementor .elementor-element.elementor-button-warning .elementor-button {
  color: var(--green) !important;
  border: 2px solid var(--green) !important;
}

.hd-result-usp-wrap .hd-result-ups-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding: 3rem 2rem 0 2rem;
    flex-wrap: wrap;
}

.hd-result-usp-wrap .hd-result-usp {
    background-color: color(srgb 1 1 1 / 0.10);
    padding: 0 16px;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    font-weight: 500;
}


span.bn-nature-created {
    display: inline-block;
    font-weight: 500;
    color: var(--green);
    font-size: 1.1em;
}

.icon-sm-info a:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath id='Path_1' data-name='Path 1' d='M9.5-14.844a7.719,7.719,0,0,1,6.685,3.859,7.719,7.719,0,0,1,0,7.719A7.719,7.719,0,0,1,9.5.594,7.719,7.719,0,0,1,2.815-3.266a7.719,7.719,0,0,1,0-7.719A7.719,7.719,0,0,1,9.5-14.844Zm0,17.219a9.5,9.5,0,0,0,8.227-4.75,9.5,9.5,0,0,0,0-9.5A9.5,9.5,0,0,0,9.5-16.625a9.5,9.5,0,0,0-8.227,4.75,9.5,9.5,0,0,0,0,9.5A9.5,9.5,0,0,0,9.5,2.375ZM8.016-4.156a.888.888,0,0,0-.891.891.888.888,0,0,0,.891.891h2.969a.888.888,0,0,0,.891-.891.888.888,0,0,0-.891-.891h-.3V-7.422A.888.888,0,0,0,9.8-8.312H8.016a.888.888,0,0,0-.891.891.888.888,0,0,0,.891.891h.891v2.375ZM9.5-9.5a1.187,1.187,0,0,0,1.188-1.187A1.187,1.187,0,0,0,9.5-11.875a1.188,1.188,0,0,0-1.187,1.188A1.188,1.188,0,0,0,9.5-9.5Z' transform='translate(0 16.625)' fill='%23008eaf'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    background-size: 18px;
    margin-right: 4px;
}

.form-container .field-block.field-block-bl3 {
    margin-top: 30px;
}



.pdf-rate-wrap .pdf-rate-bl a {
    width: 432px;
    max-width: 100%;
    margin: 5px 0;
}

span.pdf-rate-docs-tag.pdf-rate-docs-tag--date {
    display: inline-block;
    margin: 0;
}

.pdf-rate-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #dfe3e8 !important;
}


div#tcf-results {
    width: 710px;
    max-width: 100%;
}

.pdf-rate-row {
    column-gap: 30px;
}

button#show-all-btn, a.cta.cta-alt, .elementor .elementor-element.elementor-button-info .elementor-button, .btn-blue {
    background-color: transparent !important;
}


@media (max-width: 768px) {
.pdf-rate-row {
    column-gap: 7px;
    row-gap: 2px;
}
	
	.pdf-rate-wrap .pdf-rate-bl a {
    width: 100%;
}
	
}




input.quote-code::placeholder {
  color: #fff;
  opacity: 1; /* Zorgt dat het echt wit blijft in sommige browsers */
}

/* Voor Firefox */
input.quote-code:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

/* Voor Internet Explorer 10-11 */
input.quote-code:-ms-input-placeholder {
  color: #fff;
}

/* Voor Edge (oude versies) */
input.quote-code::-ms-input-placeholder {
  color: #fff;
}



.quote-start input[type="submit"], .gform_body button, a.input[type="submit"], a.btn, button.btn, input.wpcf7-submit, .elementor-element .elementor-button {
  font-family: 'Poppins' !important;
  font-size: var(--font-size-md);
  letter-spacing: normal !important;
  padding: 13px 15px !important;
  font-weight: 500 !important;
  color: var(--white);
  border-radius: 100px !important;
  box-shadow: none !important;
  display: inline-block;
  text-decoration: none !important;
  background-color: var(--green);
  border: 1px solid var(--green);
  text-transform: none !important;
  cursor: pointer;
}

button.btn {
  line-height: 1 !important;
}

.quote-start input[type="submit"], a.btn, input.wpcf7-submit, .elementor-element .elementor-button {
  line-height: 1em !important;
}

.gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button, button.gform_previous_button.button, button.gform_button.button.mdc-button {
  line-height: 0 !important;
}

.gform_legacy_markup_wrapper .gfield_radio li label {
  font-size: 16px !important;
}

.ft-nav-wrap .ft-nav-item a.btn3 {
  font-family: 'Poppins' !important;
  font-size: var(--font-size-md);
  letter-spacing: normal !important;
  padding: 13px 15px !important;
  font-weight: 500 !important;
  color: var(--green);
  border-radius: 100px !important;
  box-shadow: none !important;
  display: inline-block;
  text-decoration: none !important;
  background-color: transparent;
  border: 2px solid var(--green);
  line-height: 1em !important;
  text-transform: none !important;
  cursor: pointer;
}

button#show-all-btn {
  margin-top: 1rem;
}

.search-filter-component-combobox .search-filter-component-combobox__selection {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.max-width-sm {
  max-width: 1200px;
  margin: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}

.max-width {
  max-width: 1380px;
  margin: auto;
  width: 100%;
}

.max-width-lg {
    max-width: 1800px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}

.hd-nav-inner {
  background-color: var(--bg-white);
  border-radius: 60px;
  display: flex;
  height: 84px;
  align-items: center;
  padding: 0 2rem;
}

.ft-inner {
  background-color: var(--bg-ft-blue1);
  border-radius: 60px;
  display: flex;
  height: 84px;
  align-items: center;
  padding: 0 2rem;
  margin-top: -42px;
  z-index: 999;
  position: relative;
}



.hd-nav-bl1 {
  margin-right: 1rem;
}

.hd-nav-l {
  display: flex;
  align-items: center;
}

.hd-nav-bl {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.hd-nav-bl a {
  color: var(--text);
  font-size: var(--font-size-lg);
  font-weight: 500;
  padding: 25px 14px;
}

.hd-nav-bl li.current_page_item a {
  color: var(--green);
}

.hd-nav-bl a:hover, .hd-nav-bl a:focus {
  color: var(--green);
}

.hd-nav-bl {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.hd-nav-bl3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.hd-nav-bl3 a.hd-cta-client {
  background-color: var(--green);
  padding: 14px 16px;
  border-radius: 100px;
  color: var(--white);
  line-height: 1em !important;
  display: inline-block;
}

.top-bl a svg {
  width: 17px;
  margin-right: 5px;
}

.top-bl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
    margin-left: 2rem;
}

.top-bl.top-bl-l {
    display: flex;
    justify-content: flex-start;
}

.top-bl.top-bl-r a, .top-bl.top-bl-r span {
    color: var(--white);
    margin-left: 10px;
    display: flex;
    font-size: 0.95em;
}



body .gform_legacy_markup_wrapper img.ui-datepicker-trigger {
    display: none !important;
}

body .gform_legacy_markup_wrapper img.ui-datepicker-trigger.mdc-text-field__icon {
  display: block !important;
}



.hd-inner {
  padding-bottom: 2rem;
}

.hd-wrap {
  padding-left: 2rem;
  padding-right: 2rem;
}

.elementor-element.elementor-widget.elementor-widget-text-editor a {
  text-decoration: underline;
  font-weight: 500;
}



.quote-start input.quote-code {
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 20px;
}


.ft-nav-wrap {
  background-color: var(--bg-ft-blue2);
  margin-top: -42px;
  padding: 5rem 0 2rem;
}

.ft-nav-bl-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem;
  margin-bottom: 2.5rem;
}

.ft-nav-copy {
  display: flex;
  padding: 0 2rem;
}

.ft-wrap {
  padding: 0 2rem;
}

.ft-nav-bl {
  width: 25%;
}

.ft-nav-wrap .ft-nav-bl h5 {
  color: var(--white) !important;
}


.ft-nav-title {
  margin-bottom: 23px;
}
.ft-nav-item {
  margin-bottom: 18px;
  color: var(--white);
  font-weight: 300;
  font-size: 15px;
}

.ft-nav-item a {
  color: var(--white);
}

.ft-nav-item a:hover, .ft-nav-item a:focus {
  color: var(--green);
}



.ft-bar-l .ft-bar-checklist {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}



.ft-bar-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ft-bar-wrap {
  width: 100%;
  color: var(--white);
}

ul.ft-bar-checklist li span {
  font-weight: 500;
  font-size: 21px;
}



ul.ft-bar-checklist li  {
  margin-right: 1rem;
}

ul.ft-bar-checklist li {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

ul.ft-bar-checklist svg {
  height: 28px;
  padding-right: 7px;
}

ul.ft-bar-energy-text li {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ft-nav-copy-inner a {
  color: var(--white);
  margin-right: 30px;
  font-weight: 300;
  font-size: 15px;
}

.ft-nav-wrap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='755.641' height='514' viewBox='0 0 755.641 514'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_88' data-name='Rectangle 88' width='755.641' height='514' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_112' data-name='Group 112' transform='translate(-75.699 -16.891)' opacity='0.15'%3E%3Cg id='Group_111' data-name='Group 111' transform='translate(75.699 16.891)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_198' data-name='Path 198' d='M465.359,168.752C552.744,56.585,698.169,68.646,720.106,111.3c12.769,24.887-.879,64.186-28.865,99.809h0c-4.044,5.115-26.535,34.884-76.719,63.491-.245.131.227-.131,0,0-92.019,47.916-203.955,54.787-203.955,54.787,1.74-90.594,54.792-160.634,54.792-160.634M412.32,389.493c117.535-11.523,210.818-25.652,320.808-86.17,0,0,163.833-88.579,148.726-224.99,0,0-8.494-120.63-251.822-62.5,0,0-292.791,73.834-355.08,325.971L0,378.766s82.725,2.7,266.375,14.107c-1.5,60.4,36.663,255.944,267.848,268.246,0,0,270.593,15.855,454.369-121.911,0,0-516.081,203.229-576.272-149.714' transform='translate(-330.915 -73.839)' fill='%23008eaf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}

.ft-nav-wrap .ft-nav-item a.btn3 {
  margin-top: 8px;
}

/* .elementor-element.elementor-widget.elementor-widget-text-editor strong,
.elementor-element.elementor-widget.elementor-widget-text-editor b,
.elementor-element.elementor-widget.elementor-widget-icon-list strong,
.elementor-element.elementor-widget.elementor-widget-icon-list b {
  font-weight: 400 !important;
  color: var(--green) !important;
} */

.elementor .elementor-element .prod-tag {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: block !important;
  padding: 9px 20px !important;
  font-weight: 500 !important;
  color: var(--white) !important;
  border-radius: 0 25px !important;
  font-size: 16px !important;
}

.prod-tag-span {
    display: inline-block !important;
    padding: 9px 20px !important;
    font-weight: 500 !important;
    color: var(--white) !important;
    border-radius: 0 25px !important;
    font-size: 16px !important;
    line-height: 1;
    margin-right: 6px;
    margin-bottom: 6px;
}
.prod-tag-flexibel {
  background-color: var(--green) !important;
}

.prod-tag-dynamisch {
  background-color: #A855F7 !important;
}

.prod-tag-vast {
  background-color: var(--blue) !important;
}



span.ft-bar-energy-text1 {
  font-size: 12px;
  letter-spacing: -0.05em;
  line-height: 7px;
}

span.ft-bar-energy-text2 {
  font-size: 18px;
  letter-spacing: -0.05em;
  line-height: 24px;
}

span.ft-bar-energy-text3 {
  font-size: 23px;
  line-height: 16px;
  font-weight: 600;
}

ul.ft-bar-energy-text li {
  display: flex;
  text-align: center;
  align-items: center;
}

ul.ft-bar-energy-text li#teller {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center
}

ul.ft-bar-energy-text li#teller span::before {
  content: "";
  border: 1px solid #428FA6;
  width: 25px;
  position: absolute;
  left: 0;
  top: 24px;
  z-index: -1;
  opacity: 0.75;
}

ul.ft-bar-energy-text span.dotting::before, ul.ft-bar-energy-text span.comma::before {
  display: none;
}

ul.ft-bar-energy-text li#teller span {
  border: 1px solid #428FA6;
  width: 26px;
  font-size: 24px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
    position: relative;
      z-index: 99;
        text-align: center;

}


ul.ft-bar-energy-text span.dotting, ul.ft-bar-energy-text span.comma {
  border: none !important;
  width: 3px !important;
  font-size: 34px !important;
  margin-top: -14px !important;
  text-align: center;
}



ul.ft-bar-energy-text {
  display: flex;
  width: 426px;
  align-items: center;
  justify-content: space-between;
}

.faq-arrow svg {
  transition: transform 0.4s ease;
  width: 16px;
  margin-bottom: -2px;
}


/*reviews carousel css start*/

.review-carousel .review-item {
  background-color: #f1f9fd;
  border-radius: 30px;
  padding: 2rem 3rem;
  margin: 15px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.review-carousel .owl-nav button.owl-prev {
  margin-left: -15px;
}

.review-carousel .owl-nav button.owl-next {
  margin-right: -15px;
}

/* Quote styling */
.review-carousel .review-text {
  font-size: 16px;
  font-style: italic;
  color: #042b37;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.5;
  font-weight: 300;
}

.review-carousel .review-text::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78.018' height='61.044' viewBox='0 0 78.018 61.044'%3E%3Cpath id='Path_196' data-name='Path 196' d='M4.8-57.156a79.384,79.384,0,0,1-.3-8.04A125.192,125.192,0,0,1,5.989-84.551Q8.967-101.227,18.2-109.713t24.12-8.487l-2.084,11.911q-7.742,0-11.911,4.169T22.664-89.613l-1.191,6.849H36.362L31.9-57.156Zm40.2,0a79.385,79.385,0,0,1-.3-8.04,125.192,125.192,0,0,1,1.489-19.356q2.978-16.676,12.209-25.162t24.12-8.487l-2.084,11.911q-7.742,0-11.911,4.169T62.864-89.613l-1.191,6.849H76.562L72.1-57.156Z' transform='translate(-4.5 118.2)' fill='%23008eaf' opacity='0.05'/%3E%3C/svg%3E");
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 100px;
  position: absolute;
  top: -1rem;
  left: -2rem;
  line-height: 1;
  z-index: 0;
  background-size: 100px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
}

/* Image + Text (horizontal layout) */
.review-carousel .review-meta-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.review-carousel .review-img {
  max-height: 40px;
  max-width: 100px;
  width: auto;
  object-fit: contain;
  display: block;
}

.review-carousel .review-meta-text {
  display: flex;
  flex-direction: column;
  line-height: 22px;
}

.review-carousel .review-name {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
}

.review-carousel .review-location {
  font-size: 15px;
  margin: 0;
}

/* Navigation arrows – fixed like screenshot */
.review-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 10px;
  pointer-events: none;
  z-index: 10;
  max-width: 100%;
  height: 0;
}

.review-carousel .custom-prev, .review-carousel .custom-next {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--blue);
  color: var(--blue);
  font-size: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.3s ease all;
  line-height: 27px;
  background: transparent;
  margin-top: -30px;
}



.review-carousel .custom-prev:hover,
.review-carousel .custom-next:hover {
  background-color: #008eaf;
  color: #fff;
}

/* Dots */
.review-carousel .owl-dots {
  text-align: center;
  margin-top: 20px;
}

.review-carousel .owl-dot span {
  background-color: #d6d6d6;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}

.review-carousel .owl-dot.active span {
  background-color: #a2c617;
}

/* Responsive layout */
@media (max-width: 768px) {
  .review-carousel .owl-nav {
    position: static;
    justify-content: center;
    margin-top: 20px;
    transform: none;
  }

  .ft-nav-copy-inner a {
    font-size: 13px;
}

  h3, .elementor h3.elementor-heading-title {
  font-size: 1.7rem;
}

  .review-carousel .custom-prev,
  .review-carousel .custom-next {
    margin: 0 10px;
  }

  .review-carousel .review-meta-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}



/*reviews carousel css end*/

/*install css start*/
/* === Carousel Item Layout === */
.installaties-carousel .owl-stage {
  display: flex;
  gap: 30px;
}

.installaties-carousel .owl-item {
  height: auto;
}

.installatie-item {
  height: 100%;
}

/* === Card Styling === */
.installatie-card {
  background: var(--white);
  border-radius: 25px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease;
}

.car-install-title h3 {
  margin-bottom: 4px;
  font-size: 29px;
}

.car-install-title {
    margin-bottom: 8px;
}

.installatie-item .car-install-info-wrap {
    padding: 1rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 10px;
}

.loc-wrap .car-install-info-wrap {
  padding: 2rem 2rem 1.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

.loc-wrap .loc-address a.btn-blue {
  margin-bottom: 15px;
}

.car-install-loc {
  color: var(--green);
  display: flex;
  align-items: center;
}

.loc-bl-wrap {
  margin-bottom: 3.5rem;
}

/* .installatie-item .car-install-info-wrap
 */

.loc-bl-l {
  width: 44%;
  min-height: 18rem;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
}

.loc-bl-wrap {
  display: flex;
  width: 100%;
  background-color: var(--white);
  border-radius: 30px;
}


.loc-bl-r {
  width: 60%;
}


/* === Image === */
.installatie-image {
  width: 100%;
  height: auto;
  border-radius: 30px 30px 0 0;
  object-fit: cover;
  display: block;
}

/* === Info Section === */
.installatie-info {
  padding: 25px 20px;
}

.installatie-title {
  font-size: 22px;
  font-weight: 700;
  color: #008eaf; /* matching your blue */
  margin: 0 0 8px;
  line-height: 1.2;
}

.installatie-location {
  font-size: 16px;
  font-weight: 500;
  color: #a2c617; /* matching your green */
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* === Navigation === */
.installaties-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: -55px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10;
}

.installaties-carousel .installatie-card img {
  min-height: 9rem;
  object-fit: cover;
  height: 9rem !important;
  width: 100% !important;
}

.installaties-carousel .custom-prev, .installaties-carousel .custom-next {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: 2px solid var(--blue);
  color: var(--blue);
  border-radius: 50%;
  font-size: 37px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 27px;
  
}



.installaties-carousel .custom-prev:hover,
.installaties-carousel .custom-next:hover {
  background-color: var(--blue);
  color: #fff;
}

/* === Responsive Tweaks === */
@media (max-width: 768px) {
  .installaties-carousel .owl-nav {
    position: static;
    margin-top: 20px;
    flex-direction: row;
    justify-content: center;
  }
}

.pdf-rate-docs {
    margin-right: 8px;
}

.pdf-rate-wrap .pdf-rate-bl a {
    color: var(--text);
    line-height: 1em;
    text-decoration: underline !important;
    display: flex;
    align-items: center;
    margin: 4px 0;
}

.pdf-rate-wrap .pdf-rate-bl svg {
  width: 16px;
  margin-right: 5px;
}


.car-install-info-bl2 > div {
  display: flex;
  align-items: center;
}

.car-install-info-bl2 > div svg, .car-install-loc svg {
  margin-right: 4px;
  height: 16px;
}













/*FAQ css start here*/
#faq-result-count {
  background-color: #a4cb19;
  color: white;
  padding: 16px 22px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  white-space: nowrap;
}

.faq-answer-inner {
  padding: 0 25px 25px 25px;
}
.faq-search-wrapper {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 100px;
    overflow: hidden;
    margin-bottom: 25px;
}

#faq-search {
    flex: 1;
    padding: 16px 24px;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 50px 0 0 50px;
}

#faq-search-btn {
    background-color: #a4cb19; /* Match your green */
    color: white;
    padding: 16px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    cursor: pointer;
}

.faq-results-label {
  font-weight: 500;
  margin-bottom: 25px;
  color: var(--text);
}


.faq-item {
  background-color: var(--white);
  border-radius: 1.5rem;
  margin-bottom: 10px;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: left;
  width: 100%;
  background: #fff !important;
  padding: 15px 25px !important;
  border: none;
  border-radius: 100px !important;
  cursor: pointer;
  font-size: var(--font-size-md);
  font-weight: 500 !important;
  color: var(--text);
}

.faq-question span.faq-title {
  text-align: left;
}

.faq-arrow {
    transition: transform 0.4s ease;
    font-size: 18px;
}

/* Rotate when open */
.faq-question.open .faq-arrow {
    transform: rotate(180deg); /* flip arrow up */
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

.faq-answer.open {
    max-height: 1000px; /* Large enough to fit your content */
}



/*faq css end here*/









.energie-tabel {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.energie-tabel thead {
  background-color: #E6F6FC;
  color: var(--text);
}
.energie-tabel th {
  border: 1px solid #B5E3F5;
  padding: 10px;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--text);
}

.energie-tabel td {
  border: 1px solid #B5E3F5;
  padding: 14px 10px;
  line-height: 1.25em;
}

.energie-tabel tbody tr:nth-child(even) {
  background-color: #F9FDFF;
}

.energie-tabel tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.energie-tabel .subtekst {
  font-size: 12px;
  color: var(--text);
}


ul#menu-main-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
} 

.trevion-gsrn-msg a {
  text-decoration: underline;
  color: var(--green);
  
}

.trevion-gsrn-msg p {
    margin-bottom: 14px;
}

.trevion-gsrn-msg strong {
    font-weight: 600 !important;
}


.trevion-gsrn-msg {
    font-size: 15px !important;
    margin-top: 16px !important;
    margin-bottom: 26px;
    color: #A2C617;
    line-height: 22px;
}

.lifepowr-message {
    color: var(--text);
    border: 1px solid var(--green);
    border-radius: 4px;
    padding: 1rem;
}







/* RESPONSIVE */
















































.detail-single-info {
    max-width: 590px;
    margin: auto;
    text-align: left;
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.5em;
    color: rgb(10 57 72 / 40%);
}







/* PRICE CALCULATION V1 */

body.page-template .gform_legacy_markup_wrapper div.validation_error {
  border: none;
  margin: 0;
  padding: 0;
}

body.page-template .gform_legacy_markup_wrapper div.validation_error .validation_error {
    color: #ee3e3e;
    font-weight: 600;
    margin-bottom: 25px;
    border: 1px solid #ee3e3e;
    padding: 16px 0 16px 0;
    width: 100%;
    text-align: center;
}

body.page-template .gform_validation_errors {
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
}

.gform_wrapper h3.gform_title {
  font-size: 30px !important;
}

/*MAP STRANGE ELEMENTOR ISSUE*/
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
  font-weight: 600 !important;
}

body .gform_body .gform_fields .gfield .gfield_label {
  font-weight: 500;
}

body .gform_body .gform_fields .gfield .gfield_label {
  margin-bottom: 0 !important;
}

body .gform_body .gform_fields label.mdc-floating-label.mdc-floating-label--float-above {
  padding-bottom: 2px;
}

body .gform_body .mdc-select--required .mdc-floating-label::after {
  display: none !important;
}

body .gform_body li#field_3_17 label.gfield_label, body .gform_body li#field_3_40 label.gfield_label {
  display: none;
}

body .gform_wrapper .validation_message {
  color: #ee3e3e !important;
  font-weight: 600 !important;
}

body .gform_body .mdc-switch {
  margin: 0 10px 0 0 !important;
}

*/

.elementor-widget-container .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    text-align: center !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.elementor-widget-container .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    margin: 0 !important;
}

.elementor-widget-container .gform_wrapper .gform_page_footer {
    border-top: none;
}

body .gform_body .gform_fields .gfield .gfield_label {
    font-weight: normal !important;
    font-size: 16px !important;
}

body .gform_wrapper label.gfield_label.mdc-floating-label.mdc-floating-label--float-above {
  margin-bottom: .5rem !important;
}

body .gform_wrapper li#field_3_100 label.gfield_label {
  display: none !important;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0 !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 24px !important;
}

.formbox.particulier .price-table {
  margin-bottom: 24px;
}

.price-table {
  margin-bottom: 20px;
}




.price-card-subtitle {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
    min-height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* .modal .modal-body {
  padding: 20px 35px 35px;
} */

/* .modal .modal-header {
  padding: 20px 30px;
  display: flex;
  align-items: center;
} */

.modal .modal-content {
  border: none;
}

.modal .modal-header h5 {
  font-size: 23px;
}

.price-wrap .price-detail-inner {
  background-color: #fff;
  border-radius: 25px;
  padding: 60px 50px;
}






.price-intro-title h2 {
  margin-bottom: 40px;
  font-size: 31px;
  text-align: center;
}



.gform_page h3 {
  font-size: 22px !important;
  font-weight: 500 !important;
}


.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
  font-weight: 600 !important;
  color: var(--text) !important;
}


.hd-wrap div#custom_toggle {
  line-height: 0;
  margin-left: 2rem;
  cursor: pointer;
  margin-right: 2rem;
}

.hd-wrap div#custom_toggle img {
  width: 36px;
}

 div#custom_toggle {
    display: none;
}

.mobile-nav svg {
  width: 28px;
}

.sfm-sidebar-close:after, .sfm-sidebar-close:before {
  width: 26px;
}

.mobile-menu .hd-mobile-t {
    width: 100%;
}

#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent {
  font-family: 'Poppins' !important;
  font-weight: 500 !important;
  line-height: 1.33em;
}



.sfm-logo {
  margin-bottom: 25px;
}

.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:after, .sfm-sidebar-close:before {
  background: var(--blue)!important;
}



body .sfm-navicon, body .sfm-navicon:after, body .sfm-navicon:before, body .sfm-sidebar-close:before, body .sfm-sidebar-close:after {
  height: 2px !important;
}

#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span {
  max-width: none !important;
}

.ft-nav-bl.ft-bl1 {
  padding-bottom: 2rem;
}
.ft-nav-copy-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.hd-nav-bl1 img {
  max-width: 88%;
}

.card-filter-wrap .card-filter-inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.card-filter-bl {
    width: 33.3333%;
}

.card-filter-inner {
    max-width: 900px;
}

.card-filter-wrap input:not([type="button"]) {
  padding: 12px 0 !important;
}

.card-filter-wrap  .search-filter-field--width-100 .search-filter-field__input, .card-filter-wrap  .search-filter-field--width-100 .search-filter-label, .card-filter-wrap .search-filter-field--width-100 .search-filter-description {
    width: 95% !important;
    border-radius: 100px !important;
    padding: 0 2px 0 16px !important;
}

ul.search-filter-component-popup {
    border-radius: 9px !important;
    margin-top: 10px !important;
}


.pdf-rate-docs-tag.pdf-rate-docs-green {
    background: var(--green);
}


.pdf-rate-docs-tag.pdf-rate-docs-blue {
    background: var(--blue);
}

.pdf-rate-docs-tag {
    display: inline-block;
    color: #fff;
    background: var(--blue);
    border-radius: 4px;
    padding: 3px 5px;
    letter-spacing: 0.01em;
    margin: 2px 3px 2px 0;
    user-select: none;
    line-height: 1em;
    font-size: 13px;
}


.pdf-rate-inner {
    padding-left: 1rem;
}

.pdf-rate-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 12px 0;
}

.pdf-rate-link {
    color: #0A3948;
    font-weight: 500;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
}


.cms-form-wrap input[type="text"], .cms-form-wrap input[type="email"], .cms-form-wrap input[type="tel"], .cms-form-wrap input[type="text"], .cms-form-wrap input[type="number"] {
    width: 100%;
    padding: 14px 1rem;
    border: 1px solid #dfe3e8 !important;
    border-radius: 100px;
    background: #f8fafd;
    font-size: var(--font-size-md);
    transition: border-color 0.3s, box-shadow 0.3s;
}

.cms-form-no-border .cms-form-wrap input[type="text"], .cms-form-no-border .cms-form-wrap input[type="email"], .cms-form-no-border .cms-form-wrap input[type="tel"], .cms-form-no-border .cms-form-wrap input[type="text"], .cms-form-no-border .cms-form-wrap input[type="number"] {
    border: none !important;
}

.cms-form-wrap h5 {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: var(--font-size-md);
    line-height: 1.4em;
}

.cms-form-wrap .cms-form-bl {
    margin-bottom: 0.8rem;
    gap: 1rem;
}

.cms-form-message {
    border: 2px solid var(--green);
    border-radius: 25px;
    padding: 20px;
    margin-top: 1rem;
}

.cms-form-wrap textarea {
    width: 100% !important;
    padding: 14px 1rem !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 1rem !important;
    background: #f8fafd !important;
    font-size: var(--font-size-md) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    margin: 0 !important;
}

.cms-form-no-border .cms-form-wrap textarea {
    border: none !important;
}

.cms-form-bl-lr {
    display: flex;
}

.cms-form-bl-lr > div {
  flex: 1; 
  max-width: 50%;
}

.cms-form-wrap button {
    border: none !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    border-radius: 24px !important;
    cursor: pointer;
    font-weight: 600 !important;
    color: var(--white) !important;
}

.out-loc-card.theme-card .loc-desc h4 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.out-loc-card.theme-card .loc-desc img {
      border-radius: 10px;
}

.loc-desc h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.out-loc-card.theme-card p {
    font-size: var(--font-size-md);
    line-height: 19px;
    margin: 0;
    font-weight: 400;
    color: var(--text);
}
.out-loc-card.theme-card img {
    object-fit: cover;
    height: 150px;
    width: 100%;
}

.gm-style-iw-ch {
    background: transparent;
}

.gm-style-iw-d {
    margin-top: -15px;
    z-index: 9999;
}








.top-bl.top-bl-l a.nav-comp-btn {
    color: var(--white);
    margin-right: 10px;
    display: flex;
    font-size: 0.95em;
}

.top-bl.top-bl-l span {
    margin-right: 10px;
    color: #fff;
}

.top-bl.top-bl-l a.nav-comp-btn.active {
    color: var(--green);
}

.nav-comp-wrap { display:flex; }
.nav-comp-wrap .nav-comp-btn {
  position:relative;
 transition:background .4s;
}



.nav-comp-info {
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: var(--text);
    padding: 17px 20px;
    border-radius: 12px;
    font-size: 0.95em;
    line-height: 1.45;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* Tooltip arrow (points up) */
.nav-comp-info::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: #fff;
}

/* Desktop hover */
.nav-comp-btn:hover .nav-comp-info {
  opacity: 1;
  transform: translateX(-50%) translateY(4px);
  pointer-events: auto;
}

/* Mobile active (JS toggles .is-open) */
.nav-comp-btn.is-open .nav-comp-info {
  opacity: 1;
  transform: translateX(-50%) translateY(4px);
  pointer-events: auto;
}

span.nav-comp-mobile-btn {
  display: none;
}








/* MOBILE MENU */

.mobile-menu {
    z-index: 1000000;
    font-size: var(--font-size-md);
  background: #0C6781;
background: -webkit-linear-gradient(112deg, rgba(12, 103, 129, 1) 0%, rgba(0, 142, 175, 1) 100%);
background: -moz-linear-gradient(112deg, rgba(12, 103, 129, 1) 0%, rgba(0, 142, 175, 1) 100%);
background: linear-gradient(112deg, rgba(12, 103, 129, 1) 0%, rgba(0, 142, 175, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0C6781", endColorstr="#008EAF", GradientType=0);
	padding: 65px 20px 30px 30px !important;
    
    text-align: left;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    max-width: 320px;
    width: 90%;
    box-sizing: border-box;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.mobile-menu .hd-bl1, .mobile-menu .hd-bl2 {
    margin-bottom: 35px;
}

.mobile-menu .hd-mobile-b {
    display: flex;
    align-items: center;
}

.mobile-menu a.btn, .mobile-menu a.btn:hover {
    width: auto;
    padding: 12px 12px !important;
    white-space: nowrap;
	color: #fff;
}


.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu .mb-main-menu {
  width: 100%;
}

.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  width: 100%;
}

.mobile-menu li {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mobile-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: 0.8rem 1rem;
  font-size:17px;
  display: block;
  line-height: 1.4em;
  width: 100%;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

/* .mobile-menu a:hover {
  background-color: rgba(0, 0, 0, 0.05);
} */

.mobile-menu li.current-menu-item > a {
  color: var(--green);
}

/* Parent menu items with children */
.mobile-menu li.menu-item-has-children > a {
  position: relative;
  padding-right: 3rem;
}

/* Dropdown toggle button */
/* Dropdown toggle button */
.mobile-menu .submenu-toggle {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 10;
    transition: transform 0.3s ease;
}

.mobile-menu .submenu-toggle:after {
    content: '›';
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    display: block;
    transition: transform 0.3s ease;
    line-height: 1;
    position: absolute;
    top: -4px;
    height: 40px;
    width: 40px;
}

.mobile-menu .submenu-toggle.active:after {
  transform: rotate(90deg);
}

/* First level submenu (Level 1) */
.mobile-menu .sub-menu {
    display: none;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}


.mobile-menu .sub-menu.active {
    display: block;
    max-height: 1000px;
    z-index: 999999;
    margin-bottom: 1.2rem;
}

/* .mobile-menu .sub-menu li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
} */

.mobile-menu li > a {
    padding: 0 0 16px !important;
}

.mobile-menu svg {
    width: 19px;
	height: 19px;
    margin-right: 5px;
}

.mobile-menu .sub-menu a {
    padding: 3px 0 3px;
    font-size: var(--font-size-lg);
    font-weight: 400;
    text-transform: none;
}

.mobile-menu .hd-bl2 a {
    padding: 0 0 12px !important;
    gap: 4px;
	    display: flex;
    align-items: center;
}

/* Second level submenu (Level 2) */
.mobile-menu .sub-menu .sub-menu {
  background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .sub-menu .sub-menu a {
  padding-left: 3rem;
  font-size: calc(var(--font-size-md) * 0.85);
}

.mobile-menu .sub-menu .menu-item-has-children > a {
  padding-right: 3rem;
}

/* Language switcher */
.mobile-menu .mb-language .wpml-ls-statics-footer {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding: 1rem 0;
}

.mobile-menu .mb-language .wpml-ls-statics-footer a {
  color: var(--black);
  font-size: var(--font-size-md);
  padding: 1rem;
}

.mobile-menu .mb-language .wpml-ls-statics-footer .wpml-ls-current-language a {
  color: var(--green);
}

/* Cross icon */
.mobile-nav .cross {
    position: relative;
    z-index: 9999999;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 28px !important;
}

/* Optional: Add animation for submenu items */
.mobile-menu .sub-menu li {
  animation: slideIn 0.3s ease forwards;
  opacity: 0;
}

.mobile-menu .sub-menu.active li {
  opacity: 1;
}

.mobile-menu .sub-menu li:nth-child(1) { animation-delay: 0.05s; }
.mobile-menu .sub-menu li:nth-child(2) { animation-delay: 0.1s; }
.mobile-menu .sub-menu li:nth-child(3) { animation-delay: 0.15s; }
.mobile-menu .sub-menu li:nth-child(4) { animation-delay: 0.2s; }
.mobile-menu .sub-menu li:nth-child(5) { animation-delay: 0.25s; }

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* MAIN MENU */


.hd-nav-bl a {
	cursor: pointer;
}

.hd-nav-wrap .hd-nav-l ul.menu li:hover ul {
    top: 45px;
    opacity: 1;
    pointer-events: auto;
}

.hd-nav-wrap ul#menu-main-menu li.menu-item-has-children {
    margin-right: 10px;
}

.hd-nav-wrap ul#menu-main-menu li {
    position: relative;
    cursor: pointer;
}

.hd-nav-wrap ul#menu-main-menu ul.sub-menu li a {
    color: var(--text);
    cursor: pointer;
    padding: 6px 0;
    display: block;
		position: relative;

}

.hd-nav-wrap ul#menu-main-menu ul.sub-menu li a:hover {
    color: var(--green);
}

.hd-nav-wrap .hd-nav-l ul>li {
    position: relative;
}
.hd-nav-wrap .hd-nav-l ul li:hover>ul {
    display: block;
}

.hd-nav-wrap .hd-nav-l ul.menu li ul {
    top: 65px;
    opacity: 0;
}

.hd-nav-wrap .hd-nav-l ul.sub-menu {
    padding: 20px 30px;
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    pointer-events: none;
}

.hd-nav-wrap .hd-nav-l ul ul {
    position: absolute;
    text-align: left;
    left: 0;
    padding: 0;
    background: #fff;
    z-index: 99999999;
    border-radius: 1rem;
    white-space: nowrap;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.hd-nav-wrap .hd-nav-l ul#menu-main-menu > li.menu-item-has-children > a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.129' height='7.501' viewBox='0 0 13.129 7.501'%3E%3Cpath id='Path_39' data-name='Path 39' d='M6.838-1.213a.939.939,0,0,0,1.327,0L13.79-6.838a.939.939,0,0,0,0-1.327.939.939,0,0,0-1.327,0L7.5-3.2,2.537-8.162a.939.939,0,0,0-1.327,0,.939.939,0,0,0,0,1.327L6.835-1.21Z' transform='translate(-0.935 8.44)' fill='%23A2C617'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    background-size: 10px;
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    right: -2px;
    top: 11px;
}





@media (max-width: 1366px) {
  html {font-size: 18px;}
}

@media (max-width: 1340px) {

  .hd-nav-bl a {
    padding: 25px 9px;
  }
}

@media (max-width: 1120px) {
  .hd-nav-bl2 {
    display: none;
  }
  div#custom_toggle {
    display: block;
}



}

@media (max-width: 1200px) {
  html {font-size: 16px;}
  

}

@media (max-width: 1200px) {
  .ft-bar-wrap ul.ft-bar-checklist li span {
    font-weight: 400;
    font-size: 16px;
  }

  ul.ft-bar-checklist svg {
    height: 20px;
    padding-right: 7px;
  }
}

@media (max-width: 1024px) {

  :root {
    --font-size-xxl: 21px;  
    --font-size-xl: 18px;  
    --font-size-lg: 16px;
    --font-size-md: 15px;
    --font-size-sm: 15px;
    --font-size-xs: 14px;
  }

  html {font-size: 14px;}
.ft-bar-r {
  display: none;
}

.ft-nav-wrap {
  padding: 7rem 0 2rem;
}

.ft-nav-bl {
  width: 50%;
}

  .ft-nav-wrap {
    background-size: cover;
  }

  h1, .elementor h1.elementor-heading-title {
  font-size: 40px;
}

h2, .elementor h2.elementor-heading-title, .news-title {
  font-size: 29px;
}

  .cms-form-bl-lr {
    flex-direction: column;
}

.cms-form-bl-lr > div {
    max-width: 100%;
}

.cms-form-wrap .cms-form-bl {
    gap: 0;
}

.cms-form-bl-l {
    margin-bottom: 1rem;
}



}

@media (max-width: 880px) {


}
@media (max-width: 768px) {
  .review-carousel .owl-dots {
    display: none;
  }



}

@media (max-width: 767px) {

  html {font-size: 13px;}
  :root {
    --font-size-xxl: 20px;  
    --font-size-xl: 17px;  
    --font-size-lg: 16px;
    --font-size-md: 15px;
    --font-size-sm: 14px;
    --font-size-xs: 14px;
  }

  h1, .elementor h1.elementor-heading-title {
    font-size: 36px;
  }

  h2, .elementor h2.elementor-heading-title, .news-title {
    font-size: 25px;
  }

  .loc-bl-wrap {
    flex-direction: column;
  }

  .loc-bl-l, .loc-bl-r {
    width: 100%;
  }


 .nav-comp-btn.big-company .nav-comp-info {
  left: 0;
}

.nav-comp-info {

    padding: 14px 12px;

    font-size: 0.9em;

}

  .installaties-carousel .installatie-card img {
    min-height: 14rem;
    height:14rem !important;
  }
.top-wrap .top-bl.top-bl-r {
    display: none;
}

.top-wrap .top-bl {
    margin-right: 0;
    margin-left: 0;
}

.top-wrap .top-inner.max-width {
    justify-content: center;
}

}

@media (max-width: 700px) {

  a.hd-cta-price {display: none;}

  .card-filter-wrap .card-filter-inner {
      flex-direction: column;
  }
  .card-filter-bl {
      width: 100%;
  }





}

@media (max-width: 540px) {

  .hd-nav-cta {display: none;}
  .ft-nav-bl {
    width: 100%;
  }

  .ft-nav-copy-l {
  display: flex;
  flex-direction: column;
}
}







@media (max-width: 470px) {

}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}