{"id":856,"date":"2025-03-17T17:04:30","date_gmt":"2025-03-17T15:04:30","guid":{"rendered":"https:\/\/xpeng.rayaauto.com\/?page_id=856"},"modified":"2025-06-01T14:00:37","modified_gmt":"2025-06-01T11:00:37","slug":"x9","status":"publish","type":"page","link":"https:\/\/xpeng.com\/eg\/x9","title":{"rendered":"x9"},"content":{"rendered":"\n<?php\n    get_header();\n    ?>\n<html lang=\"no\" class=\"isWindows\" style=\"--vh: 6.07px;\">\n\n<head>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/antd\/4.16.13\/antd.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/wp-content\/themes\/xpeng\/css\/body.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/3496384914243151.2a453e31.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/186518359832181.dbcebbd9.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/Page.85e62345.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/x9.b4afdafd.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/swiper-bundle.min.css\">\n    <script type=\"text\/javascript\" async=\"\" src=\"https:\/\/analytics.tiktok.com\/i18n\/pixel\/events.js?sdkid=CSB5P83C77UA00SH7S3G&amp;lib=ttq\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/3496384914243151.2a453e31.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/186518359832181.dbcebbd9.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/Page.85e62345.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/x9.b4afdafd.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/swiper-bundle.min.css\">\n    <script type=\"text\/javascript\" async=\"\" src=\"https:\/\/xpeng.httpraya-backend.com\/X9_files\/f.txt\"><\/script>\n                                <script>\n                                    document.addEventListener('DOMContentLoaded', function() {\n                                        const favicon = document.createElement('link');\n                                        favicon.rel = 'icon';\n                                        favicon.href = 'https:\/\/xpeng.httpraya-backend.com\/wp-content\/uploads\/2024\/05\/cropped-xpeng1.png';\n                                        favicon.type = 'image\/x-icon';\n                                        document.head.appendChild(favicon);\n                                    });\n                                <\/script>\n    \n\n    <script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n    <style>\n    \n        .customed_p{\n            font-family: 'basis_grotesque_regular';\n        }\n        .grid_2{\n            bottom: 10%;\n            font-family: 'basis_grotesque_regular';\n        }\n        .sub_grid{\n            font-size: x-small ;\n            display: none;\n        }\n        .sub_grid_2{\n            font-size: x-small ;\n            display: none;\n        }\n        .sub_grid_3{\n            font-size: x-small ;\n            display: none;\n        }\n        .sub_grid_4{\n            font-size: x-small ;\n            display: none;\n        }\n\n        .grid_item:hover .sub_grid {\n            display: block;\n        }\n\n        .grid_item_2:hover .sub_grid_2 {\n            display: block;\n        }\n        .grid_item_3:hover .sub_grid_3 {\n            display: block;\n        }\n        .grid_item_4:hover .sub_grid_4 {\n            display: block;\n        }\n        .grid_item:hover .img {\n            transform: scale(1.05); \/* Example: Slightly enlarges the image *\/\n            transition: transform 0.4s ease-out;\n        }\n        .grid_item_2:hover .img {\n            transform: scale(1.05); \/* Example: Slightly enlarges the image *\/\n            transition: transform 0.4s ease-out;\n        }\n        .grid_item_3:hover .img {\n            transform: scale(1.05); \/* Example: Slightly enlarges the image *\/\n            transition: transform 0.4s ease-out;\n        }\n\n        .grid_item_4:hover .img {\n            transform: scale(1.05); \/* Example: Slightly enlarges the image *\/\n            transition: transform 0.4s ease-out;\n        }\n\n\n\n\n\n        \n\n        @media (max-width: 1024px) {\n            .grid_2_text{\n            font-size: large !important;\n            font-family: 'basis_grotesque_regular';\n        }\n        }\n\n        #navbar {\n          transition: background-color 0.3s ease;\n        }\n        #navbar.scrolled {\n          background-color: white;\n        }\n        ::-webkit-scrollbar {\n          width: 6px; \/* Width of the scrollbar *\/\n          height: 6px; \/* Height of the scrollbar for horizontal scroll *\/\n      }\n      ::-webkit-scrollbar-thumb {\n          background-color: #888; \/* Color of the scrollbar thumb *\/\n          border-radius: 10px; \/* Roundness of the scrollbar thumb *\/\n      }\n      ::-webkit-scrollbar-track {\n          background-color: #f1f1f1; \/* Background of the scrollbar track *\/\n          border-radius: 10px; \/* Roundness of the scrollbar track *\/\n      }\n      .hover-nav-underline {\n        position: relative;\n        display: inline-block;\n        color: inherit; \/* Maintain text color *\/\n        text-decoration: none;\n      }\n        .no-scroll {\n          overflow: hidden; \n          height: 100vh !important;\n          min-height:100vh !important;\n          position: fixed; \n      }\n         @media  (max-height: 750px) {\n          .slider-navigator {\n            position:absolute;\n            bottom: 3rem !important;\n          }\n      }\n        @media  (max-height: 700px) {\n          .slider-navigator {\n            position:absolute;\n            bottom: 10rem !important;\n          }\n      }\n         @media  (max-height: 650px) {\n          .slider-navigator {\n            position:absolute;\n            bottom: 13rem !important;\n          }\n      }\n        @media  (max-height: 600px) {\n          .slider-navigator {\n            position:absolute;\n            bottom: 15rem !important;\n          }\n      }\n       .sidebar.active {\n          right: 0; \n      }\n        #navbar {\n          position: fixed;\n          top: 0;\n          z-index: 1000; \/* Adjust as needed to ensure it's above other content *\/\n      }\n      \/* The underline *\/\n      .underline-nav {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        right: 50%;\n        height: 4px; \/* Thickness of the underline *\/\n        background-color: #a4ce4c; \/* Color of the underline *\/\n        transition: left 0.4s ease, right 0.4s ease; \/* Smooth transition *\/\n        border-top-left-radius: 10px;\n        border-top-right-radius: 10px;\n      }\n      \/* Hover effect on the parent container *\/\n      .hover-nav-underline:hover .underline-nav {\n        left: 15%;\n        right: 15%;\n      }\n        .custom-radio-new input[type=\"radio\"] {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        width: 16px;\n        height: 16px;\n        border: 1px solid #000; \/* Border color *\/\n        border-radius: 50%; \/* Rounded corners for radio button *\/\n        position: relative;\n        cursor: pointer;\n        display: inline-block;\n        outline: none;\n        background: transparent;\n      }\n      .custom-radio-new input[type=\"radio\"]:checked {\n        background-color: #fff;\n        border-color: #000;\n      }\n      .custom-radio-new input[type=\"radio\"]:checked::after {\n        content: \"\";\n        position: absolute;\n        top: 2px; \/* Center vertically *\/\n        left: 2px;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #000; \n      }\n      .custom-check-new input[type=\"checkbox\"] {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n          width: 17px;\n          height: 17px;\n          background-color: white;\n          border: none !important;\n        position: relative;\n        cursor: pointer;\n      }\n      .custom-check-new input[type=\"checkbox\"]:checked {\n        background-color: #000 !important;\n      }\n      .custom-check-new input[type=\"checkbox\"]:hover {\n        border:1px solid #000 !important;\n      }\n      .custom-check-new input[type=\"checkbox\"]:checked::after {\n        content: \"\";\n        position: absolute;\n        left: 6px;\n        top: 3px;\n        width: 3px;\n        height: 7px;\n        border: solid white;\n        border-width: 0 2px 2px 0;\n        transform: rotate(45deg);\n      }\n        a.w-webflow-badge {\n          display: none !important;\n      }\n         .hover-button-xpeng-outline-black{\n           position: relative;\n        overflow: hidden;\n            background-color: transparent; \n        color: #0e0e0e;\n        z-index: 1;\n        }\n        .hover-button-navbar-second{\n           position: relative;\n        overflow: hidden;\n            background-color: #0e0e0e; \n        color: white;\n        z-index: 1;\n        }\n        .hover-button-xpeng-outline-black::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n          color:#fff;\n        background-color: #0e0e0e; \n        transform: translateX(-100%);\n        transition: transform 0.2s ease-out;\n        z-index: -1;\n      }\n        .hover-button-navbar-second:hover{\n          color: #fff !important;\n        }\n        .hover-button-xpeng-outline-black:hover {\n        color: #fff;\n      }\n        .hover-button-xpeng-outline-black:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng-outline-black span {\n        position: relative;\n        z-index: 2;\n      }\n        .hover-button-navbar-second::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #a4ce4c; \n        transform: translateX(-100%);\n        transition: transform 0.3s ease-out;\n        z-index: -1;\n      }\n        .hover-button-navbar-second:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-navbar-second span {\n        position: relative;\n        z-index: 2;\n      }\n        #footer-subscribe-actual{\n          overflow: hidden !important;\n            background-color: #0e0e0e !important; \n            color: white !important;\n            z-index: 1 !important;\n        }\n          #footer-subscribe-actual:hover::before {\n        transform: translateX(0) !important;\n      }\n      #footer-subscribe-actual span {\n        position: relative !important;\n        z-index: 2 !important;\n      }\n         #footer-subscribe-actual::before {\n        content: \"\" !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        background-color: #a4ce4c !important; \n        transform: translateX(-100%) !important;\n        transition: transform 0.4s ease-out !important;\n        z-index: -1 !important;\n        pointer-events: none !important;\n      }\n        .hover-button-xpeng-from{\n          position: relative;\n        overflow: hidden;\n        background-color: #0e0e0e; \n        color: white;\n        z-index: 1;\n        }\n        .hover-button-xpeng-from::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #a4ce4c; \n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n        .hover-button-xpeng-from:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng-from span {\n        position: relative;\n        z-index: 2;\n      }\n        .hover-butoon-primary-with-white {\n        position: relative;\n        overflow: hidden;\n        background-color: #FFF;\n        color: #0e0e0e;\n          border: 1px solid white;\n        z-index: 1;\n      }\n         .hover-butoon-primary-with-white::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #a4ce4c;\n        transform: translateX(-100%);\n        transition: transform 0.2s ease-out;\n        z-index: -1;\n      }\n        .hover-butoon-primary-with-white:hover{\n            color:#fff;\n        }\n         .hover-butoon-primary-with-white:hover::before {\n        transform: translateX(0);\n      }\n      .hover-butoon-primary-with-white span {\n        position: relative;\n        z-index: 2;\n      }\n         .hover-butoon-primary {\n        position: relative;\n        overflow: hidden;\n        background-color: transparent;\n        color: white;\n          border: 1px solid white;\n        z-index: 1;\n      }\n        .hover-butoon-primary::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #a4ce4c;\n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n        .hover-butoon-primary:hover{\n          color:#fff;\n        }\n         .hover-butoon-primary:hover::before {\n        transform: translateX(0);\n      }\n      .hover-butoon-primary span {\n        position: relative;\n        z-index: 2;\n      }\n        .hover-button-xpeng-white{\n                 position: relative;\n        overflow: hidden;\n        background-color: #fff; \n        color: #0e0e0e;\n        z-index: 1;\n        }\n         .hover-button-xpeng-white:hover{\n          color:#fff;\n      }\n        .hover-button-xpeng-white::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n         color:#fff;\n        background-color: #0e0e0e; \n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n        .hover-button-xpeng-white:hover::before {\n        transform: translateX(0);\n          color:White;\n      }\n      .hover-button-xpeng-white span {\n        position: relative;\n        z-index: 2;\n      }\n        .hover-button-xpeng-outline{\n            position: relative;\n        overflow: hidden;\n        background-color: transparent; \n        color: #fff;\n          border:1px solid #fff;\n        z-index: 1;\n        }\n        .hover-button-xpeng-outline:hover{\n          color:#0e0e0e;\n      }\n        .hover-button-xpeng-outline::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n         color:#0e0e0e;\n        background-color: #fff; \n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n        .hover-button-xpeng-outline:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng-outline span {\n        position: relative;\n        z-index: 2;\n      }\n        .hover-button-xpeng {\n        position: relative;\n        overflow: hidden;\n        background-color: #0e0e0e; \n        color: white;\n        z-index: 1;\n      }\n      .hover-button-xpeng::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #a4ce4c; \n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n      .hover-button-xpeng:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng span {\n        position: relative;\n        z-index: 2;\n      }\n        #footer-subscribe {\n        display: none;\n      }\n        #cursor-circle-brand {\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        background-color: rgba(0, 0, 0, 0.5);\n        color: #fff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 16px;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        z-index: 999;\n        opacity: 0;\n        transition: opacity 0.3s;\n      }\n       #cursor-circle-xmart {\n         position: absolute;\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            background-color: rgba(0, 0, 0, 0.5);\n            color: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 16px;\n            transform: translate(-50%, -50%);\n            pointer-events: none;\n            z-index: 1000;\n            opacity: 0;\n            transition: opacity 0.3s;\n      }\n      @media (max-width: 768px) {\n        #footer-subscribe {\n          display: block;\n        }\n          #right-half-brand,\n        #left-half-brand,#cursor-circle-brand {\n          display: none;\n        }\n        #cursor-circle-xmart{\n            display:none;\n        }\n        #cursor-circle{\n            display:none;\n        }\n        #right-half-1{\n        display: none;\n        }\n        #left-half-1{\n            display:none;\n        }\n      }\n      <\/style>\n        <style>\n            .left-half-slider {\n              position: absolute;\n              top: 80px;\n              width: 50vw;\n              height: 100vh;\n              z-index: 1;\n              pointer-events: auto;\n              left: 0;\n              cursor: none;\n            }\n            .left-half-slider-brand {\n              position: absolute;\n              top: 10px;\n              width: 50vw;\n              height: 100vh;\n              z-index: 1;\n              pointer-events: auto;\n              left: 0;\n              cursor: none;\n            }\n            .right-half-slider-brand {\n              position: absolute;\n              top: 10px;\n              width: 50vw;\n              height: 100vh;\n              z-index: 1;\n              pointer-events: auto;\n              right: 0;\n              cursor: none;\n            }\n            .mBtisb5i{\n              font-family: 'Basis Grotesque' !important;\n            }\n            ._0WrrNauR{\n              font-family: Futura !important;\n            }\n            .MC7YnP3d {\n          font-size: 1.04166667rem;\n          font-family: 'Basis Grotesque' !important;\n          font-weight: 400;\n          color: #000;\n          line-height: 1.875rem;\n          width: 100%;\n          text-align: center;\n      }\n        .x-btn {\n          width: 9.27083333rem;\n          height: 2.5rem;\n          border-radius: 1.25rem;\n          font-size: .83333333rem;\n          font-family: 'Basis Grotesque' !important;\n          font-weight: 400;\n      }\n            .right-half-slider {\n              position: absolute;\n              top: 80px;\n              width: 50vw;\n              height: 100vh;\n              z-index: 1;\n              pointer-events: auto;\n              right: 0;\n              cursor: none;\n            }\n            .brand-section{\n              position: relative;\n            }\n            #cursor-circle-brand-1{\n              position: absolute;\n              width: 100px;\n              height: 100px;\n              border-radius: 50%;\n              background-color: rgba(0, 0, 0, 0.5);\n              color: #fff;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 16px;\n              transform: translate(-50%, -50%);\n              pointer-events: none;\n              z-index: 1;\n              opacity: 0;\n              transition: opacity 0.3s;\n            }\n            #cursor-circle-1 {\n              position: absolute;\n              width: 100px;\n              height: 100px;\n              border-radius: 50%;\n              background-color: rgba(0, 0, 0, 0.5);\n              color: #fff;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 16px;\n              transform: translate(-50%, -50%);\n              pointer-events: none;\n              z-index: 1;\n              opacity: 0;\n              transition: opacity 0.3s;\n            }\n            .Text-slider {\n              opacity: 0;\n              transition: 1s ease-in-out;\n            }\n            .ThVF5jWb {\n              opacity: 0;\n              left: 0px;\n              transform: translateY(140px);\n            }\n            .swiper-slide-active .ThVF5jWb {\n              opacity: 1 !important;\n              left: 0px;\n              transform: none !important;\n            }\n            .swiper-slide-active .Text-slider {\n              opacity: 1 !important;\n              transition: 1s ease-in-out;\n            }\n            @media (max-width: 768px) {\n              .left-half-slider,\n              .right-half-slider {\n                display: none;\n              }\n              .left-half-slider-brand,\n              .right-half-slider-brand {\n                display: none;\n              }\n              #cursor-circle {\n                display: none;\n              }\n              #cursor-circle-1 {\n                display: none;\n              }\n            }\n            @media (max-width: 760px) {\n              .swiper-button-next,\n              .swiper-button-prev {\n                display: none;\n              }\n            }\n            .xpeng-button-custom {\n              position: relative;\n              overflow: hidden;\n              background-color: #0e0e0e;\n              color: white;\n              min-width: 6.5rem;\n              padding: 12px 35px;\n              border: none;\n              border-radius: 1.5rem;\n              z-index: 1;\n            }\n            .xpeng-button-custom::before {\n              content: \"\";\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 100%;\n              height: 100%;\n              background-color: #a4ce4c;\n              transform: translateX(-100%);\n              transition: transform 0.4s ease-out;\n              z-index: -1;\n              cursor: pointer;\n            }\n            .xpeng-button-custom:hover::before {\n              transform: translateX(0);\n            }\n            .xpeng-button-custom span {\n              position: relative;\n              z-index: 2;\n            }\n            .center-custom-button {\n              margin-top: 1rem;\n              font-size: 1rem;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n            }\n        @media screen and (max-width: 767px) {\n          input::placeholder {\n              font-size: 12px !important; \/* Smaller size for mobile *\/\n          }\n           .footer-input {\n              height: 2.3rem !important;\n          }\n      }\n          <\/style>\n        <style>\n      .hover-button-xpeng-white{\n      position: relative;\n        overflow: hidden;\n        z-index:1;\n      }\n         .invalid {\n        border: 1px solid #e74e4e; \/* Change the border color and width as needed *\/\n      }\n        .hover-button-xpeng-white-outline{\n            position: relative;\n        overflow: hidden;\n        z-index:1;\n        }\n      .hover-button-xpeng-white-outline::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #fff;\n        color:#000;\n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n      .hover-button-xpeng-white-outline:hover{\n          color:#000;\n      }\n      .hover-button-xpeng-white-outline:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng-white-outline span {\n        position: relative;\n        z-index: 2;\n      }\n      .hover-button-xpeng-white::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: #000;\n        color:#fff;\n        transform: translateX(-100%);\n        transition: transform 0.4s ease-out;\n        z-index: -1;\n      }\n      .hover-button-xpeng-white:hover{\n          color:#fff;\n      }\n      .hover-button-xpeng-white:hover::before {\n        transform: translateX(0);\n      }\n      .hover-button-xpeng-white span {\n        position: relative;\n        z-index: 2;\n      }\n\n      .f_container {\n            width: 90%;\n            max-width: 1200px;\n            margin: auto;\n            padding: 20px;\n            border-radius: 8px;\n            overflow: hidden;\n        }\n        .image-f_container {\n            width: 100%;\n            position: relative;\n        }\n        .image-f_container img {\n            margin: 0px;\n            width: 100%;\n            border-radius: 2px;\n            display: block;\n        }\n        .container_features {\n            background: #f9f9f9;\n            display: flex;\n            justify-content: space-between;\n            padding: 20px;\n            gap: 20px;\n        }\n        .container_feature {\n            flex: 1;\n        }\n        .container_feature h3 {\n            \n            font-size: 20px;\n            margin-bottom: 10px;\n            font-weight: bold;\n        }\n        .container_feature p {\n            font-size: 16px;\n            color: #555;\n            line-height: 1.5;\n        }\n        @media screen and (max-width: 768px) {\n            .container_features {\n                flex-direction: column;\n                align-items: center;\n            }\n            .container_feature {\n                width: 100%;\n            }\n        }\n\n      <\/style>\n      <style>\n        :root {\n          --swal2-container-padding: 0.625em;\n          --swal2-backdrop: rgba(0, 0, 0, 0.4);\n          --swal2-width: 32em;\n          --swal2-padding: 0 0 1.25em;\n          --swal2-border: none;\n          --swal2-border-radius: 0.3125rem;\n          --swal2-background: white;\n          --swal2-color: #545454;\n          --swal2-footer-border-color: #eee;\n          --swal2-show-animation: swal2-show 0.3s;\n          --swal2-hide-animation: swal2-hide 0.15s forwards;\n          --swal2-input-background: transparent;\n          --swal2-progress-step-background: #add8e6;\n          --swal2-validation-message-background: #f0f0f0;\n          --swal2-validation-message-color: #666;\n          --swal2-close-button-position: initial;\n          --swal2-close-button-inset: auto;\n          --swal2-close-button-font-size: 2.5em;\n          --swal2-close-button-color: #ccc\n        }\n      \n        [data-swal2-theme=dark] {\n          --swal2-dark-theme-black: #19191a;\n          --swal2-dark-theme-white: #e1e1e1;\n          --swal2-background: var(--swal2-dark-theme-black);\n          --swal2-color: var(--swal2-dark-theme-white);\n          --swal2-footer-border-color: #555;\n          --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);\n          --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);\n          --swal2-validation-message-color: var(--swal2-dark-theme-white)\n        }\n      \n        @media(prefers-color-scheme: dark) {\n          [data-swal2-theme=auto] {\n            --swal2-dark-theme-black: #19191a;\n            --swal2-dark-theme-white: #e1e1e1;\n            --swal2-background: var(--swal2-dark-theme-black);\n            --swal2-color: var(--swal2-dark-theme-white);\n            --swal2-footer-border-color: #555;\n            --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);\n            --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);\n            --swal2-validation-message-color: var(--swal2-dark-theme-white)\n          }\n        }\n      \n        body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {\n          overflow: hidden\n        }\n      \n        body.swal2-height-auto {\n          height: auto !important\n        }\n      \n        body.swal2-no-backdrop .swal2-container {\n          background-color: rgba(0, 0, 0, 0) !important;\n          pointer-events: none\n        }\n      \n        body.swal2-no-backdrop .swal2-container .swal2-popup {\n          pointer-events: all\n        }\n      \n        body.swal2-no-backdrop .swal2-container .swal2-modal {\n          box-shadow: 0 0 10px var(--swal2-backdrop)\n        }\n      \n        body.swal2-toast-shown .swal2-container {\n          box-sizing: border-box;\n          width: 360px;\n          max-width: 100%;\n          background-color: rgba(0, 0, 0, 0);\n          pointer-events: none\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-top {\n          inset: 0 auto auto 50%;\n          transform: translateX(-50%)\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-top-end,\n        body.swal2-toast-shown .swal2-container.swal2-top-right {\n          inset: 0 0 auto auto\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-top-start,\n        body.swal2-toast-shown .swal2-container.swal2-top-left {\n          inset: 0 auto auto 0\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-center-start,\n        body.swal2-toast-shown .swal2-container.swal2-center-left {\n          inset: 50% auto auto 0;\n          transform: translateY(-50%)\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-center {\n          inset: 50% auto auto 50%;\n          transform: translate(-50%, -50%)\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-center-end,\n        body.swal2-toast-shown .swal2-container.swal2-center-right {\n          inset: 50% 0 auto auto;\n          transform: translateY(-50%)\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-bottom-start,\n        body.swal2-toast-shown .swal2-container.swal2-bottom-left {\n          inset: auto auto 0 0\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-bottom {\n          inset: auto auto 0 50%;\n          transform: translateX(-50%)\n        }\n      \n        body.swal2-toast-shown .swal2-container.swal2-bottom-end,\n        body.swal2-toast-shown .swal2-container.swal2-bottom-right {\n          inset: auto 0 0 auto\n        }\n      \n        @media print {\n          body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {\n            overflow-y: scroll !important\n          }\n      \n          body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown)>[aria-hidden=true] {\n            display: none\n          }\n      \n          body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {\n            position: static !important\n          }\n        }\n      \n        div:where(.swal2-container) {\n          display: grid;\n          position: fixed;\n          z-index: 1060;\n          inset: 0;\n          box-sizing: border-box;\n          grid-template-areas: \"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";\n          grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);\n          height: 100%;\n          padding: var(--swal2-container-padding);\n          overflow-x: hidden;\n          transition: background-color .1s;\n          -webkit-overflow-scrolling: touch\n        }\n      \n        div:where(.swal2-container).swal2-backdrop-show,\n        div:where(.swal2-container).swal2-noanimation {\n          background: var(--swal2-backdrop)\n        }\n      \n        div:where(.swal2-container).swal2-backdrop-hide {\n          background: rgba(0, 0, 0, 0) !important\n        }\n      \n        div:where(.swal2-container).swal2-top-start,\n        div:where(.swal2-container).swal2-center-start,\n        div:where(.swal2-container).swal2-bottom-start {\n          grid-template-columns: minmax(0, 1fr) auto auto\n        }\n      \n        div:where(.swal2-container).swal2-top,\n        div:where(.swal2-container).swal2-center,\n        div:where(.swal2-container).swal2-bottom {\n          grid-template-columns: auto minmax(0, 1fr) auto\n        }\n      \n        div:where(.swal2-container).swal2-top-end,\n        div:where(.swal2-container).swal2-center-end,\n        div:where(.swal2-container).swal2-bottom-end {\n          grid-template-columns: auto auto minmax(0, 1fr)\n        }\n      \n        div:where(.swal2-container).swal2-top-start>.swal2-popup {\n          align-self: start\n        }\n      \n        div:where(.swal2-container).swal2-top>.swal2-popup {\n          grid-column: 2;\n          place-self: start center\n        }\n      \n        div:where(.swal2-container).swal2-top-end>.swal2-popup,\n        div:where(.swal2-container).swal2-top-right>.swal2-popup {\n          grid-column: 3;\n          place-self: start end\n        }\n      \n        div:where(.swal2-container).swal2-center-start>.swal2-popup,\n        div:where(.swal2-container).swal2-center-left>.swal2-popup {\n          grid-row: 2;\n          align-self: center\n        }\n      \n        div:where(.swal2-container).swal2-center>.swal2-popup {\n          grid-column: 2;\n          grid-row: 2;\n          place-self: center center\n        }\n      \n        div:where(.swal2-container).swal2-center-end>.swal2-popup,\n        div:where(.swal2-container).swal2-center-right>.swal2-popup {\n          grid-column: 3;\n          grid-row: 2;\n          place-self: center end\n        }\n      \n        div:where(.swal2-container).swal2-bottom-start>.swal2-popup,\n        div:where(.swal2-container).swal2-bottom-left>.swal2-popup {\n          grid-column: 1;\n          grid-row: 3;\n          align-self: end\n        }\n      \n        div:where(.swal2-container).swal2-bottom>.swal2-popup {\n          grid-column: 2;\n          grid-row: 3;\n          place-self: end center\n        }\n      \n        div:where(.swal2-container).swal2-bottom-end>.swal2-popup,\n        div:where(.swal2-container).swal2-bottom-right>.swal2-popup {\n          grid-column: 3;\n          grid-row: 3;\n          place-self: end end\n        }\n      \n        div:where(.swal2-container).swal2-grow-row>.swal2-popup,\n        div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {\n          grid-column: 1\/4;\n          width: 100%\n        }\n      \n        div:where(.swal2-container).swal2-grow-column>.swal2-popup,\n        div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {\n          grid-row: 1\/4;\n          align-self: stretch\n        }\n      \n        div:where(.swal2-container).swal2-no-transition {\n          transition: none !important\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup) {\n          display: none;\n          position: relative;\n          box-sizing: border-box;\n          grid-template-columns: minmax(0, 100%);\n          width: var(--swal2-width);\n          max-width: 100%;\n          padding: var(--swal2-padding);\n          border: var(--swal2-border);\n          border-radius: var(--swal2-border-radius);\n          background: var(--swal2-background);\n          color: var(--swal2-color);\n          font-family: inherit;\n          font-size: 1rem\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup):focus {\n          outline: none\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {\n          overflow-y: hidden\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable {\n          cursor: grab\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {\n          cursor: grab\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging {\n          cursor: grabbing\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {\n          cursor: grabbing\n        }\n      \n        div:where(.swal2-container) h2:where(.swal2-title) {\n          position: relative;\n          max-width: 100%;\n          margin: 0;\n          padding: .8em 1em 0;\n          color: inherit;\n          font-size: 1.875em;\n          font-weight: 600;\n          text-align: center;\n          text-transform: none;\n          word-wrap: break-word;\n          cursor: initial\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-actions) {\n          display: flex;\n          z-index: 1;\n          box-sizing: border-box;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          width: auto;\n          margin: 1.25em auto 0;\n          padding: 0\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {\n          opacity: .4\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {\n          background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {\n          background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-loader) {\n          display: none;\n          align-items: center;\n          justify-content: center;\n          width: 2.2em;\n          height: 2.2em;\n          margin: 0 1.875em;\n          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;\n          border-width: .25em;\n          border-style: solid;\n          border-radius: 100%;\n          border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled) {\n          margin: .3125em;\n          padding: .625em 1.1em;\n          transition: box-shadow .1s;\n          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);\n          font-weight: 500\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {\n          cursor: pointer\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {\n          border: 0;\n          border-radius: .25em;\n          background: initial;\n          background-color: #7066e0;\n          color: #fff;\n          font-size: 1em\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {\n          box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {\n          border: 0;\n          border-radius: .25em;\n          background: initial;\n          background-color: #dc3741;\n          color: #fff;\n          font-size: 1em\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible {\n          box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {\n          border: 0;\n          border-radius: .25em;\n          background: initial;\n          background-color: #6e7881;\n          color: #fff;\n          font-size: 1em\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible {\n          box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible {\n          box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled):focus-visible {\n          outline: none\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {\n          border: 0\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-footer) {\n          margin: 1em 0 0;\n          padding: 1em 1em 0;\n          border-top: 1px solid var(--swal2-footer-border-color);\n          color: inherit;\n          font-size: 1em;\n          text-align: center;\n          cursor: initial\n        }\n      \n        div:where(.swal2-container) .swal2-timer-progress-bar-container {\n          position: absolute;\n          right: 0;\n          bottom: 0;\n          left: 0;\n          grid-column: auto !important;\n          overflow: hidden;\n          border-bottom-right-radius: var(--swal2-border-radius);\n          border-bottom-left-radius: var(--swal2-border-radius)\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {\n          width: 100%;\n          height: .25em;\n          background: rgba(0, 0, 0, .2)\n        }\n      \n        div:where(.swal2-container) img:where(.swal2-image) {\n          max-width: 100%;\n          margin: 2em auto 1em;\n          cursor: initial\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-close) {\n          position: var(--swal2-close-button-position);\n          inset: var(--swal2-close-button-inset);\n          z-index: 2;\n          align-items: center;\n          justify-content: center;\n          width: 1.2em;\n          height: 1.2em;\n          margin-top: 0;\n          margin-right: 0;\n          margin-bottom: -1.2em;\n          padding: 0;\n          overflow: hidden;\n          transition: color .1s, box-shadow .1s;\n          border: none;\n          border-radius: var(--swal2-border-radius);\n          background: rgba(0, 0, 0, 0);\n          color: var(--swal2-close-button-color);\n          font-family: monospace;\n          font-size: var(--swal2-close-button-font-size);\n          cursor: pointer;\n          justify-self: end\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-close):hover {\n          transform: none;\n          background: rgba(0, 0, 0, 0);\n          color: #f27474\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-close):focus-visible {\n          outline: none;\n          box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)\n        }\n      \n        div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {\n          border: 0\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-html-container) {\n          z-index: 1;\n          justify-content: center;\n          margin: 0;\n          padding: 1em 1.6em .3em;\n          overflow: auto;\n          color: inherit;\n          font-size: 1.125em;\n          font-weight: normal;\n          line-height: normal;\n          text-align: center;\n          word-wrap: break-word;\n          word-break: break-word;\n          cursor: initial\n        }\n      \n        div:where(.swal2-container) input:where(.swal2-input),\n        div:where(.swal2-container) input:where(.swal2-file),\n        div:where(.swal2-container) textarea:where(.swal2-textarea),\n        div:where(.swal2-container) select:where(.swal2-select),\n        div:where(.swal2-container) div:where(.swal2-radio),\n        div:where(.swal2-container) label:where(.swal2-checkbox) {\n          margin: 1em 2em 3px\n        }\n      \n        div:where(.swal2-container) input:where(.swal2-input),\n        div:where(.swal2-container) input:where(.swal2-file),\n        div:where(.swal2-container) textarea:where(.swal2-textarea) {\n          box-sizing: border-box;\n          width: auto;\n          transition: border-color .1s, box-shadow .1s;\n          border: 1px solid #d9d9d9;\n          border-radius: .1875em;\n          background: var(--swal2-input-background);\n          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);\n          color: inherit;\n          font-size: 1.125em\n        }\n      \n        div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,\n        div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,\n        div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {\n          border-color: #f27474 !important;\n          box-shadow: 0 0 2px #f27474 !important\n        }\n      \n        div:where(.swal2-container) input:where(.swal2-input):focus,\n        div:where(.swal2-container) input:where(.swal2-file):focus,\n        div:where(.swal2-container) textarea:where(.swal2-textarea):focus {\n          border: 1px solid #b4dbed;\n          outline: none;\n          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)\n        }\n      \n        div:where(.swal2-container) input:where(.swal2-input)::placeholder,\n        div:where(.swal2-container) input:where(.swal2-file)::placeholder,\n        div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {\n          color: #ccc\n        }\n      \n        div:where(.swal2-container) .swal2-range {\n          margin: 1em 2em 3px;\n          background: var(--swal2-background)\n        }\n      \n        div:where(.swal2-container) .swal2-range input {\n          width: 80%\n        }\n      \n        div:where(.swal2-container) .swal2-range output {\n          width: 20%;\n          color: inherit;\n          font-weight: 600;\n          text-align: center\n        }\n      \n        div:where(.swal2-container) .swal2-range input,\n        div:where(.swal2-container) .swal2-range output {\n          height: 2.625em;\n          padding: 0;\n          font-size: 1.125em;\n          line-height: 2.625em\n        }\n      \n        div:where(.swal2-container) .swal2-input {\n          height: 2.625em;\n          padding: 0 .75em\n        }\n      \n        div:where(.swal2-container) .swal2-file {\n          width: 75%;\n          margin-right: auto;\n          margin-left: auto;\n          background: var(--swal2-input-background);\n          font-size: 1.125em\n        }\n      \n        div:where(.swal2-container) .swal2-textarea {\n          height: 6.75em;\n          padding: .75em\n        }\n      \n        div:where(.swal2-container) .swal2-select {\n          min-width: 50%;\n          max-width: 100%;\n          padding: .375em .625em;\n          background: var(--swal2-input-background);\n          color: inherit;\n          font-size: 1.125em\n        }\n      \n        div:where(.swal2-container) .swal2-radio,\n        div:where(.swal2-container) .swal2-checkbox {\n          align-items: center;\n          justify-content: center;\n          background: var(--swal2-background);\n          color: inherit\n        }\n      \n        div:where(.swal2-container) .swal2-radio label,\n        div:where(.swal2-container) .swal2-checkbox label {\n          margin: 0 .6em;\n          font-size: 1.125em\n        }\n      \n        div:where(.swal2-container) .swal2-radio input,\n        div:where(.swal2-container) .swal2-checkbox input {\n          flex-shrink: 0;\n          margin: 0 .4em\n        }\n      \n        div:where(.swal2-container) label:where(.swal2-input-label) {\n          display: flex;\n          justify-content: center;\n          margin: 1em auto 0\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-validation-message) {\n          align-items: center;\n          justify-content: center;\n          margin: 1em 0 0;\n          padding: .625em;\n          overflow: hidden;\n          background: var(--swal2-validation-message-background);\n          color: var(--swal2-validation-message-color);\n          font-size: 1em;\n          font-weight: 300\n        }\n      \n        div:where(.swal2-container) div:where(.swal2-validation-message)::before {\n          content: \"!\";\n          display: inline-block;\n          width: 1.5em;\n          min-width: 1.5em;\n          height: 1.5em;\n          margin: 0 .625em;\n          border-radius: 50%;\n          background-color: #f27474;\n          color: #fff;\n          font-weight: 600;\n          line-height: 1.5em;\n          text-align: center\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps {\n          flex-wrap: wrap;\n          align-items: center;\n          max-width: 100%;\n          margin: 1.25em auto;\n          padding: 0;\n          background: rgba(0, 0, 0, 0);\n          font-weight: 600\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps li {\n          display: inline-block;\n          position: relative\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {\n          z-index: 20;\n          flex-shrink: 0;\n          width: 2em;\n          height: 2em;\n          border-radius: 2em;\n          background: #2778c4;\n          color: #fff;\n          line-height: 2em;\n          text-align: center\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n          background: #2778c4\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {\n          background: var(--swal2-progress-step-background);\n          color: #fff\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {\n          background: var(--swal2-progress-step-background)\n        }\n      \n        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {\n          z-index: 10;\n          flex-shrink: 0;\n          width: 2.5em;\n          height: .4em;\n          margin: 0 -1px;\n          background: #2778c4\n        }\n      \n        div:where(.swal2-icon) {\n          position: relative;\n          box-sizing: content-box;\n          justify-content: center;\n          width: 5em;\n          height: 5em;\n          margin: 2.5em auto .6em;\n          border: .25em solid rgba(0, 0, 0, 0);\n          border-radius: 50%;\n          border-color: #000;\n          font-family: inherit;\n          line-height: 5em;\n          cursor: default;\n          user-select: none\n        }\n      \n        div:where(.swal2-icon) .swal2-icon-content {\n          display: flex;\n          align-items: center;\n          font-size: 3.75em\n        }\n      \n        div:where(.swal2-icon).swal2-error {\n          border-color: #f27474;\n          color: #f27474\n        }\n      \n        div:where(.swal2-icon).swal2-error .swal2-x-mark {\n          position: relative;\n          flex-grow: 1\n        }\n      \n        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {\n          display: block;\n          position: absolute;\n          top: 2.3125em;\n          width: 2.9375em;\n          height: .3125em;\n          border-radius: .125em;\n          background-color: #f27474\n        }\n      \n        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {\n          left: 1.0625em;\n          transform: rotate(45deg)\n        }\n      \n        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {\n          right: 1em;\n          transform: rotate(-45deg)\n        }\n      \n        div:where(.swal2-icon).swal2-error.swal2-icon-show {\n          animation: swal2-animate-error-icon .5s\n        }\n      \n        div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {\n          animation: swal2-animate-error-x-mark .5s\n        }\n      \n        div:where(.swal2-icon).swal2-warning {\n          border-color: #f8bb86;\n          color: #f8bb86\n        }\n      \n        div:where(.swal2-icon).swal2-warning.swal2-icon-show {\n          animation: swal2-animate-error-icon .5s\n        }\n      \n        div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {\n          animation: swal2-animate-i-mark .5s\n        }\n      \n        div:where(.swal2-icon).swal2-info {\n          border-color: #3fc3ee;\n          color: #3fc3ee\n        }\n      \n        div:where(.swal2-icon).swal2-info.swal2-icon-show {\n          animation: swal2-animate-error-icon .5s\n        }\n      \n        div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {\n          animation: swal2-animate-i-mark .8s\n        }\n      \n        div:where(.swal2-icon).swal2-question {\n          border-color: #87adbd;\n          color: #87adbd\n        }\n      \n        div:where(.swal2-icon).swal2-question.swal2-icon-show {\n          animation: swal2-animate-error-icon .5s\n        }\n      \n        div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {\n          animation: swal2-animate-question-mark .8s\n        }\n      \n        div:where(.swal2-icon).swal2-success {\n          border-color: #a5dc86;\n          color: #a5dc86\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {\n          position: absolute;\n          width: 3.75em;\n          height: 7.5em;\n          border-radius: 50%\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {\n          top: -0.4375em;\n          left: -2.0635em;\n          transform: rotate(-45deg);\n          transform-origin: 3.75em 3.75em;\n          border-radius: 7.5em 0 0 7.5em\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {\n          top: -0.6875em;\n          left: 1.875em;\n          transform: rotate(-45deg);\n          transform-origin: 0 3.75em;\n          border-radius: 0 7.5em 7.5em 0\n        }\n      \n        div:where(.swal2-icon).swal2-success .swal2-success-ring {\n          position: absolute;\n          z-index: 2;\n          top: -0.25em;\n          left: -0.25em;\n          box-sizing: content-box;\n          width: 100%;\n          height: 100%;\n          border: .25em solid rgba(165, 220, 134, .3);\n          border-radius: 50%\n        }\n      \n        div:where(.swal2-icon).swal2-success .swal2-success-fix {\n          position: absolute;\n          z-index: 1;\n          top: .5em;\n          left: 1.625em;\n          width: .4375em;\n          height: 5.625em;\n          transform: rotate(-45deg)\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {\n          display: block;\n          position: absolute;\n          z-index: 2;\n          height: .3125em;\n          border-radius: .125em;\n          background-color: #a5dc86\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {\n          top: 2.875em;\n          left: .8125em;\n          width: 1.5625em;\n          transform: rotate(45deg)\n        }\n      \n        div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {\n          top: 2.375em;\n          right: .5em;\n          width: 2.9375em;\n          transform: rotate(-45deg)\n        }\n      \n        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {\n          animation: swal2-animate-success-line-tip .75s\n        }\n      \n        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {\n          animation: swal2-animate-success-line-long .75s\n        }\n      \n        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {\n          animation: swal2-rotate-success-circular-line 4.25s ease-in\n        }\n      \n        [class^=swal2] {\n          -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\n        }\n      \n        .swal2-show {\n          animation: var(--swal2-show-animation)\n        }\n      \n        .swal2-hide {\n          animation: var(--swal2-hide-animation)\n        }\n      \n        .swal2-noanimation {\n          transition: none\n        }\n      \n        .swal2-scrollbar-measure {\n          position: absolute;\n          top: -9999px;\n          width: 50px;\n          height: 50px;\n          overflow: scroll\n        }\n      \n        .swal2-rtl .swal2-close {\n          margin-right: initial;\n          margin-left: 0\n        }\n      \n        .swal2-rtl .swal2-timer-progress-bar {\n          right: 0;\n          left: auto\n        }\n      \n        .swal2-toast {\n          box-sizing: border-box;\n          grid-column: 1\/4 !important;\n          grid-row: 1\/4 !important;\n          grid-template-columns: min-content auto min-content;\n          padding: 1em;\n          overflow-y: hidden;\n          background: var(--swal2-background);\n          box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);\n          pointer-events: all\n        }\n      \n        .swal2-toast>* {\n          grid-column: 2\n        }\n      \n        .swal2-toast h2:where(.swal2-title) {\n          margin: .5em 1em;\n          padding: 0;\n          font-size: 1em;\n          text-align: initial\n        }\n      \n        .swal2-toast .swal2-loading {\n          justify-content: center\n        }\n      \n        .swal2-toast input:where(.swal2-input) {\n          height: 2em;\n          margin: .5em;\n          font-size: 1em\n        }\n      \n        .swal2-toast .swal2-validation-message {\n          font-size: 1em\n        }\n      \n        .swal2-toast div:where(.swal2-footer) {\n          margin: .5em 0 0;\n          padding: .5em 0 0;\n          font-size: .8em\n        }\n      \n        .swal2-toast button:where(.swal2-close) {\n          grid-column: 3\/3;\n          grid-row: 1\/99;\n          align-self: center;\n          width: .8em;\n          height: .8em;\n          margin: 0;\n          font-size: 2em\n        }\n      \n        .swal2-toast div:where(.swal2-html-container) {\n          margin: .5em 1em;\n          padding: 0;\n          overflow: initial;\n          font-size: 1em;\n          text-align: initial\n        }\n      \n        .swal2-toast div:where(.swal2-html-container):empty {\n          padding: 0\n        }\n      \n        .swal2-toast .swal2-loader {\n          grid-column: 1;\n          grid-row: 1\/99;\n          align-self: center;\n          width: 2em;\n          height: 2em;\n          margin: .25em\n        }\n      \n        .swal2-toast .swal2-icon {\n          grid-column: 1;\n          grid-row: 1\/99;\n          align-self: center;\n          width: 2em;\n          min-width: 2em;\n          height: 2em;\n          margin: 0 .5em 0 0\n        }\n      \n        .swal2-toast .swal2-icon .swal2-icon-content {\n          display: flex;\n          align-items: center;\n          font-size: 1.8em;\n          font-weight: bold\n        }\n      \n        .swal2-toast .swal2-icon.swal2-success .swal2-success-ring {\n          width: 2em;\n          height: 2em\n        }\n      \n        .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {\n          top: .875em;\n          width: 1.375em\n        }\n      \n        .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {\n          left: .3125em\n        }\n      \n        .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {\n          right: .3125em\n        }\n      \n        .swal2-toast div:where(.swal2-actions) {\n          justify-content: flex-start;\n          height: auto;\n          margin: 0;\n          margin-top: .5em;\n          padding: 0 .5em\n        }\n      \n        .swal2-toast button:where(.swal2-styled) {\n          margin: .25em .5em;\n          padding: .4em .6em;\n          font-size: 1em\n        }\n      \n        .swal2-toast .swal2-success {\n          border-color: #a5dc86\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-circular-line] {\n          position: absolute;\n          width: 1.6em;\n          height: 3em;\n          border-radius: 50%\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {\n          top: -0.8em;\n          left: -0.5em;\n          transform: rotate(-45deg);\n          transform-origin: 2em 2em;\n          border-radius: 4em 0 0 4em\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {\n          top: -0.25em;\n          left: .9375em;\n          transform-origin: 0 1.5em;\n          border-radius: 0 4em 4em 0\n        }\n      \n        .swal2-toast .swal2-success .swal2-success-ring {\n          width: 2em;\n          height: 2em\n        }\n      \n        .swal2-toast .swal2-success .swal2-success-fix {\n          top: 0;\n          left: .4375em;\n          width: .4375em;\n          height: 2.6875em\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-line] {\n          height: .3125em\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {\n          top: 1.125em;\n          left: .1875em;\n          width: .75em\n        }\n      \n        .swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {\n          top: .9375em;\n          right: .1875em;\n          width: 1.375em\n        }\n      \n        .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {\n          animation: swal2-toast-animate-success-line-tip .75s\n        }\n      \n        .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {\n          animation: swal2-toast-animate-success-line-long .75s\n        }\n      \n        .swal2-toast.swal2-show {\n          animation: swal2-toast-show .5s\n        }\n      \n        .swal2-toast.swal2-hide {\n          animation: swal2-toast-hide .1s forwards\n        }\n      \n        @keyframes swal2-show {\n          0% {\n            transform: scale(0.7)\n          }\n      \n          45% {\n            transform: scale(1.05)\n          }\n      \n          80% {\n            transform: scale(0.95)\n          }\n      \n          100% {\n            transform: scale(1)\n          }\n        }\n      \n        @keyframes swal2-hide {\n          0% {\n            transform: scale(1);\n            opacity: 1\n          }\n      \n          100% {\n            transform: scale(0.5);\n            opacity: 0\n          }\n        }\n      \n        @keyframes swal2-animate-success-line-tip {\n          0% {\n            top: 1.1875em;\n            left: .0625em;\n            width: 0\n          }\n      \n          54% {\n            top: 1.0625em;\n            left: .125em;\n            width: 0\n          }\n      \n          70% {\n            top: 2.1875em;\n            left: -0.375em;\n            width: 3.125em\n          }\n      \n          84% {\n            top: 3em;\n            left: 1.3125em;\n            width: 1.0625em\n          }\n      \n          100% {\n            top: 2.8125em;\n            left: .8125em;\n            width: 1.5625em\n          }\n        }\n      \n        @keyframes swal2-animate-success-line-long {\n          0% {\n            top: 3.375em;\n            right: 2.875em;\n            width: 0\n          }\n      \n          65% {\n            top: 3.375em;\n            right: 2.875em;\n            width: 0\n          }\n      \n          84% {\n            top: 2.1875em;\n            right: 0;\n            width: 3.4375em\n          }\n      \n          100% {\n            top: 2.375em;\n            right: .5em;\n            width: 2.9375em\n          }\n        }\n      \n        @keyframes swal2-rotate-success-circular-line {\n          0% {\n            transform: rotate(-45deg)\n          }\n      \n          5% {\n            transform: rotate(-45deg)\n          }\n      \n          12% {\n            transform: rotate(-405deg)\n          }\n      \n          100% {\n            transform: rotate(-405deg)\n          }\n        }\n      \n        @keyframes swal2-animate-error-x-mark {\n          0% {\n            margin-top: 1.625em;\n            transform: scale(0.4);\n            opacity: 0\n          }\n      \n          50% {\n            margin-top: 1.625em;\n            transform: scale(0.4);\n            opacity: 0\n          }\n      \n          80% {\n            margin-top: -0.375em;\n            transform: scale(1.15)\n          }\n      \n          100% {\n            margin-top: 0;\n            transform: scale(1);\n            opacity: 1\n          }\n        }\n      \n        @keyframes swal2-animate-error-icon {\n          0% {\n            transform: rotateX(100deg);\n            opacity: 0\n          }\n      \n          100% {\n            transform: rotateX(0deg);\n            opacity: 1\n          }\n        }\n      \n        @keyframes swal2-rotate-loading {\n          0% {\n            transform: rotate(0deg)\n          }\n      \n          100% {\n            transform: rotate(360deg)\n          }\n        }\n      \n        @keyframes swal2-animate-question-mark {\n          0% {\n            transform: rotateY(-360deg)\n          }\n      \n          100% {\n            transform: rotateY(0)\n          }\n        }\n      \n        @keyframes swal2-animate-i-mark {\n          0% {\n            transform: rotateZ(45deg);\n            opacity: 0\n          }\n      \n          25% {\n            transform: rotateZ(-25deg);\n            opacity: .4\n          }\n      \n          50% {\n            transform: rotateZ(15deg);\n            opacity: .8\n          }\n      \n          75% {\n            transform: rotateZ(-5deg);\n            opacity: 1\n          }\n      \n          100% {\n            transform: rotateX(0);\n            opacity: 1\n          }\n        }\n      \n        @keyframes swal2-toast-show {\n          0% {\n            transform: translateY(-0.625em) rotateZ(2deg)\n          }\n      \n          33% {\n            transform: translateY(0) rotateZ(-2deg)\n          }\n      \n          66% {\n            transform: translateY(0.3125em) rotateZ(2deg)\n          }\n      \n          100% {\n            transform: translateY(0) rotateZ(0deg)\n          }\n        }\n      \n        @keyframes swal2-toast-hide {\n          100% {\n            transform: rotateZ(1deg);\n            opacity: 0\n          }\n        }\n      \n        @keyframes swal2-toast-animate-success-line-tip {\n          0% {\n            top: .5625em;\n            left: .0625em;\n            width: 0\n          }\n      \n          54% {\n            top: .125em;\n            left: .125em;\n            width: 0\n          }\n      \n          70% {\n            top: .625em;\n            left: -0.25em;\n            width: 1.625em\n          }\n      \n          84% {\n            top: 1.0625em;\n            left: .75em;\n            width: .5em\n          }\n      \n          100% {\n            top: 1.125em;\n            left: .1875em;\n            width: .75em\n          }\n        }\n      \n        @keyframes swal2-toast-animate-success-line-long {\n          0% {\n            top: 1.625em;\n            right: 1.375em;\n            width: 0\n          }\n      \n          65% {\n            top: 1.25em;\n            right: .9375em;\n            width: 0\n          }\n      \n          84% {\n            top: .9375em;\n            right: 0;\n            width: 1.125em\n          }\n      \n          100% {\n            top: .9375em;\n            right: .1875em;\n            width: 1.375em\n          }\n        }\n      <\/style>    \n\n    <style>\n        \n       \n        .p3-p8{\n            margin-top: 0% !important; \n            padding-top: 0% !important;\n\n        }\n\n        .jQrT49eR{height: 100%;}\n        .index-module__configurationTitle--eqOn0I-Q{\n            font-family: \"basis_grotesque_regular\" !important;\n\n\n        }\n        .index-module__configurationHint--TW0o3f6X{\n            font-family: \"basis_grotesque_regular\" !important;\n            \n        }\n        .index-module__unit--d1PWKIIl{\n            font-family: \"basis_grotesque_regular\" !important;\n        }\n        @media only screen and (max-width: 768px) {\n            .lazy.Az-q8kti {\n                padding-bottom: 20px !important;\n                \/* Adjust the padding as needed *\/\n            }\n        }\n\n        .n1keNi07 .KL9djTe7 {\n            white-space: normal !important;\n        }\n\n        .uUw8GSOd {\n            height: 100% !important;\n        }\n\n        @media (min-width: 1920px) {\n            .uUw8GSOd {\n\n                padding-top: 0px !important;\n            }\n        }\n\n        .fonted {\n            font-family: 'basis_grotesque_bold' !important;\n        }\n\n        .OVXJVetp {\n            padding-top: 0px !important;\n        }\n\n        .colored-label {\n            color: #FFFFFF99 !important;\n            font-family: 'basis_grotesque_regular';\n        }\n\n        .colored-label-white {\n            color: white !important;\n            font-family: 'basis_grotesque_regular';\n\n        }\n\n        .custom-tabcontent {\n            height: 70px;\n            margin-top: 2%;\n        }\n\n        .responsive-height {\n            height: inherit;\n            \/* Default height for mobile view *\/\n        }\n\n        @media (min-width: 768px) {\n            .responsive-height {\n                height: max-content;\n            }\n\n        }\n\n        .swiper-container {\n            width: 100vw;\n            \/* Full width of the viewport *\/\n            height: 100vh;\n            \/* Full height of the viewport *\/\n            overflow: hidden;\n            \/* Ensure no overflow *\/\n        }\n\n        @media (max-width: 768px) {\n            .swiper-container {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .-MsteyXi {\n                height: 100% !important;\n                padding-bottom: 5%;\n            }\n\n            .swiper-container {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        .swiper-slide {\n    display: flex;\n    align-items: center; \/* Vertically center *\/\n    justify-content: center; \/* Horizontally center *\/\n    }\n\n    .swiper-slide img {\n        width: 80%;\n        object-fit: cover;\n    }\n\n        .slide-content {\n            position: absolute;\n            top: 30%;\n            left: 10%;\n            transform: translateY(-50%);\n            color: white;\n            text-align: left;\n        }\n\n        .slide-title {\n            font-size: 48px;\n            font-weight: bold;\n            margin-bottom: 20px;\n        }\n\n        .slide-button {\n            padding: 10px 20px;\n            font-size: 16px;\n            color: white;\n            background-color: transparent;\n            border: 2px solid white;\n            border-radius: 30px;\n            text-decoration: none;\n            margin-top: 10px;\n            transition: background-color 0.3s, color 0.3s;\n            margin-right: 10px;\n        }\n\n        .slide-button:hover {\n            background-color: white;\n            color: black;\n        }\n\n        \/* Styling for next and previous buttons *\/\n        .swiper-button-next,\n        .swiper-button-prev {\n            background-color: gray;\n\n            color: black;\n            display: none;\n        }\n\n        \/* Styling for pagination points *\/\n        .swiper-pagination-bullet {\n            background-color: #A4CE4C;\n            width: 30px;\n            \/* Adjust the width *\/\n            height: 2px;\n            \/* Adjust the height *\/\n            border-radius: 0;\n\n        }\n\n        .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n            left: 50%;\n\n        }\n\n        \/* .title-wrapper-subTitle-custom {\n            height: 45%;\n            margin-bottom: 60%;\n        } *\/\n\n        ._8rM3tlc7 {\n            text-align: start;\n            font-family: 'basis_grotesque_regular' !important;\n        }\n\n        .n8ZStGh2 {\n            font-family: 'basis_grotesque_regular' !important;\n\n        }\n\n        ._3UgFVRV4D {\n            font-size: 35px;\n            font-family: 'basis_grotesque_bold';\n            font-weight: bold;\n            text-align: center;\n            color: white;\n            padding-top: 62px;\n\n\n\n        }\n\n        .KL9djTe7 {\n            font-family: \"basis_grotesque_regular\" !important;\n\n        }\n\n        ._3UgFVRV4 {\n            font-family: 'basis_grotesque_bold' !important;\n            padding-top: 5%;\n            padding-bottom: 5%;\n        }\n\n        .KL9djTe7 {\n            padding-top: 5%;\n            padding-bottom: 5%;\n        }\n\n\n        ._3UgFVRV4D_black {\n            font-size: 35px;\n            font-weight: bold;\n            text-align: center;\n\n        }\n\n        ._custom-p {\n            text-align: center;\n            font-family: 'basis_grotesque_regular';\n        }\n\n        @media (max-width: 550px) {\n            .grid_container{\n                grid-template-columns: repeat(1, 1fr) !important;\n            }\n            .index-module__configurationTitle--eqOn0I-Q{\n                margin-bottom: 5% !important;\n            }\n\n            .p2_custom-bg {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2024-03-31\/06ce611b260d4e37a8ea41eb0c44f81b.jpg') !important;\n\n                }\n                .p2_custom-bgN {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/s-cdn.xpeng.com\/commoncms\/prod\/2024-03-31\/06ce611b260d4e37a8ea41eb0c44f81b.jpg') !important;\n\n                }\n\n                .p3_custom-bg {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p7.38775eee.jpg') !important;\n                    margin-bottom: 10%;\n\n\n                }\n\n                .p4_custom-bg {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/p16@min.74279a89.jpg') !important;\n\n                }\n                .p5_custom-bg {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19.20af9f3a.jpg') !important;\n\n                }.p6_custom-bg {\n                    height: 90% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p22.cd201fd9.jpg') !important;\n\n                }\n\n            ._3UgFVRV4D_black{\n                margin-left: 10px !important ;\n            }\n            .x-appN{\n                    display: block !important;\n                    height: 8px !important;\n                    margin-left: -15px ! important;\n                    margin-bottom: -72px !important;\n                    \n                }\n            .x-app{\n                    height: 20px;\n                    margin-left: -55px ! important;\n                    margin-bottom: -23px !important;\n                    display: flex;\n                    align-items: flex-start;\n\n                }\n            .Qjaj3DQU{\n                            height: 125% !important;\n                            background-color: #101013;\n                        }\n            ._8rM3tlc7 {\n                text-align: left !important;\n            }\n\n            ._73la0dYd {\n                text-align: left;\n            }\n\n            ._custom-p {\n                text-align: start;\n                padding: 2%;\n                font-family: 'basis_grotesque_regular';\n            }\n\n            .inline-container {\n                flex-direction: column;\n                \/* Stack items vertically *\/\n                align-items: flex-start;\n            }\n\n            .inline-container img {\n                margin-bottom: 10px;\n                \/* Space between image and text *\/\n                margin-right: 0;\n                \/* Remove right margin *\/\n            }\n\n\n\n            ._3UgFVRV4D {\n                font-size: 1.5rem;\n                font-family: 'basis_grotesque_bold' !important;\n                font-weight: bold;\n                font-style: italic;\n                color: white;\n                padding-top: 65px;\n                text-align: start;\n            }\n\n\n            ._3UgFVRV4D_black {\n                font-size: 2.7rem;\n                font-weight: bold;\n                color: black;\n                padding-top: 65px;\n                text-align: start;\n            }\n            ._3UgFVRV4D_black_App {\n                font-size: 2.7rem;\n                font-weight: bold;\n                color: black;\n                padding-top: 65px;\n                text-align: start;\n            }\n\n\n        }\n\n        .black_sub_title {\n            font-size: small;\n            font-family: 'basis_grotesque_regular';\n            color: #0A0A1A;\n            opacity: 0.5;\n        }\n    <\/style>\n    <style data-rc-order=\"prepend\" rc-util-key=\"@anta-design-icons\">\n        .anticon {\n            display: inline-block;\n            color: inherit;\n            font-style: normal;\n            line-height: 0;\n            text-align: center;\n            text-transform: none;\n            vertical-align: -0.125em;\n            text-rendering: optimizeLegibility;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .anticon>* {\n            line-height: 1;\n        }\n\n        .anticon svg {\n            display: inline-block;\n        }\n\n        .anticon::before {\n            display: none;\n        }\n\n        .anticon .anticon-icon {\n            display: block;\n        }\n\n        .anticon[tabindex] {\n            cursor: pointer;\n        }\n\n        .anticon-spin::before,\n        .anticon-spin {\n            display: inline-block;\n            -webkit-animation: loadingCircle 1s infinite linear;\n            animation: loadingCircle 1s infinite linear;\n        }\n\n        @-webkit-keyframes loadingCircle {\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n\n        @keyframes loadingCircle {\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n    <\/style>\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n    <meta id=\"viewport\" name=\"viewport\"\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=false\">\n    <title>XPENG X9 | XPENG EGY<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@200..1000&#038;display=swap\" rel=\"stylesheet\">\n    <meta name=\"keywords\" content=\"\">\n    <link rel=\"shortcut icon\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/favicon.ico\" type=\"image\/x-icon\">\n    <link rel=\"shortcut icon\"\n        href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU\/knhAAAANnRSTlMACPr27fK8CrgSDdHcwLQtFuSShBqxJyLLVejXxqF4YEo6NTGqimwe4KWYfXFEP51kWVBMD2cr5oz2AAAEBElEQVR42u3a6ZKiMBAA4A7XcokgIjooOt73MUe\/\/6OtulubwYAJAvsr30+tMilCdzodQZIkSZIkSZIkSZIkAPLrjhAC\/wkhf8eEm4tn3JimGW0\/bGjcarnxroMZN5sZgG0gpXqfv6BR\/tLBH3YAkCr4gz4\/EGiMNe5nRguOAGCfMEMbvUMz7EFLwZ\/0M9x0Pcx667Shfr8+PRUzlB380evjg\/WiB\/Uix7mOD7Y2\/HVc4yN3t4IaTU8aPvJ8+GegIcPZd6Em7c4bMvqZh7xXkaH0zxbUoBeukeVmX3WyUJCltC42VLTauZhDG0CWNcc8qlktM\/l7J\/93l\/AobiFVU2ayzve8w1IWBBizBCkmM1XJO6yNBTkmAVKVMxPNOyyjIMTHOhYJwl7VvEM5MyiwU7CQm64q5R0qOEARe4tPOEu\/fN5h6WMo5kf4hDIcfwFXTPNOHjWFAuy+xFKND05a6O4TfGrL+YF3F5\/SowMRD3xW5AMH3Zd4aYEf+KxhD7iWNHxLpQUyYQKfswNRzL7Esw5jZu02OvK8fYAIa4N8SbZamG015NKXIGZlIE+2WugtAuRTQgKC2g4KUFoD+x55qYsiRl8g7BCgCDVqAwwcFGJ2gYPdl\/hGELsoxGlDKamKIgwy01DE+lB2O1+odU4gGJQvKCbpYrvxWv3EDTRdVZVyE1BUXdcC1xka0agT7qfwql9WN+613w8fl\/N+d51RZAwdlz6cFpnSCWiJMzTnp06YLseDyXHajlf+F4GakS+\/e8qdgDL2LZtAw4h9fSSj\/AmcuzXOgK7A6scKjCLzugJBwRLo66Tfqm0N7EF4fwcd5h1kXkL+W5i+lx+\/o9QZhm9jKIeESr2JKJhAKd86CjnBKkEhyRRK+HxDEfqmB\/A5VFBEKwZh0wQFqN6E0M4b39wCQfEQOWjvgPYA+DoEhPhzkXro2wJKrCZS92K5p4NcSdoFSrgq1C6VKwFaE7OO\/Lp4fQSusSZ+Kih\/MnDaVapBfrvEvrSUapVh2yl1MmRZ332lQm28MrhnY65umrx8OrA2TyNvTCOvQodAX752KnT2foXeLOeEyD8Xu7sYSnkfadwzsnhnIHihe08Okc7pEoj2RrTt7LVy7sNUuX0SfndI3xzhVV+Xoq16azPB4xUcPycEKvC\/ndwpKDvIsk\/5gT+wgYufFvjdQrJTctuCFlRB0wK3SDzrLzRGK6aFZAb\/TNjv3bTxS6tWXFwCrsPmr+1okRi3Grm45FcLyoLk3RZppyk0wx4Yak6RGD5cER0bvbzOZiZtcv1syJT6TfKXmcwUAsAlMk3DNE3PizqfNjSu+z2KPNO8Dzq6h+Lt\/xTkBv4XcnUfFCRJkiRJkiRJkiRJAvgNagfeySxnR1cAAAAASUVORK5CYII=\"\n        type=\"image\/png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/favicon\/logo.png\">\n    <meta name=\"description\" content=\"XPENG G6 | XPENG EGY | Electric vehicle in egypt\">\n    <link rel=\"stylesheet\"\n        href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/8564070279031375.c2e5bcec.chunk.css\">\n\n    <link rel=\"stylesheet\" href=\"https:\/\/xpeng.httpraya-backend.com\/wp-content\/themes\/xpeng\/css\/custom1.css\">\n\n    <link rel=\"stylesheet\"\n        href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/6479822391318970.35b0915d.chunk.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/dk-p7.3f137f4d.chunk.css\">\n    <script type=\"text\/javascript\" async=\"\"\n        src=\"https:\/\/cdn.mouseflow.com\/projects\/25647b44-e12c-4715-9d4e-5e5b7d5af481.js\"><\/script>\n\n    <script type=\"text\/javascript\">function OptanonWrapper() { }<\/script>\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/7527945419924455.e107b566.chunk.js\"><\/script>\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/8564070279031375.36bb1489.chunk.js\"><\/script>\n    <script charset=\"utf-8\"\n        src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/6479822391318970.0869b77a.chunk.js\"><\/script>\n    <script charset=\"utf-8\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/dk-p7.e31ade89.chunk.js\"><\/script>\n\n    <style>\n        @font-face {\n font-family: \"basis_grotesque_regular\";\n src: url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.eot\");\n src: url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.eot?#iefix\")format(\"embedded-opentype\"),\n url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.woff2\")format(\"woff2\"),\n url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.woff\")format(\"woff\"),\n url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.ttf\")format(\"truetype\"),\n url(\"https:\/\/db.onlinewebfonts.com\/t\/fb3ddfb68f7942d3a38bb6b63f96ac89.svg#Basis Grotesque\")format(\"svg\");\n}\n@font-face {\n    font-family: \"futura\";\n    src: url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.eot\");\n    src: url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.eot?#iefix\")format(\"embedded-opentype\"),\n    url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.woff2\")format(\"woff2\"),\n    url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.woff\")format(\"woff\"),\n    url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.ttf\")format(\"truetype\"),\n    url(\"https:\/\/db.onlinewebfonts.com\/t\/4cd7c95ebd9e972224a5473c6172b30a.svg#Futura Bold Italic\")format(\"svg\");\n}\n\n     <\/style>\n\n\n<\/head>\n\n<body>\n\n    <div id=\"hi-content\">\n        <style>\n        .features-grid {\n            display: flex;\n            overflow-x: auto;\n            gap: 15px;\n            padding: 20px;\n            scroll-snap-type: x mandatory; \/* Enables smooth scrolling *\/\n            -webkit-overflow-scrolling: touch; \/* Smooth scrolling on iOS *\/\n        }\n\n        .grid-feature {\n            font-family: 'basis_grotesque_regular';\n            flex: 0 0 auto;\n            width: 250px; \/* Fixed width for each grid-feature *\/\n            position: relative;\n            overflow: hidden;\n            border-radius: 10px;\n            scroll-snap-align: start; \/* Ensures smooth snapping *\/\n        }\n\n        .grid-feature img {\n            width: 100%;\n            height: 150px; \/* Adjusted height for mobile *\/\n            object-fit: cover;\n            transition: transform 0.3s ease-in-out;\n        }\n\n        .grid-feature p {\n            position: absolute;\n            bottom: 30px;\n            left: 10px;\n            right: 10px;\n            margin: 0;\n            color: white;\n            font-size: 14px;\n            background: rgba(0, 0, 0, 0.6);\n            padding: 8px;\n            border-radius: 5px;\n        }\n\n        \/* Hover Effect *\/\n        .grid-feature:hover img {\n            transform: scale(1.1);\n        }\n\n        \/* Hide scrollbar for a cleaner look *\/\n        .features-grid::-webkit-scrollbar {\n            display: none;\n        }\n\n        \/* Responsive *\/\n        @media (min-width: 768px) {\n            .features-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 20px;\n                max-width: 1200px;\n                margin: 0 auto;\n                overflow-x: visible;\n                padding: 20px 0;\n            }\n\n            .grid-feature {\n                width: auto;\n                height: auto;\n            }\n\n            .grid-feature img {\n                height: 250px; \/* Reset height for desktop *\/\n            }\n        }\n\n\n            .custom-bg {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n            }\n\n            .p2_custom-bg {\n                height: 120%;\n                background-position: center;\n                background-repeat: no-repeat;\n\n\n            }\n            .p2_custom-bgN {\n                height: 120%;\n                background-position: center;\n                background-repeat: no-repeat;\n\n\n            }\n            .uUw8GSOd .model-center-text .title{\n                margin-top: -40px;\n            }\n            \n\n            .p3_custom-bg {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                margin-bottom: 10%;\n\n\n\n            }\n\n            .p4_custom-bg {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                margin-bottom: 5%;\n\n\n            }\n            .p5_custom-bg {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n\n\n            }.p6_custom-bg {\n                height: 100%;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n\n\n            }\n            .header_paragraph_white{\n                \n                line-height: normal !important;\n                font-weight: 300; \n                color: white; \n                font-size: 2.5rem; \n                letter-spacing:0.01rem !important; \n                font-family: 'basis_grotesque_regular';\n            }\n            ._3UgFVRV4{\n                padding-top: 0px !important;\n                padding-bottom: 0px !important;\n            }\n            .header_paragraph{\n                padding-top: 0px !important;\n                padding-bottom: 0px !important;\n                font-weight: 300; \n                font-size: 2.5rem; \n                letter-spacing:0.01rem !important; \n                font-family: 'basis_grotesque_regular';\n            }\n\n\n            @media (max-width: 950px) {\n                ._3UgFVRV4D_black_App{\n                    margin-left: 10px !important ;\n                }\n                .Qjaj3DQU{\n                            height: 100%;\n                            background-color: #101013;\n                        }\n                .x-appN{\n                    height: 20px;\n                    margin-left: -55px;\n                    margin-bottom: -23px;\n                    display: flex;\n                    align-items: flex-start;\n\n                }\n                .xFmdDrOyD{\n                    align-items: start;\n                    height: 50% !important;\n                    width: 50% !important;\n                    display: flex !important;\n                    \n                }\n                .bt1o6Cub{\n                    height: 50%;\n                    width: 50%;\n                    align-items: start;\n                }\n                .x-img{\n                    margin-bottom: 20% !important;\n                }\n                \n                .CxkT\\+OvM .text-display-sub-title-container{\n\n                    text-align: left;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: baseline;\n\n                }\n                .custom-bg {\n                    background-image: url('https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p1.9325a201.jpg') !important;\n                }\n                .Expect_the_unthinkable{\n                    \n                    text-align: left !important;\n                }\n\n                .p2_custom-bg {\n                    height: 200%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p3.f4375ac0.jpg') !important;\n\n                }\n                .p2_custom-bgN {\n                    height: 200%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p4.459b58b9.jpg') !important;\n\n                }\n\n                .p3_custom-bg {\n                    margin-bottom: 10%;\n                    \n                    height: 150%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p7.38775eee.jpg') !important;\n\n                }\n\n                .p4_custom-bg {\n                    height: 200%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/p16@min.74279a89.jpg') !important;\n\n                }\n                .p5_custom-bg {\n                    height: 200%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19.20af9f3a.jpg') !important;\n\n                }.p6_custom-bg {\n                    height: 200%;\n                    text-align: left !important;\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p22.cd201fd9.jpg') !important;\n\n                }\n                .p7_custom-bg {\n                    background-image: url('https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p21.b76a3e85.jpg') !important;\n\n                }\n                \n\n\n            }\n            .index-module__text--lxguTeqo{\n                    font-family: \"basis_grotesque_regular\" !important;\n                }\n        <\/style>\n        <div class=\"mvHvP+3m\">\n            <div class=\"custom-bg lazy global-full-page UIYosJiv entered loaded \" data-ll-status=\"loaded\"\n                style=\"background-image: url(&quot;https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p1.05a095ee.jpg&quot;);  width: 100%; height:100%;\">\n                <div class=\"index-module__body--l7HPp7sF\">\n                    <div class=\"index-module__textDisplay--eZFVaNVR text-display\" style=\"margin-top: -55px !important;\">\n                        <div class=\"index-module__title--ncC47PRj text-display-title\"\n                            style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n                            <div class=\"index-module__closeIcon--ToFHl71Q close-icon\" style=\"color: rgb(255, 255, 255); opacity: 1;\">\n                                <svg class=\"icon undefined\" aria-hidden=\"true\">\n                                    <use xlink:href=\"#icon-x-new\"><\/use>\n                                <\/svg><\/div>\n                                <div style=\"display: flex; align-items: center; justify-content: center; color: white; font-family: 'basis_grotesque_regular', sans-serif; width: 100%;\">\n                                    <img decoding=\"async\" class=\"x-img\"\n                                      style=\"height: 20px !important; width: 30px !important; margin-right: 7px; margin-bottom: 20%; align-items: baseline;\" \n                                      src=\"data:image\/svg+xml,%3Csvg width='44' height='31' viewBox='0 0 44 31' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 31L16.8 15.5L0 0H4.2L21 15.5L4.2 31H0Z' fill='white'\/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44 31L27.2 15.5L44 0H39.8L23 15.5L39.8 31H44Z' fill='white'\/%3E%3C\/svg%3E%0A\" \n                                      alt=\"Icon\">\n                                  \n                                    <font style=\"font-size: 3.5rem; font-family: 'basis_grotesque_regular'; letter-spacing: normal;\">\n                                      XPENG X9\n                                    <\/font>\n                                <\/div>\n                                                      \n                                <\/div>\n                        <div class=\"text-display-sub-title-container\">\n                            <div class=\"index-module__subTitle--73la0dYd text-display-sub-title\"\n                                style=\"font-family:'basis_grotesque_regular' ; letter-spacing: normal; color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\"\n                                _msttexthash=\"3164499\" _msthash=\"12\">Ultra Smart Large Seven-seater<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"index-module__p2--z0Ac0Z5+\">\n          <div class=\"index-module__container---qWokSUT index-module__p2-video--lk494uYW\"><video muted=\"\" loop=\"\" autoplay=\"\"\n              playsinline=\"\" poster=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p2.d5cb29de.jpg\"\n              data-src=\"https:\/\/xpeng.httpraya-backend.com\/wp-content\/uploads\/2025\/02\/x9_video.mp4\" class=\"lazy entered loaded\"\n              data-ll-status=\"loaded\" src=\"https:\/\/xpeng.httpraya-backend.com\/wp-content\/uploads\/2025\/02\/x9_video.mp4\"><\/video><svg\n              class=\"icon index-module__playIcon--76JY9ZPI play-icon\" aria-hidden=\"true\">\n              <use xlink:href=\"#icon-play\"><\/use>\n            <\/svg><\/div>\n        <\/div>\n\n        <div class=\"p2_custom-bg lazy full-page-with-top-menu uUw8GSOd entered loaded customized\"\n            data-bg=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p3.5bd6ecab.jpg\"\n            data-ll-status=\"loaded\"\n            style=\"background-image: url(&quot;https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p3.5bd6ecab.jpg&quot;);\">\n            <div class=\"body OVXJVetp\">\n                <div class=\"eZFVaNVR text-display CxkT+OvM model-center-text\">\n                    <div class=\"text-display-sub-title-container\">\n                        <div class=\"_73la0dYd text-display-sub-title\"\n                            style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                        <\/div>\n                        <div class=\"body index-module__body--GMhIDmMo\">\n                            <div\n                                class=\"index-module__textDisplay--eZFVaNVR text-display index-module__container--FuijzAr9 model-center-text\">\n                                <div class=\"text-display-sub-title-container\">\n                                    <div class=\"index-module__subTitle--73la0dYd text-display-sub-title\"\n                                        style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                    <\/div>\n                                    <div class=\"b+Sp+hLD fonted\n                             title\">\n                                <div class=\"Expect_the_unthinkable header_paragraph_white \" style=\"margin-top: 10%;\">Starship of Tomorrow, Embracing the Future\n                                <\/div>\n                            <\/div>\n                                    <div class=\" Expect_the_unthinkable index-module__subTitle--73la0dYd text-display-sub-title\"\n                                        style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                        <div class=\"index-module__subTitle--k9ucJXZJ sub-title\" _msttexthash=\"54272101\"\n                                            _msthash=\"29\" style=\"font-family: 'basis_grotesque_regular'; font-size: large; margin-top: 0px;\">Futuristic aesthetics to break stereotypes for traditional MPVs<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"p2_custom-bgN lazy full-page-with-top-menu uUw8GSOd entered loaded customized\"\n        data-bg=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p4.9e3ffae6.jpg\"\n        data-ll-status=\"loaded\"\n        style=\"background-image: url(&quot;https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/x9-p4.9e3ffae6.jpg&quot;);\">\n        <div class=\"body OVXJVetp\">\n            <div class=\"eZFVaNVR text-display CxkT+OvM model-center-text\">\n                <div class=\"text-display-sub-title-container\">\n                    <div class=\"_73la0dYd text-display-sub-title\"\n                        style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                    <\/div>\n                    <div class=\"body index-module__body--GMhIDmMo\">\n                        <div\n                            class=\"index-module__textDisplay--eZFVaNVR text-display index-module__container--FuijzAr9 model-center-text\">\n                            <div class=\"text-display-sub-title-container\">\n                                <div class=\"index-module__subTitle--73la0dYd text-display-sub-title\"\n                                    style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                <\/div>\n                                <div class=\"b+Sp+hLD fonted\n                         title\">\n                            <div class=\"Expect_the_unthinkable header_paragraph_white \" style=\"margin-top: 10%;\">0.227Cd Ultra-low Drag\n                            <\/div>\n                        <\/div>\n                                <div class=\" Expect_the_unthinkable index-module__subTitle--73la0dYd text-display-sub-title\"\n                                    style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                    <div class=\"index-module__subTitle--k9ucJXZJ sub-title\" _msttexthash=\"54272101\"\n                                        _msthash=\"29\" style=\"font-family: 'basis_grotesque_regular'; font-size: large;\">Starship-inspired design concept, 17 optimized anti-drag features<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\n        <div class=\"index-module__color-switch--vkFEpvWC bg-grey\">\n          <div class=\"index-module__textDisplay--eZFVaNVR text-display\">\n            <div class=\"index-module__title--ncC47PRj text-display-title\"\n              style=\"font-family: 'basis_grotesque_regular'; color: rgb(0, 0, 0); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n              Colors Inspired by the Cosmos<\/div>\n          <\/div>\n          <div class=\"index-module__car-img-wrapper--vg6mCU4f\">\n            <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__logo--nOovihfd auto-fit-img\">\n              <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                  data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI0MzAiIGhlaWdodD0iMjgwIj48ZGVmcz48bWFzayBpZD0iYSI+PHJlY3Qgd2lkdGg9IjQzMCIgaGVpZ2h0PSIyODAiIHJ4PSIwIiBmaWxsPSIjRkZGIi8+PC9tYXNrPjwvZGVmcz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJNNzkuNiAxMjUuMThMMy41MiAyMTcuODJINjAuNGwzNC4wOC00NS4zNmMzLjEyLTQuMDggNS43Ni04Ljg4IDguMTYtMTMuNjggMi4xNiA1LjA0IDQuMzIgOS42IDYuMjQgMTMuMmwyNC43MiA0NS44NGg1My43NmwtNTMuNTItOTAgNjYuMjQtODEuNmgtNTYuMTZsLTI1LjQ0IDMzLjZjLTMuMTIgNC4wOC02IDguNC04LjQgMTMuNDRhMTY4LjM3IDE2OC4zNyAwIDAgMC02LjI0LTEzLjJsLTE4LTMzLjg0SDMzLjc2bDQ1Ljg0IDc4Ljk2em0xODguMTYgMzQuNjg3bC00OS45MjIgNTcuOTUzaDQ4LjQ2OWwxOC4yNS0xOS43MTljMzQuMDc4LTM2Ljc5NyA1Mi4zMTItNjQuODc1IDUyLjMxMi05My4zNzUgMC0zNy4xNC0yNC4yMzQtNjAuOTA2LTYzLjM1OS02MC45MDYtMzcuOTIyIDAtNjUuMDMxIDI2Ljg5LTY1LjAzMSA2NS4wMTYgMCAzMS4zNTkgMTkuMTg3IDUxLjk4NCA0OC4yMzQgNTEuOTg0IDMuNTk0IDAgNy4yMDMtLjIzNCAxMS4wNDctLjk1M3ptMzAuNzE5LTU0Ljg5MWMwIDEzLjc2Ni0xMS4wNDcgMjUuODQ0LTI1LjY4OCAyNS44NDQtMTQuMzkgMC0yNS42NzItMTEuMTA5LTI1LjY3Mi0yNS44NDQgMC0xNC45ODQgMTEuNzUtMjYuMTA5IDI1LjY3Mi0yNi4xMDkgMTQuNDA3IDAgMjUuNjg4IDEyLjA3OCAyNS42ODggMjYuMTA5eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDUiLz48L2c+PC9zdmc+\"\n                  data-ll-status=\"loaded\"\n                  src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI0MzAiIGhlaWdodD0iMjgwIj48ZGVmcz48bWFzayBpZD0iYSI+PHJlY3Qgd2lkdGg9IjQzMCIgaGVpZ2h0PSIyODAiIHJ4PSIwIiBmaWxsPSIjRkZGIi8+PC9tYXNrPjwvZGVmcz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJNNzkuNiAxMjUuMThMMy41MiAyMTcuODJINjAuNGwzNC4wOC00NS4zNmMzLjEyLTQuMDggNS43Ni04Ljg4IDguMTYtMTMuNjggMi4xNiA1LjA0IDQuMzIgOS42IDYuMjQgMTMuMmwyNC43MiA0NS44NGg1My43NmwtNTMuNTItOTAgNjYuMjQtODEuNmgtNTYuMTZsLTI1LjQ0IDMzLjZjLTMuMTIgNC4wOC02IDguNC04LjQgMTMuNDRhMTY4LjM3IDE2OC4zNyAwIDAgMC02LjI0LTEzLjJsLTE4LTMzLjg0SDMzLjc2bDQ1Ljg0IDc4Ljk2em0xODguMTYgMzQuNjg3bC00OS45MjIgNTcuOTUzaDQ4LjQ2OWwxOC4yNS0xOS43MTljMzQuMDc4LTM2Ljc5NyA1Mi4zMTItNjQuODc1IDUyLjMxMi05My4zNzUgMC0zNy4xNC0yNC4yMzQtNjAuOTA2LTYzLjM1OS02MC45MDYtMzcuOTIyIDAtNjUuMDMxIDI2Ljg5LTY1LjAzMSA2NS4wMTYgMCAzMS4zNTkgMTkuMTg3IDUxLjk4NCA0OC4yMzQgNTEuOTg0IDMuNTk0IDAgNy4yMDMtLjIzNCAxMS4wNDctLjk1M3ptMzAuNzE5LTU0Ljg5MWMwIDEzLjc2Ni0xMS4wNDcgMjUuODQ0LTI1LjY4OCAyNS44NDQtMTQuMzkgMC0yNS42NzItMTEuMTA5LTI1LjY3Mi0yNS44NDQgMC0xNC45ODQgMTEuNzUtMjYuMTA5IDI1LjY3Mi0yNi4xMDkgMTQuNDA3IDAgMjUuNjg4IDEyLjA3OCAyNS42ODggMjYuMTA5eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDUiLz48L2c+PC9zdmc+\">\n              <\/picture>\n            <\/div>\n            <div class=\"index-module__car-img--hpve9Fo0\">\n              <div\n                class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j index-module__active-pic--VamqncmN auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"customed_panner index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/silver.75b2be7e.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/silver.75b2be7e.png\">\n                <\/picture>\n              <\/div>\n              <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/black.6a9b3ef2.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/black.6a9b3ef2.png\">\n                <\/picture>\n              <\/div>\n              <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__img--T7KNPb2j auto-fit-img\">\n                <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                    data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/white.d3d72c89.png\"\n                    data-ll-status=\"loaded\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/white.d3d72c89.png\">\n                <\/picture>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div>\n\n\n            <div class=\"index-module__switch-pane--aG7hYXUL\">\n              <div>\n                <div class=\"index-module__pane--ROUocyKX index-module__active-pane--TxVl2uns\">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0RCRERFMCIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0E1QTlBQyIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iIzkxOTU5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4OUZBNiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0RCRERFMCIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0E1QTlBQyIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iIzkxOTU5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4OUZBNiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Silver Frost<\/span>\n                <\/div>\n              <\/div>\n\n              \n              <div>\n                <div class=\"index-module__pane--ROUocyKX \">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVBNUE1QSIvPjxzdG9wIG9mZnNldD0iNTYuNzk0JSIgc3RvcC1jb2xvcj0iIzJBMkMyRCIvPjxzdG9wIG9mZnNldD0iNzQuMDc4JSIgc3RvcC1jb2xvcj0iIzE1MTcxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJCMkIyQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVBNUE1QSIvPjxzdG9wIG9mZnNldD0iNTYuNzk0JSIgc3RvcC1jb2xvcj0iIzJBMkMyRCIvPjxzdG9wIG9mZnNldD0iNzQuMDc4JSIgc3RvcC1jb2xvcj0iIzE1MTcxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJCMkIyQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Midnight Black<\/span>\n                <\/div>\n              <\/div>\n              <div>\n                <div class=\"index-module__pane--ROUocyKX \">\n                  <div class=\"index-module__fullBannerContainer--JnytOMdo index-module__pane-img--Lh-VDl+8 auto-fit-img\">\n                    <picture><img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loaded\"\n                        data-src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZBRkFGQSIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0U4RThFQSIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iI0RFREVERSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0U3RTlFQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\"\n                        data-ll-status=\"loaded\"\n                        src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ5LjYzNSAtMi41NDcgOC4yNDUpIHNjYWxlKDI4LjI2Nzk1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZBRkFGQSIvPjxzdG9wIG9mZnNldD0iNTguOTAyJSIgc3RvcC1jb2xvcj0iI0U4RThFQSIvPjxzdG9wIG9mZnNldD0iNzUuODgyJSIgc3RvcC1jb2xvcj0iI0RFREVERSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0U3RTlFQyIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjE0IiByeD0iMTQiIHJ5PSIxNCIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==\">\n                    <\/picture>\n                  <\/div><span class=\"index-module__text--lxguTeqo\">Arctic White<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    let panes = document.querySelectorAll(\".index-module__pane--ROUocyKX\");\n    let imageElement = document.querySelector(\".customed_panner\");\n\n    \/\/ Mapping pane names to image URLs\n    let imageMap = {\n        \"Silver Frost\": \"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/silver.75b2be7e.png\",\n        \"Midnight Black\": \"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/black.6a9b3ef2.png\",\n        \"Arctic White\": \"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/white.d3d72c89.png\",\n    };\n\n    \/\/ Set \"Silver Frost\" as the default active pane and image\n    panes.forEach(pane => {\n        if (pane.textContent.trim() === \"Silver Frost\") {\n            pane.classList.add(\"index-module__active-pane--TxVl2uns\");\n            imageElement.src = imageMap[\"Silver Frost\"];\n            imageElement.setAttribute(\"data-src\", imageMap[\"Silver Frost\"]);\n        }\n    });\n\n    \/\/ Add click event to switch active pane and update the image\n    panes.forEach(pane => {\n        pane.addEventListener(\"click\", function () {\n            panes.forEach(p => p.classList.remove(\"index-module__active-pane--TxVl2uns\"));\n            this.classList.add(\"index-module__active-pane--TxVl2uns\");\n\n            let selectedColor = this.textContent.trim();\n\n            \/\/ Update the image based on the selected color\n            if (imageMap[selectedColor]) {\n                imageElement.src = imageMap[selectedColor];\n                imageElement.setAttribute(\"data-src\", imageMap[selectedColor]);\n            }\n        });\n    });\n});\n\n\n\n        <\/script>\n\n        <div  class=\"customizable\" style=\"height: fit-content; text-align: center; white-space: nowrap;\">\n            <h3 class=\"customizable\" style=\" font-family: 'basis_grotesque_regular'; display: inline;\">\n                Customizable,smart cabin arrangements for multiple uses\n            <\/h3>\n            <br>\n            <div class=\"sub_customizable\">\n                <h4    class=\"sub_customizable\" style=\" font-family: 'basis_grotesque_regular'; display: inline; margin: 0 10px;\">\n                    Cabin layout the way you want it\n                <\/h4>\n\n            <\/div>\n            \n            <!-- Swiper CSS -->\n            <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n            <!-- Swiper JS -->\n            <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n            <div class=\"swiper mySwiperN\">\n                <div class=\"swiper-wrapper\">\n                    <!-- Slide 1 -->\n                    <div class=\"swiper-slide\">\n                        \n                        <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p6-1.412c4141.jpg\" alt=\"Image 1\">\n                    <\/div>\n                    <!-- Slide 2 -->\n                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p6-2.a2c1c4e8.jpg\" alt=\"Image 2\">\n                    <\/div>\n                    <!-- Slide 3 -->\n                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p6-3.69db9c7a.jpg\" alt=\"Image 3\">\n                    <\/div>\n                    <!-- Slide 4 -->\n                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p6-4.62ac9475.jpg\" alt=\"Image 3\">\n                    <\/div>\n                    <!-- Slide 5 -->\n                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p6-5.3480e97e.jpg\" alt=\"Image 3\">\n                    <\/div>\n                <\/div>\n\n                <!-- Swiper Navigation Arrows -->\n                <div class=\"swiper-button-next\"><\/div>\n                <div class=\"swiper-button-prev\"><\/div>\n            <\/div>\n            <style>\n                \/* Base styles for swiper arrows *\/\n                .swiper-button-next,\n                .swiper-button-prev {\n                    width: 30px;\n                    height: 30px;\n                    background: rgba(0, 0, 0, 0.2);\n                    border-radius: 50%;\n                    transition: opacity 0.3s ease, background 0.3s ease;\n                    opacity: 0;\n                }\n\n                .swiper-button-next::after,\n                .swiper-button-prev::after {\n                    font-size: 14px;\n                    color: white;\n                }\n\n                .swiper:hover .swiper-button-next,\n                .swiper:hover .swiper-button-prev {\n                    opacity: 1;\n                    background: rgba(0, 0, 0, 0.5);\n                }\n\n                .swiper-button-prev {\n                    left: 10px;\n                }\n\n                .swiper-button-next {\n                    right: 10px;\n                }\n\n                .swiper-slide-prev,\n                .swiper-slide-next {\n                    opacity: 0.5;\n                }\n\n                \/* Responsive styles *\/\n                @media (max-width: 768px) {\n                    h2 {\n                        font-size: 1.5rem; \/* Smaller font size for mobile *\/\n                    }\n\n                    h3 {\n                        font-size: 1.2rem; \/* Smaller font size for mobile *\/\n                    }\n\n                    .swiper-slide img {\n                        width: 100%; \/* Ensure images fit the screen *\/\n                        height: auto;\n                    }\n\n                    .swiper-button-next,\n                    .swiper-button-prev {\n                        width: 20px; \/* Smaller arrows for mobile *\/\n                        height: 20px;\n                    }\n\n                    .swiper-button-next::after,\n                    .swiper-button-prev::after {\n                        font-size: 12px; \/* Smaller arrow icons *\/\n                    }\n                }\n\n                @media (min-width: 769px) {\n                    .swiper-slide img {\n                        max-width: 100%; \/* Ensure images don't overflow *\/\n                        height: auto;\n                    }\n                }\n            <\/style>\n            <script>\n                var swiper = new Swiper(\".mySwiperN\", {\n                    slidesPerView: 1.5, \/\/ Default for web\n                    spaceBetween: 5,\n                    centeredSlides: true,\n                    navigation: {\n                        nextEl: \".swiper-button-next\",\n                        prevEl: \".swiper-button-prev\",\n                    },\n                    on: {\n                        \/\/ Hide\/show buttons on initialization\n                        init: function () {\n                            toggleNavigationButtons(this);\n                        },\n                        \/\/ Hide\/show buttons on slide change\n                        slideChange: function () {\n                            toggleNavigationButtons(this);\n                        },\n                    },\n                     \n                    breakpoints: {\n                        \/\/ Adjust for mobile\n                        320: {\n                            slidesPerView: 1, \/\/ Show 1 slide on small screens\n                            spaceBetween: 10,\n                        },\n                        768: {\n                            slidesPerView: 1.5, \/\/ Show 1.5 slides on larger screens\n                            spaceBetween: 5,\n                        },\n                    },\n                });\n\n                \/\/ Function to toggle navigation buttons\n            function toggleNavigationButtons(swiper) {\n                const nextButton = swiper.navigation.nextEl;\n                const prevButton = swiper.navigation.prevEl;\n\n                \/\/ Hide \"Next\" button on the last slide\n                if (swiper.isEnd) {\n                    nextButton.style.display = 'none';\n                } else {\n                    nextButton.style.display = '';\n                }\n\n                \/\/ Hide \"Previous\" button on the first slide\n                if (swiper.isBeginning) {\n                    prevButton.style.display = 'none';\n                } else {\n                    prevButton.style.display = '';\n                }\n            }\n            <\/script>\n        <\/div>\n\n\n        <div class=\"p3_custom-bg lazy full-page-with-top-menu uUw8GSOd entered loaded\"\n        data-bg=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p7.38775eee.jpg\"\n        data-ll-status=\"loaded\"\n        style=\"background-image: url(&quot;https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p7.38775eee.jpg&quot;);\">\n        <div class=\"body OVXJVetp\">\n            <div class=\"eZFVaNVR text-display CxkT+OvM model-center-text\">\n                <div class=\"text-display-sub-title-container\">\n                    <div class=\"_73la0dYd text-display-sub-title\"\n                        style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                        <div class=\"b+Sp+hLD fonted\n                        title\">\n                            <div class=\"Expect_the_unthinkable header_paragraph_white \">\n                                Smart Comfort in All Dimensions\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\n        <div class=\"features-grid\">\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-1.a03e9752.jpg\" alt=\"Refrigerator\">\n                <p>Industry-first hot &#038; cold refrigerator with electric door<\/p>\n            <\/div>\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-2.deb2bff6.jpg\" alt=\"Infotainment\">\n                <p>21.4\u201d family infotainment system display<\/p>\n            <\/div>\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-3.17a5a647.jpg\" alt=\"AC\">\n                <p>Industry\u2019s first wrap-around central AC featuring quiet and gentle breeze<\/p>\n            <\/div>\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-4.ac14492c.jpg\" alt=\"Wood Decorations\">\n                <p>Real wood decorations<\/p>\n            <\/div>\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-5.e341313e.jpg\" alt=\"Ambient Light\">\n                <p>Cosmic ambient light<\/p>\n            <\/div>\n            <div class=\"grid-feature\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p8-6.1a0f8348.jpg\" alt=\"Audio System\">\n                <p>23-speaker Xopera audio system<\/p>\n            <\/div>\n        <\/div>\n    \n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const features = document.querySelectorAll(\".grid-feature\");\n    \n                features.forEach(grid_feature => {\n                    grid_feature.addEventListener(\"mouseover\", () => {\n                        grid_feature.style.transform = \"scale(1.05)\";\n                    });\n    \n                    grid-feature.addEventListener(\"mouseleave\", () => {\n                        grid_feature.style.transform = \"scale(1)\";\n                    });\n                });\n            });\n        <\/script>\n\n        <div class=\" p4_custom-bg  lazy full-page-with-top-menu uUw8GSOd entered loaded\"\n        data-bg=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/p14.1a19f648.jpg\"\n        data-ll-status=\"loaded\"\n        style=\"background-image: url(&quot;https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/p14.1a19f648.jpg&quot;);\">\n        <div class=\"body OVXJVetp\">\n            <div class=\"eZFVaNVR text-display CxkT+OvM model-center-text\">\n                <div class=\"text-display-sub-title-container\">\n\n                    <div class=\"_73la0dYd text-display-sub-title\"\n                        style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                        <div class=\"b+Sp+hLD fonted title\">\n                            <div  class=\"Expect_the_unthinkable header_paragraph_white\" style=\"margin-left: -10px; margin-top: -20px;\" >\n                                Making Driving A Joy for Everyone\n                            <\/div>\n                        <\/div>\n                        <div class=\" Expect_the_unthinkable _8rM3tlc7 sub-title\" style=\" margin-top: -50px; text-align: center; font-size: large;\">\n                            New benchmark for MPV chassis and suspension\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n    \n\n        <div class=\"index-module__new-slidder--Smw9CrMv\" style=\"justify-self: anchor-center;\">\n            <div class=\"index-module__img-wrapper--joImxqpI\">\n               <div class=\"index-module__img-outer--lbfxjRWW img-outer-p17-0\">\n                    <div class=\"index-module__fullBannerContainer--JnytOMdo img-p17-0 auto-fit-img\">\n                        <picture>\n                            <img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item entered loading\" data-src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p16-1.a773a043.jpg\" data-ll-status=\"loading\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p16-1.a773a043.jpg\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n                <div class=\"index-module__img-outer--lbfxjRWW img-outer-p17-1\">\n                    <video loop autoplay playsinline muted class=\"img-p17-1\"\n                    src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/media\/p16-2.767eb8d8.mp4\">\n             <\/video>\n\n            <\/div>\n            <\/div>\n            <div class=\"index-module__title-wrapper-new--8hUnU7Yq \">\n                <div class=\"index-module__title--t81INKVR\">\n                    <h3 class=\"customed_p index-module__cur-title--ZH+Zz-pO\">10.8m Minimum Turning Diameter<\/h3>\n                    <div class=\"index-module__indicator--lEYZbOqt index-module__cur-bar--I9HEMCHO\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"customed_p index-module__content-wrapper--sy-iNBw2\">\n                <p>\u00b1 5\u00b0 maximum turning angle<\/p>\n                <p class=\"index-module__dis-p--r3WxJtpw\">Precise trajectory, flexible obstacle avoidance, smoother lane changes, and safer driving<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"index-module__new-slidder--Smw9CrMv\" style=\"justify-self: anchor-center;\">\n            <div class=\"index-module__img-wrapper--joImxqpI\">\n                <div class=\"index-module__img-outer--lbfxjRWW img-outer-p17-2-0\">\n                    <div class=\"index-module__fullBannerContainer--JnytOMdo img-p17-2-0 auto-fit-img\">\n                        <picture>\n                            <img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item\" data-src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p17-1.85a659f7.jpg\" data-ll-status=\"loading\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p17-1.85a659f7.jpg\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n                <div class=\"index-module__img-outer--lbfxjRWW img-outer-p17-2-1\">\n                    <div class=\"index-module__fullBannerContainer--JnytOMdo img-p17-2-1 auto-fit-img\">\n                        <picture>\n                            <img decoding=\"async\" class=\"index-module__bgImg--xFmdDrOy lazy fit-img-item\" data-src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p17-2.766f7ae5.jpg\" data-ll-status=\"loading\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p17-2.766f7ae5.jpg\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n                <div class=\"index-module__img-outer--lbfxjRWW img-outer-p17-2-2\">\n                    <video loop autoplay playsinline muted \n                        class=\"img-p17-2-2\"\n                        src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/media\/p17-3.68d2f624.mp4\">\n                    <\/video>\n                <\/div>\n            <\/div>\n            <div class=\"index-module__title-wrapper-new--8hUnU7Yq\">\n                <div class=\"index-module__title--t81INKVR\">\n                    <h3 class=\"customed_p index-module__cur-title--ZH+Zz-pO\">Intelligent Dual-chamber Air Suspension<\/h3>\n                    <div class=\"index-module__indicator--lEYZbOqt index-module__cur-bar--I9HEMCHO\"><\/div>\n                <\/div>\n               \n            <\/div>\n            <div class=\"customed_p index-module__content-wrapper--sy-iNBw2\">\n                <p>Premium driving comfort with superior manuverability<\/p>\n                <p class=\"index-module__dis-p--r3WxJtpw\">Easier access to cabin and boot<\/p>\n                <p class=\"index-module__dis-p--r3WxJtpw\">Millisecond-level adjustments, adaptive to all-road conditions; chassis pre-scanning, for better driving and riding experience<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"f_container\">\n            <div class=\"image-f_container\">\n                <img decoding=\"async\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p18-1.6c45f754.jpg\" alt=\"Luxury Car Reclining Seat with VR Headset\">\n            <\/div>\n            <div class=\"container_features\">\n                <div class=\"container_feature\">\n                    \n                    <h3 style=\"font-family:'basis_grotesque_bold'\"><span style=\"color: #a4ce4c;\">|<\/span> Front Double-wishbone + Rear H-arm Multi-link + All-aluminum Chassis<\/h3>\n                    <p style=\"font-family:'basis_grotesque_regular'\">Multi-link advanced design. All-aluminum chassis, ultimate lightweight design, delivering an exceptional handling experience<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n    <div class=\"p5_custom-bg lazy full-page-with-top-menu uUw8GSOd g9-xopera-page entered loaded\"\n    data-bg=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19.a37bc8d1.jpg\"\n    data-ll-status=\"loaded\"\n    style=\"background-image: url(&quot;https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19.a37bc8d1.jpg&quot;);\">\n    <div class=\"body OVXJVetp\">\n        <div class=\"eZFVaNVR text-display CxkT+OvM model-center-text\">\n            <div class=\"text-display-sub-title-container\">\n\n                <div class=\"_73la0dYd text-display-sub-title\"\n                    style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                    <div class=\" Expect_the_unthinkable b+Sp+hLD fonted title\">\n                        <div class=\"header_paragraph_white\">\n                            Safety and Care for the Whole Family\n                        <\/div>\n                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n        \n        \n\n\n\n\n    <\/div>\n\n    \n    <div style=\"max-width: 900px; margin: auto; padding: 10px;\">\n        <!-- Main Section (Smaller Image) -->\n        <div style=\"position: relative; text-align: left; color: white; margin-bottom: 15px; border-radius: 0px !important;\">\n            <img decoding=\"async\" class=\"main_item\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19-1.4f5adb9b.jpg\" alt=\"Body Structure\"\n                 style=\"max-height: 365px; height: 100% !important;  border-radius: 0px !important; width: 100%;  object-fit: cover;\">\n            <div style=\"position: absolute; top: 10%; left: 5%; width: 90%; max-width: 400px;\">\n                <h2 style=\"font-size: 1.5rem; margin-top: 15%; margin-right: 5%; color: white; font-family:'basis_grotesque_bold' ;\">\n                    World&#8217;s only MPV Equipped with Front- and Rear-integrated Die-casting<br>Aluminum Body Structure<\/h2>\n                <p style=\"font-size: 1.1rem; margin-bottom: 5px; color: #535353; font-family: 'basis_grotesque_regular';\">46000 N\u00b7m\/deg torsional rigidity<\/p>\n                <p style=\"font-size: 0.8rem; color: #535353; font-family: 'basis_grotesque_regular';\">Forged by world&#8217;s biggest die-casting<br> machine with 12000 tons of clamping force<\/p>\n            <\/div>\n        <\/div>\n        <style>\n\n        <\/style>\n\n        <!-- 2x2 Grid Section -->\n        <div class=\"grid_container\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\">\n                \n\n            <div class=\"grid_item\" style=\"position: relative; background-color: white; overflow: hidden;\">\n                <img decoding=\"async\" class=\"img\"  src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19-2.62e7b26d.jpg\" alt=\"Steel-Aluminum Hybrid\"\n                     style=\"width: 100%; height: auto; border-radius: 0px !important;\">\n                <div  class=\"grid_2\" style=\"position: absolute; color: white; width: 100%; padding: 8px;\">\n                    <p class = \"grid_2_text\" style=\"margin: 0; \">Designed to Meet Safety Standards in China, US, and Europe<\/p>\n                    <p class=\"sub_grid\">Superb rear collision protection structure design, with a 790mm extra-long buffering distance<\/p>\n\n                <\/div> \n            <\/div>\n\n            <div class=\"grid_item_2\" style=\"position: relative; background-color: white; overflow: hidden;\">\n                <img decoding=\"async\" class=\"img\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19-3.4030ae40.jpg\" alt=\"Steel-Aluminum Hybrid\"\n                     style=\"width: 100%; height: auto; border-radius: 0px !important;\">\n                <div  class=\"grid_2\" style=\"position: absolute; color: white; width: 100%; padding: 8px;\">\n                    <p class = \"grid_2_text\" style=\"margin: 0; \">83% High-strength Steel-aluminum Hybrid Body<\/p>\n                    <p class=\"sub_grid_2\">2000Mpa high-strength safety cage<\/p>\n\n                <\/div> \n            <\/div>\n \n            <div class=\"grid_item_3\" style=\"position: relative; background-color: white; overflow: hidden;\">\n                <img decoding=\"async\"  class=\"img\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19-4.c7cf8f09.jpg\" alt=\"Side Curtain Airbags\"\n                     style=\"width: 100%; height: auto; border-radius: 0px !important;\">\n                <div class=\"grid_2\" style=\"position: absolute; color: white; width: 100%; padding: 8px;\">\n                    <p  class = \"grid_2_text\"  style=\"margin: 0;\">70.9L Extra Large Side Curtain Airbags<\/p>\n                    <p class=\"sub_grid_3\">Covering the front, middle and back rows<\/p>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"grid_item_4\" style=\"position: relative; background-color: white; overflow: hidden;\">\n                <img decoding=\"async\" class=\"img\" src=\"https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p19-5.4c743f57.jpg\" alt=\"Battery Safety\"\n                     style=\"width: 100%; height: auto; border-radius: 0px !important;\">\n                <div class=\"grid_2\" class=\"grid_2\" style=\"position: absolute; color: white; width: 100%; padding: 8px;\">\n                    <p class = \"grid_2_text\" style=\"margin: 0;\">Six-dimensional Battery Safety<\/p>\n                    <p class=\"sub_grid_4\">No heat spreading battery, IP68 protection<\/p>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>  \n\n    <\/div>\n\n\n\n\n\n\n    <!-- Link Swiper's JS -->\n    <script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n\n    <script>\n        var swiper1 = new Swiper('#mySwiper1', {\n            direction: 'horizontal',\n            edgeSwipeDetection: true,\n            resistance: false,\n            slidesPerView: 1,\n            edgeSwipeThreshold: 120,\n            grabCursor: true,\n            spaceBetween: 0,\n            \/\/ autoplay: {\n            \/\/     disableOnInteraction: false,\n            \/\/     pauseOnMouseEnter: true,\n            \/\/     delay: 1000, \/\/ Auto move every second (1000 milliseconds) Slider1\n            \/\/ },\n            slideToClickedSlide: true,\n            touchReleaseOnEdges: true,\n            loop: true,\n            speed: 800, \/\/ Smooth transition speed\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            scrollbar: {\n                el: '.swiper-scrollbar',\n                hide: true,\n            },\n\n\n        });\n\n\n        \/\/ Add event listeners for custom cursor on both Swipers\n        var swiperContainers = [document.getElementById('mySwiper1')];\n\n        swiperContainers.forEach(function (swiperContainer, index) {\n            swiperContainer.addEventListener('mouseenter', function () {\n                swiperContainer.style.cursor = 'url(https:\/\/xpeng.httpraya-backend.com\/wp-content\/uploads\/2024\/05\/prvarrow.png), auto';\n            });\n            swiperContainer.addEventListener('mouseleave', function () {\n                swiperContainer.style.cursor = 'auto';\n            });\n            swiperContainer.addEventListener('click', function (event) {\n                var screenWidth = window.innerWidth;\n                var clickX = event.clientX;\n                var swiperInstance;\n\n                \/\/ Determine which swiper instance to use based on index\n                if (index === 0) {\n                    swiperInstance = swiper1;\n                } else if (index === 1) {\n                    swiperInstance = swiper2;\n                } else {\n                    swiperInstance = swiper3;\n                }\n\n                \/\/ Check if the click occurred on the left side of the screen\n                if (clickX < screenWidth \/ 2) {\n                    swiperContainer.style.cursor = 'auto';\n                    swiperInstance.slideNext();\n                }\n\n                \/\/ Check if the click occurred on the right side of the screen\n                if (clickX >= screenWidth \/ 2) {\n                    swiperContainer.style.cursor = 'auto';\n                    swiperInstance.slidePrev();\n                }\n            });\n        });\n    <\/script>\n\n    <div style=\"height: fit-content ; display:flex;\">\n        <style>\n            .swiperContent {\n                margin: 5%;\n            }\n\n            .tab-container2 {\n                width: 100%;\n                max-width: 800px;\n                margin: 0 auto;\n                background: none;\n                padding: 20px;\n            }\n\n            .tabs {\n                display: flex;\n                justify-content: space-around;\n                border-bottom: 2px solid #ccc;\n\n            }\n\n            .tab-button {\n                background: none;\n                border: none;\n                padding: 5px 5px;\n                cursor: pointer;\n                font-size: 14px;\n                transition: color 0.3s, border-bottom 0.3s;\n            }\n\n            .tab-button:hover,\n            .tab-button.active {\n                opacity: 1;\n                color: #A4CE4C !important;\n                border-bottom: 2px solid #A4CE4C !important;\n            }\n\n            .tab-content {\n                display: none;\n                animation: cutout 0.5s;\n            }\n\n            .tab-content.active {\n                display: block;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            img {\n                width: 100%;\n                height: auto;\n                border-radius: 8px;\n                margin-bottom: 20px;\n            }\n\n            .image-container {\n                position: relative;\n                display: inline-block;\n            }\n\n            .image-container img {\n                display: block;\n            }\n\n            .image-container {\n                position: relative;\n                display: inline-block;\n            }\n\n            .image-container img {\n                display: block;\n            }\n\n            .arrow {\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n                cursor: pointer;\n                width: 48px;\n                height: 48px;\n            }\n\n            .arrow-left {\n                left: 10px;\n            }\n\n            .arrow-right {\n                right: 10px;\n            }\n\n            @media (min-width: 550px) {\n                .swiper-container {\n                    display: none;\n                }\n                \n\n            }\n\n            @media (max-width: 760px) {\n                .tab-container2 {\n                    display: none;\n                    \/* Adjust padding for mobile view *\/\n                }\n                \n\n                .index-module__pane--ROUocyKX .index-module__pane-img--Lh-VDl\\+8 {\n                align-items: center;\n                width: -webkit-fill-available;\n                margin-right: 0.5%;\n                display: block;\n                width: 3.33333333rem;\n                height: 3.33333333rem;\n            }\n            .index-module__pane--ROUocyKX.index-module__active-pane--TxVl2uns {\n                align-items: center;\n                width: -webkit-fill-available;\n                left: 10px;\n                display: inline-flex;\n                background: rgba(0, 0, 0, .03);\n                margin: 1%;\n            }\n            .index-module__pane--ROUocyKX {\n                align-items: center;\n                width: -webkit-fill-available;\n                padding: .83333333rem;\n                display: inline-flex;\n                border-radius: 15px;\n                margin-top: 1.25rem;\n            }\n\n\n            }\n            @media (max-width: 850px) {\n                .index-module__new-slidder--Smw9CrMv,.index-module__new-slidder--Smw9CrMv{display: none;}\n\n                .p4_custom-bg {\n                    height: 100% !important;\n                    text-align: left !important;\n                    background-image: url('https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/p16@min.74279a89.jpg') !important;\n\n                }\n                .main_item{\n                    max-height: 475px !important;\n                    height: 100% !important;\n                    border-radius: 0px !important;\n                    width: 100%;\n                    object-fit: cover;\n\n                }\n                .customizable{\n                    font-size: large;\n                    margin-top: 2% !important;\n\n                }\n                .sub_customizable{\n                    font-size: medium;\n                    margin-top: 2% !important;\n                    margin-bottom: 2% !important;\n\n                }\n                ._73la0dYd{\n                    line-height: 0px !important;\n                }\n\n\n            }\n\n            .customizable{\n                    font-size: x-large;\n                    margin-top: 2% !important;\n                    \n\n                }\n                .sub_customizable{\n                    font-size: medium;\n                    margin-top: 1% !important;\n                    margin-bottom: 2% !important;\n\n                }\n\n\n            .custom {\n                margin-top: 1px;\n            }\n        <\/style>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', () => {\n                const tabs = document.querySelectorAll('.tab-button');\n                const contents = document.querySelectorAll('.tab-content');\n\n                function showTab(target) {\n                    tabs.forEach(t => t.classList.remove('active'));\n                    contents.forEach(content => content.classList.remove('active'));\n\n\n                    document.querySelector(`.tab-button[data-tab=\"${target}\"]`).classList.add('active');\n                    document.getElementById(target).classList.add('active');\n                    document.getElementById(target + \"-BTN\").classList.add('active');\n\n                }\n\n                tabs.forEach(tab => {\n                    tab.addEventListener('click', () => {\n                        const target = tab.getAttribute('data-tab');\n                        showTab(target);\n                    });\n                });\n\n                const arrowLefts = document.querySelectorAll('.arrow-left');\n                const arrowRights = document.querySelectorAll('.arrow-right');\n\n                arrowLefts.forEach(arrowLeft => {\n                    arrowLeft.addEventListener('click', () => {\n                        const activeTab = document.querySelector('.tab-button.active');\n                        const prevTab = activeTab.previousElementSibling;\n                        if (prevTab) {\n                            const target = prevTab.getAttribute('data-tab');\n                            showTab(target);\n                        }\n                    });\n                });\n\n                arrowRights.forEach(arrowRight => {\n                    arrowRight.addEventListener('click', () => {\n                        const activeTab = document.querySelector('.tab-button.active');\n                        const nextTab = activeTab.nextElementSibling;\n                        if (nextTab) {\n                            const target = nextTab.getAttribute('data-tab');\n                            showTab(target);\n                        }\n                    });\n                });\n            });\n        <\/script>\n\n\n    <\/div>\n\n\n    <\/div>\n    <style>\n        .ncC47PRj.text-display-title {\n            font-family: 'basis_grotesque_bold';\n            translate: none;\n            rotate: none;\n            scale: none;\n            opacity: 1;\n            transform: translate(0px, 0px);\n            font-size: 2rem;\n            \/* Default font size *\/\n        }\n\n        @media (max-width: 600px) {\n            .ncC47PRj.text-display-title {\n                font-family: 'basis_grotesque_bold';\n                font-size: 2rem;\n                \/* Adjust font size for mobile *\/\n            }\n            \n        }\n    <\/style>\n\n\n            <div class=\"mvHvP+3m\">\n            <div class=\"p7_custom-bg lazy global-full-page UIYosJiv entered loaded \" data-ll-status=\"loaded\"\n                style=\"background-image: url(&quot;https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p21.7135dbe0.jpg&quot;);  width: 100%; height:100%;\">\n                <div class=\"index-module__body--l7HPp7sF\">\n                    <div class=\"index-module__textDisplay--eZFVaNVR text-display\" style=\"margin-top: -55px !important;\">\n                        <div class=\"index-module__title--ncC47PRj text-display-title\"\n                            style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n                            <div class=\"index-module__closeIcon--ToFHl71Q close-icon\" style=\"color: rgb(255, 255, 255); opacity: 1;\">\n                                <svg class=\"icon undefined\" aria-hidden=\"true\">\n                                    <use xlink:href=\"#icon-x-new\"><\/use>\n                                <\/svg><\/div>\n                                <div style=\"display: flex; align-items: center; justify-content: center; color: white; font-family: 'basis_grotesque_regular', sans-serif; width: 100%;\">\n                                   \n                                  \n                                    <font style=\"font-size: 3.5rem; font-family: 'basis_grotesque_regular'; letter-spacing: normal;\">\n                                      \n                                    <\/font>\n                                <\/div>\n                                                      \n                                <\/div>\n                        <div class=\"text-display-sub-title-container\">\n                            <div class=\"index-module__subTitle--73la0dYd text-display-sub-title\"\n                                style=\"font-family:'basis_grotesque_regular' ; letter-spacing: normal; color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\"\n                                _msttexthash=\"3164499\" _msthash=\"12\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"index-module__configuration--YH1vhur3 car-configuration\">\n                        <div class=\"index-module__configurationItemContainer--RQP5hIBv\">\n                            <div class=\"index-module__configurationItem--Hp+FhjTk car-configuration-item\"\n                                style=\"opacity: 1; transform: none;\">\n                                <div class=\"index-module__configurationTitle--eqOn0I-Q\" style=\"text-align: justify\">\n                                    <font _mstmutation=\"1\" _msttexthash=\"71656\" _msthash=\"13\"><span class=\"index-module__unit--d1PWKIIl\"\n                                            _mstmutation=\"1\" _istranslated=\"1\">Up to <\/span><span _mstmutation=\"1\"\n                                            _istranslated=\"1\"><\/span><\/font><span class=\"index-module__unit--d1PWKIIl\">\n                                        <font _mstmutation=\"1\" _msttexthash=\"60138\" _msthash=\"14\"><\/font><sup _msttexthash=\"4459\"\n                                            _msthash=\"15\"><\/sup>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"index-module__configurationHint--TW0o3f6X config-hint\" _msttexthash=\"119938\" _msthash=\"16\">\n                                    <span style=\"font-size: x-large;\">702<\/span> <span style=\"font-size: xx-small;\">km CLTC<\/span> <\/div>\n                            <\/div>\n                            <div class=\"index-module__divider--qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                        <div class=\"index-module__configurationItemContainer--RQP5hIBv\">\n                            <div class=\"index-module__configurationItem--Hp+FhjTk car-configuration-item\"\n                                style=\"opacity: 1; transform: none;\">\n                                <div class=\"index-module__configurationTitle--eqOn0I-Q\" style=\"text-align: justify\" ><span _msttexthash=\"15132\"\n                                        _msthash=\"17\">Energy efficiency<\/span><span class=\"index-module__unit--d1PWKIIl\">\n                                        <font _mstmutation=\"1\" _msttexthash=\"10465\" _msthash=\"18\"><\/font><sup _msttexthash=\"4459\"\n                                            _msthash=\"19\"><\/sup>\n                                    <\/span> <\/div>\n                                <div  style=\"text-align: justify\"  class=\"index-module__configurationHint--TW0o3f6X  config-hint\" _msttexthash=\"162331\" _msthash=\"20\">\n                                    <span style=\"font-size: x-large;\">16.2<\/span> <span style=\"font-size: xx-small;\">KWh<\/span><\/div>\n                            <\/div>\n                            <div class=\"index-module__divider--qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mvHvP+3m\">\n            <div class=\"p6_custom-bg lazy global-full-page UIYosJiv entered loaded \" data-ll-status=\"loaded\"\n                style=\"background-image: url(&quot;https:\/\/xps01.xiaopeng.com\/www\/public\/img\/p22.81676dfe.jpg&quot;);  width: 100%; height:100%;\">\n                <div class=\"index-module__body--l7HPp7sF\">\n                    <div class=\"index-module__textDisplay--eZFVaNVR text-display\" style=\"margin-top: -55px !important;\">\n                        <div class=\"index-module__title--ncC47PRj text-display-title\"\n                            style=\"color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);\">\n                            <div class=\"index-module__closeIcon--ToFHl71Q close-icon\" style=\"color: rgb(255, 255, 255); opacity: 1;\">\n                                <svg class=\"icon undefined\" aria-hidden=\"true\">\n                                    <use xlink:href=\"#icon-x-new\"><\/use>\n                                <\/svg><\/div>\n                                <div style=\"display: flex; align-items: center; justify-content: center; color: white; font-family: 'basis_grotesque_regular', sans-serif; width: 100%;\">\n                                                                      \n                                    <font style=\"font-size: 3.5rem; font-family: 'basis_grotesque_regular'; letter-spacing: normal;\">\n                                      \n                                    <\/font>\n                                <\/div>\n                                                      \n                                <\/div>\n                        <div class=\"text-display-sub-title-container\">\n                            <div class=\"index-module__subTitle--73la0dYd text-display-sub-title\"\n                                style=\"font-family:'basis_grotesque_regular' ; letter-spacing: normal; color: rgb(255, 255, 255); translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\"\n                                _msttexthash=\"3164499\" _msthash=\"12\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"index-module__configuration--YH1vhur3 car-configuration\">\n                        <div class=\"index-module__configurationItemContainer--RQP5hIBv\">\n                            <div class=\"index-module__configurationItem--Hp+FhjTk car-configuration-item\"\n                                style=\"opacity: 1; transform: none;\">\n                                <div class=\"index-module__configurationTitle--eqOn0I-Q\" style=\"text-align: start;\">\n                                    <font _mstmutation=\"1\" _msttexthash=\"71656\" _msthash=\"13\"><span class=\"index-module__unit--d1PWKIIl\"\n                                            _mstmutation=\"1\" _istranslated=\"1\" style=\"font-size: large;\">330 <\/span><span _mstmutation=\"1\"\n                                            _istranslated=\"1\"><\/span><\/font><span class=\"index-module__unit--d1PWKIIl\">\n                                        <font _mstmutation=\"1\" _msttexthash=\"60138\" _msthash=\"14\"><\/font><sup _msttexthash=\"4459\"\n                                            _msthash=\"15\"><\/sup>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"index-module__configurationHint--TW0o3f6X config-hint\" style=\"text-align: start;\" _msttexthash=\"119938\" _msthash=\"16\">\n                                    Maximum charging capacity <\/div>\n                            <\/div>\n                            <div class=\"index-module__divider--qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                        <div class=\"index-module__configurationItemContainer--RQP5hIBv\">\n                            <div class=\"index-module__configurationItem--Hp+FhjTk car-configuration-item\"\n                                style=\"opacity: 1; transform: none;\">\n                                <div class=\"index-module__configurationTitle--eqOn0I-Q\" style=\"text-align: start;\"><span _msttexthash=\"15132\"\n                                        _msthash=\"17\" style=\"font-size: large;\" >50%<\/span><span class=\"index-module__unit--d1PWKIIl\">\n                                        <font _mstmutation=\"1\" _msttexthash=\"10465\" _msthash=\"18\"><\/font><sup _msttexthash=\"4459\"\n                                            _msthash=\"19\"><\/sup>\n                                    <\/span> <\/div>\n                                <div class=\"index-module__configurationHint--TW0o3f6X config-hint\" style=\"text-align: start;\" _msttexthash=\"162331\" _msthash=\"20\">\n                                    Increase in charging efficiency <br> with third-party piles<\/div>\n                            <\/div>\n                            <div class=\"index-module__divider--qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                        <div class=\"index-module__configurationItemContainer--RQP5hIBv\">\n                            <div class=\"index-module__configurationItem--Hp+FhjTk car-configuration-item\" style=\"text-align: start;\"\n                                style=\"opacity: 1; transform: none;\">\n                                <span class=\"index-module__configurationTitle--eqOn0I-Q\"\n                                    _msttexthash=\"273936\" _msthash=\"21\" style=\"font-size: large; align-items: start;\">+330 KM<\/span><span\n                                    class=\"index-module__unit--d1PWKIIl\"><\/span>\n                                <div class=\"index-module__configurationHint--TW0o3f6X config-hint\" _msttexthash=\"719433\" _msthash=\"22\" style=\"text-align: start;\">\n                                    Charging 10 minutes driving range<\/div>\n                            <\/div>\n                            <div class=\"index-module__divider--qgndpXHC\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n    <div class=\"fqoocdue\" style=\"margin-top: -50px; background-color:\">\n        <div class=\"eO4wNdCc animation-bg-content\">\n            <div class=\"-mOPuTM5\">\n                <div class=\"omaPTzsk\">\n                    <div class=\" header_paragraph eZFVaNVR text-display q7qbAE8e\">\n                        <img decoding=\"async\" class=\"x-appN\" style=\" width: 10% !important; margin-bottom: -5%; margin-left: -9%;\" src=\"data:image\/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 44 31' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 31L16.8 15.5L0 0H4.2L21 15.5L4.2 31H0Z' fill='black'\/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44 31L27.2 15.5L44 0H39.8L23 15.5L39.8 31H44Z' fill='black'\/%3E%3C\/svg%3E%0A\" class=\"absolute -top-5 left-0 md:-left-5 h-4 w-4 lg:h-6 lg:w-6\" alt=\"Icon\">\n                        <div class=\"_3UgFVRV4D_black\" style=\"text-align: left; font-size: 3rem; font-weight: bold ;\">\n                            XPENG APP\n                        <\/div>\n                        <div class=\"\"\n                                style=\"text-align:left; font-size: xx-large; font-family: 'basis_grotesque_regular';\">\n                                Explore the world intelligently<\/div>\n                        <div class=\" header_paragraph text-display-sub-title-container\">\n                            \n                            <div class=\"\"\n                                style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">\n                                <div class=\"VQp9MOe-\">\n                                    <div class=\"bt1o6Cub\">\n                                        <div class=\"ciUVZy26\">\n                                            <div class=\"JnytOMdo auto-fit-img\">\n                                                <a href=\"https:\/\/apps.apple.com\/eg\/app\/xpeng\/id1538089870\">\n                                                    <picture>\n                                                        <img decoding=\"async\" class=\"xFmdDrOyD lazy entered loaded\"\n                                                            data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/app-store.f3c5cb87.svg\"\n                                                            data-ll-status=\"loaded\"\n                                                            src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/app-store.f3c5cb87.svg\">\n                                                    <\/picture>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"bt1o6Cub\">\n                                        <div class=\"ciUVZy26\">\n                                            <div class=\"JnytOMdo auto-fit-img\">\n                                                <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.xiaopeng.globalcarinfo&#038;hl=en_US\">\n                                                    <picture><img decoding=\"async\" class=\"xFmdDrOyD lazy entered loaded\"\n                                                            data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/google.93118a38.svg\"\n                                                            data-ll-status=\"loaded\"\n                                                            src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/images\/google.93118a38.svg\">\n                                                    <\/picture>\n\n                                                <\/a>\n\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                <\/div>\n                <div class=\"ijjYcchS\">\n                    <div class=\"JnytOMdo TfXupsJr auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3@2x.9ad37525.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3@2x.9ad37525.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3.7fbcd99e.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-3.7fbcd99e.png\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"JnytOMdo -M8N5lCl auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1@2x.c75ee3c6.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1@2x.c75ee3c6.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1.0bbf1eeb.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-1.0bbf1eeb.png\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"JnytOMdo _2UvDeyYx auto-fit-img\">\n                        <picture>\n                            <source media=\"(min-width: 1920px)\"\n                                data-srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2@2x.cb17584e.png\"\n                                srcset=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2@2x.cb17584e.png\"><img decoding=\"async\"\n                                class=\"xFmdDrOy lazy entered loaded\"\n                                data-src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2.431eb74f.png\"\n                                data-ll-status=\"loaded\"\n                                src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/static\/img\/app-2.431eb74f.png\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"IryU0VNR\">\n        <div class=\"B6McRuBT\">\n            <div class=\"nuq7OU8I\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">1. All technical data are subject\n                    to type approval. Data is obtained below\n                    internal testing. All figures shown are representative of the maximum or fastest values\n                    obtained under test conditions from non-standard G9 models. Actual range may vary\n                    the calculated WLTP range, depending on the driver&#8217;s driving style, speed, number of passengers,\n                    vehicle load, outside temperature, use of air conditioning, terrain, vehicle condition, etc.\n                <\/div>\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">2. The vehicle configuration\n                    information only applies to the corresponding ones\n                    the models produced within a particular production month, and the vehicle configuration information\n                    which is produced during different production months may be different.<\/div>\n            <\/div>\n            <div class=\"PyZMN4YK\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">3. XPILOT ASSIST intelligent driving\n                    system is a driving assistance function and does not cope\n                    all traffic, weather and road conditions. The driver must always be aware of the person in question\n                    the traffic situation. If the automatic assistant driving system fails to provide the correct\n                    steering assistance or maintaining the correct distance and speed, the driver must actively\n                    intervene.\n                    Please read all information about XPILOT ASSIST in the user manual to better understand its limitations\n                    this system. The driver should be aware of these restrictions before using the XPILOT ASSIST. Weather\n                    carefully in complex and changing traffic conditions, icy and snowy roads, wet and slippery\n                    lead, roads with mud or standstill, poor visibility, rough mountain roads or\n                    motorway exitsSend feedback Side panels History Saved.<\/div>\n            <\/div>\n            <div class=\"_94-fgBFy\">\n                <div class=\"W7Ibrl3m\" style=\"font-family: 'basis_grotesque_regular';\">4. Our cars can receive OTA\n                    updates that improve existing ones\n                    features or introduce new features via a Wi-Fi or 4G connection. As soon\n                    the update has been downloaded, you will receive a notification on the screen in the car. You can\n                    also check out new ones\n                    updates by tapping the XPENG logo at the top of the central screen. It is also possible to\n                    schedule an update download for a later time. After you have set\n                    the download to a later time, you can adjust the time or cancel the update at\n                    touch screen by clicking the XPENG logo Send feedback Side panels History Saved-&gt; Install -&gt;\n                    Cancel or Adjust time.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<\/body>\n\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>XPENG X9 | XPENG EGY XPENG X9 Ultra Smart Large Seven-seater Starship of Tomorrow, Embracing the Future Futuristic aesthetics to break stereotypes for traditional MPVs 0.227Cd Ultra-low Drag Starship-inspired design concept, 17 optimized anti-drag features Colors Inspired by the Cosmos Silver Frost Midnight Black Arctic White Customizable,smart cabin arrangements for multiple uses Cabin layout the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-856","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":8,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/856\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/856\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/media?parent=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}