{"id":600,"date":"2024-11-26T15:58:57","date_gmt":"2024-11-26T07:58:57","guid":{"rendered":"http:\/\/8.213.237.176\/home\/"},"modified":"2026-05-11T16:32:01","modified_gmt":"2026-05-11T08:32:01","slug":"home","status":"publish","type":"page","link":"https:\/\/www.visonstorage.com\/zh\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"600\" class=\"elementor elementor-600\" data-elementor-post-type=\"page\">\n\t\t\t\t<header class=\"elementor-element elementor-element-cb8849b e-con-full e-flex e-con e-parent\" data-id=\"cb8849b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c7cc3f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9c7cc3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* \u57fa\u7840\u5bb9\u5668\u4fdd\u6301 36px \u9501\u5b9a *\/\r\n  .custom-top-bar {\r\n    background-color: #004a99 !important;\r\n    display: flex;\r\n    justify-content: flex-end; \r\n    align-items: center;\r\n    padding: 0 5%;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 14px;\r\n    min-height: 36px;\r\n    line-height: 36px;\r\n  }\r\n\r\n  .custom-top-bar .contact-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px; \r\n  }\r\n\r\n  \/* \u53c2\u8003 Borroughs \u98ce\u683c\u7684\u641c\u7d22\u6846 *\/\r\n  .borroughs-search-container {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 26px; \/* \u7565\u5c0f\u4e8e\u5bfc\u822a\u680f\u9ad8\u5ea6\uff0c\u4fdd\u6301\u7cbe\u81f4\u611f *\/\r\n    background: #ffffff;\r\n    border-radius: 3px; \/* \u8f83\u5c0f\u7684\u5706\u89d2 *\/\r\n    overflow: hidden;\r\n    margin-right: 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .borroughs-search-container input {\r\n    background: #ffffff;\r\n    border: none;\r\n    color: #333333;\r\n    font-size: 12px;\r\n    padding: 0 10px;\r\n    width: 180px; \/* \u5bbd\u5ea6\u56fa\u5b9a\u6216\u6839\u636e\u9700\u8981\u8c03\u6574 *\/\r\n    height: 100%;\r\n    outline: none;\r\n  }\r\n\r\n  .borroughs-search-container input::placeholder {\r\n    color: #999999;\r\n  }\r\n\r\n  .borroughs-search-container button {\r\n    background: #0056b3; \/* \u7a0d\u5fae\u6df1\u4e00\u70b9\u7684\u84dd\u8272\u4f5c\u4e3a\u6309\u94ae\u80cc\u666f *\/\r\n    border: none;\r\n    color: #ffffff;\r\n    width: 32px;\r\n    height: 100%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.3s;\r\n    padding: 0;\r\n  }\r\n\r\n  .borroughs-search-container button:hover {\r\n    background: #003d80;\r\n  }\r\n\r\n  .borroughs-search-container button i {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .custom-top-bar a {\r\n    color: #ffffff !important; \r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* \u8c03\u6574\u56fe\u6807\u5927\u5c0f\u9002\u5e94 Borroughs \u98ce\u683c *\/\r\n  .custom-top-bar i {\r\n    font-size: 13px;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .language-switcher {\r\n    margin-left: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"custom-top-bar\">\r\n  <div class=\"contact-info\">\r\n    \r\n    <div class=\"borroughs-search-container\">\r\n      <form role=\"search\" method=\"get\" action=\"\/\" style=\"display: flex; height: 100%; margin: 0;\">\r\n        <input type=\"text\" placeholder=\"What are you looking for?\" name=\"s\" id=\"s\">\r\n        <button type=\"submit\">\r\n          <i class=\"fas fa-search\"><\/i>\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <a href=\"mailto:leo@cnvison.com\">\r\n      <i class=\"fas fa-envelope\"><\/i> leo@cnvison.com\r\n    <\/a>\r\n    <a href=\"https:\/\/wa.me\/8617856072257\" target=\"_blank\">\r\n      <i class=\"fab fa-whatsapp\"><\/i> +86 17856072257\r\n    <\/a>\r\n  <\/div>\r\n  \r\n  <div class=\"language-switcher\">\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a0f683 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1a0f683\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"main-menu\">\r\n    <div class=\"menu-container\">\r\n            <div class=\"menu-container\">\r\n        <!-- \u6dfb\u52a0 logo \u5bb9\u5668 -->\r\n        <div class=\"logo\">\r\n            <a href=\"https:\/\/www.visonstorage.com\/\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png\" alt=\"Logo\">\r\n<\/a>\r\n\r\n        <\/div>\r\n        \r\n        \r\n        <ul class=\"menu-list\">\r\n            <li><a href=\"https:\/\/www.visonstorage.com\/\">Home<\/a><\/li>\r\n            \r\n            <li class=\"has-submenu\">\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/\">Storage Systems<\/a>\r\n                <div class=\"submenu\">\r\n                    <div class=\"submenu-item\">\r\n                        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/\">Industrial Racking Systems<\/a>\r\n                        <div class=\"sub-submenu\">\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/heavy-duty-racking-system\/\">Heavy Duty Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/teardrop-pallet-racking\/\">Teardrop Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/medium-duty-rack\/\">Medium Duty Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/light-duty-racking\/\">Light Duty Rack<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/cantilever-racking-system\/\">Cantilever Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/mezzanine-floor-racking-system\/\">Mezzanine Floor<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/very-narrow-aisle-racking\/\">Very Narrow Aisle Racking(VNA)<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/double-deep-pallet-racking\/\">Double Deep Racking System<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/pallet-flow-racking\/\">Pallet Flow Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/drive-in-racking\/\">Drive in Racking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/rivet-shelving\/\">Rivet Shelving<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/long-span-shelving\/\">Long Span Shelving<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"submenu-item\">\r\n                        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/\">Automated Warehouses<\/a>\r\n                        <div class=\"sub-submenu\">\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/four-way-shuttle\/\">Four Way Shuttle System<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/two-way-shuttle\/\">Two Way Shuttle system<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/pallet-shuttle-system\/\">Pallet Shuttle System<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/stacker-crane-as-rs\/\">Stacker Crane AS\/RS<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"submenu-item\">\r\n                        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/warehouse-accessories\/\">Warehouse Accessories<\/a>\r\n                        <div class=\"sub-submenu\">\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/warehouse-accessories\/wire-mesh-decking\/\">Wire Mesh Decking<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/warehouse-accessories\/plastic-pallets\/\">Plastic Pallet<\/a>\r\n                            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/warehouse-accessories\/storage-cage\/\">Storage Cage<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\r\n            <li class=\"has-submenu\">\r\n                <a href=\"https:\/\/www.visonstorage.com\/about-us\/\">Company<\/a>\r\n                <div class=\"submenu\">\r\n                    <a href=\"https:\/\/www.visonstorage.com\/about-us\/\">About us<\/a>\r\n                    <a href=\"https:\/\/www.visonstorage.com\/cases\/\">Case<\/a>\r\n                    <a href=\"https:\/\/www.visonstorage.com\/news\/\">News<\/a>\r\n                    <a href=\"https:\/\/www.visonstorage.com\/blog\/\">Blog<\/a>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <li><a href=\"https:\/\/www.visonstorage.com\/contact-us\/\">Contact us<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/nav>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd9b3a2 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"cd9b3a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* \u9501\u5b9a Banner \u9ad8\u5ea6\uff0c\u786e\u4fdd\u89c6\u9891\u5360\u6ee1\u5168\u5bbd *\/\r\n.warehouse-hero-video-only {\r\n    width: 100%;\r\n    height: 70vh; \/* \u4fdd\u6301\u4e0e\u4e4b\u524d\u4e00\u81f4\u7684\u9ad8\u5ea6 *\/\r\n    min-height: 500px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #000; \/* \u89c6\u9891\u52a0\u8f7d\u524d\u7684\u7f13\u51b2\u80cc\u666f *\/\r\n}\r\n\r\n\/* \u89c6\u9891\u5168\u5c4f\u586b\u5145\u6837\u5f0f *\/\r\n.video-fit {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* \u786e\u4fdd\u89c6\u9891\u94fa\u6ee1\u5bb9\u5668\u4e14\u4e0d\u7559\u9ed1\u8fb9 *\/\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* \u79fb\u52a8\u7aef\u9002\u914d\uff1a\u7f29\u5c0f\u9ad8\u5ea6\u4ee5\u9002\u5e94\u5c4f\u5e55\u6bd4\u4f8b *\/\r\n@media (max-width: 768px) {\r\n    .warehouse-hero-video-only {\r\n        height: 50vh;\r\n        min-height: 350px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"warehouse-hero-video-only\">\r\n    <video \r\n        class=\"video-fit\" \r\n        autoplay \r\n        muted \r\n        loop \r\n        playsinline\r\n        preload=\"auto\">\r\n        <source src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2026\/05\/5\u670811\u65e5-1.mp4\" type=\"video\/mp4\">\r\n        Your browser does not support the video tag.\r\n    <\/video>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<div class=\"elementor-element elementor-element-ea85d93 e-con-full e-flex e-con e-parent\" data-id=\"ea85d93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd69172 elementor-widget elementor-widget-html\" data-id=\"bd69172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<title>About Vison Storage<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Switzer:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    .vison-about-main-section {\r\n        width: 100%;\r\n        background: #fff;\r\n        padding: 80px 5%; \/* \u4f7f\u7528\u767e\u5206\u6bd4\u9002\u914d\u66f4\u597d *\/\r\n        font-family: 'Switzer', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vison-about-grid-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px; \/* \u7a0d\u5fae\u7f29\u5c0f\u95f4\u8ddd\u4f7f\u5de6\u53f3\u66f4\u7d27\u51d1 *\/\r\n        align-items: center;\r\n    }\r\n\r\n    .vison-about-content-left-panel {\r\n        padding-right: 20px;\r\n    }\r\n\r\n    \/* \u6807\u9898\u5b8c\u7f8e\u590d\u523b\u53c2\u8003\u56fe\u7684\u5927\u7c97\u4f53\u98ce\u683c *\/\r\n    .vison-about-main-heading-title {\r\n        font-size: 2.8rem;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin-bottom: 25px;\r\n        line-height: 1.2;\r\n        text-align: left;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    \/* \u6bb5\u843d\u6587\u672c\u6392\u7248 *\/\r\n    .vison-about-company-description {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: #333333;\r\n        margin-bottom: 20px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* \u6700\u540e\u4e00\u4e2a\u6bb5\u843d\u589e\u52a0\u5e95\u90e8\u8fb9\u8ddd\uff0c\u63a8\u5f00\u6309\u94ae *\/\r\n    .vison-about-company-description:last-of-type {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* --- \u6309\u94ae\u7ec4\u5e03\u5c40 --- *\/\r\n    .vison-about-btn-group {\r\n        display: flex;\r\n        gap: 16px;\r\n        flex-wrap: wrap; \/* \u9632\u6b62\u79fb\u52a8\u7aef\u6324\u538b\u6362\u884c *\/\r\n    }\r\n\r\n    \/* \u4e3b\u6309\u94ae (Learn More) *\/\r\n    .vison-about-cta-button-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 14px 32px;\r\n        background-color: #d32f2f; \/* \u7ecf\u5178\u4f01\u4e1a\u7ea2 *\/\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        border-radius: 4px;\r\n        font-family: \"Switzer\", sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        text-transform: capitalize;\r\n        border: 2px solid #d32f2f;\r\n    }\r\n\r\n    .vison-about-cta-button-link:hover {\r\n        background-color: #b71c1c;\r\n        border-color: #b71c1c;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);\r\n    }\r\n\r\n    \/* \u6b21\u6309\u94ae (Request a Quote) *\/\r\n    .vison-about-cta-button-outline {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 14px 32px;\r\n        background-color: transparent;\r\n        color: #333333 !important;\r\n        text-decoration: none !important;\r\n        border: 2px solid #333333;\r\n        border-radius: 4px;\r\n        font-family: \"Switzer\", sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .vison-about-cta-button-outline:hover {\r\n        background-color: #333333;\r\n        color: #ffffff !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .vison-about-content-right-panel {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px; \/* \u89c6\u9891\u4e0e\u5e95\u90e8\u5c0f\u5b57\u7684\u95f4\u8ddd *\/\r\n    }\r\n\r\n    .vison-about-video-embed-container {\r\n        position: relative;\r\n        width: 100%;\r\n        \/* \u4fdd\u6301 16:9 \u7684\u89c6\u9891\u6bd4\u4f8b\u9ad8\u5ea6 *\/\r\n        aspect-ratio: 16 \/ 9; \r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    \/* \u6a21\u62df\u53c2\u8003\u56fe\u7684\u51e0\u4f55\u54c1\u724c\u8272\u906e\u7f69\u5c42 (\u4e0d\u5f71\u54cd\u70b9\u51fb\u64ad\u653e) *\/\r\n    .vison-about-video-embed-container::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; right: 0; bottom: 0; left: 0;\r\n        background: linear-gradient(135deg, rgba(255, 121, 16, 0.2) 0%, rgba(255,255,255,0) 50%, rgba(0, 74, 153, 0.2) 100%);\r\n        pointer-events: none; \/* \u786e\u4fdd\u7528\u6237\u4f9d\u7136\u53ef\u4ee5\u70b9\u51fb\u4e0b\u65b9\u7684\u89c6\u9891\u64ad\u653e\u6309\u94ae *\/\r\n        z-index: 2;\r\n    }\r\n\r\n    .vison-about-video-embed-container iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* \u89c6\u9891\u4e0b\u65b9\u7684\u5c0f\u6ce8\u811a\u6587\u672c *\/\r\n    .vison-video-caption {\r\n        font-size: 0.85rem;\r\n        color: #666666;\r\n        font-style: italic;\r\n        margin: 0;\r\n        padding-left: 5px;\r\n    }\r\n\r\n    \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\r\n    @media (max-width: 1024px) {\r\n        .vison-about-grid-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n        .vison-about-content-left-panel {\r\n            padding-right: 0;\r\n        }\r\n        .vison-about-main-heading-title {\r\n            font-size: 2.4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .vison-about-main-section {\r\n            padding: 50px 20px;\r\n        }\r\n        .vison-about-main-heading-title {\r\n            font-size: 2rem;\r\n        }\r\n        .vison-about-btn-group {\r\n            flex-direction: column; \/* \u624b\u673a\u7aef\u6309\u94ae\u7ad6\u6392 *\/\r\n        }\r\n        .vison-about-cta-button-link,\r\n        .vison-about-cta-button-outline {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vison-about-main-section\">\r\n    <div class=\"vison-about-grid-container\">\r\n        \r\n        <div class=\"vison-about-content-left-panel\">\r\n            <h1 class=\"vison-about-main-heading-title\">Vison Storage - Serving the global market with heavy-duty racking solutions<\/h1>\r\n            \r\n            <p class=\"vison-about-company-description\">\r\n                We are a leading manufacturer of industrial storage and racking systems in China, serving customers globally. Our products are expertly designed and engineered to enable businesses worldwide to increase warehouse capacity, productivity, and operational efficiency.\r\n            <\/p>\r\n            \r\n            <p class=\"vison-about-company-description\">\r\n                Established in 2008, Vison operates two state-of-the-art manufacturing facilities covering 54,000 square meters. With a robust annual production capacity of 96,000 tons of steel racks, we partner with clients through the complete lifecycle of their storage needs, from customized planning to global delivery and support.\r\n            <\/p>\r\n            \r\n            <div class=\"vison-about-btn-group\">\r\n                <a href=\"https:\/\/www.visonstorage.com\/about-us\/\" class=\"vison-about-cta-button-link\">\r\n                    Learn More\r\n                <\/a>\r\n                <a href=\"https:\/\/www.visonstorage.com\/contact-us\/\" class=\"vison-about-cta-button-outline\">\r\n                    Request a Quote\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"vison-about-content-right-panel\">\r\n            <div class=\"vison-about-video-embed-container\">\r\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/geY36rDyW8o?si=MmF8XGCLml8eVxQM\" title=\"Vison Racking Video\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n            <p class=\"vison-video-caption\">Vison Racking Manufacturing Facility in China<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d954be elementor-widget elementor-widget-html\" data-id=\"4d954be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .vison-shuttle-section {\r\n        width: 100%;\r\n        background: #ffffff; \r\n        padding: 80px 5%;\r\n        font-family: 'Switzer', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vison-shuttle-grid {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- \u56fe\u7247\u5bb9\u5668\u6838\u5fc3\u4fee\u6539\u533a --- *\/\r\n    .vison-shuttle-image-panel {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .vison-shuttle-image-container {\r\n        width: 100%;\r\n        aspect-ratio: 16 \/ 9; \/* \u5f3a\u5236\u4e0e\u4e0a\u65b9\u89c6\u9891\u4fdd\u6301\u7edd\u5bf9\u4e00\u81f4\u7684\u5c3a\u5bf8\u6bd4\u4f8b *\/\r\n        background-color: #ffffff;\r\n        border: 1px solid #e0e0e0; \/* \u589e\u52a0\u6d45\u7070\u8272\u8fb9\u6846 *\/\r\n        border-radius: 8px; \/* \u7edf\u4e00\u5706\u89d2 *\/\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); \/* \u7edf\u4e00\u9634\u5f71\u6df1\u5ea6 *\/\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 20px; \/* \u7ed9\u56fe\u7247\u56db\u5468\u7559\u51fa\u547c\u5438\u7a7a\u95f4\uff0c\u663e\u5f97\u66f4\u50cf\u753b\u6846 *\/\r\n    }\r\n\r\n    .vison-shuttle-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* \u786e\u4fdd\u4ea7\u54c1\u56fe\u5b8c\u6574\u5c55\u793a\u4e0d\u88ab\u88c1\u526a *\/\r\n    }\r\n\r\n    .vison-shuttle-caption {\r\n        font-size: 0.85rem;\r\n        color: #666666;\r\n        font-style: italic;\r\n        margin: 0;\r\n        padding-left: 5px;\r\n    }\r\n\r\n    \/* \u53f3\u4fa7\uff1a\u6587\u672c\u5185\u5bb9 *\/\r\n    .vison-shuttle-text-panel {\r\n        padding-left: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .vison-shuttle-title {\r\n        font-size: 2.6rem;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .vison-shuttle-subtitle {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        color: #1a1a1a;\r\n        margin-bottom: 20px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .vison-shuttle-description {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: #333333;\r\n        margin-bottom: 35px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* \u7edf\u4e00\u7684\u4f01\u4e1a\u7ea2\u6309\u94ae *\/\r\n    .vison-shuttle-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 12px 30px;\r\n        background-color: #d32f2f;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        border-radius: 4px;\r\n        font-family: \"Switzer\", sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid #d32f2f;\r\n    }\r\n\r\n    .vison-shuttle-btn:hover {\r\n        background-color: #b71c1c;\r\n        border-color: #b71c1c;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);\r\n    }\r\n\r\n    \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\r\n    @media (max-width: 1024px) {\r\n        .vison-shuttle-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n        .vison-shuttle-text-panel {\r\n            padding-left: 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .vison-shuttle-section {\r\n            padding: 50px 20px;\r\n        }\r\n        .vison-shuttle-grid {\r\n            display: flex;\r\n            flex-direction: column-reverse; \r\n        }\r\n        .vison-shuttle-title {\r\n            font-size: 1.8rem;\r\n        }\r\n        \/* \u79fb\u52a8\u7aef\u7f29\u5c0f\u5bb9\u5668\u5185\u8fb9\u8ddd *\/\r\n        .vison-shuttle-image-container {\r\n            padding: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vison-shuttle-section\">\r\n    <div class=\"vison-shuttle-grid\">\r\n        \r\n        <div class=\"vison-shuttle-image-panel\">\r\n            <div class=\"vison-shuttle-image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/FOUR-WAY-SHUTTLE_HOME-PAGE_RE.jpg\" alt=\"Four-Way Pallet Shuttle System\" class=\"vison-shuttle-image\">\r\n            <\/div>\r\n            <p class=\"vison-shuttle-caption\">Intelligent Four-Way Pallet Shuttle for Automated Warehousing<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"vison-shuttle-text-panel\">\r\n            <h2 class=\"vison-shuttle-title\">Four-Way Pallet Shuttle System<\/h2>\r\n            <div class=\"vison-shuttle-subtitle\">The ultimate solution for high-density automated storage!<\/div>\r\n            \r\n            <p class=\"vison-shuttle-description\">\r\n                The Four-Way Shuttle is an advanced automated storage and retrieval system (ASRS) designed to optimize warehouse space and efficiency. Unlike traditional systems, these intelligent robots can travel in four directions, allowing for maximum flexibility and storage density. It is perfectly suited for businesses looking to scale their logistics with high throughput and fully automated operations, providing 100% accessibility to every pallet in the system.\r\n            <\/p>\r\n            \r\n            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/pallet-shuttle-system\/\" class=\"vison-shuttle-btn\">\r\n                Discover more\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-613c9f6 elementor-widget elementor-widget-html\" data-id=\"613c9f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Switzer:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u5168\u5c40\u94fe\u63a5\u6837\u5f0f *\/\r\na, a:hover, a:focus, a:active {\r\n    text-decoration: none !important;\r\n    color: inherit;\r\n}\r\n\r\n.warehouse-storage-systems-product-showcase {\r\n    width: 100%;\r\n    max-width: 1368px;\r\n    height: auto; \/* \u6539\u4e3a auto\uff0c\u9632\u6b62\u5728\u7a84\u5c4f\u4e0b\u5185\u5bb9\u6ea2\u51fa *\/\r\n    display: grid;\r\n    grid-template-columns: 780px 548px;\r\n    grid-template-rows: auto auto; \/* \u81ea\u9002\u5e94\u9ad8\u5ea6 *\/\r\n    gap: 24px; \/* \u589e\u52a0\u95f4\u8ddd\u51cf\u5c11\u7a7a\u65f7\u611f *\/\r\n    padding: 30px;\r\n    font-family: 'Switzer', sans-serif;\r\n    margin: 0 auto;\r\n    justify-content: center;\r\n    background-color: #f8f9fa; \/* \u589e\u52a0\u6d45\u7070\u80cc\u666f\uff0c\u886c\u6258\u767d\u8272\u5361\u7247 *\/\r\n}\r\n\r\n.product-section {\r\n    background: white;\r\n    border-radius: 16px; \/* \u66f4\u5706\u6da6\u7684\u89d2 *\/\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05); \/* \u66f4\u67d4\u548c\u7684\u6df1\u6295\u5f71 *\/\r\n    padding: 30px; \/* \u7edf\u4e00\u5185\u8fb9\u8ddd *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0,0,0,0.03); \/* \u5fae\u8fb9\u6846\u589e\u52a0\u7cbe\u81f4\u611f *\/\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.product-section:hover {\r\n    transform: translateY(-5px); \/* \u6574\u4f53\u5361\u7247\u5fae\u5347 *\/\r\n}\r\n\r\n.section-title {\r\n    font-size: 24px!important; \/* \u589e\u5927\u6807\u9898 *\/\r\n    font-weight: 700;\r\n    color: #111;\r\n    text-transform: capitalize;\r\n    letter-spacing: -0.5px;\r\n    transition: color 0.3s ease;\r\n    margin-bottom: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.section-title::before { \/* \u589e\u52a0\u5de5\u4e1a\u611f\u88c5\u9970 *\/\r\n    content: '';\r\n    width: 4px;\r\n    height: 20px;\r\n    background: #FF7910;\r\n    margin-right: 12px;\r\n    border-radius: 2px;\r\n}\r\n\r\n\/* \u6309\u94ae\u6837\u5f0f\uff1a\u4e25\u683c\u4fdd\u7559\u539f\u59cb\u4ea4\u4e92\u903b\u8f91 *\/\r\n.pallet-button, .cantilever-button, .automated-button, .mezzanine-button {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    height: 48px;\r\n    margin: 20px auto 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: 2px solid #007bff;\r\n    color: #007bff;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.pallet-button:hover, .cantilever-button:hover, .automated-button:hover, .mezzanine-button:hover {\r\n    background: #007bff;\r\n    color: white;\r\n}\r\n\r\n\/* \u5e03\u5c40\u5fae\u8c03 *\/\r\n.pallet-main-content {\r\n    display: flex;\r\n    gap: 24px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.pallet-left-side {\r\n    flex: 1.2;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.pallet-main-image {\r\n    width: 100% !important;\r\n    height: 320px !important;\r\n    object-fit: cover !important;\r\n    border-radius: 12px;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.pallet-right-side {\r\n    flex: 0.8;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.sub-card {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    padding: 12px 16px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between; \/* \u5de6\u53f3\u5bf9\u9f50\u51cf\u5c11\u4e2d\u95f4\u7559\u767d *\/\r\n    transition: all 0.3s ease;\r\n    border: 1px solid #eee;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n}\r\n\r\n.sub-card:hover {\r\n    transform: translateX(5px); \/* \u6539\u4e3a\u5411\u53f3\u5e73\u79fb\uff0c\u589e\u52a0\u52a8\u611f *\/\r\n    border-color: #FF7910;\r\n}\r\n\r\n.sub-card-image {\r\n    width: 70px !important;\r\n    height: 60px !important;\r\n    object-fit: contain !important; \/* \u5de5\u4e1a\u54c1\u5c55\u793a\u5efa\u8bae\u7528 contain *\/\r\n}\r\n\r\n.sub-card-title {\r\n    font-size: 14px!important;\r\n    font-weight: 600;\r\n    color: #444;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* \u81ea\u52a8\u5316\u4ed3\u5e93\u90e8\u5206\u8c03\u6574 *\/\r\n.automated-sub-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* \u4f7f\u7528\u7f51\u683c\u5e03\u5c40\u66f4\u6574\u9f50 *\/\r\n    gap: 16px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.automated-sub-card {\r\n    background: #fcfcfc;\r\n    border-radius: 12px;\r\n    padding: 20px 15px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    border: 1px solid #f0f0f0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.automated-sub-card-image {\r\n    width: 100% !important;\r\n    height: 180px !important;\r\n    object-fit: contain !important;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.automated-sub-card-title {\r\n    font-size: 14px!important;\r\n    color: #222;\r\n}\r\n\r\n\/* Mezzanine \u56fe\u7247\u9ad8\u5ea6\u4fee\u6b63 *\/\r\n.mezzanine-image {\r\n    width: 100% !important;\r\n    height: 420px !important;\r\n    object-fit: cover !important;\r\n    border-radius: 12px;\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u9002\u914d\u5fae\u8c03 *\/\r\n@media screen and (max-width: 1024px) {\r\n    .warehouse-storage-systems-product-showcase {\r\n        grid-template-columns: 1fr;\r\n        padding: 20px;\r\n    }\r\n    .pallet-main-content {\r\n        flex-direction: column;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"warehouse-storage-systems-product-showcase\">\r\n    <div class=\"product-section pallet-racking-section\">\r\n        <h2 class=\"section-title\">Pallet Racking<\/h2>\r\n        <div class=\"pallet-main-content\">\r\n            <div class=\"pallet-left-side\">\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/Pallet-Rack_HOME-PAGE.jpg\" alt=\"Pallet Racking\" class=\"pallet-main-image\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/\" class=\"pallet-button\">View More<\/a>\r\n            <\/div>\r\n            <div class=\"pallet-right-side\">\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/drive-in-racking\/\" class=\"sub-card\">\r\n                    <h4 class=\"sub-card-title\">Drive-In Rack<\/h4>\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/DRIVE-IN-RACK_HOME-PAGE.jpg\" alt=\"Drive-In Rack\" class=\"sub-card-image\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/pallet-flow-racking\/\" class=\"sub-card\">\r\n                    <h4 class=\"sub-card-title\">Pallet Flow Rack<\/h4>\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/PALLET-FLOW-RACK_HOME-PAGE.jpg\" alt=\"Pallet Flow Rack\" class=\"sub-card-image\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/very-narrow-aisle-racking\/\" class=\"sub-card\">\r\n                    <h4 class=\"sub-card-title\">VNA Rack<\/h4>\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/VNA-RACK_HOME-PAGE.jpg\" alt=\"VNA Rack\" class=\"sub-card-image\">\r\n                <\/a>\r\n                <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/medium-duty-rack\/\" class=\"sub-card\">\r\n                    <h4 class=\"sub-card-title\">Medium Duty Rack<\/h4>\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/MEDIUM-DUTY-RACK_HOME-PAGE.jpg\" alt=\"Medium Duty Rack\" class=\"sub-card-image\">\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"product-section cantilever-section\">\r\n        <h2 class=\"section-title\">Cantilever Rack<\/h2>\r\n        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/cantilever-racking-system\/\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/Cantilever-Rack_HOME-PAGE.jpg\" alt=\"Cantilever Rack\" class=\"pallet-main-image\" style=\"height:320px !important;\">\r\n        <\/a>\r\n        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/cantilever-racking-system\/\" class=\"cantilever-button\">View More<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"product-section automated-warehouse-section\">\r\n        <h2 class=\"section-title\">Automated Warehouse<\/h2>\r\n        <div class=\"automated-sub-cards\">\r\n            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/four-way-shuttle\/\" class=\"automated-sub-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/FOUR-WAY-SHUTTLE_HOME-PAGE_RE.jpg\" alt=\"Four Way Shuttle\" class=\"automated-sub-card-image\">\r\n                <h4 class=\"automated-sub-card-title\">Four Way Shuttle<\/h4>\r\n            <\/a>\r\n            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/two-way-shuttle\/\" class=\"automated-sub-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/TWO-WAY-SHUTTLE_HOME-PAGE_RE.jpg\" alt=\"Two Way Shuttle\" class=\"automated-sub-card-image\">\r\n                <h4 class=\"automated-sub-card-title\">Two Way Shuttle<\/h4>\r\n            <\/a>\r\n            <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/stacker-crane-as-rs\/\" class=\"automated-sub-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/Stacker-Crane-ASRS-_HOME-PAGE.jpg\" alt=\"Stacker Crane\" class=\"automated-sub-card-image\">\r\n                <h4 class=\"automated-sub-card-title\">Stacker Crane ASRS<\/h4>\r\n            <\/a>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/\" class=\"automated-button\">View More<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"product-section mezzanine-section\">\r\n        <h2 class=\"section-title\">Mezzanine Racking<\/h2>\r\n        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/mezzanine-floor-racking-system\/\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/08\/Mezzanine_HOME-PAGE.jpg\" alt=\"Mezzanine Racking\" class=\"mezzanine-image\">\r\n        <\/a>\r\n        <a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/mezzanine-floor-racking-system\/\" class=\"mezzanine-button\">View More<\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dce306f elementor-widget elementor-widget-html\" data-id=\"dce306f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .testimonial-section {\r\n            font-family:\"Inter\", sans-serif;\r\n            font-weight:300;\r\n        font-optical-sizing: auto;\r\n        font-style:ital;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 60px 20px;\r\n            background: linear-gradient(135deg, #1a2951 0%, #1a2951 100%);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 500px;\r\n        }\r\n\r\n        .testimonial-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #ff6b35, #f7931e, #ff6b35);\r\n            background-size: 200% 100%;\r\n            animation: gradientMove 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes gradientMove {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        .testimonial-title {\r\n            color: white!important;\r\n            font-size: 2.5em;\r\n            font-weight: 300;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n            font-family:\"Inter\", sans-serif;\r\n\r\n        font-optical-sizing: auto;\r\n        font-style:normal;\r\n        }\r\n\r\n        .company-logo {\r\n            width: 200px;\r\n            height: 60px;\r\n            background: white;\r\n            margin: 0 auto 40px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8em;\r\n            font-weight: bold;\r\n            color: #2c3e50;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .testimonial-container {\r\n            position: relative;\r\n            height: 280px;\r\n            overflow: hidden;\r\n            margin: 0 auto 40px;\r\n            max-width: 1000px;\r\n        }\r\n\r\n        .testimonial-slider {\r\n            display: flex;\r\n            transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);\r\n            height: 100%;\r\n        }\r\n\r\n        .testimonial-item {\r\n            min-width: 100%;\r\n            padding: 0 40px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            opacity: 0.7;\r\n            transform: scale(0.95);\r\n            transition: all 1s ease;\r\n        }\r\n\r\n        .testimonial-item.active {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        .testimonial-quote {\r\n            font-size: 1.3em;\r\n            color: white;\r\n            line-height: 1.8;\r\n            margin-bottom: 25px;\r\n            position: relative;\r\n        }\r\n\r\n        .testimonial-quote::before,\r\n        .testimonial-quote::after {\r\n            content: '\"';\r\n            font-size: 2em;\r\n            color: #ff6b35;\r\n            font-family: Georgia, serif;\r\n            position: absolute;\r\n            line-height: 1;\r\n        }\r\n\r\n        .testimonial-quote::before {\r\n            top: -10px;\r\n            left: -30px;\r\n        }\r\n\r\n        .testimonial-quote::after {\r\n            bottom: -40px;\r\n            right: -30px;\r\n        }\r\n\r\n        .testimonial-author {\r\n            color: #ecf0f1;\r\n            font-size: 1.1em;\r\n        }\r\n\r\n        .author-name {\r\n            font-weight: bold;\r\n            color: #ff6b35;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .author-position {\r\n            opacity: 0.8;\r\n            font-size: 0.95em;\r\n        }\r\n\r\n        .pagination {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .pagination-dot {\r\n            width: 14px;\r\n            height: 14px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .pagination-dot:hover {\r\n            background: rgba(255, 107, 53, 0.6);\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .pagination-dot.active {\r\n            background: #ff6b35;\r\n            border-color: white;\r\n            transform: scale(1.3);\r\n        }\r\n\r\n        .pagination-dot.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 2px solid #ff6b35;\r\n            border-radius: 50%;\r\n            top: -5px;\r\n            left: -5px;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n            100% {\r\n                transform: scale(1.4);\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        .testimonial-nav-button {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: transparent;\r\n            color: white;\r\n            border: 0px solid rgba(255, 255, 255, 0.5);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            font-size: 1.5em;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n        }\r\n\r\n        .testimonial-nav-button:hover {\r\n            color: #ff6b35!important;\r\n            transform: translateY(-50%) scale(1.1);\r\n            background: transparent!important;\r\n        }\r\n\r\n        .testimonial-nav-button.testimonial-nav-prev {\r\n            left: 20px;\r\n        }\r\n\r\n        .testimonial-nav-button.testimonial-nav-next {\r\n            right: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .testimonial-section {\r\n                margin: 0;\r\n                padding: 40px 15px;\r\n                min-height: 450px;\r\n            }\r\n\r\n            .testimonial-title {\r\n                font-size: 2em;\r\n            }\r\n\r\n            .company-logo {\r\n                width: 160px;\r\n                height: 50px;\r\n                font-size: 1.4em;\r\n            }\r\n\r\n            .testimonial-item {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            .testimonial-quote {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .testimonial-quote::before,\r\n            .testimonial-quote::after {\r\n                font-size: 1.8em;\r\n            }\r\n\r\n            .testimonial-nav-button {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 1.2em;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"testimonial-section\">\r\n        <h2 class=\"testimonial-title\">What Our Clients Have to Say<\/h2>\r\n        \r\n        <div class=\"company-logo\">\r\n  <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png\" alt=\"VISION RACKING Logo\" \/>\r\n<\/div>\r\n\r\n        \r\n        <div class=\"testimonial-container\">\r\n            <button class=\"testimonial-nav-button testimonial-nav-prev\" onclick=\"previousTestimonial()\">\u2039<\/button>\r\n            <button class=\"testimonial-nav-button testimonial-nav-next\" onclick=\"nextTestimonial()\">\u203a<\/button>\r\n            \r\n            <div class=\"testimonial-slider\" id=\"testimonialSlider\">\r\n                <div class=\"testimonial-item active\">\r\n                    <div class=\"testimonial-quote\">\r\n                        Vision Racking boosts our rotation speed  by 40%. our space constraints was significantly improved by hybrid rack composition. The tech team is super smart and think outside the box.\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-name\">Marie Maguire<\/div>\r\n                        <div class=\"author-position\">Warehouse Manager, Prisma Logistics S.p.a <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"testimonial-quote\">\r\n                       Vison is one of the most intrinsically motivated team I worked with ! What sets vison apart is their rare ability to blend strong technical knowledge with commercial acumen. Vision Racking designed a cold room storage system that reduced our picking time by 35% and enable the operation in a unexpectional timeline.\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-name\">George Rodriguez<\/div>\r\n                        <div class=\"author-position\">Operations Director, GreyOrange<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"testimonial-quote\">\r\n                        With the help of  Wang as tech lead in vison, I had a soft landing into the warehouse automation field. A lot of patience and support for a \"newbie\" abroad italian facility manager. The after-sales support is also superb. \r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-name\">Todd Ward<\/div>\r\n                        <div class=\"author-position\">Facility Manager, WTS Energy<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"testimonial-quote\">\r\n                       As soon as collaborated with vison team, A strong professional image is stand out. they were willing to pitch in to get things done under tight dead, and could be relied if existing challenging situations. it was a pleasure to work with them.\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-name\">Shweta Gupta<\/div>\r\n                        <div class=\"author-position\">Project Director,Zeon Life Science Ltd.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"testimonial-quote\">\r\n                        In all transactions Vison was dependable, trustworthy and represented the interest of all parties with discretion. I will definitely work with them again in the future.Now our racking system has been handling our high-volume operations with zero downtime for two years. Highly recommended!\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-name\">Oleg zaboronski<\/div>\r\n                        <div class=\"author-position\">Supply Chain Manager, SYNEX Logistics<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pagination\" id=\"pagination\">\r\n            <div class=\"pagination-dot active\" onclick=\"goToSlide(0)\"><\/div>\r\n            <div class=\"pagination-dot\" onclick=\"goToSlide(1)\"><\/div>\r\n            <div class=\"pagination-dot\" onclick=\"goToSlide(2)\"><\/div>\r\n            <div class=\"pagination-dot\" onclick=\"goToSlide(3)\"><\/div>\r\n            <div class=\"pagination-dot\" onclick=\"goToSlide(4)\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentSlide = 0;\r\n        const totalSlides = 5;\r\n        let isTransitioning = false;\r\n        let autoSlideInterval;\r\n\r\n        const slider = document.getElementById('testimonialSlider');\r\n        const paginationDots = document.querySelectorAll('.pagination-dot');\r\n        const testimonialItems = document.querySelectorAll('.testimonial-item');\r\n\r\n        function updateSlider() {\r\n            if (isTransitioning) return;\r\n            \r\n            isTransitioning = true;\r\n            slider.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n            \r\n            \/\/ Update pagination\r\n            paginationDots.forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === currentSlide);\r\n            });\r\n\r\n            \/\/ Update testimonial items\r\n            testimonialItems.forEach((item, index) => {\r\n                item.classList.toggle('active', index === currentSlide);\r\n            });\r\n\r\n            setTimeout(() => {\r\n                isTransitioning = false;\r\n            }, 600);\r\n        }\r\n\r\n        function goToSlide(slideIndex) {\r\n            if (slideIndex >= 0 && slideIndex < totalSlides && slideIndex !== currentSlide) {\r\n                currentSlide = slideIndex;\r\n                updateSlider();\r\n                resetAutoSlide();\r\n            }\r\n        }\r\n\r\n        function nextTestimonial() {\r\n            currentSlide = (currentSlide + 1) % totalSlides;\r\n            updateSlider();\r\n            resetAutoSlide();\r\n        }\r\n\r\n        function previousTestimonial() {\r\n            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n            updateSlider();\r\n            resetAutoSlide();\r\n        }\r\n\r\n        function startAutoSlide() {\r\n            autoSlideInterval = setInterval(() => {\r\n                nextTestimonial();\r\n            }, 8000);\r\n        }\r\n\r\n        function resetAutoSlide() {\r\n            clearInterval(autoSlideInterval);\r\n            startAutoSlide();\r\n        }\r\n\r\n        \/\/ Touch\/swipe support\r\n        let startX = 0;\r\n        let startY = 0;\r\n        let endX = 0;\r\n        let endY = 0;\r\n\r\n        const testimonialContainer = document.querySelector('.testimonial-container');\r\n\r\n        testimonialContainer.addEventListener('touchstart', (e) => {\r\n            startX = e.touches[0].clientX;\r\n            startY = e.touches[0].clientY;\r\n        });\r\n\r\n        testimonialContainer.addEventListener('touchmove', (e) => {\r\n            e.preventDefault();\r\n        });\r\n\r\n        testimonialContainer.addEventListener('touchend', (e) => {\r\n            endX = e.changedTouches[0].clientX;\r\n            endY = e.changedTouches[0].clientY;\r\n            \r\n            const deltaX = startX - endX;\r\n            const deltaY = Math.abs(startY - endY);\r\n            \r\n            \/\/ Only trigger swipe if horizontal movement is greater than vertical\r\n            if (Math.abs(deltaX) > 50 && deltaY < 100) {\r\n                if (deltaX > 0) {\r\n                    nextTestimonial();\r\n                } else {\r\n                    previousTestimonial();\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Mouse drag support\r\n        let isDragging = false;\r\n        let mouseStartX = 0;\r\n\r\n        testimonialContainer.addEventListener('mousedown', (e) => {\r\n            isDragging = true;\r\n            mouseStartX = e.clientX;\r\n            testimonialContainer.style.cursor = 'grabbing';\r\n        });\r\n\r\n        testimonialContainer.addEventListener('mousemove', (e) => {\r\n            if (!isDragging) return;\r\n            e.preventDefault();\r\n        });\r\n\r\n        testimonialContainer.addEventListener('mouseup', (e) => {\r\n            if (!isDragging) return;\r\n            \r\n            isDragging = false;\r\n            testimonialContainer.style.cursor = 'grab';\r\n            \r\n            const deltaX = mouseStartX - e.clientX;\r\n            \r\n            if (Math.abs(deltaX) > 50) {\r\n                if (deltaX > 0) {\r\n                    nextTestimonial();\r\n                } else {\r\n                    previousTestimonial();\r\n                }\r\n            }\r\n        });\r\n\r\n        testimonialContainer.addEventListener('mouseleave', () => {\r\n            isDragging = false;\r\n            testimonialContainer.style.cursor = 'grab';\r\n        });\r\n\r\n        \/\/ Keyboard navigation\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowLeft') {\r\n                previousTestimonial();\r\n            } else if (e.key === 'ArrowRight') {\r\n                nextTestimonial();\r\n            }\r\n        });\r\n\r\n        \/\/ Initialize\r\n        testimonialContainer.style.cursor = 'grab';\r\n        startAutoSlide();\r\n\r\n        \/\/ Pause auto-slide when hovering\r\n        testimonialContainer.addEventListener('mouseenter', () => {\r\n            clearInterval(autoSlideInterval);\r\n        });\r\n\r\n        testimonialContainer.addEventListener('mouseleave', () => {\r\n            startAutoSlide();\r\n        });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b627e8b e-con-full e-flex e-con e-parent\" data-id=\"b627e8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b09ec elementor-widget elementor-widget-html\" data-id=\"f1b09ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Our Partners - Client Carousel<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Switzer:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Main carousel container with full width *\/\r\n        .full_width_carousel_container_section {\r\n            width: 100%;\r\n            padding: 80px 0;\r\n            background:white;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Header section with orange line decoration *\/\r\n        .carousel_header_title_container_wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            margin-bottom: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n       \r\n\r\n        .main_carousel_title_heading_text {\r\n            font-family: 'Switzer', sans-serif;\r\n            font-size: 60px!important;\r\n            font-weight: 600;\r\n            color:#1a1a1a;\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.1;\r\n        }\r\n        \r\n        \/* Carousel content wrapper *\/\r\n        .partners_logos_carousel_content_wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Scrolling track container *\/\r\n        .infinite_scroll_track_container_element {\r\n            display: flex;\r\n            animation: infiniteScrollAnimation 30s linear infinite;\r\n            width: calc(300px * 8); \/* 4 items * 2 for seamless loop *\/\r\n        }\r\n\r\n        \/* Individual partner card styling *\/\r\n        .partner_logo_card_container_item {\r\n            flex: 0 0 300px;\r\n            height: 140px;\r\n            margin: 0 20px;\r\n            background: white;\r\n            border-radius: 16px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 1px solid #f0f0f0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1!important; \/* \u786e\u4fdd\u4e3b\u5185\u5bb9\u5728\u4e0a\u5c42 *\/\r\n        }\r\n\r\n\r\n       \r\n\r\n        \/* Logo image styling *\/\r\n        .company_logo_image_element_wrapper {\r\n            width: 200px;\r\n            height: 80px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .responsive_partner_logo_image_display {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            \r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .partner_logo_card_container_item:hover .responsive_partner_logo_image_display {\r\n            \r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Pause animation on hover *\/\r\n        .full_width_carousel_container_section:hover .infinite_scroll_track_container_element {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        \/* Keyframe animation for infinite scroll *\/\r\n        @keyframes infiniteScrollAnimation {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n@media (max-width: 1023px) {\r\n    .main_carousel_title_heading_text {\r\n        font-size: 3.1rem!important;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        word-break: break-word;\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .main_carousel_title_heading_text {\r\n        font-size: 1.8rem!important;\r\n        text-align: center;\r\n        padding: 0 5px;\r\n    }\r\n}\r\n\r\n        \/* Tablet responsive design - 1024px and above *\/\r\n        @media (min-width: 1024px) and (max-width: 1439px) {\r\n            .full_width_carousel_container_section {\r\n                padding: 70px 0;\r\n            }\r\n            \r\n            .carousel_header_title_container_wrapper {\r\n                padding: 0 30px;\r\n                margin-bottom: 50px;\r\n            }\r\n            \r\n            .main_carousel_title_heading_text {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .orange_vertical_line_decoration_element {\r\n                height: 50px;\r\n                margin-right: 20px;\r\n            }\r\n            \r\n            .partner_logo_card_container_item {\r\n                flex: 0 0 280px;\r\n                height: 130px;\r\n                margin: 0 15px;\r\n            }\r\n            \r\n            .company_logo_image_element_wrapper {\r\n                width: 180px;\r\n                height: 70px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile and small tablet responsive *\/\r\n        @media (max-width: 1023px) {\r\n            .full_width_carousel_container_section {\r\n                padding: 50px 0;\r\n            }\r\n            \r\n            .carousel_header_title_container_wrapper {\r\n                padding: 0 20px;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .main_carousel_title_heading_text {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .orange_vertical_line_decoration_element {\r\n                height: 40px;\r\n                width: 3px;\r\n                margin-right: 16px;\r\n            }\r\n            \r\n            .partner_logo_card_container_item {\r\n                flex: 0 0 250px;\r\n                height: 120px;\r\n                margin: 0 12px;\r\n            }\r\n            \r\n            .company_logo_image_element_wrapper {\r\n                width: 160px;\r\n                height: 60px;\r\n            }\r\n            \r\n            .infinite_scroll_track_container_element {\r\n                animation-duration: 25s;\r\n            }\r\n        }\r\n\r\n        \/* Extra small mobile devices *\/\r\n        @media (max-width: 480px) {\r\n            .full_width_carousel_container_section {\r\n                padding: 40px 0;\r\n            }\r\n            \r\n            .carousel_header_title_container_wrapper {\r\n                padding: 0 15px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .main_carousel_title_heading_text {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .orange_vertical_line_decoration_element {\r\n                height: 35px;\r\n                margin-right: 12px;\r\n            }\r\n            \r\n            .partner_logo_card_container_item {\r\n                flex: 0 0 200px;\r\n                height: 100px;\r\n                margin: 0 10px;\r\n            }\r\n            \r\n            .company_logo_image_element_wrapper {\r\n                width: 140px;\r\n                height: 50px;\r\n            }\r\n            \r\n            .infinite_scroll_track_container_element {\r\n                animation-duration: 20s;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility and performance optimizations *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .infinite_scroll_track_container_element {\r\n                animation: none;\r\n            }\r\n            \r\n            .partner_logo_card_container_item {\r\n                transition: none;\r\n            }\r\n        }\r\n\r\n        \/* High contrast mode support *\/\r\n        @media (prefers-contrast: high) {\r\n            .partner_logo_card_container_item {\r\n                border: 2px solid #000;\r\n                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n            }\r\n            \r\n            .orange_vertical_line_decoration_element {\r\n                background-color: #FF8C00;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"full_width_carousel_container_section\">\r\n        <!-- Header with orange line and title -->\r\n        <div class=\"carousel_header_title_container_wrapper\">\r\n            <div class=\"orange_vertical_line_decoration_element\"><\/div>\r\n            <h2 class=\"main_carousel_title_heading_text\">Our Partners<\/h2>\r\n        <\/div>\r\n        \r\n        <!-- Carousel content -->\r\n        <div class=\"partners_logos_carousel_content_wrapper\">\r\n            <div class=\"infinite_scroll_track_container_element\">\r\n                <!-- First set of partner cards -->\r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/svolt\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/SVOLT_Logo.png\" \r\n                             alt=\"Svolt New Energy Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/jinko-solar\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/Jinko-Solar_Logo.png\" \r\n                             alt=\"Jinko Solar Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/lg\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/LG_Logo.png\" \r\n                             alt=\"LG Group Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/catl\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/CATL_Logo.png\" \r\n                             alt=\"CATL Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <!-- Duplicate set for seamless infinite scroll -->\r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/svolt\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/SVOLT_Logo.png\" \r\n                             alt=\"Svolt New Energy Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/jinko-solar\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/Jinko-Solar_Logo.png\" \r\n                             alt=\"Jinko Solar Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/lg\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/LG_Logo.png\" \r\n                             alt=\"LG Group Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.visonstorage.com\/cases\/catl\/\" class=\"partner_logo_card_container_item\">\r\n                    <div class=\"company_logo_image_element_wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/CATL_Logo.png\" \r\n                             alt=\"CATL Company Logo\" \r\n                             class=\"responsive_partner_logo_image_display\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Enhanced accessibility and performance optimizations\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const carouselSection = document.querySelector('.full_width_carousel_container_section');\r\n            const scrollTrack = document.querySelector('.infinite_scroll_track_container_element');\r\n            \r\n            \/\/ Pause animation when user prefers reduced motion\r\n            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n                scrollTrack.style.animationPlayState = 'paused';\r\n            }\r\n            \r\n            \/\/ Keyboard navigation support\r\n            const partnerCards = document.querySelectorAll('.partner_logo_card_container_item');\r\n            partnerCards.forEach((card, index) => {\r\n                card.addEventListener('keydown', function(e) {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        card.click();\r\n                    }\r\n                    \r\n                    \/\/ Arrow key navigation\r\n                    if (e.key === 'ArrowRight' && index < partnerCards.length - 1) {\r\n                        partnerCards[index + 1].focus();\r\n                    }\r\n                    if (e.key === 'ArrowLeft' && index > 0) {\r\n                        partnerCards[index - 1].focus();\r\n                    }\r\n                });\r\n            });\r\n            \r\n            \/\/ Touch gesture support for mobile\r\n            let startX = 0;\r\n            let isDragging = false;\r\n            \r\n            carouselSection.addEventListener('touchstart', function(e) {\r\n                startX = e.touches[0].clientX;\r\n                isDragging = true;\r\n                scrollTrack.style.animationPlayState = 'paused';\r\n            });\r\n            \r\n            carouselSection.addEventListener('touchend', function() {\r\n                isDragging = false;\r\n                scrollTrack.style.animationPlayState = 'running';\r\n            });\r\n            \r\n            \/\/ Intersection Observer for performance optimization\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        scrollTrack.style.animationPlayState = 'running';\r\n                    } else {\r\n                        scrollTrack.style.animationPlayState = 'paused';\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            \r\n            observer.observe(carouselSection);\r\n        });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94996e3 elementor-widget elementor-widget-html\" data-id=\"94996e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <title>News Section<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div class=\"visionhome-news-wrapper\">\r\n    <div class=\"visionhome-news-container\">\r\n        <div class=\"visionhome-news-header\">\r\n            <h2 class=\"visionhome-news-title\">Latest News & Updates<\/h2>\r\n            <p class=\"visionhome-news-subtitle\">Stay informed about our latest warehouse racking system projects and company events about industrial racking solutions<\/p>\r\n            <div class=\"visionhome-title-underline\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"visionhome-news-grid\">\r\n            <!-- News Item 1 -->\r\n            <article class=\"visionhome-news-item visionhome-featured\">\r\n                <div class=\"visionhome-news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/03\/News_Caption_Image_Bangkok-Project_600.jpg\" alt=\"Bangkok AS\/RS Project\">\r\n                    <div class=\"visionhome-news-overlay\">\r\n                        <span class=\"visionhome-news-category visionhome-category-project\">Projects<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"visionhome-news-content\">\r\n                    <h3 class=\"visionhome-news-headline\">Bangkok AS\/RS Project<\/h3>\r\n                    <p class=\"visionhome-news-excerpt\">Exploring our latest automated storage and retrieval system implementation in Bangkok, showcasing cutting-edge warehouse technology solutions.<\/p>\r\n                    <div class=\"visionhome-news-meta\">\r\n                        <time class=\"visionhome-news-date\">November 14, 2024<\/time>\r\n                        <a href=\"https:\/\/www.visonstorage.com\/news\/bangkok-asrs-project\/\" class=\"visionhome-read-more\">\r\n                            Read More\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M7 17L17 7M17 7H7M17 7V17\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- News Item 2 -->\r\n            <article class=\"visionhome-news-item\">\r\n                <div class=\"visionhome-news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/CEMTAT-2.jpg\" alt=\"CEMAT ASIA 2024 Shanghai\">\r\n                    <div class=\"visionhome-news-overlay\">\r\n                        <span class=\"visionhome-news-category visionhome-category-event\">Event<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"visionhome-news-content\">\r\n                    <h3 class=\"visionhome-news-headline\">CEMAT ASIA 2024 Shanghai<\/h3>\r\n                    <p class=\"visionhome-news-excerpt\">Join us at Asia's leading trade fair for intralogistics and supply chain management in Shanghai.<\/p>\r\n                    <div class=\"visionhome-news-meta\">\r\n                        <time class=\"visionhome-news-date\">November 07, 2024<\/time>\r\n                        <a href=\"https:\/\/www.visonstorage.com\/news\/cemat-asia-2024-shanghai\/\" class=\"visionhome-read-more\">\r\n                            Read More\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M7 17L17 7M17 7H7M17 7V17\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- News Item 3 -->\r\n            <article class=\"visionhome-news-item\">\r\n                <div class=\"visionhome-news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/01\/CTIN_1.jpg\" alt=\"CTIN 2024 Dubai\">\r\n                    <div class=\"visionhome-news-overlay\">\r\n                        <span class=\"visionhome-news-category visionhome-category-event\">Event<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"visionhome-news-content\">\r\n                    <h3 class=\"visionhome-news-headline\">CTIN 2024 Dubai<\/h3>\r\n                    <p class=\"visionhome-news-excerpt\">Our participation in the Container Terminal Innovation conference, showcasing advanced logistics solutions.<\/p>\r\n                    <div class=\"visionhome-news-meta\">\r\n                        <time class=\"visionhome-news-date\">December, 2024<\/time>\r\n                        <a href=\"https:\/\/www.visonstorage.com\/news\/ctin-asia-2024-dubai\/\" class=\"visionhome-read-more\">\r\n                            Read More\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M7 17L17 7M17 7H7M17 7V17\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n        \r\n        <div class=\"visionhome-news-footer\">\r\n            <a href=\"\/news\" class=\"visionhome-view-all-btn\">\r\n                View All News\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M5 12H19M12 5L19 12L12 19\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.visionhome-news-wrapper {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 80px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    \r\n}\r\n\r\n.visionhome-news-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent 0%, #1a2951 50%, transparent 100%);\r\n}\r\n\r\n.visionhome-news-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.visionhome-news-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n}\r\n\r\n.visionhome-news-title {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 700;\r\n    color: #1a2951;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n}\r\n\r\n.visionhome-news-subtitle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 1.2rem;\r\n    color: #6b7280;\r\n    margin: 0 0 24px 0;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.6;\r\n}\r\n\r\n.visionhome-title-underline {\r\n    width: 80px;\r\n    height: 4px;\r\n    background: #1a2951;\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n}\r\n\r\n.visionhome-news-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 40px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.visionhome-news-item {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 32px rgba(26, 41, 81, 0.08);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    border: 1px solid rgba(26, 41, 81, 0.1);\r\n}\r\n\r\n.visionhome-news-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(26, 41, 81, 0.15);\r\n    border-color: rgba(26, 41, 81, 0.3);\r\n}\r\n\r\n.visionhome-news-item:focus-within {\r\n    transform: none;\r\n    box-shadow: 0 8px 32px rgba(26, 41, 81, 0.08);\r\n    border-color: rgba(26, 41, 81, 0.1);\r\n    outline: 2px solid #1a2951;\r\n    outline-offset: 2px;\r\n}\r\n\r\n.visionhome-news-item:active {\r\n    transform: none;\r\n    box-shadow: 0 8px 32px rgba(26, 41, 81, 0.08);\r\n    border-color: rgba(26, 41, 81, 0.1);\r\n}\r\n\r\n.visionhome-featured {\r\n    position: relative;\r\n}\r\n\r\n.visionhome-featured::after {\r\n    content: 'Featured';\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    background: #1a2951;\r\n    color: white;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    z-index: 10;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.visionhome-news-image {\r\n    position: relative;\r\n    height: 240px;\r\n    overflow: hidden;\r\n    background: #f3f4f6;\r\n}\r\n\r\n.visionhome-news-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.visionhome-news-item:hover .visionhome-news-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.visionhome-news-item:focus-within .visionhome-news-image img {\r\n    transform: scale(1);\r\n}\r\n\r\n.visionhome-news-item:active .visionhome-news-image img {\r\n    transform: scale(1);\r\n}\r\n\r\n.visionhome-news-overlay {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    z-index: 5;\r\n}\r\n\r\n.visionhome-news-category {\r\n    display: inline-block;\r\n    padding: 6px 16px;\r\n    border-radius: 20px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.visionhome-category-project {\r\n    background: rgba(26, 41, 81, 0.9);\r\n    color: white;\r\n}\r\n\r\n.visionhome-category-event {\r\n    background: rgba(107, 114, 128, 0.9);\r\n    color: white;\r\n}\r\n\r\n.visionhome-news-content {\r\n    padding: 32px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 240px);\r\n}\r\n\r\n.visionhome-news-headline {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 1.4rem;\r\n    font-weight: 600;\r\n    color: #1a2951;\r\n    margin: 0 0 16px 0;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.visionhome-news-item:hover .visionhome-news-headline {\r\n    color: #374151;\r\n}\r\n\r\n.visionhome-news-item:focus-within .visionhome-news-headline {\r\n    color: #1a2951;\r\n}\r\n\r\n.visionhome-news-item:active .visionhome-news-headline {\r\n    color: #1a2951;\r\n}\r\n\r\n.visionhome-news-excerpt {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 1rem;\r\n    color: #6b7280;\r\n    line-height: 1.6;\r\n    margin: 0 0 24px 0;\r\n    flex-grow: 1;\r\n}\r\n\r\n.visionhome-news-meta {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: auto;\r\n    padding-top: 20px;\r\n    border-top: 1px solid #f3f4f6;\r\n}\r\n\r\n.visionhome-news-date {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.9rem;\r\n    color: #9ca3af;\r\n    font-weight: 500;\r\n}\r\n\r\n.visionhome-read-more {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #1a2951;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    transition: all 0.3s ease;\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.visionhome-read-more:hover {\r\n    color: #374151;\r\n    background: rgba(26, 41, 81, 0.05);\r\n    border-color: rgba(26, 41, 81, 0.2);\r\n    transform: translateX(4px);\r\n}\r\n\r\n.visionhome-read-more:focus {\r\n    color: #1a2951;\r\n    background: transparent;\r\n    border-color: transparent;\r\n    transform: none;\r\n    outline: 2px solid #1a2951;\r\n    outline-offset: 2px;\r\n}\r\n\r\n.visionhome-read-more:active {\r\n    color: #1a2951;\r\n    background: transparent;\r\n    border-color: transparent;\r\n    transform: none;\r\n}\r\n\r\n.visionhome-read-more svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.visionhome-read-more:hover svg {\r\n    transform: translate(2px, -2px);\r\n}\r\n\r\n.visionhome-read-more:focus svg {\r\n    transform: none;\r\n}\r\n\r\n.visionhome-read-more:active svg {\r\n    transform: none;\r\n}\r\n\r\n.visionhome-news-footer {\r\n    text-align: center;\r\n}\r\n\r\n.visionhome-view-all-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #1a2951 0%, #243a5e 100%);\r\n    color: white;\r\n    text-decoration: none;\r\n    padding: 16px 32px;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    font-size: 1.1rem;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: 2px solid transparent;\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-decoration:none!important;\r\n}\r\n\r\n.visionhome-view-all-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n  \r\n}\r\n\r\n.visionhome-view-all-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.visionhome-view-all-btn:hover {\r\n    transform:none!important;\r\n    box-shadow: 0 12px 24px rgba(26, 41, 81, 0.3);\r\n    border-color: rgba(26, 41, 81, 0.4);\r\n    color:white;\r\n}\r\n\r\n.visionhome-view-all-btn:focus {\r\n    transform: none;\r\n    box-shadow: 0 8px 32px rgba(26, 41, 81, 0.08);\r\n    border-color: transparent;\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 2px;\r\n}\r\n\r\n.visionhome-view-all-btn:active {\r\n    transform: none;\r\n    box-shadow: 0 8px 32px rgba(26, 41, 81, 0.08);\r\n    border-color: transparent;\r\n}\r\n\r\n.visionhome-view-all-btn svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.visionhome-view-all-btn:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.visionhome-view-all-btn:focus svg {\r\n    transform: none;\r\n}\r\n\r\n.visionhome-view-all-btn:active svg {\r\n    transform: none;\r\n}\r\n\r\n\/* Reset default focus styles to prevent conflicts *\/\r\n.visionhome-news-wrapper *:focus {\r\n    outline: none;\r\n}\r\n\r\n.visionhome-news-wrapper a:focus {\r\n    outline: none;\r\n}\r\n\r\n.visionhome-news-wrapper button:focus {\r\n    outline: none;\r\n}\r\n\r\n\/* Ensure consistent default states *\/\r\n.visionhome-read-more,\r\n.visionhome-view-all-btn {\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n\r\n\/* Prevent focus rings on mouse click but allow keyboard navigation *\/\r\n.visionhome-read-more:focus:not(:focus-visible) {\r\n    outline: none;\r\n}\r\n\r\n.visionhome-view-all-btn:focus:not(:focus-visible) {\r\n    outline: none;\r\n}\r\n\r\n.visionhome-news-item:focus-within:not(:focus-visible) {\r\n    outline: none;\r\n}\r\n\r\n.visionhome-view-all-btn:focus,\r\n.visionhome-view-all-btn:active {\r\n  color: white;\r\n}\r\n\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1200px) {\r\n    .visionhome-news-grid {\r\n        gap: 30px;\r\n    }\r\n    \r\n    .visionhome-news-container {\r\n        padding: 0 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .visionhome-news-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n    \r\n    .visionhome-news-wrapper {\r\n        padding: 60px 0;\r\n    }\r\n    \r\n    .visionhome-news-header {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .visionhome-news-content {\r\n        padding: 20px 16px;\r\n    }\r\n    \r\n    .visionhome-news-headline {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .visionhome-news-excerpt {\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .visionhome-news-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .visionhome-news-wrapper {\r\n        padding: 40px 0;\r\n    }\r\n    \r\n    .visionhome-news-content {\r\n        padding: 24px 20px;\r\n    }\r\n    \r\n    .visionhome-news-image {\r\n        height: 200px;\r\n    }\r\n    \r\n    .visionhome-news-headline {\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .visionhome-view-all-btn {\r\n        padding: 14px 24px;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n\/* Loading Animation *\/\r\n@keyframes visionhome-fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.visionhome-news-item {\r\n    animation: visionhome-fadeInUp 0.6s ease-out forwards;\r\n}\r\n\r\n.visionhome-news-item:nth-child(1) { animation-delay: 0.1s; }\r\n.visionhome-news-item:nth-child(2) { animation-delay: 0.2s; }\r\n.visionhome-news-item:nth-child(3) { animation-delay: 0.3s; }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\r\n<script>\r\n$(document).ready(function() {\r\n    \/\/ Intersection Observer for animation on scroll\r\n    const visionhomeObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('visionhome-animate-in');\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.1,\r\n        rootMargin: '50px'\r\n    });\r\n\r\n    \/\/ Observe all news items\r\n    document.querySelectorAll('.visionhome-news-item').forEach(item => {\r\n        visionhomeObserver.observe(item);\r\n    });\r\n\r\n    \/\/ Smooth hover effects for better UX\r\n    $('.visionhome-news-item').on('mouseenter', function() {\r\n        $(this).find('.visionhome-news-image img').css('transform', 'scale(1.05)');\r\n    }).on('mouseleave', function() {\r\n        $(this).find('.visionhome-news-image img').css('transform', 'scale(1)');\r\n    });\r\n\r\n    \/\/ Add click tracking for analytics (optional)\r\n    $('.visionhome-read-more, .visionhome-view-all-btn').on('click', function(e) {\r\n        const link = $(this).attr('href');\r\n        const title = $(this).closest('.visionhome-news-item').find('.visionhome-news-headline').text() || 'View All News';\r\n        \r\n        \/\/ Add your analytics tracking here\r\n        console.log('News link clicked:', { title, link });\r\n        \r\n        \/\/ Optional: Add smooth transition effect\r\n        $(this).addClass('visionhome-clicked');\r\n        setTimeout(() => {\r\n            $(this).removeClass('visionhome-clicked');\r\n        }, 200);\r\n    });\r\n\r\n    \/\/ Lazy loading for images (performance optimization)\r\n    if ('IntersectionObserver' in window) {\r\n        const visionhomeImageObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const img = entry.target;\r\n                    if (img.dataset.src) {\r\n                        img.src = img.dataset.src;\r\n                        img.removeAttribute('data-src');\r\n                        visionhomeImageObserver.unobserve(img);\r\n                    }\r\n                }\r\n            });\r\n        });\r\n\r\n        document.querySelectorAll('.visionhome-news-image img[data-src]').forEach(img => {\r\n            visionhomeImageObserver.observe(img);\r\n        });\r\n    }\r\n\r\n    \/\/ Add subtle parallax effect on scroll (optional)\r\n    let visionhomeTicking = false;\r\n    \r\n    function visionhomeUpdateParallax() {\r\n        const scrolled = window.pageYOffset;\r\n        const newsWrapper = document.querySelector('.visionhome-news-wrapper');\r\n        \r\n        if (newsWrapper) {\r\n            const rate = scrolled * -0.2;\r\n            newsWrapper.style.transform = `translateY(${rate}px)`;\r\n        }\r\n        \r\n        visionhomeTicking = false;\r\n    }\r\n    \r\n    function visionhomeRequestTick() {\r\n        if (!visionhomeTicking) {\r\n            requestAnimationFrame(visionhomeUpdateParallax);\r\n            visionhomeTicking = true;\r\n        }\r\n    }\r\n    \r\n    \/\/ Uncomment below for parallax effect\r\n    \/\/ window.addEventListener('scroll', visionhomeRequestTick);\r\n});\r\n\r\n\/\/ CSS for clicked state\r\nconst visionhomeClickedStyle = `\r\n<style>\r\n.visionhome-clicked {\r\n    transform: scale(0.98) !important;\r\n    transition: transform 0.1s ease !important;\r\n}\r\n<\/style>\r\n`;\r\n\r\n\/\/ Inject the style\r\nif (!document.querySelector('#visionhome-clicked-style')) {\r\n    const styleTag = document.createElement('style');\r\n    styleTag.id = 'visionhome-clicked-style';\r\n    styleTag.textContent = `.visionhome-clicked { transform: scale(0.98) !important; transition: transform 0.1s ease !important; }`;\r\n    document.head.appendChild(styleTag);\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cf83b4 elementor-widget elementor-widget-html\" data-id=\"9cf83b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <title>Certificate Section<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .cert {\r\n            width: 100%;\r\n            background-color: #1a2951;\r\n            color: white;\r\n            padding: 80px 40px;\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            margin-top: calc(3%);\r\n        }\r\n\r\n        .cert-container {\r\n            max-width: 1450px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 80px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cert-left-section {\r\n            flex: 1;\r\n            min-width: 300px;\r\n        }\r\n\r\n        .cert-title {\r\n            font-size: 32px;\r\n            font-weight: 600;\r\n            line-height: 1.3;\r\n            margin: 0 0 30px 0;\r\n            color: white !important;\r\n        }\r\n\r\n        .cert-contact-btn {\r\n            background-color: white;\r\n            color: #1a2951;\r\n            border: none;\r\n            padding: 16px 32px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            font-family: 'Inter', sans-serif;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-width: 160px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            -webkit-tap-highlight-color: transparent;\r\n            touch-action: manipulation;\r\n        }\r\n\r\n        .cert-contact-btn:hover,\r\n        .cert-contact-btn:active,\r\n        .cert-contact-btn:focus {\r\n            background-color: #f8f9fa;\r\n            color: #1a2951;\r\n            outline: none;\r\n        }\r\n\r\n        .cert-btn-text {\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cert-btn-arrow {\r\n            transition: all 0.3s ease;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cert-right-section {\r\n            flex: 1;\r\n            min-width: 450px;\r\n            display: flex;\r\n            gap: 25px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cert-item {\r\n            text-align: center;\r\n            flex: 1;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .cert-image-container {\r\n            margin-bottom: 16px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .cert-image {\r\n            width: 100%;\r\n            height: 300px;\r\n            object-fit: contain;\r\n            border-radius: 8px;\r\n            loading: lazy;\r\n        }\r\n\r\n        .cert-label {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            margin: 0;\r\n            color: white;\r\n        }\r\n\r\n        \/* Hover Effects *\/\r\n        .cert-contact-btn:hover .cert-btn-arrow {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .cert-image-container:hover {\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        \/* Mobile Optimizations *\/\r\n        @media (max-width: 768px) {\r\n            .cert {\r\n                padding: 60px 20px;\r\n                margin-top: 0;\r\n            }\r\n\r\n            .cert-container {\r\n                flex-direction: column;\r\n                gap: 40px;\r\n                text-align: center;\r\n            }\r\n\r\n            .cert-left-section {\r\n                min-width: unset;\r\n                width: 100%;\r\n            }\r\n\r\n            .cert-title {\r\n                font-size: 24px;\r\n                line-height: 1.4;\r\n                margin-bottom: 24px;\r\n            }\r\n\r\n            .cert-contact-btn {\r\n                width: 100%;\r\n                max-width: 280px;\r\n                padding: 18px 32px;\r\n                font-size: 16px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .cert-right-section {\r\n                min-width: unset;\r\n                width: 100%;\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n\r\n            .cert-item {\r\n                min-width: unset;\r\n                width: 100%;\r\n                max-width: 280px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .cert-image {\r\n                height: 250px;\r\n            }\r\n\r\n            .cert-label {\r\n                font-size: 15px;\r\n            }\r\n        }\r\n\r\n        \/* Small Mobile Devices *\/\r\n        @media (max-width: 480px) {\r\n            .cert {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .cert-container {\r\n                gap: 32px;\r\n            }\r\n\r\n            .cert-title {\r\n                font-size: 20px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .cert-contact-btn {\r\n                padding: 16px 24px;\r\n                font-size: 15px;\r\n                max-width: 240px;\r\n            }\r\n\r\n            .cert-right-section {\r\n                gap: 24px;\r\n            }\r\n\r\n            .cert-item {\r\n                max-width: 240px;\r\n            }\r\n\r\n            .cert-image {\r\n                height: 200px;\r\n            }\r\n\r\n            .cert-label {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        \/* Very Small Devices *\/\r\n        @media (max-width: 360px) {\r\n            .cert {\r\n                padding: 32px 12px;\r\n            }\r\n\r\n            .cert-title {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .cert-contact-btn {\r\n                padding: 14px 20px;\r\n                font-size: 14px;\r\n                min-width: 140px;\r\n            }\r\n\r\n            .cert-image {\r\n                height: 180px;\r\n            }\r\n        }\r\n\r\n        \/* Touch-friendly improvements *\/\r\n        @media (hover: none) and (pointer: coarse) {\r\n            .cert-contact-btn:hover .cert-btn-arrow {\r\n                transform: none;\r\n            }\r\n\r\n            .cert-image-container:hover {\r\n                transform: none;\r\n            }\r\n\r\n            .cert-contact-btn:active {\r\n                transform: scale(0.98);\r\n            }\r\n        }\r\n\r\n        \/* Landscape orientation on mobile *\/\r\n        @media (max-width: 768px) and (orientation: landscape) {\r\n            .cert {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .cert-container {\r\n                flex-direction: row;\r\n                gap: 40px;\r\n                text-align: left;\r\n            }\r\n\r\n            .cert-left-section {\r\n                flex: 1;\r\n            }\r\n\r\n            .cert-right-section {\r\n                flex: 1;\r\n                flex-direction: row;\r\n                gap: 20px;\r\n            }\r\n\r\n            .cert-item {\r\n                max-width: none;\r\n                flex: 1;\r\n            }\r\n\r\n            .cert-image {\r\n                height: 160px;\r\n            }\r\n        }\r\n\r\n        \/* High DPI displays *\/\r\n        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n            .cert-image {\r\n                image-rendering: -webkit-optimize-contrast;\r\n                image-rendering: crisp-edges;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility improvements *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .cert-contact-btn,\r\n            .cert-btn-text,\r\n            .cert-btn-arrow,\r\n            .cert-image-container {\r\n                transition: none;\r\n            }\r\n        }\r\n\r\n        \/* Focus visibility for keyboard navigation *\/\r\n        .cert-contact-btn:focus-visible {\r\n            outline: 2px solid white;\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* Loading state for images *\/\r\n        .cert-image[loading=\"lazy\"] {\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .cert-image[loading=\"lazy\"].loaded {\r\n            opacity: 1;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"cert\">\r\n        <div class=\"cert-container\">\r\n            <!-- Left Section: Text and Button -->\r\n            <div class=\"cert-left-section\">\r\n                <h2 class=\"cert-title\">\r\n                    Welcome to book a factory visit for warehouse storage solution.\r\n                <\/h2>\r\n                \r\n                <button class=\"cert-contact-btn\" onclick=\"goToContact()\" aria-label=\"Contact us now\">\r\n                    <span class=\"cert-btn-text\">Contact Now<\/span>\r\n                    <span class=\"cert-btn-arrow\" aria-hidden=\"true\">><\/span>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <!-- Right Section: Certificates -->\r\n            <div class=\"cert-right-section\">\r\n                <!-- Racking Certificate -->\r\n                <div class=\"cert-item\">\r\n                    <div class=\"cert-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/07\/CE-certificate.jpg\" \r\n                             alt=\"CE Racking Certificate - Quality certification for storage racking systems\" \r\n                             class=\"cert-image\"\r\n                             loading=\"lazy\"\r\n                             onload=\"this.classList.add('loaded')\">\r\n                    <\/div>\r\n                    <p class=\"cert-label\">Racking Certificate<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Shuttle Certificate -->\r\n                <div class=\"cert-item\">\r\n                    <div class=\"cert-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/07\/2D-shuttle-CE-certificate.jpg\" \r\n                             alt=\"CE Shuttle Certificate - Quality certification for 2D shuttle systems\" \r\n                             class=\"cert-image\"\r\n                             loading=\"lazy\"\r\n                             onload=\"this.classList.add('loaded')\">\r\n                    <\/div>\r\n                    <p class=\"cert-label\">Shuttle Certificate<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Page initialization\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            console.log('Certificate section loaded');\r\n            \r\n            \/\/ Optimize images for mobile\r\n            optimizeImagesForMobile();\r\n            \r\n            \/\/ Add touch feedback\r\n            addTouchFeedback();\r\n        });\r\n\r\n        \/\/ Navigate to contact page\r\n        function goToContact() {\r\n            \/\/ Add loading state for better UX\r\n            const btn = document.querySelector('.cert-contact-btn');\r\n            const originalText = btn.innerHTML;\r\n            \r\n            btn.innerHTML = '<span class=\"cert-btn-text\">Loading...<\/span>';\r\n            btn.disabled = true;\r\n            \r\n            \/\/ Navigate after brief delay to show loading state\r\n            setTimeout(() => {\r\n                window.location.href = 'https:\/\/www.visonstorage.com\/contact-us\/';\r\n            }, 200);\r\n        }\r\n\r\n        \/\/ Optimize images for different screen sizes\r\n        function optimizeImagesForMobile() {\r\n            const images = document.querySelectorAll('.cert-image');\r\n            \r\n            images.forEach(img => {\r\n                \/\/ Add error handling for images\r\n                img.onerror = function() {\r\n                    this.style.display = 'none';\r\n                    console.warn('Failed to load certificate image:', this.src);\r\n                };\r\n                \r\n                \/\/ Lazy loading fallback for older browsers\r\n                if ('loading' in HTMLImageElement.prototype) {\r\n                    img.loading = 'lazy';\r\n                } else {\r\n                    \/\/ Polyfill for lazy loading\r\n                    if ('IntersectionObserver' in window) {\r\n                        const imageObserver = new IntersectionObserver((entries, observer) => {\r\n                            entries.forEach(entry => {\r\n                                if (entry.isIntersecting) {\r\n                                    const image = entry.target;\r\n                                    image.src = image.dataset.src || image.src;\r\n                                    image.classList.remove('lazy');\r\n                                    imageObserver.unobserve(image);\r\n                                }\r\n                            });\r\n                        });\r\n                        imageObserver.observe(img);\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Add enhanced touch feedback\r\n        function addTouchFeedback() {\r\n            const button = document.querySelector('.cert-contact-btn');\r\n            \r\n            \/\/ Add haptic feedback on supported devices\r\n            button.addEventListener('touchstart', function() {\r\n                if ('vibrate' in navigator) {\r\n                    navigator.vibrate(10); \/\/ Very short vibration\r\n                }\r\n            });\r\n            \r\n            \/\/ Prevent double-tap zoom on button\r\n            let lastTouchEnd = 0;\r\n            button.addEventListener('touchend', function(event) {\r\n                const now = (new Date()).getTime();\r\n                if (now - lastTouchEnd <= 300) {\r\n                    event.preventDefault();\r\n                }\r\n                lastTouchEnd = now;\r\n            }, false);\r\n        }\r\n\r\n        \/\/ Handle orientation changes\r\n        window.addEventListener('orientationchange', function() {\r\n            \/\/ Force a reflow to handle orientation changes properly\r\n            setTimeout(() => {\r\n                window.scrollTo(0, window.scrollY);\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ Performance monitoring\r\n        if ('performance' in window) {\r\n            window.addEventListener('load', function() {\r\n                setTimeout(() => {\r\n                    const perfData = performance.getEntriesByType('navigation')[0];\r\n                    if (perfData && perfData.loadEventEnd > 3000) {\r\n                        console.warn('Page load time exceeded 3 seconds');\r\n                    }\r\n                }, 0);\r\n            });\r\n        }\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54c168f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"54c168f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer class=\"footer\">\r\n  <div class=\"footer-container\">\r\n    <!-- Column 1 -->\r\n    <div class=\"footer-logo-wrapper\">\r\n      <div class=\"footer-logo\">\r\n<a href=\"https:\/\/www.visonstorage.com\/\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png\" alt=\"Logo\">\r\n<\/a>\r\n\r\n      <\/div>\r\n<p class=\"Description_LOGO\">A Company of Weida Group<\/p>\r\n\r\n    <\/div>\r\n  \r\n\r\n   <!-- Column 2 -->\r\n    <div class=\"footer-column storage-systems-column\">\r\n      <h5 class=\"footer-heading\">STORAGE SYSTEMS<\/h5>\r\n      <ul>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/storage-systems\/industrial-racking-system\/\">Industrial Racking Systems<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/storage-systems\/automated-warehouse\/\">Automated Warehouses<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/storage-systems\/warehouse-accessories\/\">Warehouse Accessories<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <!-- Column 3 -->\r\n    <div class=\"footer-column about-us-column\">\r\n      <h5 class=\"footer-heading\">ABOUT US<\/h5>\r\n      <ul>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/news\/\">NEWS<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/blog\/\">BLOG<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.visonstorage.com\/cases\/\">CASES<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <!-- Column 4 -->\r\n    <div class=\"footer-column contact-us-column\">\r\n      <h5 class=\"footer-heading\">CONTACT US<\/h5>\r\n      <ul>\r\n        <li>Office: Building J, Zhendai Himalaya, Yuhua District<\/li>\r\n        <li>e-mail: <a href=\"mailto:sales@cnvison.com\">sales@cnvison.com<\/a><\/li>\r\n        <li><a href=\"tel:+86 15298359310\">+86 15298359310<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    \r\n    <!-- ... existing code ... -->\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    <p>Vison Racking All Rights Reserved<\/p>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n.footer {\r\n  background-color: #e;\r\n  color: #595b5c;\r\n  font-family: 'Inter', Arial, sans-serif;\r\n  padding: 20px;\r\n  text-align: left;\r\n  margin-left: calc(12%);\r\n  margin-right: calc(15%);\r\n}\r\n\r\n.footer-container {\r\n  display: flex;\r\n  justify-items: center;\r\n  gap: 60px; \/* Increased gap for 1903px width container *\/\r\n  width: 100%;\r\n  max-width: 1903px;\r\n  margin-top:calc(4%);\r\n}\r\n\r\n.footer-logo-wrapper\r\n{\r\n    margin-right:calc(20%);\r\n}\r\n.footer-column {\r\n  flex: 1 1 auto; \/* Changed from 22% to auto for more flexibility *\/\r\n  margin-bottom: 20px;\r\n  margin-left: 0;\r\n  font-size: 17.8px;\r\n\r\n}\r\n\/* Individual column styling *\/\r\n.storage-systems-column {\r\n  width: 32%;\r\n  max-width: 475px;\r\n}\r\n\r\n.about-us-column {\r\n  width: 28%;\r\n  max-width: 135px;\r\n}\r\n\r\n.contact-us-column {\r\n  width: 40%;\r\n  max-width: 475px;\r\n}\r\n\r\n\/* Rest of your CSS remains the same *\/\r\n.footer-column h5 {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #111;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.footer-column ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.footer-column ul li {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.footer-column ul li a {\r\n  color: #595b5c;\r\n  text-decoration: none !important;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.footer-column ul li a:hover {\r\n  color: #333;\r\n  text-decoration: underline !important;\r\n}\r\n\r\n.footer-logo {\r\n  width: 168px;\r\n  height: 40px;\r\n  background-color: none;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.footer-bottom {\r\n  font-weight: 260;\r\n  color: black; \/* Fixed font-color to color *\/\r\n}\r\n\r\n.Description_LOGO {\r\n  font-family: \"DM Serif Text\", serif;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n}\r\n\r\na:focus {\r\n    outline: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .footer-container {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    background-color: #FFFFFF\r\n  }\r\n  \r\n  .storage-systems-column,\r\n  .about-us-column,\r\n  .contact-us-column {\r\n    width: 100%;\r\n  }\r\n<\/style>\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>leo@cnvison.com +86 17856072257 Home Storage Systems Industrial Racking Systems Heavy Duty Racking Teardrop Racking Medium Duty Racking Light Duty Rack Cantilever Racking Mezzanine Floor Very Narrow Aisle Racking(VNA) Double Deep Racking System Pallet Flow Racking Drive in Racking Rivet Shelving Long Span Shelving Automated Warehouses Four Way Shuttle System Two Way Shuttle system Pallet Shuttle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9392,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-600","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.4 (Yoast SEO v24.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vison Racking | Warehouse Racking Manufacturer<\/title>\n<meta name=\"description\" content=\"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.visonstorage.com\/zh\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home\" \/>\n<meta property=\"og:description\" content=\"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.visonstorage.com\/zh\/\" \/>\n<meta property=\"og:site_name\" content=\"Vison Racking\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T08:32:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1903\" \/>\n\t<meta property=\"og:image:height\" content=\"1065\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.visonstorage.com\/\",\"url\":\"https:\/\/www.visonstorage.com\/\",\"name\":\"Vison Racking | Warehouse Racking Manufacturer\",\"isPartOf\":{\"@id\":\"http:\/\/8.213.237.176\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.visonstorage.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.visonstorage.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg\",\"datePublished\":\"2024-11-26T07:58:57+00:00\",\"dateModified\":\"2026-05-11T08:32:01+00:00\",\"description\":\"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks\",\"breadcrumb\":{\"@id\":\"https:\/\/www.visonstorage.com\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.visonstorage.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.visonstorage.com\/#primaryimage\",\"url\":\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg\",\"contentUrl\":\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg\",\"width\":1903,\"height\":1065},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.visonstorage.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.visonstorage.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/8.213.237.176\/#website\",\"url\":\"http:\/\/8.213.237.176\/\",\"name\":\"Vison Racking\",\"description\":\"Just another Astra Starter Templates site\",\"publisher\":{\"@id\":\"http:\/\/8.213.237.176\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/8.213.237.176\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/8.213.237.176\/#organization\",\"name\":\"Vison Racking\",\"url\":\"http:\/\/8.213.237.176\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/8.213.237.176\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png\",\"contentUrl\":\"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png\",\"width\":200,\"height\":47,\"caption\":\"Vison Racking\"},\"image\":{\"@id\":\"http:\/\/8.213.237.176\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vison Racking | Warehouse Racking Manufacturer","description":"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.visonstorage.com\/zh\/","og_locale":"zh_CN","og_type":"article","og_title":"Home","og_description":"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks","og_url":"https:\/\/www.visonstorage.com\/zh\/","og_site_name":"Vison Racking","article_modified_time":"2026-05-11T08:32:01+00:00","og_image":[{"width":1903,"height":1065,"url":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"9 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.visonstorage.com\/","url":"https:\/\/www.visonstorage.com\/","name":"Vison Racking | Warehouse Racking Manufacturer","isPartOf":{"@id":"http:\/\/8.213.237.176\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.visonstorage.com\/#primaryimage"},"image":{"@id":"https:\/\/www.visonstorage.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg","datePublished":"2024-11-26T07:58:57+00:00","dateModified":"2026-05-11T08:32:01+00:00","description":"As the top warehouse racking manufacturer, Vison retains 17 years of expertise in designing and manufacturing heavy-duty storage racks","breadcrumb":{"@id":"https:\/\/www.visonstorage.com\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.visonstorage.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.visonstorage.com\/#primaryimage","url":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg","contentUrl":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2025\/02\/Home-Page_Banner_2.jpg","width":1903,"height":1065},{"@type":"BreadcrumbList","@id":"https:\/\/www.visonstorage.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.visonstorage.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"http:\/\/8.213.237.176\/#website","url":"http:\/\/8.213.237.176\/","name":"Vison Racking","description":"Just another Astra Starter Templates site","publisher":{"@id":"http:\/\/8.213.237.176\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/8.213.237.176\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"http:\/\/8.213.237.176\/#organization","name":"Vison Racking","url":"http:\/\/8.213.237.176\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/8.213.237.176\/#\/schema\/logo\/image\/","url":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png","contentUrl":"https:\/\/www.visonstorage.com\/wp-content\/uploads\/2024\/11\/VISON-LOGO.png","width":200,"height":47,"caption":"Vison Racking"},"image":{"@id":"http:\/\/8.213.237.176\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/pages\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/comments?post=600"}],"version-history":[{"count":854,"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/pages\/600\/revisions"}],"predecessor-version":[{"id":15141,"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/pages\/600\/revisions\/15141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/media\/9392"}],"wp:attachment":[{"href":"https:\/\/www.visonstorage.com\/zh\/wp-json\/wp\/v2\/media?parent=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}