/* Remove padding for wider gap populated columns */
    .elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
        padding: 0px 0px 0px 0px !important;
    }
    /* Specific padding for the three boxes next to the team image */
    @media (min-width: 1025px) {
        .elementor-column.elementor-element-4d15a5ae > .elementor-widget-wrap,
        .elementor-column.elementor-element-4d15a5ae > .elementor-element-populated {
            padding-left: 20px !important;
        }
    }

    /* Global Typography */
    .elementor-element-391a813 .mkdf-st-title {
        font-size: 30px !important;
        font-weight: 600 !important;
        letter-spacing: 0px !important;
    }

    .q_pie_graf_legend p {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    p, body.qode-overridden-elementors-fonts .elementor-widget-heading p.elementor-heading-title {
        font-family: "Roboto", sans-serif !important;
        font-size: 16px !important;
        line-height: 26px !important;
        font-weight: 400 !important;
    }

    /* Global Flex Container for the section */
    .elementor-element.elementor-element-4d15a5ae > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 20px;
    }
    .elementor-element.elementor-element-4d15a5ae > .elementor-widget-wrap > .elementor-widget-heading {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
    
    /* Make left image fill the height of the column to align with right boxes */
    .elementor-element.elementor-element-76b77dc2 > .elementor-widget-wrap {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: stretch !important;
    }
    .elementor-element-6acf8697 {
        flex-grow: 1 !important;
        height: 100% !important;
        display: flex !important;
        background-position: 70% 100% !important; /* Shifted to right and bottom */
        background-size: cover !important; /* Revert scale up, use play button position instead */
    }
    .elementor-element-6acf8697 .elementor-widget-container,
    .elementor-element-6acf8697 .bdt-lightbox-wrapper,
    .elementor-element-6acf8697 .bdt-ep-ui-image-wrapper {
        height: 100% !important;
        width: 100% !important;
    }
    .elementor-element-6acf8697 img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center bottom !important; /* Shift team upwards */
        border-radius: 20px !important;
    }

    /* Left Image Column Border Radius */
    .elementor-element.elementor-element-76b77dc2,
    .elementor-element.elementor-element-76b77dc2 > .elementor-widget-wrap,
    .elementor-element.elementor-element-6acf8697,
    .elementor-element-6acf8697 .bdt-lightbox-wrapper {
        border-radius: 20px !important;
        overflow: visible !important;
    }
    /* But allow overflow on the button container so pulse is visible */
    .elementor-element-6acf8697 > .elementor-widget-container {
        overflow: visible !important;
    }

    /* Mobile: About section team photo + play button */
    @media (max-width: 1024px) {
        /* Team image on top, boxes below - enforce stacking order */
        .elementor-element.elementor-element-76b77dc2 {
            width: 100% !important;
            order: -1 !important;
            border-radius: 16px !important;
            margin-bottom: 20px !important;
        }
        .elementor-element.elementor-element-4d15a5ae {
            width: 100% !important;
        }
        /* Ensure inner boxes take exact half width to align perfectly with image above */
        .elementor-element.elementor-element-4d15a5ae > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget-heading) {
            flex: 0 0 calc(50% - 10px) !important;
            width: calc(50% - 10px) !important;
        }
    }
    @media (max-width: 767px) {
        .elementor-element.elementor-element-4d15a5ae > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget-heading) {
            flex: 0 0 100% !important;
            width: 100% !important;
        }
        .elementor-column.elementor-element-4d15a5ae > .elementor-widget-wrap,
        .elementor-column.elementor-element-4d15a5ae > .elementor-element-populated {
            padding: 0 !important;
        }
    }
    @media (max-width: 1024px) {
        .elementor-element.elementor-element-76b77dc2 > .elementor-widget-wrap {
            min-height: auto !important;
            height: auto !important;
        }
        .elementor-element-6acf8697,
        .elementor-element-6acf8697 .elementor-widget-container,
        .elementor-element-6acf8697 .bdt-lightbox-wrapper,
        .elementor-element-6acf8697 .bdt-ep-ui-image-wrapper {
            height: auto !important;
            min-height: auto !important;
        }
        .elementor-element-6acf8697 img {
            max-height: none !important;
            height: auto !important;
            object-fit: cover !important;
            width: 100% !important;
            border-radius: 20px !important;
        }
        .elementor-element-6acf8697 .elementor-button {
            width: 60px !important;
            height: 60px !important;
        }
        .elementor-element-6acf8697 .elementor-button svg {
            width: 24px !important;
            height: 24px !important;
        }
        
        /* Team Pie Chart Legend & Gray Box adjustments for iPad / Tablet */
        .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 15px !important;
            margin-bottom: 15px !important;
        }
        .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul li {
            width: auto !important;
            margin-bottom: 0 !important;
        }
        .wl-pie-badge {
            width: 100% !important;
            box-sizing: border-box !important;
            justify-content: center !important;
        }
    }
    @media (max-width: 768px) {
        .elementor-element-6acf8697 .elementor-button {
            width: 50px !important;
            height: 50px !important;
        }
        .elementor-element-6acf8697 .elementor-button svg {
            width: 20px !important;
            height: 20px !important;
        }

        /* Team photo section mobile fixes */
        .elementor-element-76b77dc2 {
            min-height: 400px !important;
        }
        .elementor-6625 .elementor-element.elementor-element-6acf8697 {
            background-position: center 100% !important;
        }
        .wl-team-badge {
            bottom: 140px !important;
            left: 15px !important;
            font-size: 11px !important;
            padding: 6px 12px !important;
        }
        .wl-photo-overlay-text {
            bottom: 15px !important;
            left: 15px !important;
            right: 15px !important;
        }
        .wl-photo-overlay-text h3 {
            font-size: 20px !important;
        }
        .wl-photo-overlay-text p {
            font-size: 12px !important;
            max-width: 100% !important;
        }

        /* Welcome text box mobile */
        .wl-welcome-text-box {
            padding: 20px !important;
        }
        .elementor-element.elementor-element-56fe65b5 h2.elementor-heading-title {
            font-size: 24px !important;
        }

        /* Cards stacking mobile */
        .wl-contact-card {
            padding: 20px !important;
        }
        .wl-card-title {
            font-size: 20px !important;
        }
        .elementor-6625 .elementor-element.elementor-element-05d15fa {
            padding-left: 5% !important;
            padding-right: 0% !important;
        }
    }

    /* Ensure mobile header/burger menu is always on top */
    .mobile_menu_button,
    .mkdf-mobile-header,
    .mkdf-mobile-header-inner,
    #mkdf-top-bar,
    .mkdf-page-header,
    header.mkdf-page-header {
        z-index: 9999 !important;
    }

    @media (max-width: 1024px) and (min-width: 769px) {
        /* Tablet fixes */
        .wl-team-badge {
            bottom: 160px !important;
            left: 20px !important;
        }
        .wl-photo-overlay-text {
            bottom: 20px !important;
            left: 20px !important;
            right: 20px !important;
        }
        .wl-photo-overlay-text h3 {
            font-size: 22px !important;
        }
    }
    
    /* Turn the Elementor Play Button into the new animated pulsing button */
    .elementor-element-6acf8697 .elementor-button {
        width: 100px !important;
        height: 100px !important;
        background: #ffffff !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        animation: pulse-yellow 2s infinite !important;
        transition: box-shadow 0.3s ease !important;
        margin: 0 auto !important;
        overflow: visible !important; /* Fix pulsing animation clipping */
        position: relative !important;
        z-index: 10 !important;
    }
    /* Also allow overflow on wrapper elements so pulse is not clipped */
    .elementor-element-6acf8697 .elementor-widget-container,
    .elementor-element-6acf8697 .bdt-ep-ui-image-wrapper,
    .elementor-element-6acf8697 .bdt-lightbox-wrapper {
        overflow: visible !important;
    }
    .elementor-element-6acf8697 .elementor-button:hover {
        transform: scale(1.05) !important;
        animation: none !important;
    }
    .elementor-element-6acf8697 .elementor-button span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 5px !important;
        padding: 0 !important;
    }
    .elementor-element-6acf8697 .elementor-button svg {
        width: 40px !important;
        height: 40px !important;
        fill: #FFEF12 !important;
    }
    
    /* Remove any specific Elementor margin from the contact box */
    .elementor-6625 .elementor-element.elementor-element-26a82e4f {
        margin: 0 !important;
        padding: 0px !important;
    }
    
    /* Global Elementor Kit Font Size Fix as requested */
    .elementor-kit-958 {
        font-size: 15px !important;
    }
    
    /* Fix text colors for LIGHT background (Dark Gray/Black text) */
    .elementor-element.elementor-element-26a82e4f h1,
    .elementor-element.elementor-element-26a82e4f h2,
    .elementor-element.elementor-element-26a82e4f h3,
    .elementor-element.elementor-element-26a82e4f h4,
    .elementor-element.elementor-element-26a82e4f h5,
    .elementor-element.elementor-element-26a82e4f h6,
    .elementor-element.elementor-element-26a82e4f p,
    .elementor-element.elementor-element-26a82e4f span,
    .elementor-element.elementor-element-26a82e4f a,
    .elementor-element.elementor-element-26a82e4f div,
    .elementor-element.elementor-element-26a82e4f strong {
        color: #1a1e24 !important;
    }
    
    /* Make icons dark gray so they are readable on the light glass */
    .elementor-element.elementor-element-26a82e4f i {
        color: #1a1e24 !important;
    }
    .elementor-element.elementor-element-26a82e4f svg {
        fill: #1a1e24 !important;
    }

    /* OPTIMIZE CENTERING & READABILITY for Contact Box */
    .elementor-element.elementor-element-26a82e4f .elementor-widget-container {
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .elementor-element.elementor-element-26a82e4f .elementor-icon-list-items {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: flex-start !important; /* Align text block lines to the left within the center */
        margin: 0 auto !important;
    }
    .elementor-element.elementor-element-26a82e4f .elementor-icon-list-item {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 15px !important;
    }
    .elementor-element.elementor-element-26a82e4f .elementor-icon-list-icon {
        margin-right: 15px !important;
        display: flex !important;
        align-items: center !important;
    }
    .elementor-element.elementor-element-26a82e4f .elementor-icon-list-text {
        white-space: normal !important;
        line-height: 1.4 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }
    
    /* Title in contact box */
    .elementor-element.elementor-element-26a82e4f .ds-kontaktbox-title,
    .elementor-element.elementor-element-26a82e4f h2,
    .elementor-element.elementor-element-26a82e4f h3 {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    /* Layout for Desktop and iPads (Side by Side) */
    @media (min-width: 768px) {
        .elementor-element.elementor-element-26a82e4f,
        .elementor-element.elementor-element-e168875 {
            width: calc(50% - 15px) !important;
            flex: 0 0 calc(50% - 15px) !important;
            min-height: 400px !important; /* Ensure same height */
        }
    }
    
    /* Layout for Mobile Phones (Stacked Vertical Cards) */
    @media (max-width: 767px) {
        .elementor-element.elementor-element-26a82e4f,
        .elementor-element.elementor-element-e168875 {
            width: 100% !important;
            flex: 0 0 100% !important;
            max-width: 450px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    

    .elementor-element.elementor-element-e168875 .elementor-widget-container {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 30px !important; /* More breathing room */
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf {
        margin-bottom: 0 !important;
        flex: 0 0 160px !important; /* Slightly larger chart */
        width: 160px !important;
        height: 160px !important;
        max-width: 160px !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf canvas {
        width: 160px !important;
        height: 160px !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend {
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: flex-start !important; /* Align legend items nicely */
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul li {
        margin-bottom: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }
    /* Dark legend text for light background */
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul li p,
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul li span {
        color: #1a1e24 !important;
        margin: 0 !important;
        padding-left: 15px !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    .q_pie_graf_holder.q-pie-chart-doughnut .q_pie_graf_legend ul li .color_holder {
        margin: 0 !important;
        float: none !important;
        flex-shrink: 0 !important;
        width: 15px !important;
        height: 15px !important;
        border-radius: 3px !important; /* Nicer rounded legend colors */
    }
    
    /* HIDE THE OLD SERVICES SECTION (To be replaced by the shortcode) */
    .elementor-heading-title:contains("Schaltgeräte, Schaltanlagen, Industriesteuerungen") {
        display: none !important;
    }
    
    /* DARK SECTION FOR COMPETENCIES CAROUSEL */
    .wl-dark-carousel-section {
        background-color: #171b21 !important;
        position: relative !important;
        overflow: hidden !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .wl-dark-carousel-section .elementor-heading-title,
    .wl-dark-carousel-section h1,
    .wl-dark-carousel-section h2,
    .wl-dark-carousel-section h3,
    .wl-dark-carousel-section p,
    .wl-dark-carousel-section span {
        color: #ffffff !important;
    }
    

    /* Force white text for the specific carousel headings */
    .elementor-element-05d15fa .elementor-heading-title,
    .elementor-element-391a813 .elementor-heading-title { color: #ffffff !important; }
    .elementor-6625 .elementor-element.elementor-element-3b8803b .elementor-heading-title {
        letter-spacing: 0px !important;
    }
    .wl-dark-carousel-section::before {
        content: "";
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        background: linear-gradient(135deg, rgba(30,35,45,0) 0%, #0d1014 100%);
        z-index: 0;
        pointer-events: none;
    }
    .wl-dark-carousel-section::after {
        content: "";
        position: absolute;
        top: -20%;
        right: -10%;
        width: 60%;
        height: 140%;
        background: #1e242c;
        transform: rotate(15deg);
        z-index: 0;
        opacity: 0.5;
        clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
        pointer-events: none;
    }
    .wl-dark-carousel-section .elementor-container,
    .wl-dark-carousel-section > .elementor-widget-wrap {
        position: relative;
        z-index: 10;
    }
    
    
    /* ========================================================== */
    /* BLOG SLIDER MODERNIZATION (GLASSMORPHISM)                  */
    /* ========================================================== */
    .elementor-widget-qi_addons_for_elementor_blog_slider .swiper-slide,
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-blog-item {
        height: auto !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-inner {
        background: transparent !important;
        border: none !important;
        border-radius: 20px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-blog-item:hover .qodef-e-inner {
        transform: translateY(-5px) !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-media-image img {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        width: 100% !important;
        object-fit: cover !important;
        transition: transform 0.5s ease !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-blog-item:hover .qodef-e-media-image img {
        transform: scale(1.05) !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-content { padding: 25px !important; flex-grow: 1 !important; background: #1a1e24 !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-title { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 12px !important; margin-top: 0 !important; color: #ffffff !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-title-link { color: #ffffff !important; text-decoration: none !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-title-link:hover {
        color: #FFEF12 !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-excerpt { color: rgba(255, 255, 255, 0.7) !important; font-size: 14px !important; line-height: 1.5 !important; margin: 0 !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-info-date {
        background-color: #1a1e24 !important;
        border-bottom-left-radius: 15px !important;
        padding: 8px 15px !important;
        z-index: 10 !important;
    }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-e-info-date a { color: #FFEF12 !important; font-weight: 700 !important; font-size: 14px !important; text-shadow: 0 0 10px rgba(255, 239, 18, 0.6) !important; }
    
    /* Slider Navigation Arrows Outside */
    .elementor-widget-qi_addons_for_elementor_blog_slider .swiper-button-prev { left: -50px !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .swiper-button-next { right: -50px !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .qodef-addons-blog-slider { overflow: hidden !important; }
    .elementor-widget-qi_addons_for_elementor_blog_slider .swiper-container { overflow: hidden !important; padding: 20px 0 !important; margin: -20px 0 !important; }

    /* Center the heading of the blog section */
    .elementor-element-2ac1f7b {
        background: transparent !important;
    }
    .elementor-element-2ac1f7b .elementor-heading-title {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }


    /* Competencies Section Subtitle */
    .elementor-element-391a813 .mkdf-st-title {
        color: #ffffff !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        letter-spacing: 0px !important;
        background: transparent !important;
    }

    
    /* ========================================================== */
    /* HEADER & NAVIGATION MODERNIZATION                          */
    /* ========================================================== */
    /* Main Header Box Shadow & Glass */
    header.page_header {
        box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
        background-color: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-bottom: none !important;
    }
    .header_bottom {
        background-color: transparent !important;
    }

    /* Main Menu Typography */
    nav.main_menu > ul > li > a {
        font-family: "Roboto", sans-serif !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        color: #1a1e24 !important;
        letter-spacing: 0.5px !important;
        transition: color 0.3s ease !important;
    }
    nav.main_menu > ul > li > a:hover,
    nav.main_menu > ul > li.active > a {
        color: #FFEF12 !important;
    }
    
    /* Remove old underline */
    nav.main_menu > ul > li > a span.underline_dash {
        display: none !important;
    }

    /* Side Menu Button Modernization (Desktop) */
    .side_menu_button_link svg #background {
        fill: transparent !important;
        transition: fill 0.3s ease !important;
    }
    .side_menu_button_link:hover svg #background {
        fill: rgba(0,0,0,0.05) !important;
    }
    .side_menu_button_link svg rect[fill="#fff"],
    .side_menu_button_link svg rect[fill="#ffffff"] {
        fill: #1a1e24 !important;
    }
    .side_menu_button_wrapper .side_menu_button_link {
        border-radius: 50% !important;
        overflow: hidden !important;
        width: 50px !important;
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        
    }

    /* Mobile Menu Button */
    .mobile_menu_button span svg #background {
        fill: transparent !important;
    }
    .mobile_menu_button span svg rect[fill="#fff"],
    .mobile_menu_button span svg rect[fill="#ffffff"] {
        fill: #1a1e24 !important;
    }
    /* mobile menu button display handled by theme */

    /* Mobile Menu Dropdown Modernization */
    nav.mobile_menu {
        background-color: #1a1e24 !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
        border-top: 1px solid rgba(255,255,255,0.05) !important;
    }
    nav.mobile_menu ul li a {
        color: #ffffff !important;
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        transition: background 0.3s ease, color 0.3s ease !important;
    }
    nav.mobile_menu ul li a:hover,
    nav.mobile_menu ul li.active > a {
        background-color: rgba(255,239,18,0.1) !important;
        color: #FFEF12 !important;
    }
    nav.mobile_menu ul li span.mobile_arrow i {
        color: rgba(255,255,255,0.5) !important;
    }

    
    @media only screen and (max-width: 1000px) {
        /* Overlay backdrop - BELOW the menu, only covers the left area */
        #wl-mobile-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.5);
            z-index: 99990 !important;
            pointer-events: none; /* Disabled by default */
        }
        #wl-mobile-overlay.is-open {
            display: block;
            pointer-events: auto; /* Enables click-to-close */
            /* Only cover the LEFT side (outside the menu) */
            right: 80%;
        }

        nav.mobile_menu {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            width: 80% !important;
            max-width: 350px !important;
            height: 100vh !important;
            z-index: 100001 !important;
            overflow-y: auto !important;
            box-shadow: -10px 0 30px rgba(0,0,0,0.2) !important;
            /* Hidden by default - JS adds .is-open to slide in */
            transform: translateX(110%) !important;
            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
            pointer-events: auto !important; /* Clickable always */
        }
        nav.mobile_menu.is-open {
            transform: translateX(0) !important;
        }
        /* Force the menu list visible when open */
        nav.mobile_menu ul {
            display: block !important;
        }
        nav.mobile_menu.is-open,
        nav.mobile_menu.is-open ul,
        nav.mobile_menu.is-open li {
            display: block !important;
        }
        nav.mobile_menu ul li a {
            padding: 20px 30px !important;
            font-size: 18px !important;
            display: block !important;
            text-transform: none !important;   /* No uppercase */
            cursor: pointer !important;
            position: relative !important;
            z-index: 100002 !important;
            pointer-events: auto !important;
        }
        .header_inner_right {
            z-index: 100003 !important;
        }
    }

    /* ========================================================== */
    /*REQUESTED TWEAKS                              */
    /* ========================================================== */
    /* 1. About Section Play Button Position */
    .wl-about-open-video {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* 2. Accordion Section Styling */
    /* 2. Accordion Section Styling */
    .elementor-element-8af98f4,
    .qode-accordion-holder {
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .elementor-widget-accordion,
    .elementor-widget-bridge_accordion .qode-accordion-holder {
        background: #ffffff !important;
        border-radius: 20px !important;
        padding: 0px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
    }

    /* 3. Boxed Blog Carousel */
    .elementor-widget-qi_addons_for_elementor_blog_slider,
    .qodef-addons-blog-slider {
        max-width: 1300px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    /* 4. SEO Text Boxes (wl-dark-box now white box) */
    .wl-dark-box, .elementor-element-287206e, .elementor-element-714c474, .wl-welcome-box {
        background: #ffffff !important;
        border-radius: 20px !important;
        padding: 40px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.10) !important;
        height: 100% !important;
    }
    .wl-welcome-box {
        height: auto !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }
    
    .wl-dark-box .wp-block-heading, 
    .elementor-element-287206e .wp-block-heading, 
    .elementor-element-714c474 .wp-block-heading,
    .wl-welcome-box .wp-block-heading {
        font-size: 23px !important;
        color: #1a1e24 !important;
    }
    
    /* Welcome Box specific heading size */
    .elementor-element-56fe65b5 .elementor-heading-title {
        font-size: clamp(26px, 5vw, 33px) !important;
    }
    
    /* Container Max Width Fix */
    .elementor-6625 .elementor-element.elementor-element-48348d2 > .elementor-container {
        max-width: 1300px !important;
    }
    @media (max-width: 1024px) {
        .elementor-6625 .elementor-element.elementor-element-48348d2 > .elementor-container {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    }
    @media (max-width: 767px) {
        .elementor-6625 .elementor-element.elementor-element-48348d2 {
            padding: 5% 3% 5% 3% !important;
            margin: 0 !important;
            min-height: 0 !important;
        }
        .elementor-6625 .elementor-element.elementor-element-48348d2 > .elementor-container {
            padding: 0 !important;
            margin: 0 !important;
            min-height: 0 !important;
        }
        .elementor-element-6acf8697, .elementor-element.elementor-element-6acf8697 {
            padding: 0 !important;
            margin: 0 !important;
            min-height: 0 !important;
        }
        /* Hide the huge empty/duplicate section */
        .elementor-element-e0c8b0a, 
        .elementor-element-5287f84 {
            display: none !important;
        }
        /* Reduce padding on the surrounding sections */
        .elementor-element-524da26 {
            padding-bottom: 0px !important;
        }
        .elementor-element-2ac1f7b {
            padding-top: 0px !important;
        }
        /* Ensure inner containers also don't add extra space */
        .elementor-element-524da26 > .e-con-inner,
        .elementor-element-2ac1f7b > .e-con-inner {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
    }

    /* Accordion & Image Height Fix and Gap */
    .elementor-element-524da26 > .e-con-inner {
        gap: 30px !important;
        align-items: flex-start !important;
    }
    /* Stack accordion + image section on tablets */
    @media (max-width: 1024px) {
        .elementor-element-524da26 > .e-con-inner {
            flex-direction: column !important;
            flex-wrap: wrap !important;
        }
        .elementor-element-524da26 > .e-con-inner > .elementor-element {
            width: 100% !important;
            max-width: 100% !important;
        }
    }
    .elementor-element-66760ae, .elementor-element-8af98f4 {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .elementor-element-1328888, .elementor-element-9ac5d08 {
        flex: 1 !important;
        display: flex !important;
    }
    .elementor-element-1328888 .elementor-widget-container,
    .elementor-element-9ac5d08 .elementor-widget-container,
    .elementor-element-9ac5d08 .qode-image-gallery,
    .elementor-element-9ac5d08 .qode-image-gallery-inner,
    .elementor-element-9ac5d08 .qode-image-gallery-slides,
    .elementor-element-9ac5d08 .gallery_holder,
    .elementor-element-9ac5d08 .gallery_inner,
    .elementor-element-9ac5d08 .gallery_inner li,
    .elementor-element-9ac5d08 .gallery_inner a {
        display: flex !important;
        flex: 1 !important;
        height: 100% !important;
        flex-direction: column !important;
    }
    .elementor-widget-bridge_accordion .qode-accordion-holder {
        height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .elementor-element-9ac5d08 .elementor-widget-container {
        position: relative !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .elementor-element-9ac5d08 .elementor-widget-container::after {
        content: "";
        position: absolute;
        bottom: 0; left: 0; right: 0; height: 90%;
        background: linear-gradient(to top, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0) 100%);
        z-index: 15;
        border-radius: 0 0 20px 20px;
        pointer-events: none !important;
    }
    .elementor-element-9ac5d08 .gallery_inner img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 20px !important;
        display: block !important;
    }
    
    /* Robot Overlay Text */
    .wl-robot-overlay-content {
        position: absolute;
        bottom: 40px;
        left: 40px;
        right: 40px;
        z-index: 20;
        pointer-events: none;
    }
    .wl-robot-main-text {
        display: flex;
        align-items: flex-start;
        gap: 25px;
        margin-bottom: 25px;
    }
    .wl-robot-icon {
        width: 65px;
        height: 65px;
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFEF12;
        font-size: 28px;
        flex-shrink: 0;
    }
    .wl-robot-text h3 {
        font-family: "Outfit", sans-serif !important;
        font-size: clamp(22px, 2.5vw, 28px) !important;
        font-weight: 700 !important;
        color: #fff !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }
    .wl-robot-text p {
        font-size: clamp(14px, 1.2vw, 16px) !important;
        color: rgba(255,255,255,0.85) !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }
    .wl-robot-text strong {
        color: #fff;
    }
    .wl-robot-features {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 25px;
    }
    .wl-feature {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .wl-feature-icon {
        width: 45px;
        height: 45px;
        border: 2px solid #FFEF12;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFEF12;
        font-size: 18px;
        flex-shrink: 0;
    }
    .wl-feature-text {
        font-size: clamp(13px, 1vw, 15px);
        line-height: 1.4;
        color: rgba(255, 255, 255, 0.95);
        font-weight: 500;
    }
    @media (max-width: 768px) {
        .wl-robot-overlay-content {
            left: 20px; right: 20px; bottom: 20px;
        }
        .wl-robot-main-text {
            flex-direction: column;
            gap: 15px;
            margin-bottom: 20px;
        }
        .wl-robot-features {
            display: none; 
            flex-direction: column;
            gap: 15px;
            padding-top: 20px;
        }
    }

    /* Accordion Padding Adjustment */
    .qode-accordion-content {
        padding: 0 20px 20px 50px !important;
    }
    @media (max-width: 768px) {
        .qode-accordion-content {
            padding: 0 10px 15px 10px !important;
        }
        .qode-title-holder {
            padding: 15px 10px !important;
        }
    }
    footer .wp-block-heading {
        color: #ffffff !important;
    }
    /* If the text is paragraph inside wl-dark-box */
    .wl-dark-box p, .wl-dark-box span {
        color: #333333 !important;
    }

    /* Fix Footer Icons Alignment */
    .q_icon_list {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin-bottom: 15px !important;
    }
    .q_icon_list i {
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }
    .q_icon_list p {
        margin: 0 !important;
    }
    
    /* New Elementor Icon List in Footer */
    .footer_top .qi-block-icon-with-text {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin-bottom: 10px !important;
        flex-direction: row !important;
        text-align: left !important;
    }
    .footer_top .qi-block-icon-with-text .qodef-m-icon-wrapper {
        margin-right: 15px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .footer_top .qi-block-icon-with-text .qodef-m-content {
        margin-top: 0 !important;
    }
    .footer_top .qi-block-icon-with-text .qodef-m-text a,
    .footer_top .qi-block-icon-with-text .qodef-m-text {
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }
    .footer_top .qi-block-icon-with-text .qodef-m-text a:hover {
        color: #FFEF12 !important;
    }
    .footer_top .qi-block-icon-with-text svg,
    .footer_top .qi-block-icon-with-text svg path,
    .footer_top .qi-block-icon-with-text svg .st0 {
        fill: #FFEF12 !important;
    }
    
    /* Footer Bottom Uniform Colors */
    .footer_bottom p, 
    .footer_bottom a {
        color: #ffffff !important;
    }
    .footer_bottom a:hover {
        color: #FFEF12 !important;
        text-decoration: none !important;
    }

    /* ========================================================== */
        /* Glassmorphism Section Padding Fix */
    .elementor-element.elementor-element-9e6d626 {
        padding-top: 0% !important;
        padding-bottom: 5% !important;
    }

    /* Heading color fixes */
    .elementor-6625 .elementor-element.elementor-element-481e7ad .elementor-heading-title {
        color: #1a1e24 !important;
    }
    .elementor-6625 .elementor-element.elementor-element-a3a565e .elementor-heading-title {
        color: #1a1e24 !important;
    }

    /* H2 global font-size and letter-spacing */
    h2:not(.elementor-element-56fe65b5 h2), 
    .h2:not(.elementor-element-56fe65b5 .h2), 
    h2 a, 
    body.qode-overridden-elementors-fonts .elementor-widget-heading h2.elementor-heading-title:not(.elementor-element-56fe65b5 h2) {
        font-size: 19px !important;
        letter-spacing: 0px !important;
    }

    /* Custom Facebook Button */
    .custom-fb-btn {
        display: inline-flex !important;
        align-items: center;
        background: #000000 !important;
        color: #ffffff !important;
        border-radius: 30px !important;
        text-decoration: none !important;
        font-family: "Roboto", sans-serif !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        padding: 0 25px 0 0 !important;
        margin-top: 20px !important;
        height: 40px !important;
        transition: transform 0.2s ease;
    }
    .custom-fb-btn:hover {
        transform: scale(1.05);
        color: #ffffff !important;
    }
    .custom-fb-btn .fb-icon {
        background: #3b5998 !important;
        color: #ffffff !important;
        width: 50px !important;
        height: 50px !important;
        border-radius: 50% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 26px !important;
        font-weight: bold !important;
        font-family: sans-serif !important;
        margin-right: 15px !important;
        margin-left: -10px !important;
        border: 2px solid #1a1e24 !important;
    }
    @media (max-width: 768px) {
        .custom-fb-btn {
            margin-bottom: 30px !important;
        }
    }

    /* ========================================================== */
    /* NEW REDESIGN CARDS: TEAM, CONTACT, PIE CHART               */
    /* ========================================================== */

    /* 1. Team Image Card */
    .elementor-element-76b77dc2 > .elementor-widget-wrap {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        border-radius: 20px !important;
        overflow: visible !important;
        min-height: 500px !important;
    }
    .elementor-element-76b77dc2 > .elementor-widget-wrap::before {
        content: "";
        position: absolute;
        bottom: 0; left: 0; right: 0; height: 70%;
        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
        z-index: 15;
        border-radius: 0 0 20px 20px;
        pointer-events: none !important;
    }
    /* Removed absolute positioning for 6acf8697 to restore flex layout */
    .elementor-element-56fe65b5, .elementor-element-1d534f84 {
        position: relative;
        z-index: 3;
        margin: 0 !important;
    }

    /* Badge on photo - bottom left */
    .wl-team-badge {
        background: #FFEF12;
        color: #000;
        padding: 8px 16px;
        border-radius: 30px;
        font-weight: 700;
        font-size: 13px;
        display: inline-block;
        letter-spacing: 0.5px;
        position: absolute;
        bottom: 180px;
        left: 30px;
        z-index: 20;
        pointer-events: none;
    }

    /* Photo overlay text */
    .wl-photo-overlay-text {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        z-index: 20;
        color: #fff;
        pointer-events: none;
    }
    .wl-photo-overlay-text h3 {
        font-size: clamp(22px, 2.5vw, 30px) !important;
        font-weight: 700 !important;
        color: #fff !important;
        line-height: 1.2 !important;
        margin: 0 0 8px 0 !important;
    }
    .wl-photo-overlay-text h3 .wl-yellow {
        color: #FFEF12 !important;
    }
    .wl-photo-overlay-text p {
        font-size: 13px !important;
        color: rgba(255,255,255,0.85) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        max-width: 85%;
    }

    /* Right column heading styles */
    .wl-yellow-divider {
        width: 40px;
        height: 4px;
        background: #FFEF12;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    /* White box for heading + description */
    .elementor-element.elementor-element-4d15a5ae > .elementor-widget-wrap > .elementor-widget-heading {
        position: relative;
        z-index: 1;
    }
    .wl-welcome-text-box {
        background: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 0 8px 30px rgba(0,0,0,0.06);
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 0px;
    }
    .elementor-element-56fe65b5 .elementor-heading-title {
        color: #1a1e24 !important;
        font-size: 35px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        margin-bottom: 15px !important;
    }
    .elementor-element-1d534f84 .elementor-heading-title {
        color: #1a1e24 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        max-width: 100% !important;
    }

    /* Play button centered on photo */
    .elementor-element-6acf8697 .elementor-widget-container {
        position: absolute !important;
        top: 30% !important; /* Moved higher up to not cover team faces */
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        bottom: auto !important;
        right: auto !important;
        width: auto !important;
        height: auto !important;
        z-index: 999 !important;
        pointer-events: auto !important;
    }

    /* Handwritten Unser Team text */
    .wl-handwritten-arrow {
        position: absolute;
        top: 50%;
        left: calc(100% + 15px);
        transform: translateY(-50%);
        color: #fff;
        font-family: "Caveat", cursive, sans-serif;
        font-size: 20px;
        white-space: nowrap;
        pointer-events: none;
        z-index: 10;
    }
    
    /* 2. Contact Box Card */
      .elementor-element.elementor-element-26a82e4f,
      .elementor-element.elementor-element-26a82e4f > .elementor-widget-container {
          background: transparent !important;
          box-shadow: none !important;
          border: none !important;
      }
      

    .wl-contact-card {
        background: #fff;
        border-radius: 20px;
        padding: 25px;
        box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    }
    .wl-card-title {
        font-size: 24px;
        font-weight: 700;
        color: #1a1e24;
        margin-bottom: 15px;
        text-align: left;
    }
    .wl-divider {
        width: 40px;
        height: 3px;
        background: #FFEF12;
        margin-bottom: 30px;
    }
    .wl-contact-item {
        display: flex;
        align-items: flex-start;
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .wl-contact-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .wl-icon-circle {
        width: 42px;
        height: 42px;
        min-width: 42px;
        background: #FFF9C4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px;
        color: #000;
        font-size: 18px;
        flex-shrink: 0;
    }
    .wl-contact-text {
        flex: 1;
        min-width: 0;
    }
    .wl-contact-text strong {
        display: block;
        font-size: 15px;
        color: #1a1e24;
        font-weight: 600;
        margin-bottom: 3px;
    }
    .wl-contact-text span {
        font-size: 14px;
        color: #666;
        word-break: break-word;
    }

    /* 3. Pie Chart Card */
    .elementor-element-e168875 .elementor-widget-container {
        background: #fff !important;
        border-radius: 20px !important;
        padding: 25px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.06) !important;
    }
    .q_pie_graf_legend {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin-top: 20px !important;
    }
    .q_pie_graf_legend ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 0px !important;
        justify-content: center !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .q_pie_graf_legend li {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        font-size: 14px !important;
    }
    .q_pie_graf_legend .color_holder {
        width: 16px !important;
        height: 16px !important;
        border-radius: 4px !important;
        margin-right: 10px !important;
    }
    .wl-pie-badge {
        background: #f8f9fa;
        border-radius: 12px;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        margin-top: 0px;
    }
    .wl-pie-badge-icon {
        width: 40px;
        height: 40px;
        background: #FFEF12;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px;
        color: #fff;
        font-size: 18px;
        flex-shrink: 0;
    }
    .wl-pie-badge span {
        font-size: 15px;
        color: #333;
        font-weight: 500;
    }
    .wl-pie-center-icon {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        font-size: 35px;
        color: #1a1e24;
        z-index: 5;
    }

    /* BLOG CARDS - Neuigkeiten Page (Elementor Posts Widget)      */
    /* ========================================================== */
    /* Card container */
    .elementor-posts-container .elementor-post__card {
        background: #1a1e24 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    }
    .elementor-posts-container article.elementor-post {
        margin-bottom: 0 !important;
    }
    .elementor-posts-container .elementor-post__card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
    }
    /* Image area */
    .elementor-posts-container .elementor-post__thumbnail {
        overflow: hidden !important;
    }
    .elementor-posts-container .elementor-post__thumbnail img {
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important;
        transition: transform 0.4s ease !important;
    }
    .elementor-posts-container .elementor-post__card:hover .elementor-post__thumbnail img {
        transform: scale(1.05) !important;
    }
    /* Text content area */
    .elementor-posts-container .elementor-post__text {
        padding: 25px 30px 30px !important;
    }
    .elementor-posts-container .elementor-post__title {
        margin: 0 0 12px 0 !important;
    }
    .elementor-posts-container .elementor-post__title a {
        color: #ffffff !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        transition: color 0.3s ease !important;
        text-decoration: none !important;
    }
    .elementor-posts-container .elementor-post__title a:hover {
        color: #FFEF12 !important;
    }
    .elementor-posts-container .elementor-post__excerpt {
        color: #5a5f66 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }
    /* Post meta */
    .elementor-posts-container .elementor-post__meta-data {
        color: #8a8f96 !important;
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }
    .elementor-posts-container .elementor-post__meta-data a {
        color: #8a8f96 !important;
    }
    /* Badge / category */
    .elementor-posts-container .elementor-post__badge {
        background: #FFEF12 !important;
        color: #1a1e24 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        border-radius: 6px !important;
        padding: 4px 10px !important;
    }
    /* Read more */
    .elementor-posts-container .elementor-post__read-more {
        display: inline-block !important;
        background: #FFEF12 !important;
        color: #1a1e24 !important;
        padding: 10px 24px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
    .elementor-posts-container .elementor-post__read-more:hover {
        background: #e6d800 !important;
        transform: translateY(-2px) !important;
    }
    /* Grid gap */
    .elementor-posts-container.elementor-grid {
        gap: 30px !important;
    }
    @media (max-width: 768px) {
        .elementor-posts-container.elementor-grid {
            gap: 20px !important;
        }
        .elementor-posts-container .elementor-post__thumbnail img {
            height: 200px !important;
        }
        .elementor-posts-container .elementor-post__text {
            padding: 20px !important;
        }
    }

    /* ========================================================== */
    /* --- NEW RESPONSIVE OPTIMIZATIONS --- */
    @media (max-width: 767px) {
        /* 1. Typography */
        html body .elementor-widget-heading .elementor-heading-title,
        html body h2:not(.elementor-element-56fe65b5 h2) {
            font-size: 24px !important;
            line-height: 1.3 !important;
        }

        .elementor-element-6acf8697 .elementor-button {
            width: 80px !important;
            height: 80px !important;
            margin-top: 20px !important;
        }
        
        /* 2. Back to top overlapping (Hide old button completely) */
        html body a#mkdf-back-to-top {
            display: none !important;
        }
        
        /* 3. Hero Padding */
        .wl-hero-content-wrapper {
            padding: 40px 20px !important;
        }
        .wl-hero-glass-card {
            padding: 30px 20px !important;
        }
        
        /* 4. Carousels (Force 1 card on mobile) */
        .elementor-element-05d15fa .swiper-slide,
        .elementor-element-391a813 .swiper-slide {
            width: 100% !important;
        }
        
        /* 5. Center Decorative Elements */
        .elementor-divider {
            text-align: center !important;
        }
        .elementor-divider-separator {
            margin: 0 auto !important;
        }
        .wl-team-badge {
            display: none;
            left: 50% !important;
            transform: translateX(-50%) !important;
        }
    }
    

    /* Hide old footer */
    footer:not(.wl-custom-footer), .mkdf-page-footer { display: none !important; }
    
    /* NEW CUSTOM FOOTER STYLES */
    .wl-custom-footer {
        background-color: #111419; /* Dark background */
        color: #fff;
        font-family: inherit;
        padding: 60px 0 0 0;
        border-top: 5px solid #FFEF12; /* Subtle yellow top border */
        position: relative;
        z-index: 9999;
    }
    /* Modern Back-to-Top with circular progress */
    .wl-btt-progress {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 46px;
        height: 46px;
        cursor: pointer;
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    }
    .wl-btt-progress.visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .wl-btt-progress svg {
        width: 100%;
        height: 100%;
        transform: rotate(-90deg);
    }
    .wl-btt-progress .progress-bg {
        fill: none;
        stroke: rgba(255,255,255,0.1);
        stroke-width: 3;
    }
    .wl-btt-progress .progress-bar {
        fill: none;
        stroke: #FFEF12;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-dasharray: 126;
        stroke-dashoffset: 126;
        transition: stroke-dashoffset 0.15s ease;
    }
    .wl-btt-progress .btt-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
        background: #1a1e24;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFEF12;
        font-size: 14px;
        transition: background 0.3s;
    }
    .wl-btt-progress:hover .btt-icon {
        background: #FFEF12;
        color: #000;
    }
    .wl-cf-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .wl-cf-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr 1fr 1fr;
        gap: 30px;
        padding-bottom: 50px;
    }
    .wl-cf-col h4 {
        color: #fff;
        font-size: 16px;
        margin-bottom: 25px;
        font-weight: 600;
    }
    /* Logo styling - match h4 heading style */
    .wl-cf-logo {
        font-size: clamp(18px, 4vw, 23px) !important;
        font-weight: 600;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
    }
    .wl-cf-logo span.yellow { color: #FFEF12; }
    .wl-cf-logo span.white { color: #fff; }
    .wl-cf-subtitle {
        color: #fff;
        font-size: 18px !important;
        font-weight: 400;
        margin-bottom: 25px;
        margin-top: 5px;
    }
    .wl-cf-text {
        color: #fff;
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 25px;
    }
    /* Socials */
    .wl-cf-socials {
        display: flex;
        gap: 15px;
    }
    .wl-cf-social {
        width: 32px; height: 32px;
        border-radius: 4px;
        display: flex; align-items: center; justify-content: center;
        background: #232830; color: #fff;
        text-decoration: none; transition: 0.3s;
        font-size: 14px;
    }
    .wl-cf-social.fb { background: #232830; color: #FFEF12; }
    .wl-cf-social:hover { opacity: 0.8; transform: translateY(-2px); }
    
    /* Lists */
    .wl-cf-list {
        list-style: none; padding: 0; margin: 0;
    }
    .wl-cf-list li {
        margin-bottom: 12px;
        display: flex; align-items: flex-start;
        font-size: 13px; color: #b0b5bd;
        line-height: 1.5;
    }
    .wl-cf-list li i {
        color: #FFEF12; margin-right: 12px; margin-top: 4px; font-size: 12px;
    }
    .wl-cf-list a {
        color: #b0b5bd; text-decoration: none; transition: 0.3s;
    }
    .wl-cf-list a:hover { color: #FFEF12; }
    
    /* Cert */
    .wl-cf-cert { text-align: left; }
    .wl-cf-cert img { max-width: 140px; margin-bottom: 15px; }
    .wl-cf-cert p { font-size: 12px; color: #b0b5bd; line-height: 1.5; }
    
    /* Bottom Bar */
    .wl-cf-bottom {
        border-top: 1px solid #232830;
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px; color: #fff;
    }
    .wl-cf-bottom a {
        font-size: 12px !important;
    }
    .wl-cf-links a { color: #fff; text-decoration: none; margin: 0 5px; transition: 0.3s; }
    .wl-cf-links a:hover { color: #FFEF12; }
    
    
    /* --- MOBILE ACCORDION --- */
    .wl-cf-mobile-top { display: none; }
    .wl-cf-accordion-wrapper { display: none; }
    
    @media (max-width: 991px) {
        .wl-cf-grid { grid-template-columns: repeat(2, 1fr); }
    }
    
    @media (max-width: 767px) {
        .wl-cf-grid { display: none; /* Hide desktop grid */ }
        .wl-cf-bottom .desktop-btt { display: none; } /* Hide BTT from bottom on mobile */
        
        .wl-cf-mobile-top {
            display: flex; justify-content: space-between; align-items: flex-start;
            padding-bottom: 20px; border-bottom: 1px solid #232830; margin-bottom: 10px;
        }
        
        .wl-cf-accordion-wrapper { display: block !important; }
        
        /* Accordion wrappers */
        .wl-cf-accordion-item {
            border-bottom: 1px solid #232830;
        }
        .wl-cf-accordion-btn {
            display: flex; justify-content: space-between; align-items: center;
            width: 100%; background: none; border: none; color: #fff;
            padding: 20px 0; font-size: 15px; font-weight: 600; text-align: left;
            cursor: pointer; font-family: inherit;
        }
        .wl-cf-accordion-btn i {
            transition: transform 0.3s; font-size: 12px; color: #b0b5bd;
        }
        .wl-cf-accordion-btn.active i {
            transform: rotate(180deg);
        }
        .wl-cf-accordion-content {
            max-height: 0; overflow: hidden; transition: max-height 0.3s ease;
        }
        .wl-cf-accordion-content-inner {
            padding-bottom: 20px;
        }

 /* Stack bottom bar */
        .wl-cf-bottom {
            flex-direction: column-reverse; gap: 20px; text-align: center; padding: 25px 20px 40px 20px;
        }
        .wl-cf-bottom > div:last-child { flex-direction: column; gap: 15px; }
        .wl-cf-links { display: flex !important;
                justify-content: center;
                align-items: center;
                gap: 5px;
                flex-direction: row !important;
                flex-wrap: wrap !important; }
        .wl-cf-links a { display: inline-flex !important;
                        width: auto !important;
                        white-space: nowrap;}
    }
    /* ========================================================== */