.elementor-kit-5{--e-global-color-primary:#70BFE8;--e-global-color-secondary:#DDDDDD;--e-global-color-text:#000000;--e-global-color-accent:#1E1E1E;--e-global-color-1a0dd83:#FFFFFF;--e-global-color-a4f3159:#FFFFFF00;--e-global-color-381b122:#C0C0C0;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:25px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.4em;--e-global-typography-d5449d4-font-family:"Roboto";--e-global-typography-d5449d4-font-size:20px;--e-global-typography-d5449d4-font-weight:400;--e-global-typography-856ce03-font-family:"DM Sans";--e-global-typography-856ce03-font-size:22px;--e-global-typography-856ce03-font-weight:800;--e-global-typography-856ce03-line-height:1.4em;--e-global-typography-3403768-font-family:"Roboto";--e-global-typography-3403768-font-size:12px;--e-global-typography-3403768-font-weight:400;--e-global-typography-3403768-line-height:1.2em;--e-global-typography-5b050cf-font-family:"Roboto";--e-global-typography-5b050cf-font-size:14px;--e-global-typography-5b050cf-font-weight:400;--e-global-typography-e49e084-font-family:"Roboto";--e-global-typography-e49e084-font-size:30px;--e-global-typography-e49e084-font-weight:400;--e-global-typography-e49e084-line-height:1.2em;color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-1a0dd83 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-1a0dd83 );border-radius:50px 50px 50px 50px;padding:8px 20px 8px 20px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-a4f3159 );color:var( --e-global-color-1a0dd83 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-1a0dd83 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:20px;}.elementor-kit-5 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:120px;--container-default-padding-right:50px;--container-default-padding-bottom:120px;--container-default-padding-left:50px;}.elementor-widget:not(:last-child){--kit-widget-spacing:50px;}.elementor-element{--widgets-spacing:50px 50px;--widgets-spacing-row:50px;--widgets-spacing-column:50px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:50px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:50px;--container-default-padding-right:50px;--container-default-padding-bottom:50px;--container-default-padding-left:50px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-856ce03-font-size:19px;--e-global-typography-5b050cf-font-size:16px;--e-global-typography-e49e084-font-size:24px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}/* Start custom CSS */html, body {
    max-width: 100%;
    overflow-x: hidden;
}

:target {
    scroll-margin-top: 100px !important;
}

/*realizations card css*/

.industry-icons-container {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 15px; /* Optioneel: ruimte onder de iconen */
}

.industry-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Vaste afmetingen voor een perfecte cirkel */
    width: 25px;  
    height: 25px; 
    flex-shrink: 0; /* Voorkomt dat cirkels vervormen als de tekst breed wordt */
    
    background-color: var(--e-global-color-1a0dd83);
    border-radius: 50%;
    padding: 5px; /* De witruimte tussen de rand van de cirkel en het icoon */
}

.industry-icon-circle img {
    /* Dit zorgt ervoor dat elk icoon maximaal 100% van de binnenruimte vult */
    width: 100%;
    height: 100%;
    
    /* Behoudt de verhouding en zorgt dat het icoon gecentreerd blijft */
    object-fit: contain;
}

/* 1. Maak ruimte aan de bovenkant binnen de carrousel voor de hover-animatie */
.elementor-kit-5 .swiper {
    padding-top: 20px !important; /* Pas dit getal aan op basis van je transform: -10px */
    margin-top: -20px !important; /* Compenseert de padding zodat je layout niet verspringt */
    overflow-: visible !important;
}

/* 2. Zorg dat de individuele slide de animatie niet afkapt */
.elementor-kit-5 .swiper-slide {
    overflow: visible !important;
}

/* =============================================
   MOBILE & TABLET OPTIMALISATIE (V2 - STICKY SAFE)
   ============================================= */

@media (max-width: 1024px) {

    /* 1. GRID & HOOGTE RESET */
    .elementor-grid, 
    .e-con.e-grid, 
    .e-con-inner.e-grid {
        align-items: start !important;
        grid-auto-rows: min-content !important;
    }

    /* 2. ANIMATIES UITSCHAKELEN 
       We sluiten sticky elementen uit om positioneringsfouten te voorkomen */
    .elementor-element.elementor-invisible:not(.elementor-sticky), 
    .elementor-element.animated:not(.elementor-sticky),
    .e-con.animated:not(.elementor-sticky),
    [data-settings*="animation"]:not(.elementor-sticky) {
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    .elementor-element:not(.elementor-sticky) {
        will-change: auto !important;
    }

    /* 3. HOVER EFFECTEN NEUTRALISEREN 
       We laten het nav-menu erbuiten zodat dropdowns/submenu's blijven werken */
    .elementor-element:not(.elementor-nav-menu--main):hover,
    .elementor-widget-container:not(.elementor-nav-menu--main):hover,
    .elementor-button:hover,
    .elementor-image:hover img,
    a:not(.elementor-item):hover { 
        transform: none !important;
        transition: none !important;
        filter: none !important;
        box-shadow: none !important;
    }
    
    .elementor-element:hover .elementor-background-overlay {
        opacity: 0 !important;
    }
}

/* Styling voor de service categorie tags */
.service-tag-pil {
    display: inline-block;
    background-color: var(--e-global-color-1a0dd83, #FFFFFF);
    padding: 5px 10px;
    border-radius: 50px;
    color: var(--e-global-color-text, #000000);
    font-family: "Roboto", Sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2em;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 0px;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    /* Zorgt dat elk woord met een hoofdletter begint */
    text-transform: capitalize;
}
/* Mobiel menu: Sub-items enkel op 14px zetten */
.elementor-nav-menu--dropdown .sub-menu .menu-item a {
    background-color: var(--e-global-color-381b122);
    font-size: 16px !important;
}

ul {
    padding-bottom: 20px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://fixar.eu/wp-content/uploads/dm-sans-v17-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://fixar.eu/wp-content/uploads/dm-sans-v17-latin-800.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://fixar.eu/wp-content/uploads/roboto-v50-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://fixar.eu/wp-content/uploads/roboto-v50-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://fixar.eu/wp-content/uploads/roboto-v50-latin-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */