.elementor-2157 .elementor-element.elementor-element-24fe4d6{--display:flex;}.elementor-2157 .elementor-element.elementor-element-f9a8da0{--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;}.elementor-2157 .elementor-element.elementor-element-bd7dc22{--display:flex;}.elementor-2157 .elementor-element.elementor-element-0c6a995{--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;}.elementor-2157 .elementor-element.elementor-element-927da36{--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;}.elementor-2157 .elementor-element.elementor-element-647445c{--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;}.elementor-2157 .elementor-element.elementor-element-647445c:not(.elementor-motion-effects-element-type-background), .elementor-2157 .elementor-element.elementor-element-647445c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2157 .elementor-element.elementor-element-1e55bfc.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2157 .elementor-element.elementor-element-1e55bfc .elementor-swiper-button{font-size:20px;}.elementor-2157 .elementor-element.elementor-element-1e55bfc .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:auto;}.elementor-2157 .elementor-element.elementor-element-a3d7928{--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;}.elementor-2157 .elementor-element.elementor-element-dae3e96{--display:flex;}.elementor-2157 .elementor-element.elementor-element-dae3e96:not(.elementor-motion-effects-element-type-background), .elementor-2157 .elementor-element.elementor-element-dae3e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020000;}.elementor-2157 .elementor-element.elementor-element-cc380bd{--display:flex;}.elementor-2157 .elementor-element.elementor-element-e2eb0b2{--display:flex;}.elementor-2157 .elementor-element.elementor-element-e2eb0b2:not(.elementor-motion-effects-element-type-background), .elementor-2157 .elementor-element.elementor-element-e2eb0b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2157 .elementor-element.elementor-element-d64ad3f{text-align:center;}.elementor-2157 .elementor-element.elementor-element-d64ad3f .elementor-heading-title{color:#FFCC00;}.elementor-2157 .elementor-element.elementor-element-467854c{--display:flex;}.elementor-2157 .elementor-element.elementor-element-8c62271{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2157 .elementor-element.elementor-element-8c62271 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-2157 .elementor-element.elementor-element-1e55bfc.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2157 .elementor-element.elementor-element-8c62271{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2157 .elementor-element.elementor-element-1e55bfc.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2157 .elementor-element.elementor-element-8c62271{--swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-952a6e6 */.next-race-title {
    color: #c79a2b; /* Dit is nu het goudgeel van je logo */
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 1.5rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7071f40 */<style>
    /* ===== ROADMAP STYLING ===== */
    .roadmap-section {
        position: relative;
        width: 100%;
        min-height: 800px;
        padding: 80px 20px;
        border-radius: 20px;
        overflow: hidden;
        background-color: #000;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .roadmap-bg-image {
        position: absolute;
        inset: 0;
        background-image: url('https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/03/achtergrond-tijdlijn.jpeg');
        background-size: cover;
        background-position: center;
        z-index: 1;
    }

    .roadmap-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.75);
        z-index: 2;
    }

    .roadmap-content {
        position: relative;
        z-index: 3;
        max-width: 1200px;
        margin: 0 auto;
    }

    .roadmap-header h2 {
        color: #ffffff;
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .roadmap-header p {
        color: #dddddd;
        font-size: 1.1rem;
        margin-bottom: 50px;
        max-width: 700px;
    }

    .roadmap-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 25px;
        align-items: stretch !important;
    }

    .roadmap-card {
        background: rgba(255, 255, 255, 0.07);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        padding: 25px;
        display: flex !important;
        flex-direction: column !important;
        transition: transform 0.3s ease, border-color 0.3s ease;
        height: 100% !important;
    }

    .roadmap-card:hover {
        transform: translateY(-6px);
        border-color: #e3c15f;
    }

    .card-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .year-tag {
        color: #e3c15f;
        font-size: 1.8rem;
        font-weight: 900;
    }

    .status-tag {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        background: rgba(255,255,255,0.12);
        padding: 4px 10px;
        border-radius: 4px;
        color: #fff;
    }

    .roadmap-image-wrap {
        width: 100% !important;
        height: 220px !important;
        border-radius: 12px;
        margin-bottom: 15px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,0.1);
    }

    .roadmap-image {
        width: 100% !important;
        min-width: 100% !important;
        height: 100% !important;
        display: block;
        object-fit: cover !important;
        transition: transform 0.5s ease;
    }

    .roadmap-card:hover .roadmap-image {
        transform: scale(1.05);
    }

    /* Uitsnedes voor actie-foto's */
    .image-2016 { object-position: center 20% !important; }
    .image-2024 { object-position: center 15% !important; }
    .image-2026 { object-position: center center !important; }

    .card-desc {
        color: #ffffff;
        font-size: 1rem;
        line-height: 1.5;
        margin: 0;
        flex-grow: 1;
    }

    @media (max-width: 768px) {
        .roadmap-grid {
            grid-template-columns: 1fr;
        }
    }
</style>

<div class="roadmap-section">
    <div class="roadmap-bg-image"></div>
    <div class="roadmap-overlay"></div>
    
    <div class="roadmap-content">
        <div class="roadmap-header">
            <h2>Career Roadmap</h2>
            <p>A quick overview of the journey so far, from first training laps to the next competitive milestones.</p>
        </div>

        <div class="roadmap-grid">
            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2016</span>
                    <span class="status-tag">Start</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2016" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/02/WhatsApp-Image-2026-02-12-at-10.22.59.webp" alt="2016" loading="lazy">
                </div>
                <p class="card-desc">Started training at the age of 4 and began building the foundations for racing.</p>
            </div>

            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2019-2022</span>
                    <span class="status-tag">Growth</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2019" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/03/ChatGPT-Image-14-mrt-2026-18_46_22.png" alt="Growth" loading="lazy">
                </div>
                <p class="card-desc">Important development years with multiple podium finishes in regional championships.</p>
            </div>

            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2023</span>
                    <span class="status-tag">Step Up</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2023" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/03/IMG202303251509212.jpg" alt="2023" loading="lazy">
                </div>
                <p class="card-desc">Regional runner-up and endurance podium finishes showed clear competitive progress.</p>
            </div>

            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2024</span>
                    <span class="status-tag">Victory</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2024" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/03/511910257_9834533133322680_838102662739882217_n.jpg" alt="2024" loading="lazy">
                </div>
                <p class="card-desc">Winner of the Finetwork GP12 Cup and an important breakthrough season.</p>
            </div>

            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2025</span>
                    <span class="status-tag">Momentum</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2025" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/02/home-page.jpeg" alt="2025" loading="lazy">
                </div>
                <p class="card-desc">Runner-up in Promo 3, continuing to build pace, confidence and consistency.</p>
            </div>

            <div class="roadmap-card">
                <div class="card-top">
                    <span class="year-tag">2026</span>
                    <span class="status-tag">Target</span>
                </div>
                <div class="roadmap-image-wrap">
                    <img class="roadmap-image image-2026" src="https://rafaelbudginaitemotorsport.com/wp-content/uploads/2026/03/juiste-formaat.png" alt="2026" loading="lazy">
                </div>
                <p class="card-desc">Focused on competing in the ESBK Talent Cup and taking the next major step forward.</p>
            </div>
        </div>
    </div>
</div/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-eb241ed *//* ===== OPTIMALISATIE PARTNER LOGO SLIDER ===== */

/* 1. Container uitlijning: zorgt dat elk logo in een onzichtbaar vak staat */
.elementor-widget-logo-carousel .swiper-slide,
.elementor-widget-images-carousel .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important; 
    padding: 10px 25px !important;
    box-sizing: border-box !important;
}

/* 2. Logo styling: uniform formaat en gedrag */
.elementor-widget-logo-carousel .swiper-slide img,
.elementor-widget-images-carousel .swiper-slide img {
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    max-height: 75px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    display: block !important;
    filter: grayscale(100%) brightness(1.2);
    opacity: 0.6;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 3. Hover effect: Terug naar kleur en scherpte */
.elementor-widget-logo-carousel .swiper-slide img:hover,
.elementor-widget-images-carousel .swiper-slide img:hover {
    filter: grayscale(0%) brightness(1);
    opacity: 1;
    transform: scale(1.08);
}

/* 4. Extra: Stabiliteit voor de slider */
.elementor-widget-logo-carousel .elementor-main-swiper,
.elementor-widget-images-carousel .elementor-main-swiper {
    padding-bottom: 5px !important;
}/* End custom CSS */