<link rel="stylesheet" href="assets/css/custom-widget-accordion.min.css" type="text/css" media="all" />

<style>
    /* EV Section Column Layout */
    .elementor-element-b8da0f5>.e-con-inner {
        display: flex;
        flex-direction: row !important;
        align-items: center !important;
        gap: 40px !important;
        justify-content: space-between !important;
        padding: 0;
    }

    .elementor-element-aef73c1 {
        flex: 1 1 45% !important;
        margin: 0 auto !important;
        display: flex !important;
    }

    .elementor-element-89d7623 {
        flex: 1 1 55% !important;
        padding: 20px;
    }

    @media (max-width: 1024px) {
        .elementor-element-b8da0f5>.e-con-inner {
            flex-direction: column-reverse !important;
        }

        .elementor-element-aef73c1,
        .elementor-element-89d7623 {
            width: 100% !important;
            
        }
    }

    /* Accordion icon styling */
    .elementor-element-155d377 .elementor-accordion-icon-closed i {
        color: #000000 !important;
    }

    .elementor-element-155d377 .elementor-tab-title.elementor-active .elementor-accordion-icon-opened i {
        color: #c01227 !important;
    }
</style>

<div class="elementor-element elementor-element-b8da0f5 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent accordion"
    data-id="b8da0f5" data-element_type="container">
    <div class="e-con-inner">
        <div class="elementor-element elementor-element-aef73c1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
            data-id="aef73c1" data-element_type="container">
            <div class="elementor-element elementor-element-e2a1b94 elementor-widget elementor-widget-image"
                data-id="e2a1b94" data-element_type="widget" data-widget_type="image.default">
                <div class="elementor-widget-container">
                    <img width="995" height="475" src="assets/images/ev.jpeg"
                        class="attachment-full size-full wp-image-ev" alt="Electric Truck Charging"
                        style="border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); width: 100%; height: auto;" />
                </div>
            </div>
        </div>
        <div class="elementor-element elementor-element-89d7623 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
            data-id="89d7623" data-element_type="container">
            <div class="elementor-element elementor-element-54d05ac elementor-invisible elementor-widget elementor-widget-logico_heading"
                data-id="54d05ac" data-element_type="widget"
                data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}"
                data-widget_type="logico_heading.default">
                <div class="elementor-widget-container">
                    <h3 class="logico-title">Logistics Built for Electric Vehicles
                    </h3>
                </div>
            </div>
            <div class="elementor-element elementor-element-155d377 elementor-widget elementor-widget-accordion"
                data-id="155d377" data-element_type="widget" data-widget_type="accordion.default">
                <div class="elementor-widget-container">
                    <div class="elementor-accordion">
                        <div class="elementor-accordion-item">
                            <div id="elementor-tab-title-2241" class="elementor-tab-title" data-tab="1" role="button"
                                aria-controls="elementor-tab-content-2241" aria-expanded="false">
                                <span class="elementor-accordion-icon elementor-accordion-icon-right"
                                    aria-hidden="true">
                                    <span class="elementor-accordion-icon-closed">
                                        <i class="fontello icon-arrow-x-r-down"></i>
                                    </span>
                                    <span class="elementor-accordion-icon-opened">
                                        <i class="fontello icon-arrow-x-r-top"></i>
                                    </span>
                                </span>
                                <a class="elementor-accordion-title" tabindex="0">01. Battery-First Planning</a>
                            </div>
                            <div id="elementor-tab-content-2241" class="elementor-tab-content elementor-clearfix"
                                data-tab="1" role="region" aria-labelledby="elementor-tab-title-2241">
                                <p>
                                    Routes are optimized around battery levels and charging windows, not retrofitted as
                                    an afterthought.

                                </p>

                            </div>
                        </div>
                        <div class="elementor-accordion-item">
                            <div id="elementor-tab-title-2242" class="elementor-tab-title" data-tab="2" role="button"
                                aria-controls="elementor-tab-content-2242" aria-expanded="false">
                                <span class="elementor-accordion-icon elementor-accordion-icon-right"
                                    aria-hidden="true">
                                    <span class="elementor-accordion-icon-closed">
                                        <i class="fontello icon-arrow-x-r-down"></i>
                                    </span>
                                    <span class="elementor-accordion-icon-opened">
                                        <i class="fontello icon-arrow-x-r-top"></i>
                                    </span>
                                </span>
                                <a class="elementor-accordion-title" tabindex="0">02. Energy-Aware Routing</a>
                            </div>
                            <div id="elementor-tab-content-2242" class="elementor-tab-content elementor-clearfix"
                                data-tab="2" role="region" aria-labelledby="elementor-tab-title-2242">
                                <p>
                                    Our algorithms factor in terrain, traffic, and payload weight to maximize range
                                    efficiency
                                </p>
                            </div>
                        </div>
                        <div class="elementor-accordion-item">
                            <div id="elementor-tab-title-2243" class="elementor-tab-title" data-tab="3" role="button"
                                aria-controls="elementor-tab-content-2243" aria-expanded="false">
                                <span class="elementor-accordion-icon elementor-accordion-icon-right"
                                    aria-hidden="true">
                                    <span class="elementor-accordion-icon-closed">
                                        <i class="fontello icon-arrow-x-r-down"></i>
                                    </span>
                                    <span class="elementor-accordion-icon-opened">
                                        <i class="fontello icon-arrow-x-r-top"></i>
                                    </span>
                                </span>
                                <a class="elementor-accordion-title" tabindex="0">03. Smart Charging
                                    Integration</a>
                            </div>
                            <div id="elementor-tab-content-2243" class="elementor-tab-content elementor-clearfix"
                                data-tab="3" role="region" aria-labelledby="elementor-tab-title-2243">
                                <p>
                                    Seamless coordination with charging infrastructure to eliminate range anxiety for
                                    drivers.
                                </p>
                            </div>
                        </div>
                        <div class="elementor-accordion-item">
                            <div id="elementor-tab-title-2244" class="elementor-tab-title" data-tab="4" role="button"
                                aria-controls="elementor-tab-content-2244" aria-expanded="false">
                                <span class="elementor-accordion-icon elementor-accordion-icon-right"
                                    aria-hidden="true">
                                    <span class="elementor-accordion-icon-closed">
                                        <i class="fontello icon-arrow-x-r-down"></i>
                                    </span>
                                    <span class="elementor-accordion-icon-opened">
                                        <i class="fontello icon-arrow-x-r-top"></i>
                                    </span>
                                </span>
                                <a class="elementor-accordion-title" tabindex="0">04. Carbon Footprint Tracking</a>
                            </div>
                            <div id="elementor-tab-content-2244" class="elementor-tab-content elementor-clearfix"
                                data-tab="4" role="region" aria-labelledby="elementor-tab-title-2244">
                                <p>
                                    Real-time emissions monitoring and sustainability reports for every delivery.<br />
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
