.elementor-7 .elementor-element.elementor-element-b3a0af7{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 10% 0% 10%;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-cdfeae5 .elementor-counter-title{justify-content:center;font-family:"Teko", Sans-serif;font-size:2vw;font-weight:500;}.elementor-7 .elementor-element.elementor-element-cdfeae5 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Teko", Sans-serif;font-size:6vw;font-weight:600;}.elementor-7 .elementor-element.elementor-element-30febe7 .elementor-counter-title{justify-content:center;font-family:"Teko", Sans-serif;font-size:2vw;font-weight:500;}.elementor-7 .elementor-element.elementor-element-30febe7 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Teko", Sans-serif;font-size:6vw;font-weight:600;}.elementor-7 .elementor-element.elementor-element-7496546 .elementor-counter-title{justify-content:center;font-family:"Teko", Sans-serif;font-size:2vw;font-weight:500;}.elementor-7 .elementor-element.elementor-element-7496546 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Teko", Sans-serif;font-size:6vw;font-weight:600;}.elementor-7 .elementor-element.elementor-element-7a194ea .elementor-counter-title{justify-content:center;font-family:"Teko", Sans-serif;font-size:2vw;font-weight:500;}.elementor-7 .elementor-element.elementor-element-7a194ea .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Teko", Sans-serif;font-size:6vw;font-weight:600;}.elementor-7 .elementor-element.elementor-element-5569e4e{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) 0%;}.elementor-7 .elementor-element.elementor-element-5569e4e .e-filter-item{font-family:"Teko", Sans-serif;font-size:1.2vw;font-weight:500;text-transform:uppercase;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-a700438{--grid-columns:3;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-a700438{--grid-columns:2;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-a700438{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-b3a0af7 */.jumbotron-text {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1.2vw;
    color: #ffffff;
    text-align: center;
}
.jumbotron-text span {
    margin: 0;
    padding: 0;
}
.jumbotron-text .tw34kz-highlighted-text {
    font-weight: 800;
    background: linear-gradient(190deg, #fad8ab 30%, #dc831f 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    margin-bottom: 15px !important;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-cdfeae5 *//* 1. De donkere kaart opbouw */
.elementor-7 .elementor-element.elementor-element-cdfeae5 {
    background: #0d0d0d !important;
    padding: 40px 15px !important;
    border-radius: 12px !important;
    border: 2px solid #2f3130 !important;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    padding: 15% !important;
}

/* 2. Hover effect met gouden rand en rode glow */
.elementor-7 .elementor-element.elementor-element-cdfeae5:hover {
    border-color: #F2B807 !important;
    box-shadow: 0px 0px 35px rgba(229, 25, 25, 0.4), inset 0px 0px 15px rgba(242, 184, 7, 0.15) !important;
    transform: translateY(-8px) !important;
}

/* 3. Het massieve cijfer met rood/goud gradient */
.elementor-7 .elementor-element.elementor-element-cdfeae5 .elementor-counter-number-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #F2B807 0%, #E51919 80%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0px 0px 15px rgba(229, 25, 25, 0.6)) !important;
    margin-bottom: 15px !important;
}

/* 4. Typografie van de titels */
.elementor-7 .elementor-element.elementor-element-cdfeae5 .elementor-counter-title {
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-30febe7 *//* 1. De donkere kaart opbouw */
.elementor-7 .elementor-element.elementor-element-30febe7 {
    background: #0d0d0d !important;
    padding: 40px 15px !important;
    border-radius: 12px !important;
    border: 2px solid #2f3130 !important;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    padding: 15% !important;
}

/* 2. Hover effect met gouden rand en rode glow */
.elementor-7 .elementor-element.elementor-element-30febe7:hover {
    border-color: #F2B807 !important;
    box-shadow: 0px 0px 35px rgba(229, 25, 25, 0.4), inset 0px 0px 15px rgba(242, 184, 7, 0.15) !important;
    transform: translateY(-8px) !important;
}

/* 3. Het massieve cijfer met rood/goud gradient */
.elementor-7 .elementor-element.elementor-element-30febe7 .elementor-counter-number-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #F2B807 0%, #E51919 80%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0px 0px 15px rgba(229, 25, 25, 0.6)) !important;
    margin-bottom: 15px !important;
}

/* 4. Typografie van de titels */
.elementor-7 .elementor-element.elementor-element-30febe7 .elementor-counter-title {
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-7496546 *//* 1. De donkere kaart opbouw */
.elementor-7 .elementor-element.elementor-element-7496546 {
    background: #0d0d0d !important;
    padding: 40px 15px !important;
    border-radius: 12px !important;
    border: 2px solid #2f3130 !important;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    padding: 15% !important;
}

/* 2. Hover effect met gouden rand en rode glow */
.elementor-7 .elementor-element.elementor-element-7496546:hover {
    border-color: #F2B807 !important;
    box-shadow: 0px 0px 35px rgba(229, 25, 25, 0.4), inset 0px 0px 15px rgba(242, 184, 7, 0.15) !important;
    transform: translateY(-8px) !important;
}

/* 3. Het massieve cijfer met rood/goud gradient */
.elementor-7 .elementor-element.elementor-element-7496546 .elementor-counter-number-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #F2B807 0%, #E51919 80%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0px 0px 15px rgba(229, 25, 25, 0.6)) !important;
    margin-bottom: 15px !important;
}

/* 4. Typografie van de titels */
.elementor-7 .elementor-element.elementor-element-7496546 .elementor-counter-title {
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-7a194ea *//* 1. De donkere kaart opbouw */
.elementor-7 .elementor-element.elementor-element-7a194ea {
    background: #0d0d0d !important;
    padding: 40px 15px !important;
    border-radius: 12px !important;
    border: 2px solid #2f3130 !important;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    padding: 15% !important;
}

/* 2. Hover effect met gouden rand en rode glow */
.elementor-7 .elementor-element.elementor-element-7a194ea:hover {
    border-color: #F2B807 !important;
    box-shadow: 0px 0px 35px rgba(229, 25, 25, 0.4), inset 0px 0px 15px rgba(242, 184, 7, 0.15) !important;
    transform: translateY(-8px) !important;
}

/* 3. Het massieve cijfer met rood/goud gradient */
.elementor-7 .elementor-element.elementor-element-7a194ea .elementor-counter-number-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #F2B807 0%, #E51919 80%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0px 0px 15px rgba(229, 25, 25, 0.6)) !important;
    margin-bottom: 15px !important;
}

/* 4. Typografie van de titels */
.elementor-7 .elementor-element.elementor-element-7a194ea .elementor-counter-title {
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-5569e4e *//* 1. Basis styling filter-items (exact zoals menu) */
    & .e-filter-item {
        transition: all 0.5s ease !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; 
        color: #E0E0E0 !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        cursor: pointer !important;

        /* Reset eventuele oude clipping van vorige pogingen */
        -webkit-text-fill-color: initial !important;
        background-clip: padding-box !important;
        -webkit-background-clip: padding-box !important;
        filter: none !important;
    }

    /* 2. Actief item: Vurige gradient met dubbele glow & border */
    & .e-filter-item.e-active,
    & .e-filter-item[aria-pressed="true"] {
        background: linear-gradient(90deg, #E51919 0%, #F2B807 50%, #E51919 100%) !important;
        background-size: 200% auto !important;
        background-position: 0% center !important;
        color: #FFFFFF !important;
        border: 1px solid #FBD051 !important;
        box-shadow: 0px 0px 25px rgba(229, 25, 25, 0.8), 0px 4px 10px rgba(242, 184, 7, 0.6) !important;
        text-shadow: none !important;
    }

    /* 3. Hover op actief item: Verschuif gradient en draai glow om */
    & .e-filter-item.e-active:hover,
    & .e-filter-item[aria-pressed="true"]:hover {
        background-position: 100% center !important;
        box-shadow: 0px 0px 25px rgba(242, 184, 7, 0.8), 0px 4px 10px rgba(229, 25, 25, 0.6) !important;
    }

    /* 4. Reguliere hover (alleen op inactieve items): Text-shadow glow */
    & .e-filter-item:not(.e-active):not([aria-pressed="true"]):hover {
        background: transparent !important;
        color: #F2B807 !important; 
        box-shadow: none !important;
        border-color: transparent !important;
        text-shadow: 0px 0px 25px rgba(229, 25, 25, 1), 0px 0px 10px rgba(242, 184, 7, 0.8) !important;
    }/* End custom CSS */