{"id":2,"date":"2023-04-28T01:19:39","date_gmt":"2023-04-28T01:19:39","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=2"},"modified":"2026-04-01T15:35:24","modified_gmt":"2026-04-01T15:35:24","slug":"%d0%b4%d0%be%d0%bc","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/ru\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMesoforming High Efficiency Servo Systems V11<\/title>\r\n<style>\r\n \/* \r\n * ============================================================\r\n * MESOFORMING V11 - OPTIMIZED Z-INDEX STACK\r\n * - Fixes \"Cards covering Menu\" issue (Z-Index lowered to 1)\r\n * - Maintains \"Equal Height\" logic\r\n * - Maintains \"Interactive List\" animation\r\n * - 100% Conflict-Free Isolation\r\n * ============================================================\r\n *\/\r\n\r\n \/* ROOT SCOPE - ISOLATION FROM THEME *\/\r\n #meso-v11-root {\r\n all: initial; \/* Strips inherited theme styles *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n line-height: 1.5;\r\n color: #333;\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n background-color: transparent !important;\r\n position: relative;\r\n }\r\n\r\n \/* GLOBAL RESET INSIDE SCOPE *\/\r\n #meso-v11-root *, \r\n #meso-v11-root *::before, \r\n #meso-v11-root *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n text-decoration: none;\r\n list-style: none;\r\n outline: none;\r\n border: none;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n @keyframes meso-pulse-v11 {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\r\n 70% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\r\n }\r\n\r\n \/* --- HERO SECTION --- *\/\r\n #meso-v11-root .meso-hero {\r\n position: relative;\r\n \/* Image Background *\/\r\n background: #000 url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060815253413.webp') no-repeat center center;\r\n background-size: cover;\r\n \/* Padding allows cards to overlap bottom *\/\r\n padding: 100px 20px 280px 20px; \r\n color: #fff;\r\n \/* LEVEL 0: Base Layer *\/\r\n z-index: 0; \r\n }\r\n\r\n #meso-v11-root .meso-overlay {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0, 0, 0, 0.5); \/* Overlay opacity *\/\r\n backdrop-filter: blur(2px);\r\n z-index: -1; \/* Behind content *\/\r\n }\r\n\r\n #meso-v11-root .meso-hero-content {\r\n position: relative;\r\n z-index: 2; \/* Content sits above overlay *\/\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n\r\n #meso-v11-root h1 {\r\n font-size: 46px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n color: #fff;\r\n margin-bottom: 25px;\r\n max-width: 900px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n #meso-v11-root p.meso-lead {\r\n font-size: 18px;\r\n line-height: 1.6;\r\n color: #e0e0e0;\r\n margin-bottom: 40px;\r\n max-width: 750px;\r\n font-weight: 400;\r\n }\r\n\r\n \/* BUTTONS *\/\r\n #meso-v11-root .meso-btn-group {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n #meso-v11-root .meso-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px 32px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n transition: transform 0.2s, background-color 0.2s;\r\n }\r\n\r\n #meso-v11-root .meso-btn-primary {\r\n background-color: #ffa500;\r\n color: #fff;\r\n box-shadow: 0 5px 15px rgba(255, 165, 0, 0.4);\r\n }\r\n\r\n #meso-v11-root .meso-btn-primary:hover {\r\n background-color: #ffb733;\r\n transform: translateY(-2px);\r\n }\r\n\r\n #meso-v11-root .meso-btn-secondary {\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.5);\r\n color: #fff;\r\n }\r\n\r\n #meso-v11-root .meso-btn-secondary:hover {\r\n background: #fff;\r\n color: #000;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* --- CARDS CONTAINER (CRITICAL Z-INDEX FIX) --- *\/\r\n #meso-v11-root .meso-cards-container {\r\n position: relative;\r\n max-width: 1280px;\r\n margin: -200px auto 80px auto; \/* Negative Margin Pull Up *\/\r\n padding: 0 20px;\r\n \r\n \/* \r\n LEVEL 1: Sits above Hero (0) but BELOW Sticky Header (usually 10+)\r\n This solves the \"Ugly Floating\" issue.\r\n *\/\r\n z-index: 1; \r\n \r\n background-color: transparent !important;\r\n display: flex;\r\n align-items: stretch; \/* Forces Equal Height *\/\r\n gap: 30px;\r\n }\r\n\r\n \/* --- COMMON CARD STYLES --- *\/\r\n #meso-v11-root .meso-card {\r\n border-radius: 12px;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n\r\n \/* CARD 1: WHITE (Product Info) *\/\r\n #meso-v11-root .meso-card-white {\r\n flex: 1.6; \/* 60% Width *\/\r\n background: #ffffff;\r\n padding: 45px;\r\n flex-direction: row; \r\n gap: 40px;\r\n }\r\n\r\n #meso-v11-root .meso-col-text {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n #meso-v11-root .meso-col-list {\r\n flex: 1;\r\n border-left: 1px solid #f0f0f0;\r\n padding-left: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n #meso-v11-root h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #111;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n #meso-v11-root .meso-desc {\r\n font-size: 15px;\r\n color: #555;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n\r\n #meso-v11-root .meso-link-arrow {\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #000;\r\n text-transform: uppercase;\r\n display: inline-flex;\r\n align-items: center;\r\n letter-spacing: 0.5px;\r\n transition: color 0.3s;\r\n }\r\n #meso-v11-root .meso-link-arrow:hover { color: #ffa500; }\r\n #meso-v11-root .meso-link-arrow svg { width: 16px; height: 16px; margin-left: 8px; fill: #ffa500; transition: transform 0.3s; }\r\n #meso-v11-root .meso-link-arrow:hover svg { transform: translateX(5px); }\r\n\r\n \/* Interactive List Items *\/\r\n #meso-v11-root .meso-list-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 10px 12px;\r\n margin-bottom: 8px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #333;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n #meso-v11-root .meso-list-item:hover {\r\n background-color: #f5fcf8;\r\n transform: translateX(8px);\r\n box-shadow: -4px 0 0 #ffa500;\r\n }\r\n\r\n #meso-v11-root .meso-check {\r\n min-width: 24px;\r\n height: 24px;\r\n background: #eefbf3;\r\n color: #00c853;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 15px;\r\n flex-shrink: 0;\r\n }\r\n #meso-v11-root .meso-check svg { width: 14px; height: 14px; fill: currentColor; }\r\n\r\n \/* CARD 2: PURPLE (CTA) *\/\r\n #meso-v11-root .meso-card-purple {\r\n flex: 1; \/* 40% Width *\/\r\n background: linear-gradient(135deg, #6200ea 0%, #7c4dff 100%);\r\n color: #fff;\r\n padding: 45px;\r\n border-bottom: 6px solid #ffa500;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n #meso-v11-root .meso-card-purple h2 { color: #fff; margin-top: 15px; }\r\n\r\n #meso-v11-root .meso-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n color: #ffa500;\r\n font-size: 11px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n padding: 6px 10px;\r\n border-radius: 4px;\r\n width: fit-content;\r\n }\r\n\r\n #meso-v11-root .meso-desc-purple {\r\n color: rgba(255,255,255,0.9);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n border-bottom: 1px solid rgba(255,255,255,0.2);\r\n padding-bottom: 25px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Contact Row *\/\r\n #meso-v11-root .meso-contact {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n color: #fff;\r\n margin-top: auto;\r\n }\r\n\r\n #meso-v11-root .meso-icon-box {\r\n width: 58px;\r\n height: 58px;\r\n background: #ffa500;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 18px;\r\n animation: meso-pulse-v11 2s infinite;\r\n flex-shrink: 0;\r\n }\r\n #meso-v11-root .meso-icon-box svg { width: 26px; height: 26px; fill: #fff; }\r\n\r\n #meso-v11-root .meso-contact-details { display: flex; flex-direction: column; }\r\n #meso-v11-root .meso-contact-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.9; }\r\n #meso-v11-root .meso-contact-num { font-size: 24px; font-weight: 800; line-height: 1; }\r\n\r\n \/* --- RESPONSIVE OPTIMIZATION --- *\/\r\n @media (max-width: 1024px) {\r\n #meso-v11-root .meso-card-white { flex-direction: column; gap: 30px; }\r\n #meso-v11-root .meso-col-list { border-left: none; padding-left: 0; border-top: 1px solid #eee; padding-top: 25px; }\r\n #meso-v11-root h1 { font-size: 38px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #meso-v11-root .meso-hero { padding-bottom: 200px; }\r\n #meso-v11-root .meso-cards-container { flex-direction: column; margin-top: -150px; gap: 20px; }\r\n #meso-v11-root .meso-card { width: 100%; }\r\n #meso-v11-root .meso-btn { width: 100%; }\r\n #meso-v11-root h1 { font-size: 30px; }\r\n }\r\n<\/style>\r\n\r\n<!-- SEO STRUCTURED DATA -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"Product\",\r\n \"name\": \"Fully Servo Thermoforming System\",\r\n \"description\": \"High efficiency plastic forming machines with customization options.\",\r\n \"brand\": { \"@type\": \"Brand\", \"name\": \"Mesoforming\" },\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158\",\r\n \"offers\": { \"@type\": \"Offer\", \"availability\": \"https:\/\/schema.org\/InStock\", \"url\": \"https:\/\/www.mesoforming.com\/quote\" }\r\n }\r\n ]\r\n}\r\n<\/script>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"meso-v11-root\">\r\n \r\n <!-- Hero Section -->\r\n <header class=\"meso-hero\">\r\n <div class=\"meso-overlay\"><\/div>\r\n <div class=\"meso-hero-content\">\r\n <h1>Boost Plastic Forming Efficiency By 30% With Fully Servo Thermoforming Systems<\/h1>\r\n <p class=\"meso-lead\">\r\n Experience engineering excellence with Mesoforming. Our team of innovative engineers and dedicated after-sales experts deliver precise, high-speed solutions tailored to your manufacturing needs.\r\n <\/p>\r\n \r\n <div class=\"meso-btn-group\">\r\n <a href=\"https:\/\/mesoforming.com\/contact\/\" class=\"meso-btn meso-btn-primary\">\r\n Get Instant Quote\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=zcs01ObXCwI\" class=\"meso-btn meso-btn-secondary\">\r\n <svg style=\"width:12px; height:12px; margin-right:10px; fill:currentColor;\" viewBox=\"0 0 14 16\"><path d=\"M14 8L0 16V0z\"><\/path><\/svg>\r\n Watch Machine Demo\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Cards Container -->\r\n <section class=\"meso-cards-container\">\r\n \r\n <!-- White Card -->\r\n <article class=\"meso-card meso-card-white\">\r\n <div class=\"meso-col-text\">\r\n <div>\r\n <h2>What Can Our Machines Produce?<\/h2>\r\n <p class=\"meso-desc\">\r\n From R&D to final delivery, Mesoforming ensures quality at every step. Our systems are designed for versatility, handling various materials (PET, PP, PS) with precision.\r\n <\/p>\r\n <\/div>\r\n <a href=\"#products\" class=\"meso-link-arrow\">\r\n View All Products\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"meso-col-list\">\r\n <!-- Interactive List -->\r\n <div class=\"meso-list-item\">\r\n <div class=\"meso-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <span>LOGO customization<\/span>\r\n <\/div>\r\n <div class=\"meso-list-item\">\r\n <div class=\"meso-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <span>Pattern customization<\/span>\r\n <\/div>\r\n <div class=\"meso-list-item\">\r\n <div class=\"meso-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <span>Complete supporting products<\/span>\r\n <\/div>\r\n <div class=\"meso-list-item\">\r\n <div class=\"meso-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <span>Fast delivery<\/span>\r\n <\/div>\r\n <div class=\"meso-list-item\">\r\n <div class=\"meso-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n <span>Tailor-made thermoforming solutions<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Purple Card -->\r\n <article class=\"meso-card meso-card-purple\">\r\n <div>\r\n <span class=\"meso-badge\">Trusted by 500+ Factories<\/span>\r\n <h2>Get Your Product Quote<\/h2>\r\n <p class=\"meso-desc-purple\">\r\n Secure patented technology with CE certification. Our engineers are ready to provide a tailored solution within 2 hours.\r\n <\/p>\r\n <\/div>\r\n \r\n <a href=\"tel:+8618025612076\" class=\"meso-contact\">\r\n <div class=\"meso-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1C6.48 1 2 5.48 2 11v6c0 1.66 1.34 3 3 3h3v-8H5v-1c0-3.87 3.13-7 7-7s7 3.13 7 7v1h-3v8h3c1.66 0 3-1.34 3-3v-6c0-5.52-4.48-10-10-10zM4 14h2v4H4v-4zm16 4h-2v-4h2v4z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"meso-contact-details\">\r\n <span class=\"meso-contact-label\">24\/7 Technical Support<\/span>\r\n <span class=\"meso-contact-num\">(+86) 180 2561 2076<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/article>\r\n\r\n <\/section>\r\n<\/div>\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c74ad33 e-con-full e-flex e-con e-parent\" data-id=\"c74ad33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5d19e15 e-con-full e-flex e-con e-child\" data-id=\"5d19e15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95b625 elementor-widget elementor-widget-html\" data-id=\"f95b625\" 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<!-- PREMIUM INDUSTRIAL SECTION: START -->\r\n\r\n<!-- 1. Font Preconnections -->\r\n<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:wght@400;500;600&family=Oswald:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* --- STABLE GRID LAYOUT SYSTEM --- *\/\r\n #gl-premium-section {\r\n --gl-purple: #7c3aed;\r\n --gl-dark: #0f172a;\r\n --gl-accent: #f59e0b;\r\n --gl-text: #64748b;\r\n --gl-white: #ffffff;\r\n --gl-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);\r\n \r\n font-family: 'Inter', sans-serif;\r\n background: var(--gl-white);\r\n width: 100%;\r\n max-width: 1380px;\r\n margin: 60px auto;\r\n padding: 60px 40px;\r\n border-radius: 20px;\r\n box-shadow: var(--gl-shadow);\r\n box-sizing: border-box;\r\n \r\n \/* Fixed Grid to prevent overlapping and text crushing *\/\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \r\n gap: 60px;\r\n align-items: start;\r\n position: relative;\r\n text-align: left;\r\n overflow: hidden; \/* Critical fix for floating overlaps *\/\r\n z-index: 1; \/* Ensures it stays within page flow *\/\r\n }\r\n\r\n #gl-premium-section *, \r\n #gl-premium-section *::before, \r\n #gl-premium-section *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* --- Left Column Content --- *\/\r\n #gl-premium-section .gl-left-col {\r\n min-width: 0;\r\n }\r\n\r\n #gl-premium-section .gl-subtitle {\r\n color: var(--gl-purple);\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 15px;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n #gl-premium-section .gl-subtitle::before {\r\n content: '';\r\n width: 30px;\r\n height: 2px;\r\n background: var(--gl-purple);\r\n margin-right: 10px;\r\n }\r\n\r\n #gl-premium-section .gl-main-title {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 42px;\r\n line-height: 1.2;\r\n color: var(--gl-dark);\r\n margin-bottom: 25px;\r\n font-weight: 500;\r\n display: block;\r\n }\r\n\r\n \/* Requirement: Brand Link *\/\r\n #gl-premium-section .gl-brand-link {\r\n color: var(--gl-purple);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n #gl-premium-section .gl-brand-link:hover {\r\n color: var(--gl-accent);\r\n }\r\n\r\n #gl-premium-section .gl-description {\r\n color: var(--gl-text);\r\n font-size: 16px;\r\n line-height: 1.7;\r\n margin-bottom: 40px;\r\n }\r\n\r\n #gl-premium-section .gl-feature-row {\r\n display: flex;\r\n gap: 30px;\r\n width: 100%;\r\n align-items: start;\r\n }\r\n\r\n #gl-premium-section .gl-feature-img-box {\r\n width: 240px;\r\n flex-shrink: 0;\r\n height: 200px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n background-color: #f1f5f9;\r\n }\r\n\r\n #gl-premium-section .gl-feature-img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: block;\r\n }\r\n\r\n #gl-premium-section .gl-feature-img-box:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n #gl-premium-section .gl-feature-list {\r\n list-style: none;\r\n flex: 1;\r\n }\r\n\r\n #gl-premium-section .gl-feature-list li {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #334155;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 8px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n #gl-premium-section .gl-feature-list li:hover {\r\n transform: translateX(8px);\r\n color: var(--gl-purple);\r\n }\r\n\r\n #gl-premium-section .gl-check-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: var(--gl-accent);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Advanced Inquiry Icon & Link *\/\r\n #gl-premium-section .gl-inquiry-hint {\r\n margin-top: 10px;\r\n margin-left: 30px; \r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n #gl-premium-section .gl-inquiry-link {\r\n color: var(--gl-purple);\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: underline;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n #gl-premium-section .gl-inquiry-icon {\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--gl-purple);\r\n animation: gl-pulse-icon 2s infinite ease-in-out;\r\n }\r\n\r\n @keyframes gl-pulse-icon {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.7; }\r\n }\r\n\r\n #gl-premium-section .gl-inquiry-link:hover {\r\n opacity: 0.7;\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* --- Right Column: Video & Marquee --- *\/\r\n #gl-premium-section .gl-right-col {\r\n position: relative;\r\n min-width: 0;\r\n z-index: 2;\r\n }\r\n\r\n #gl-premium-section .gl-video-wrapper {\r\n width: 100%;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: var(--gl-shadow);\r\n position: relative;\r\n background: #000;\r\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n height: 0;\r\n }\r\n\r\n #gl-premium-section .gl-video-wrapper 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 }\r\n\r\n \/* Marquee Component *\/\r\n #gl-premium-section .gl-marquee-container {\r\n margin-top: 25px;\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 12px;\r\n padding: 12px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #gl-premium-section .gl-marquee-track {\r\n display: flex;\r\n white-space: nowrap;\r\n width: max-content;\r\n animation: gl-scroll 45s linear infinite;\r\n }\r\n\r\n #gl-premium-section .gl-marquee-item {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--gl-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding-right: 50px;\r\n }\r\n\r\n @keyframes gl-scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n #gl-premium-section .gl-marquee-container:hover .gl-marquee-track {\r\n animation-play-state: paused;\r\n }\r\n\r\n \/* Background Decoration - Fixed Positioning *\/\r\n #gl-premium-section .gl-decoration-bg {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n width: 100%;\r\n height: 85%;\r\n border: 2px solid var(--gl-purple);\r\n border-radius: 16px;\r\n z-index: -1; \/* Placed behind content *\/\r\n opacity: 0.2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- RESPONSIVE FIXES --- *\/\r\n @media (max-width: 1100px) {\r\n #gl-premium-section {\r\n grid-template-columns: 1fr;\r\n padding: 40px 20px;\r\n gap: 40px;\r\n }\r\n #gl-premium-section .gl-main-title { font-size: 32px; }\r\n #gl-premium-section .gl-feature-row { flex-direction: column; }\r\n #gl-premium-section .gl-feature-img-box { width: 100%; }\r\n #gl-premium-section .gl-decoration-bg { display: none; }\r\n }\r\n<\/style>\r\n\r\n<section id=\"gl-premium-section\">\r\n <!-- Structured Data for SEO -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"VideoObject\",\r\n \"name\": \"Mesoforming Thermoforming Machine Production\",\r\n \"description\": \"Expert engineering with 12 years of experience in high-speed thermoforming solutions.\",\r\n \"thumbnailUrl\": \"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024071307354538.webp\",\r\n \"uploadDate\": \"2024-01-01\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/zcs01ObXCwI\"\r\n }\r\n <\/script>\r\n\r\n <!-- Column 1: Text Content -->\r\n <div class=\"gl-left-col\">\r\n <span class=\"gl-subtitle\">About Us<\/span>\r\n <h2 class=\"gl-main-title\">\r\n <a href=\"https:\/\/mesoforming.com\/about\/\" class=\"gl-brand-link\">mesoforming<\/a> Has 12 Years Of Experience In Thermoforming Machine\r\n <\/h2>\r\n <p class=\"gl-description\">\r\n Our products are sold well in international markets such as Pakistan, Russia, Poland, Vietnam, Singapore, Indonesia, India, Iran, Turkey, etc. delivering engineering excellence and reliability.\r\n <\/p>\r\n\r\n <div class=\"gl-feature-row\">\r\n <figure class=\"gl-feature-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024071307354538.webp\" alt=\"Mesoforming Production Facility\" loading=\"lazy\">\r\n <\/figure>\r\n\r\n <ul class=\"gl-feature-list\">\r\n <li>\r\n <svg class=\"gl-check-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/><\/svg>\r\n 100% Satisfaction Guaranteed\r\n <\/li>\r\n <li>\r\n <svg class=\"gl-check-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/><\/svg>\r\n Expert & Experienced Team\r\n <\/li>\r\n <li>\r\n <svg class=\"gl-check-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/><\/svg>\r\n Personalized Customization\r\n <\/li>\r\n <li>\r\n <svg class=\"gl-check-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/><\/svg>\r\n Good After-sales Service\r\n <\/li>\r\n <li>\r\n <div style=\"display: flex; align-items: center; gap: 12px;\">\r\n <svg class=\"gl-check-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/><\/svg>\r\n <span>24\/7 Global Support<\/span>\r\n <\/div>\r\n <\/li>\r\n <div class=\"gl-inquiry-hint\">\r\n <a href=\"https:\/\/mesoforming.com\/contact\" class=\"gl-inquiry-link\">\r\n <svg class=\"gl-inquiry-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,18H4V8l8,5l8-5V18z M12,11L4,6h16 L12,11z\"\/>\r\n <\/svg>\r\n Send an inquiry for more details →\r\n <\/a>\r\n <\/div>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Column 2: Video & Marquee -->\r\n <div class=\"gl-right-col\">\r\n <div class=\"gl-decoration-bg\"><\/div>\r\n <div class=\"gl-video-wrapper\">\r\n <!-- Standardized URL to fix \"An Error Occurred\" playback issues -->\r\n <iframe \r\n src=\"https:\/\/www.youtube.com\/embed\/zcs01ObXCwI?rel=0&showinfo=0&modestbranding=1\" \r\n title=\"Mesoforming Machine Showcase\" \r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"gl-marquee-container\">\r\n <div class=\"gl-marquee-track\">\r\n <span class=\"gl-marquee-item\">\u2b50 12+ Years of Excellence in Thermoforming Engineering<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\ude80 30% Efficiency Boost with Fully Servo-Driven Systems<\/span>\r\n <span class=\"gl-marquee-item\">\ud83c\udf0d Trusted by 500+ Factories in Over 50 Countries<\/span>\r\n <span class=\"gl-marquee-item\">\ud83c\udfaf Precision Accuracy up to \u00b10.1mm<\/span>\r\n <span class=\"gl-marquee-item\">\u267b\ufe0f Sustainable Solutions for PLA, PET, PP & PS Materials<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\udee1\ufe0f CE Certified & ISO 9001 Quality Standards<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\udcde 24\/7 Global Technical Support with 2-Hour Response<\/span>\r\n <span class=\"gl-marquee-item\">\u26a1 High-Speed Production up to 45 Cycles\/Min<\/span>\r\n <!-- Loop Duplicate -->\r\n <span class=\"gl-marquee-item\">\u2b50 12+ Years of Excellence in Thermoforming Engineering<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\ude80 30% Efficiency Boost with Fully Servo-Driven Systems<\/span>\r\n <span class=\"gl-marquee-item\">\ud83c\udf0d Trusted by 500+ Factories in Over 50 Countries<\/span>\r\n <span class=\"gl-marquee-item\">\ud83c\udfaf Precision Accuracy up to \u00b10.1mm<\/span>\r\n <span class=\"gl-marquee-item\">\u267b\ufe0f Sustainable Solutions for PLA, PET, PP & PS Materials<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\udee1\ufe0f CE Certified & ISO 9001 Quality Standards<\/span>\r\n <span class=\"gl-marquee-item\">\ud83d\udcde 24\/7 Global Technical Support with 2-Hour Response<\/span>\r\n <span class=\"gl-marquee-item\">\u26a1 High-Speed Production up to 45 Cycles\/Min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- PREMIUM INDUSTRIAL SECTION: END -->\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<div class=\"elementor-element elementor-element-703b571 e-con-full e-flex e-con e-parent\" data-id=\"703b571\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cffa52c e-con-full e-flex e-con e-child\" data-id=\"cffa52c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3721c8f elementor-widget elementor-widget-html\" data-id=\"3721c8f\" 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<!-- START: Mesoforming Advanced Carousel Module (Optimized V3) -->\r\n<div class=\"ty-tower-carousel-fullwidth\">\r\n <div class=\"ty-content-container\">\r\n <!-- Title -->\r\n <h2 class=\"ty-section-title animate__animated\">Advanced Thermoforming Production Facility<\/h2>\r\n \r\n <!-- Subtitle -->\r\n <p class=\"ty-section-subtitle animate__animated\">\r\n Mesoforming specializes in fully servo thermoforming systems and precision molds. Our state-of-the-art facility in Shantou transforms plastic forming efficiency by 30% with advanced CNC engineering and automated assembly.\r\n <\/p>\r\n \r\n <!-- Carousel Wrapper -->\r\n <div class=\"ty-tower-carousel-wrapper animate__animated\">\r\n <div class=\"ty-tower-carousel\">\r\n <!-- Card 1 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-electrode-program-sheet-for-Fuhua-mold-machining.webp\" alt=\"Mesoforming electrode program sheet for Fuhua mold machining\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Multi-Station Thermoforming Systems<\/div>\r\n <\/div>\r\n \r\n <!-- Card 2 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-metal-components-with-precision-machining-tools.webp\" alt=\"Mesoforming metal components with precision machining tools\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">High-Speed Cup Formers<\/div>\r\n <\/div>\r\n \r\n <!-- Card 3 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-industrial-mold-with-12-green-cavities-and-aluminum-trays.webp\" alt=\"Mesoforming industrial mold with 12 green cavities and aluminum trays\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Precision CNC Molds<\/div>\r\n <\/div>\r\n \r\n <!-- Card 4 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-precision-metal-molds-with-grid-cavities-on-concrete.webp\" alt=\"Mesoforming precision metal molds with grid cavities on concrete\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Sheet Extrusion Lines<\/div>\r\n <\/div>\r\n \r\n <!-- Card 5 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-metal-components-with-precision-machining-tools-1.webp\" alt=\"Mesoforming metal components with precision machining tools\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Assembly Workshop<\/div>\r\n <\/div>\r\n \r\n <!-- Card 6 -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580982327559-c1202864eb05?auto=format&fit=crop&q=80&w=800&h=500\" alt=\"Auxiliary Stacking and Packing Equipment\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Auxiliary Equipment<\/div>\r\n <\/div>\r\n \r\n <!-- DUPLICATES FOR INFINITE LOOP (Required) -->\r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-industrial-injection-molding-machine-in-factory-setting.webp\" alt=\"Mesoforming industrial injection molding machine in factory setting\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Multi-Station Thermoforming Systems<\/div>\r\n <\/div>\r\n \r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-metal-components-with-precision-machining-tools.webp\" alt=\"Mesoforming metal components with precision machining tools\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">High-Speed Cup Formers<\/div>\r\n <\/div>\r\n \r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-industrial-mold-with-12-green-cavities-and-aluminum-trays.webp\" alt=\"CNC Engineered Precision Molds and Cutting Tools\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Precision CNC Molds<\/div>\r\n <\/div>\r\n \r\n <div class=\"ty-tower-card\">\r\n <div class=\"ty-tower-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/11\/Mesoforming-precision-metal-molds-with-grid-cavities-on-concrete.webp\" alt=\"Mesoforming precision metal molds with grid cavities on concrete\" loading=\"lazy\" width=\"800\" height=\"500\">\r\n <\/div>\r\n <div class=\"ty-card-caption\">Sheet Extrusion Lines<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Button: Optimized Dimensions (H: ~56px) -->\r\n <div class=\"ty-tower-link-container animate__animated\">\r\n <a href=\"https:\/\/mesoforming.com\/contact\" class=\"ty-tower-link ripple\" target=\"_blank\" rel=\"noopener noreferrer\">Get Our Product Quote Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- SCOPED CSS FOR WORDPRESS\/ELEMENTOR COMPATIBILITY --- *\/\r\n\r\n\/* Main Container *\/\r\n.ty-tower-carousel-fullwidth {\r\n font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n margin: 0;\r\n padding: 40px 0; \/* Optimized Vertical Spacing *\/\r\n overflow: hidden;\r\n background-color: #f8f9fa;\r\n box-sizing: border-box;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.ty-tower-carousel-fullwidth * {\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* Typography *\/\r\n.ty-tower-carousel-fullwidth .ty-section-title {\r\n color: #6915d7; \/* Specified Purple *\/\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin: 0 0 15px 0;\r\n line-height: 1.2;\r\n padding: 0 20px;\r\n opacity: 0;\r\n animation: tyFadeInUp 0.8s ease-out forwards;\r\n}\r\n\r\n.ty-tower-carousel-fullwidth .ty-section-subtitle {\r\n color: #4a4a4a;\r\n font-size: 1.125rem;\r\n text-align: center;\r\n max-width: 1100px;\r\n margin: 0 auto 20px auto; \/* Tight spacing to carousel *\/\r\n line-height: 1.6;\r\n padding: 0 20px;\r\n opacity: 0;\r\n animation: tyFadeInUp 0.8s ease-out forwards 0.2s;\r\n}\r\n\r\n\/* Carousel Mechanics *\/\r\n.ty-tower-carousel-wrapper {\r\n position: relative;\r\n padding: 10px 0; \/* Tight spacing *\/\r\n width: 100%;\r\n overflow: hidden;\r\n opacity: 0;\r\n animation: tyFadeIn 1s ease-out forwards 0.4s;\r\n \/* Fade mask for edge smoothness *\/\r\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n}\r\n\r\n.ty-tower-carousel {\r\n display: flex;\r\n gap: 25px;\r\n width: max-content;\r\n will-change: transform; \/* GPU Activation *\/\r\n transform: translate3d(0, 0, 0);\r\n}\r\n\r\n\/* Cards *\/\r\n.ty-tower-card {\r\n flex: 0 0 420px;\r\n background: #ffffff;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n}\r\n\r\n.ty-tower-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(105, 21, 215, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.ty-tower-image {\r\n height: 280px;\r\n overflow: hidden;\r\n background-color: #f0f0f0;\r\n}\r\n\r\n.ty-tower-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n display: block;\r\n}\r\n\r\n.ty-tower-card:hover .ty-tower-image img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.ty-card-caption {\r\n padding: 14px 15px;\r\n font-weight: 600;\r\n color: #333;\r\n font-size: 1.05rem;\r\n text-align: center;\r\n background: #fff;\r\n border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n\/* BUTTON OPTIMIZATION: Height ~56px *\/\r\n.ty-tower-link-container {\r\n text-align: center;\r\n margin-top: 25px; \/* Tight spacing to carousel *\/\r\n padding: 0 20px;\r\n opacity: 0;\r\n animation: tyFadeInUp 0.8s ease-out forwards 0.6s;\r\n}\r\n\r\n.ty-tower-link {\r\n display: inline-block;\r\n \/* Formula: 16px (top) + 16px (bottom) + ~24px (line-height) = ~56px Height *\/\r\n padding: 16px 32px; \r\n background-color: #6915d7; \/* Main Purple *\/\r\n color: white !important;\r\n text-decoration: none !important;\r\n border-radius: 4px; \/* Rectangular with slight radius *\/\r\n font-weight: 700;\r\n font-size: 1.1rem; \/* Ensures ~24px line height *\/\r\n line-height: 1.4;\r\n transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;\r\n position: relative;\r\n overflow: hidden; \/* Contains Ripple *\/\r\n box-shadow: 0 4px 12px rgba(105, 21, 215, 0.25);\r\n}\r\n\r\n.ty-tower-link:hover,\r\n.ty-tower-link:focus {\r\n background-color: #5511b0; \/* Hover State *\/\r\n color: white !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(105, 21, 215, 0.35);\r\n}\r\n\r\n\/* Original Ripple Effect *\/\r\n.ripple {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.ripple:before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 5px;\r\n height: 5px;\r\n background: rgba(255, 255, 255, 0.5);\r\n opacity: 0;\r\n border-radius: 100%;\r\n transform: scale(1, 1) translate(-50%);\r\n transform-origin: 50% 50%;\r\n}\r\n\r\n.ty-tower-link:hover:before {\r\n animation: ripple 1.5s ease-out infinite;\r\n}\r\n\r\n@keyframes ripple {\r\n 0% { transform: scale(0, 0); opacity: 0.5; }\r\n 20% { transform: scale(25, 25); opacity: 0.3; }\r\n 100% { transform: scale(40, 40); opacity: 0; }\r\n}\r\n\r\n\/* Base Animations *\/\r\n@keyframes tyFadeIn { to { opacity: 1; } }\r\n@keyframes tyFadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n\/* --- RESPONSIVE OPTIMIZATION --- *\/\r\n\r\n\/* Tablet (Landscape) *\/\r\n@media (max-width: 1024px) {\r\n .ty-tower-card { flex: 0 0 350px; }\r\n .ty-tower-image { height: 240px; }\r\n .ty-tower-carousel-fullwidth .ty-section-subtitle { max-width: 90%; }\r\n}\r\n\r\n\/* Tablet (Portrait) *\/\r\n@media (max-width: 768px) {\r\n .ty-tower-carousel-fullwidth .ty-section-title { font-size: 2rem; }\r\n .ty-tower-carousel-fullwidth .ty-section-subtitle { font-size: 1rem; margin-bottom: 15px; }\r\n .ty-tower-card { flex: 0 0 300px; }\r\n .ty-tower-image { height: 210px; }\r\n .ty-tower-carousel { gap: 15px; }\r\n \/* Button Check *\/\r\n .ty-tower-link { font-size: 1.05rem; padding: 15px 28px; }\r\n}\r\n\r\n\/* Mobile Devices *\/\r\n@media (max-width: 480px) {\r\n .ty-tower-carousel-fullwidth { \r\n padding: 35px 0; \r\n }\r\n \r\n .ty-tower-carousel-fullwidth .ty-section-title { \r\n font-size: 1.6rem; \r\n padding: 0 15px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .ty-tower-carousel-fullwidth .ty-section-subtitle { \r\n font-size: 0.95rem; \r\n line-height: 1.5;\r\n padding: 0 15px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .ty-tower-card { \r\n flex: 0 0 280px; \r\n border-radius: 6px;\r\n }\r\n \r\n .ty-tower-image { \r\n height: 190px; \r\n }\r\n \r\n .ty-card-caption { \r\n font-size: 0.95rem; \r\n padding: 10px 12px; \r\n }\r\n \r\n .ty-tower-link-container {\r\n margin-top: 20px;\r\n }\r\n \r\n \/* Mobile Button Optimization - Keeping it touch-friendly *\/\r\n .ty-tower-link {\r\n width: auto;\r\n max-width: 90%; \/* Prevent overflow *\/\r\n padding: 14px 24px; \/* Slightly adjusted padding for mobile fitting *\/\r\n font-size: 1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n \/\/ IIFE to ensure isolation and no global variable conflicts\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const carousel = document.querySelector('.ty-tower-carousel');\r\n const wrapper = document.querySelector('.ty-tower-carousel-wrapper');\r\n \r\n if (!carousel || !wrapper) return;\r\n\r\n let animationId;\r\n const speed = 1.0; \/\/ Optimized speed for readability\r\n let position = 0;\r\n let isPaused = false;\r\n \r\n \/\/ Use translate3d for GPU acceleration (Mobile Performance)\r\n function animate() {\r\n if (!isPaused) {\r\n position -= speed;\r\n \r\n \/\/ Infinite Loop Logic: Reset when half scrolled\r\n \/\/ Assumes HTML contains duplicates\r\n if (Math.abs(position) >= (carousel.scrollWidth \/ 2)) {\r\n position = 0;\r\n }\r\n \r\n carousel.style.transform = `translate3d(${position}px, 0, 0)`;\r\n }\r\n animationId = requestAnimationFrame(animate);\r\n }\r\n \r\n \/\/ Start Animation Loop\r\n animate();\r\n \r\n \/\/ Interactions: Pause on Hover\/Touch\r\n const pauseEvents = ['mouseenter', 'touchstart'];\r\n const resumeEvents = ['mouseleave', 'touchend'];\r\n \r\n pauseEvents.forEach(evt => wrapper.addEventListener(evt, () => isPaused = true, {passive: true}));\r\n resumeEvents.forEach(evt => wrapper.addEventListener(evt, () => isPaused = false, {passive: true}));\r\n \r\n \/\/ Performance: Stop animation if element is removed from DOM\r\n const observer = new MutationObserver(function(mutations) {\r\n if (!document.body.contains(carousel)) {\r\n cancelAnimationFrame(animationId);\r\n observer.disconnect();\r\n }\r\n });\r\n observer.observe(document.body, {childList: true, subtree: true});\r\n });\r\n})();\r\n<\/script>\r\n<!-- END: Mesoforming Advanced Carousel Module (Optimized V3) -->\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<div class=\"elementor-element elementor-element-e358fd4 e-con-full e-flex e-con e-parent\" data-id=\"e358fd4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f335d40 e-con-full e-flex e-con e-child\" data-id=\"f335d40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-207b5dc elementor-widget elementor-widget-html\" data-id=\"207b5dc\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Industries We Serve<\/title>\r\n\r\n<!-- Performance Optimized Resources -->\r\n<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=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Load FontAwesome Asynchronously to prevent render blocking -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><\/noscript>\r\n\r\n<style>\r\n \/* =========================================\r\n CSS ISOLATION SCOPE: #lt-industries-scope\r\n Prevents WP Theme\/Elementor Conflicts\r\n ========================================= *\/\r\n \r\n #lt-industries-scope {\r\n \/* Scoped Variables *\/\r\n --lt-purple: #711be1;\r\n --lt-purple-dark: #4a00b0;\r\n --lt-orange: #ff6b00;\r\n --lt-gray-bg: #f8f9fa;\r\n --lt-text-main: #495057;\r\n --lt-text-muted: #6c757d;\r\n --lt-white: #ffffff;\r\n --lt-border: #e9ecef;\r\n \r\n \/* 3D Shadow Variables - Enhanced for Depth *\/\r\n --lt-shadow-card: 0 10px 20px -5px rgba(0, 0, 0, 0.08), 0 5px 10px -5px rgba(113, 27, 225, 0.05);\r\n --lt-shadow-hover: 0 20px 35px -5px rgba(113, 27, 225, 0.15), 0 10px 15px -5px rgba(0, 0, 0, 0.05);\r\n\r\n \/* Reset & Base Styles *\/\r\n font-family: 'Roboto', sans-serif !important;\r\n background: var(--lt-white);\r\n width: 100%;\r\n position: relative;\r\n box-sizing: border-box;\r\n line-height: 1.6;\r\n text-align: left;\r\n overflow: hidden; \/* Contains floats\/margins *\/\r\n }\r\n\r\n \/* Aggressive Reset for children to stop Theme Bleed *\/\r\n #lt-industries-scope *, \r\n #lt-industries-scope *::before, \r\n #lt-industries-scope *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #lt-industries-scope a {\r\n text-decoration: none !important;\r\n box-shadow: none !important;\r\n border-bottom: none !important;\r\n }\r\n\r\n #lt-industries-scope h2, \r\n #lt-industries-scope h3, \r\n #lt-industries-scope p {\r\n color: inherit;\r\n margin-top: 0;\r\n }\r\n\r\n \/* Main Container *\/\r\n #lt-industries-scope .lt-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 60px 20px;\r\n }\r\n\r\n \/* Header Styles *\/\r\n #lt-industries-scope .lt-header {\r\n margin-bottom: 40px;\r\n padding: 0 10px;\r\n }\r\n\r\n #lt-industries-scope .lt-title {\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n color: var(--lt-purple-dark);\r\n margin-bottom: 15px !important;\r\n line-height: 1.2 !important;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n \/* Title Underline Animation *\/\r\n #lt-industries-scope .lt-title::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: -8px;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--lt-purple), var(--lt-orange));\r\n border-radius: 2px;\r\n transform: scaleX(0.8);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-title:hover::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n #lt-industries-scope .lt-subtitle {\r\n font-size: 1.25rem !important;\r\n font-weight: 300 !important;\r\n color: var(--lt-text-main);\r\n max-width: 700px;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n #lt-industries-scope .lt-divider {\r\n width: 100%;\r\n height: 1px;\r\n background-color: var(--lt-border);\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Carousel Grid System *\/\r\n #lt-industries-scope .lt-grid-wrapper {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n #lt-industries-scope .lt-grid {\r\n display: flex;\r\n gap: 30px;\r\n padding: 20px 15px 50px 15px; \/* Bottom padding accommodates shadow lift *\/\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none; \/* Firefox *\/\r\n scroll-behavior: smooth;\r\n }\r\n\r\n #lt-industries-scope .lt-grid::-webkit-scrollbar {\r\n display: none; \/* Chrome\/Safari *\/\r\n }\r\n\r\n \/* 3D Card Styling *\/\r\n #lt-industries-scope .lt-card {\r\n background: var(--lt-white);\r\n border-radius: 12px;\r\n min-width: 350px;\r\n max-width: 350px;\r\n height: auto;\r\n min-height: 420px;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n scroll-snap-align: start;\r\n border: 1px solid rgba(113, 27, 225, 0.05);\r\n \/* 3D Depth Shadow *\/\r\n box-shadow: var(--lt-shadow-card);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n #lt-industries-scope .lt-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--lt-shadow-hover);\r\n border-color: rgba(113, 27, 225, 0.2);\r\n }\r\n\r\n \/* Top Gradient Bar *\/\r\n #lt-industries-scope .lt-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--lt-purple), var(--lt-orange));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n border-radius: 12px 12px 0 0;\r\n }\r\n\r\n #lt-industries-scope .lt-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n #lt-industries-scope .lt-card-content {\r\n padding: 35px 30px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n \/* Icon Styles *\/\r\n #lt-industries-scope .lt-icon-wrap {\r\n width: 80px;\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n border-radius: 50%;\r\n background: rgba(113, 27, 225, 0.03);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-icon {\r\n font-size: 2.8rem;\r\n color: var(--lt-purple);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-card:hover .lt-icon-wrap {\r\n background: rgba(113, 27, 225, 0.1);\r\n transform: scale(1.05);\r\n }\r\n\r\n #lt-industries-scope .lt-card:hover .lt-icon {\r\n color: var(--lt-orange);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Card Text *\/\r\n #lt-industries-scope .lt-card-title {\r\n font-size: 1.5rem !important;\r\n font-weight: 600 !important;\r\n color: var(--lt-purple-dark);\r\n margin-bottom: 15px !important;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-card:hover .lt-card-title {\r\n color: var(--lt-purple);\r\n }\r\n\r\n #lt-industries-scope .lt-card-desc {\r\n font-size: 1rem !important;\r\n color: var(--lt-text-main);\r\n line-height: 1.6 !important;\r\n margin-bottom: 30px !important;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* Internal Card Button *\/\r\n #lt-industries-scope .lt-card-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: var(--lt-purple);\r\n background: rgba(113, 27, 225, 0.08);\r\n width: 100%;\r\n padding: 12px 15px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n font-size: 0.95rem;\r\n }\r\n\r\n #lt-industries-scope .lt-card-btn:hover {\r\n color: var(--lt-white);\r\n background: linear-gradient(135deg, var(--lt-purple), var(--lt-purple-dark));\r\n box-shadow: 0 4px 12px rgba(113, 27, 225, 0.25);\r\n }\r\n\r\n #lt-industries-scope .lt-card-btn i {\r\n margin-left: 8px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-card-btn:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Footer Controls - Parallel Alignment *\/\r\n #lt-industries-scope .lt-footer-controls {\r\n display: flex;\r\n justify-content: center; \/* Centers the entire block *\/\r\n align-items: center;\r\n gap: 30px; \/* Space between arrows and button *\/\r\n margin-top: 10px;\r\n padding: 0 20px;\r\n flex-wrap: nowrap; \/* Forces single row on desktop *\/\r\n }\r\n\r\n #lt-industries-scope .lt-arrows {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n #lt-industries-scope .lt-scroll-btn {\r\n background: var(--lt-white);\r\n border: 1px solid var(--lt-border);\r\n border-radius: 50%;\r\n width: 45px;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n color: var(--lt-text-main);\r\n font-size: 1.1rem;\r\n outline: none;\r\n }\r\n\r\n #lt-industries-scope .lt-scroll-btn:hover {\r\n background: var(--lt-purple);\r\n color: var(--lt-white);\r\n border-color: var(--lt-purple);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 10px rgba(113, 27, 225, 0.2);\r\n }\r\n\r\n #lt-industries-scope .lt-main-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n white-space: nowrap; \/* Prevents text breaking *\/\r\n background: linear-gradient(90deg, var(--lt-purple), var(--lt-orange));\r\n color: var(--lt-white) !important;\r\n padding: 14px 35px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n box-shadow: 0 5px 15px rgba(113, 27, 225, 0.25);\r\n transition: all 0.3s ease;\r\n height: 48px; \/* Match height roughly to buttons *\/\r\n }\r\n\r\n #lt-industries-scope .lt-main-cta:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(113, 27, 225, 0.35);\r\n }\r\n\r\n #lt-industries-scope .lt-main-cta i {\r\n margin-left: 10px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n #lt-industries-scope .lt-main-cta:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n #lt-industries-scope .lt-scroll-hint {\r\n text-align: center;\r\n margin-top: 30px;\r\n color: var(--lt-text-muted);\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n\r\n \/* Responsive Adjustments *\/\r\n @media (max-width: 991px) {\r\n #lt-industries-scope .lt-title {\r\n font-size: 2rem !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #lt-industries-scope .lt-container {\r\n padding: 40px 15px;\r\n }\r\n \r\n #lt-industries-scope .lt-card {\r\n min-width: 290px;\r\n max-width: 290px;\r\n }\r\n\r\n \/* On Mobile, stack them for better usability *\/\r\n #lt-industries-scope .lt-footer-controls {\r\n flex-direction: column-reverse; \r\n gap: 20px;\r\n }\r\n \r\n #lt-industries-scope .lt-main-cta {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Main Wrapper with Scope ID -->\r\n<section id=\"lt-industries-scope\" itemscope itemtype=\"https:\/\/schema.org\/WebPage\">\r\n <div class=\"lt-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"lt-header\">\r\n <h2 class=\"lt-title\" itemprop=\"headline\">Industries We Serve<\/h2>\r\n <p class=\"lt-subtitle\" itemprop=\"description\">Versatile thermoforming machines engineered for diverse packaging and industrial applications.<\/p>\r\n <div class=\"lt-divider\"><\/div>\r\n <\/div>\r\n \r\n <!-- Carousel Container -->\r\n <div class=\"lt-grid-wrapper\">\r\n <div class=\"lt-grid\" id=\"ltGrid\">\r\n \r\n <!-- Card 1: Cups (Icon Fixed) -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <!-- Changed to fa-mug-hot for compatibility -->\r\n <i class=\"fas fa-mug-hot lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Disposable Cups & Lids<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Precision forming for high-speed cup and lid production. Achieve consistent shape and thickness for beverage packaging.<\/p>\r\n <a href=\"\/applications\/disposable-cups\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 2: Food -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <i class=\"fas fa-utensils lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Food Packaging Trays<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Hygienic, durable, and customizable trays ideal for ready meals, snacks, and frozen foods.<\/p>\r\n <a href=\"\/applications\/food-packaging\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 3: Medical -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <i class=\"fas fa-pills lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Medical Containers<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Cleanroom-compatible machines for sterile blister packs, vials, and diagnostic trays.<\/p>\r\n <a href=\"\/applications\/medical\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 4: Industrial -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <i class=\"fas fa-cogs lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Industrial Parts<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Heavy-duty thermoforming for automotive and electronic housings, tool cases, and protective components.<\/p>\r\n <a href=\"\/applications\/industrial\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 5: OEM -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <i class=\"fas fa-project-diagram lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Custom OEM Projects<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Tailor-made solutions for new product development, prototyping, and private labeling.<\/p>\r\n <a href=\"\/applications\/custom-oem\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 6: Eco -->\r\n <div class=\"lt-card\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"lt-card-content\">\r\n <div class=\"lt-icon-wrap\">\r\n <i class=\"fas fa-leaf lt-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"lt-card-title\" itemprop=\"name\">Eco-Friendly Packaging<\/h3>\r\n <p class=\"lt-card-desc\" itemprop=\"description\">Designed for PLA, PET, and compostable materials to support sustainable packaging trends.<\/p>\r\n <a href=\"\/applications\/eco-friendly\" class=\"lt-card-btn\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Footer Actions: Side by Side on Desktop -->\r\n <div class=\"lt-footer-controls\">\r\n <div class=\"lt-arrows\">\r\n <button class=\"lt-scroll-btn\" id=\"ltBtnLeft\" aria-label=\"Scroll Left\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button class=\"lt-scroll-btn\" id=\"ltBtnRight\" aria-label=\"Scroll Right\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <a href=\"\/case-studies\" class=\"lt-main-cta\">\r\n Request Industry Case Study <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n <!-- Restored Text -->\r\n <div class=\"lt-scroll-hint\">\r\n <i class=\"fas fa-arrows-alt-h\"><\/i> Scroll to see more industries\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n \/\/ Encapsulate in IIFE to avoid global conflicts\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const grid = document.getElementById('ltGrid');\r\n const btnLeft = document.getElementById('ltBtnLeft');\r\n const btnRight = document.getElementById('ltBtnRight');\r\n \r\n \/\/ Safety check\r\n if (!grid || !btnLeft || !btnRight) return;\r\n \r\n let autoScrollInterval;\r\n \r\n \/\/ Calculate scroll distance: Card Width + Gap (30px)\r\n function getScrollDistance() {\r\n const card = grid.querySelector('.lt-card');\r\n return card ? card.offsetWidth + 30 : 380;\r\n }\r\n \r\n \/\/ Auto Scroll Function\r\n function startAutoScroll() {\r\n \/\/ Clear any existing timer first\r\n stopAutoScroll();\r\n \r\n autoScrollInterval = setInterval(() => {\r\n const maxScroll = grid.scrollWidth - grid.clientWidth;\r\n const distance = getScrollDistance();\r\n \r\n if (grid.scrollLeft >= maxScroll - 10) {\r\n \/\/ Smoothly snap back to start\r\n grid.scrollTo({\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n \/\/ Scroll next\r\n grid.scrollBy({\r\n left: distance,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }, 3500); \/\/ 3.5 seconds\r\n }\r\n \r\n function stopAutoScroll() {\r\n if (autoScrollInterval) {\r\n clearInterval(autoScrollInterval);\r\n }\r\n }\r\n \r\n \/\/ Pause on Interaction\r\n grid.addEventListener('mouseenter', stopAutoScroll);\r\n grid.addEventListener('mouseleave', startAutoScroll);\r\n grid.addEventListener('touchstart', stopAutoScroll, {passive: true});\r\n grid.addEventListener('touchend', () => setTimeout(startAutoScroll, 2000), {passive: true});\r\n \r\n \/\/ Manual Control - Left\r\n btnLeft.addEventListener('click', () => {\r\n stopAutoScroll();\r\n grid.scrollBy({\r\n left: -getScrollDistance(),\r\n behavior: 'smooth'\r\n });\r\n setTimeout(startAutoScroll, 2000);\r\n });\r\n \r\n \/\/ Manual Control - Right\r\n btnRight.addEventListener('click', () => {\r\n stopAutoScroll();\r\n grid.scrollBy({\r\n left: getScrollDistance(),\r\n behavior: 'smooth'\r\n });\r\n setTimeout(startAutoScroll, 2000);\r\n });\r\n \r\n \/\/ Init\r\n startAutoScroll();\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-de88ea8 e-con-full e-flex e-con e-parent\" data-id=\"de88ea8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-92d2a99 e-con-full e-flex e-con e-child\" data-id=\"92d2a99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-308a556 elementor-widget elementor-widget-html\" data-id=\"308a556\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<!-- Preconnect for Performance -->\r\n<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=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n \/* \r\n * SCOPED STYLES - PREVENTS WP THEME CONFLICTS \r\n * ID Selector #meso-product-categories ensures high specificity\r\n *\/\r\n \r\n :root {\r\n --meso-primary-light: #711be1;\r\n --meso-primary-dark: #4a00b0;\r\n --meso-accent: #ff6b00;\r\n --meso-dark-gray: #495057;\r\n --meso-white: #ffffff;\r\n --meso-card-shadow: 0 10px 30px -10px rgba(113, 27, 225, 0.2);\r\n }\r\n\r\n \/* Reset Box Model for this section only *\/\r\n #meso-product-categories, \r\n #meso-product-categories * {\r\n box-sizing: border-box;\r\n outline: none;\r\n }\r\n\r\n #meso-product-categories {\r\n font-family: 'Roboto', sans-serif;\r\n line-height: 1.6;\r\n color: var(--meso-white);\r\n background-color: rgba(0, 0, 0, 0.4);\r\n background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061411493558.webp');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-attachment: fixed;\r\n \/* OPTIMIZED: Reduced bottom padding for tighter layout *\/\r\n padding: 80px 0 50px 0; \r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n margin: 0;\r\n }\r\n\r\n \/* SVG Overlay *\/\r\n #meso-product-categories:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path fill=\"%23711be1\" opacity=\"0.03\" d=\"M0,0 L100,0 L100,100 Q50,80 0,100 Z\"><\/path><\/svg>') no-repeat;\r\n background-size: cover;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .meso-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n padding: 0 5%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: start;\r\n }\r\n\r\n .meso-left-content {\r\n position: sticky;\r\n top: 100px;\r\n padding: 40px 0;\r\n }\r\n\r\n \/* \r\n * Typography Override\r\n * Using !important to override Theme\/Elementor global typography\r\n *\/\r\n\r\n #meso-product-categories .meso-category-guide {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 16px !important;\r\n color: var(--meso-white) !important;\r\n margin-bottom: 15px !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n line-height: 1.4 !important;\r\n display: block;\r\n text-shadow: none !important;\r\n }\r\n\r\n #meso-product-categories h2.meso-section-title {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 2.8rem !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 25px 0 !important;\r\n padding: 0 !important;\r\n position: relative;\r\n color: var(--meso-white) !important;\r\n line-height: 1.2 !important;\r\n text-transform: none !important;\r\n background: none !important;\r\n border: none !important;\r\n text-align: left !important;\r\n letter-spacing: normal !important;\r\n width: 100%;\r\n }\r\n\r\n #meso-product-categories .meso-section-subtitle {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 18px !important;\r\n color: var(--meso-white) !important;\r\n line-height: 1.7 !important;\r\n font-weight: 300 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-transform: none !important;\r\n max-width: 100%;\r\n }\r\n\r\n \/* Right Content Desktop Layout *\/\r\n .meso-right-content {\r\n height: 80vh;\r\n overflow-y: auto;\r\n padding-right: 15px;\r\n -webkit-overflow-scrolling: touch; \r\n }\r\n\r\n \/* Scrollbar Customization (Desktop) *\/\r\n .meso-right-content::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n .meso-right-content::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 10px;\r\n }\r\n .meso-right-content::-webkit-scrollbar-thumb {\r\n background: var(--meso-primary-light);\r\n border-radius: 10px;\r\n }\r\n .meso-right-content::-webkit-scrollbar-thumb:hover {\r\n background: var(--meso-primary-dark);\r\n }\r\n\r\n .meso-categories-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n \/* Cards *\/\r\n .meso-category-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: var(--meso-card-shadow);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n border: none;\r\n z-index: 1;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n text-decoration: none; \/* Reset for link wrappers *\/\r\n }\r\n\r\n .meso-category-card:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(113,27,225,0.05) 0%, rgba(255,107,0,0.05) 100%);\r\n z-index: -1;\r\n }\r\n\r\n .meso-category-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px -10px rgba(113, 27, 225, 0.3);\r\n }\r\n\r\n .meso-category-image-container {\r\n position: relative;\r\n overflow: hidden;\r\n height: 200px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #f9f9ff 0%, #f0f2ff 100%);\r\n width: 100%;\r\n }\r\n\r\n .meso-category-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: all 0.5s ease;\r\n display: block;\r\n margin: 0 !important; \/* Reset WP image margins *\/\r\n }\r\n\r\n .meso-category-card:hover .meso-category-image {\r\n transform: scale(1.1);\r\n }\r\n\r\n .meso-category-content {\r\n padding: 25px;\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .meso-category-badge {\r\n position: absolute;\r\n top: -15px;\r\n right: 25px;\r\n background: linear-gradient(90deg, var(--meso-primary-light), var(--meso-accent));\r\n color: var(--meso-white);\r\n padding: 8px 18px;\r\n border-radius: 50px;\r\n font-size: 12px !important;\r\n font-weight: 500 !important;\r\n box-shadow: 0 5px 15px rgba(113, 27, 225, 0.3);\r\n z-index: 2;\r\n line-height: 1.2;\r\n }\r\n\r\n #meso-product-categories h3.meso-category-title {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 20px !important;\r\n font-weight: 600 !important;\r\n color: var(--meso-dark-gray) !important;\r\n margin: 0 0 12px 0 !important;\r\n position: relative;\r\n padding-bottom: 8px !important;\r\n line-height: 1.3 !important;\r\n text-align: left;\r\n text-transform: none;\r\n }\r\n\r\n .meso-category-title:after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 40px;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--meso-primary-light), var(--meso-accent));\r\n border-radius: 3px;\r\n }\r\n\r\n #meso-product-categories .meso-category-description {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 15px !important;\r\n color: var(--meso-dark-gray) !important;\r\n line-height: 1.5 !important;\r\n margin-bottom: 15px !important;\r\n font-weight: 300 !important;\r\n text-align: left;\r\n }\r\n\r\n .meso-category-features {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .meso-feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .meso-feature-icon {\r\n color: var(--meso-primary-light);\r\n margin-right: 10px;\r\n font-size: 14px;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .meso-feature-text {\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 14px;\r\n color: var(--meso-dark-gray);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Button Styles *\/\r\n a.meso-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 24px;\r\n background: linear-gradient(90deg, var(--meso-primary-light), var(--meso-primary-dark));\r\n color: var(--meso-white) !important;\r\n border-radius: 8px;\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 500 !important;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n box-shadow: 0 5px 15px rgba(113, 27, 225, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n margin-top: auto;\r\n text-transform: none;\r\n }\r\n\r\n a.meso-cta-button: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 transition: all 0.6s ease;\r\n }\r\n\r\n a.meso-cta-button:hover {\r\n background: linear-gradient(90deg, var(--meso-primary-dark), var(--meso-accent));\r\n box-shadow: 0 10px 25px rgba(113, 27, 225, 0.3);\r\n transform: translateY(-3px);\r\n color: var(--meso-white) !important;\r\n }\r\n\r\n a.meso-cta-button i {\r\n margin-left: 8px;\r\n transition: all 0.3s ease;\r\n color: var(--meso-white);\r\n }\r\n\r\n a.meso-cta-button:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* \r\n * =========================================\r\n * MOBILE & TABLET OPTIMIZATION \r\n * IMPLEMENTS HORIZONTAL SCROLL\/SWIPE\r\n * =========================================\r\n *\/\r\n\r\n @media (max-width: 992px) {\r\n .meso-container {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n .meso-left-content {\r\n position: relative;\r\n top: 0;\r\n text-align: center;\r\n padding: 20px 0;\r\n }\r\n\r\n \/* Center text on mobile\/tablet for header area only *\/\r\n #meso-product-categories h2.meso-section-title,\r\n #meso-product-categories .meso-category-guide,\r\n #meso-product-categories .meso-section-subtitle {\r\n text-align: center !important;\r\n }\r\n\r\n #meso-product-categories .meso-section-subtitle {\r\n font-size: 16px !important;\r\n }\r\n \r\n \/* \r\n * HORIZONTAL SCROLL LOGIC\r\n * 1. Remove vertical scroll container limits\r\n * 2. Turn grid into flex row\r\n * 3. Enable touch scrolling\r\n *\/\r\n \r\n .meso-right-content {\r\n height: auto;\r\n overflow: visible; \/* Disable vertical scroll box *\/\r\n padding-right: 0;\r\n width: 100vw; \/* Full width to allow edge-to-edge feel *\/\r\n margin-left: -5%; \/* Counteract container padding *\/\r\n padding-left: 5%; \/* Restore visual padding start *\/\r\n }\r\n \r\n .meso-categories-grid {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n overflow-x: auto; \/* Enable horizontal scroll *\/\r\n -webkit-overflow-scrolling: touch; \/* Critical for iOS smooth momentum scrolling *\/\r\n gap: 20px;\r\n padding: 10px 20px 40px 0; \/* Bottom padding for shadow, Right padding for end spacing *\/\r\n scroll-snap-type: x mandatory; \/* Smart snapping *\/\r\n scrollbar-width: none; \/* Firefox: Hide scrollbar *\/\r\n align-items: stretch;\r\n }\r\n \r\n \/* Chrome\/Safari\/Webkit: Hide scrollbar *\/\r\n .meso-categories-grid::-webkit-scrollbar {\r\n display: none;\r\n }\r\n \r\n .meso-category-card {\r\n flex: 0 0 auto; \/* Don't shrink, don't grow *\/\r\n width: 80%; \/* Smart Adaptive: Show next card slightly *\/\r\n max-width: 400px;\r\n margin: 0;\r\n scroll-snap-align: center; \/* Snap card to center of view *\/\r\n transform: none !important; \/* Disable hover float on mobile for stability *\/\r\n }\r\n \r\n \/* Restore Left Alignment for Card Content *\/\r\n #meso-product-categories h3.meso-category-title,\r\n #meso-product-categories .meso-category-description,\r\n .meso-category-title:after {\r\n text-align: left !important;\r\n left: 0;\r\n transform: none;\r\n }\r\n \r\n .meso-category-title:after {\r\n left: 0;\r\n transform: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #meso-product-categories {\r\n \/* OPTIMIZED: Reduced bottom padding for mobile < 768px *\/\r\n padding: 50px 0 30px 0;\r\n background-attachment: scroll; \/* Performance fix *\/\r\n }\r\n \r\n \/* Adjust Card Width for smaller screens to ensure 'peek' effect *\/\r\n .meso-category-card {\r\n width: 85%; \/* Slightly wider on mobile phones *\/\r\n }\r\n\r\n .meso-category-image-container {\r\n height: 180px;\r\n }\r\n \r\n .meso-category-content {\r\n padding: 20px;\r\n }\r\n\r\n .meso-category-badge {\r\n right: 15px;\r\n padding: 6px 15px;\r\n font-size: 11px !important;\r\n }\r\n \r\n #meso-product-categories h2.meso-section-title {\r\n font-size: 2.2rem !important;\r\n }\r\n \r\n #meso-product-categories h3.meso-category-title {\r\n font-size: 18px !important;\r\n }\r\n \r\n #meso-product-categories .meso-category-description {\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #meso-product-categories {\r\n \/* OPTIMIZED: Further reduced bottom padding for mobile < 480px *\/\r\n padding: 40px 0 20px 0;\r\n }\r\n\r\n .meso-category-card {\r\n width: 88%; \/* Optimal width for single-hand swipe *\/\r\n }\r\n \r\n .meso-category-image-container {\r\n height: 160px;\r\n }\r\n \r\n a.meso-cta-button {\r\n padding: 12px 20px;\r\n font-size: 14px !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"meso-product-categories\">\r\n <div class=\"meso-container\">\r\n <!-- Left Content - Fixed -->\r\n <div class=\"meso-left-content\">\r\n <p class=\"meso-category-guide\">Premium Thermoforming Solutions<\/p>\r\n <h2 class=\"meso-section-title\">Explore Our Product Series<\/h2>\r\n <p class=\"meso-section-subtitle\">Innovative thermoforming technologies engineered for precision, efficiency, and sustainability across all production scales.<\/p>\r\n <\/div>\r\n \r\n <!-- Right Content - Scrollable Desktop \/ Swipeable Mobile -->\r\n <div class=\"meso-right-content\">\r\n <div class=\"meso-categories-grid\">\r\n <!-- Category 1 -->\r\n <div class=\"meso-category-card\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"meso-category-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092921461-39b2f2f62998?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\" alt=\"High-Speed Cup Thermoforming Machine by Mesoforming\" class=\"meso-category-image\" itemprop=\"image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n <\/div>\r\n <div class=\"meso-category-content\">\r\n <span class=\"meso-category-badge\">Best Seller<\/span>\r\n <h3 class=\"meso-category-title\" itemprop=\"name\">Cup \/ Container Thermoforming Machine<\/h3>\r\n <p class=\"meso-category-description\" itemprop=\"description\">\r\n Advanced systems for high-precision forming of plastic cups, bowls, and food containers. Engineered for PP, PS, PET, and PLA materials with industry-leading cycle times.\r\n <\/p>\r\n <div class=\"meso-category-features\">\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-bolt meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Ultra-fast cycle time up to 45 cycles\/min<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-tachometer-alt meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Precision servo-driven forming system<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-leaf meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Energy-efficient infrared heating<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/cup-thermoforming-machine\/\" class=\"meso-cta-button\" itemprop=\"url\">\r\n View Machines <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Category 2 -->\r\n <div class=\"meso-category-card\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"meso-category-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550583724-b2692b85b150?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\" alt=\"Precision Lid Thermoforming Machine by Mesoforming\" class=\"meso-category-image\" itemprop=\"image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n <\/div>\r\n <div class=\"meso-category-content\">\r\n <h3 class=\"meso-category-title\" itemprop=\"name\">Lid \/ Plate Thermoforming Machine<\/h3>\r\n <p class=\"meso-category-description\" itemprop=\"description\">\r\n Specialized equipment for forming lids, trays, and plates with perfect edge consistency and uniform thickness distribution for food packaging applications.\r\n <\/p>\r\n <div class=\"meso-category-features\">\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-layer-group meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Multi-material compatibility (PET, PS, PVC, PLA)<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-exchange-alt meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Quick-change mold system (under 15 min)<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-cut meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Laser-guided precision cutting<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/lid-thermoforming-machine\/\" class=\"meso-cta-button\" itemprop=\"url\">\r\n Explore Lid Machines <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Category 3 -->\r\n <div class=\"meso-category-card\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"meso-category-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2026\/03\/Mesoforming-industrial-machine-with-mold-components-and-2025-8-30-marking-scaled.webp\" alt=\"High-Precision Thermoforming Molds by Mesoforming\" class=\"meso-category-image\" itemprop=\"image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n <\/div>\r\n <div class=\"meso-category-content\">\r\n <span class=\"meso-category-badge\">Customizable<\/span>\r\n <h3 class=\"meso-category-title\" itemprop=\"name\">Molds & Cutting Tools<\/h3>\r\n <p class=\"meso-category-description\" itemprop=\"description\">\r\n CNC-engineered molds and cutting systems designed for maximum durability, precision forming, and seamless integration with your production line.\r\n <\/p>\r\n <div class=\"meso-category-features\">\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-cogs meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Aerospace-grade aluminum\/steel construction<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-ruler-combined meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">\u00b10.05mm dimensional tolerance<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-clock meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Extended service life with minimal maintenance<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/thermoforming-molds\/\" class=\"meso-cta-button\" itemprop=\"url\">\r\n View Mold Catalog <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Category 4 -->\r\n <div class=\"meso-category-card\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"meso-category-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611273426858-450d8e3c9fce?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\" alt=\"Multi-Layer Sheet Extrusion Line by Mesoforming\" class=\"meso-category-image\" itemprop=\"image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n <\/div>\r\n <div class=\"meso-category-content\">\r\n <h3 class=\"meso-category-title\" itemprop=\"name\">Sheet Extrusion Line<\/h3>\r\n <p class=\"meso-category-description\" itemprop=\"description\">\r\n High-output extrusion systems producing consistent, high-quality plastic sheets for thermoforming with advanced thickness control and material handling.\r\n <\/p>\r\n <div class=\"meso-category-features\">\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-object-group meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Up to 3-layer co-extrusion capability<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-thermometer-half meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Precision temperature control (\u00b11\u00b0C)<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-tachometer-alt meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Automatic thickness monitoring system<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/sheet-extrusion-line\/\" class=\"meso-cta-button\" itemprop=\"url\">\r\n Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Category 5 -->\r\n <div class=\"meso-category-card\" itemscope itemtype=\"http:\/\/schema.org\/Product\">\r\n <div class=\"meso-category-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\" alt=\"Thermoforming Auxiliary Systems by Mesoforming\" class=\"meso-category-image\" itemprop=\"image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n <\/div>\r\n <div class=\"meso-category-content\">\r\n <span class=\"meso-category-badge\">Complete Solutions<\/span>\r\n <h3 class=\"meso-category-title\" itemprop=\"name\">Auxiliary Equipment<\/h3>\r\n <p class=\"meso-category-description\" itemprop=\"description\">\r\n Fully integrated supporting systems to optimize your production line efficiency, including automated stacking, temperature control, and material handling.\r\n <\/p>\r\n <div class=\"meso-category-features\">\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-robot meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">Seamless PLC-controlled integration<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-chart-line meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">30%+ efficiency improvement<\/span>\r\n <\/div>\r\n <div class=\"meso-feature-item\">\r\n <i class=\"fas fa-globe-europe meso-feature-icon\"><\/i>\r\n <span class=\"meso-feature-text\">World-class component suppliers<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"\/auxiliary-equipment\/\" class=\"meso-cta-button\" itemprop=\"url\">\r\n Discover More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Schema.org markup for Google SEO -->\r\n<script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ItemList\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"item\": {\r\n \"@type\": \"Product\",\r\n \"name\": \"Cup \/ Container Thermoforming Machine\",\r\n \"url\": \"\/cup-thermoforming-machine\/\",\r\n \"description\": \"Advanced systems for high-precision forming of plastic cups, bowls, and food containers.\",\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1581092921461-39b2f2f62998?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n }\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"item\": {\r\n \"@type\": \"Product\",\r\n \"name\": \"Lid \/ Plate Thermoforming Machine\",\r\n \"url\": \"\/lid-thermoforming-machine\/\",\r\n \"description\": \"Specialized equipment for forming lids, trays, and plates with perfect edge consistency.\",\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1550583724-b2692b85b150?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n }\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 3,\r\n \"item\": {\r\n \"@type\": \"Product\",\r\n \"name\": \"Molds & Cutting Tools\",\r\n \"url\": \"\/thermoforming-molds\/\",\r\n \"description\": \"CNC-engineered molds and cutting systems designed for maximum durability and precision.\",\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1605000797499-95e51c6b72da?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n }\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 4,\r\n \"item\": {\r\n \"@type\": \"Product\",\r\n \"name\": \"Sheet Extrusion Line\",\r\n \"url\": \"\/sheet-extrusion-line\/\",\r\n \"description\": \"High-output extrusion systems producing consistent, high-quality plastic sheets.\",\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1611273426858-450d8e3c9fce?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n }\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 5,\r\n \"item\": {\r\n \"@type\": \"Product\",\r\n \"name\": \"Auxiliary Equipment\",\r\n \"url\": \"\/auxiliary-equipment\/\",\r\n \"description\": \"Fully integrated supporting systems to optimize your production line efficiency.\",\r\n \"image\": \"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-eea5e76 e-con-full e-flex e-con e-parent\" data-id=\"eea5e76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-70acbc2 e-con-full e-flex e-con e-child\" data-id=\"70acbc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c68551 elementor-widget elementor-widget-html\" data-id=\"1c68551\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Why Choose Mesoforming<\/title>\r\n <meta name=\"description\" content=\"Discover why industry leaders choose Mesoforming technology for high-speed, precise, and energy-efficient thermoforming production.\">\r\n <!-- FontAwesome for Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --ms-primary: #711be1;\r\n --ms-primary-dark: #4a00b0;\r\n --ms-accent: #ff6b00;\r\n --ms-light: #f8f9fa;\r\n --ms-medium: #e9ecef;\r\n --ms-dark: #495057;\r\n --ms-white: #ffffff;\r\n }\r\n\r\n \/* Reset & Base Styles *\/\r\n .ms-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n font-family: 'Roboto', sans-serif;\r\n background-color: var(--ms-light);\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* Features Section Main Container *\/\r\n .ms-features {\r\n \/* OPTIMIZATION: Reduced padding from 80px to 50px for tighter layout *\/\r\n padding: 50px 0; \r\n background-color: var(--ms-white);\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .ms-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* Section Header *\/\r\n .ms-section-header {\r\n text-align: center;\r\n \/* OPTIMIZATION: Reduced margin from 60px to 40px *\/\r\n margin-bottom: 40px; \r\n }\r\n\r\n .ms-section-header h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--ms-primary-dark);\r\n margin-bottom: 10px;\r\n position: relative;\r\n display: inline-block;\r\n line-height: 1.2;\r\n }\r\n\r\n .ms-section-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--ms-primary), var(--ms-accent));\r\n border-radius: 2px;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .ms-section-header h2:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .ms-section-header p {\r\n font-size: 1.15rem;\r\n color: var(--ms-dark);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Grid Layout *\/\r\n .ms-features-grid {\r\n display: grid;\r\n \/* Desktop: Auto-fit, minimum 300px *\/\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n \/* OPTIMIZATION: Reduced margin from 50px to 35px *\/\r\n margin-bottom: 35px; \r\n }\r\n\r\n \/* Feature Card Styling *\/\r\n .ms-feature-card {\r\n background-color: var(--ms-white);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border: 1px solid var(--ms-medium);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .ms-feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 24px rgba(113, 27, 225, 0.12);\r\n border-color: var(--ms-primary);\r\n }\r\n\r\n .ms-feature-card-header {\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--ms-primary), var(--ms-accent));\r\n flex-shrink: 0;\r\n }\r\n\r\n .ms-feature-card-body {\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .ms-feature-icon {\r\n font-size: 2.2rem;\r\n color: var(--ms-primary);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .ms-feature-card h3 {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n color: var(--ms-primary-dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .ms-feature-card p {\r\n color: var(--ms-dark);\r\n margin-bottom: 15px;\r\n flex-grow: 1;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .ms-feature-link {\r\n display: inline-flex;\r\n align-items: center;\r\n color: var(--ms-accent);\r\n font-weight: 500;\r\n text-decoration: none;\r\n font-size: 0.95rem;\r\n margin-top: auto;\r\n }\r\n\r\n .ms-feature-link i {\r\n margin-left: 6px;\r\n transition: transform 0.3s ease;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .ms-feature-link:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Action Buttons *\/\r\n .ms-feature-actions {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .ms-feature-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n border: none;\r\n font-size: 1rem;\r\n }\r\n\r\n .ms-feature-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, var(--ms-primary), var(--ms-accent));\r\n z-index: -1;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .ms-feature-btn-primary {\r\n background-color: var(--ms-primary);\r\n color: white;\r\n box-shadow: 0 4px 6px rgba(113, 27, 225, 0.2);\r\n }\r\n\r\n .ms-feature-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 12px rgba(113, 27, 225, 0.3);\r\n }\r\n\r\n .ms-feature-btn-primary:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .ms-feature-btn-secondary {\r\n background-color: var(--ms-white);\r\n color: var(--ms-primary);\r\n border: 1px solid var(--ms-primary);\r\n }\r\n\r\n .ms-feature-btn-secondary:hover {\r\n background-color: var(--ms-primary);\r\n color: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 10px rgba(113, 27, 225, 0.15);\r\n }\r\n\r\n .ms-feature-btn i {\r\n margin-left: 8px;\r\n }\r\n\r\n \/* =========================================\r\n SMART ADAPTIVE MOBILE OPTIMIZATION\r\n ========================================= *\/\r\n \r\n \/* Tablet and Small Laptops *\/\r\n @media (max-width: 992px) {\r\n .ms-section-header h2 { font-size: 2.2rem; }\r\n }\r\n\r\n \/* Mobile Devices (Landscape and Portrait) *\/\r\n @media (max-width: 768px) {\r\n .ms-features { padding: 40px 0; }\r\n \r\n .ms-section-header h2 { font-size: 1.8rem; }\r\n .ms-section-header p { font-size: 1rem; padding: 0 10px; }\r\n \r\n \/* OPTIMIZATION: Forced 2-Column Layout for Mobile *\/\r\n .ms-features-grid {\r\n grid-template-columns: repeat(2, 1fr); \r\n gap: 15px; \/* Reduced gap for better fit *\/\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Compact Card Design for Mobile *\/\r\n .ms-feature-card-body {\r\n padding: 15px; \/* Reduced padding *\/\r\n }\r\n \r\n .ms-feature-icon {\r\n font-size: 1.6rem; \/* Smaller icon *\/\r\n margin-bottom: 10px;\r\n }\r\n \r\n .ms-feature-card h3 {\r\n font-size: 1.1rem; \/* Compact title *\/\r\n margin-bottom: 8px;\r\n }\r\n \r\n .ms-feature-card p {\r\n font-size: 0.85rem; \/* Readable but smaller text *\/\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .ms-feature-link {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .ms-feature-actions {\r\n flex-direction: column;\r\n gap: 12px;\r\n padding: 0 20px;\r\n }\r\n \r\n .ms-feature-btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n \/* Small Mobile Screens (below 380px) Adjustment *\/\r\n @media (max-width: 380px) {\r\n .ms-features-grid {\r\n gap: 10px; \/* Tighter gap for very small screens *\/\r\n }\r\n .ms-feature-card-body {\r\n padding: 12px;\r\n }\r\n .ms-feature-card h3 {\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- Structured Data for SEO (JSON-LD) -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ItemList\",\r\n \"name\": \"Why Industry Leaders Choose Mesoforming\",\r\n \"description\": \"Benefits of Mesoforming thermoforming machines including speed, precision, and efficiency.\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"name\": \"High-Speed Production\",\r\n \"description\": \"Production speeds up to 30 cycles per minute with servo-driven systems.\"\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"name\": \"Precision Engineering\",\r\n \"description\": \"\u00b10.1mm forming accuracy with German-engineered components.\"\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 3,\r\n \"name\": \"Energy Efficient\",\r\n \"description\": \"Patented heating systems reduce energy consumption by up to 35%.\"\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 4,\r\n \"name\": \"Smart Controls\",\r\n \"description\": \"Intuitive touchscreen interface with recipe memory.\"\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 5,\r\n \"name\": \"Safety Certified\",\r\n \"description\": \"CE safety standards with emergency stops and overload protection.\"\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 6,\r\n \"name\": \"Global Support\",\r\n \"description\": \"24\/7 technical support and international service network.\"\r\n }\r\n ]\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Features Section with Wrapper Class for Isolation -->\r\n <div class=\"ms-wrapper\">\r\n <section class=\"ms-features\">\r\n <div class=\"ms-container\">\r\n \r\n <div class=\"ms-section-header\">\r\n <h2>Why Industry Leaders Choose Mesoforming<\/h2>\r\n <p>Our thermoforming machines are engineered for precision, efficiency, and durability, helping you maximize production output while minimizing operational costs.<\/p>\r\n <\/div>\r\n \r\n <div class=\"ms-features-grid\">\r\n <!-- Feature 1 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i>\r\n <\/div>\r\n <h3>High-Speed Production<\/h3>\r\n <p>Our fully servo-driven systems achieve production speeds up to 30 cycles per minute.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about High-Speed Production\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 2 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n <\/div>\r\n <h3>Precision Engineering<\/h3>\r\n <p>German-engineered components ensure \u00b10.1mm forming accuracy for consistent quality.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about Precision Engineering\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 3 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-leaf\"><\/i>\r\n <\/div>\r\n <h3>Energy Efficient<\/h3>\r\n <p>Patented heating systems reduce energy consumption by up to 35% compared to others.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about Energy Efficiency\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 4 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-sliders-h\"><\/i>\r\n <\/div>\r\n <h3>Smart Controls<\/h3>\r\n <p>Intuitive touchscreen interface with recipe memory stores up to 100 product configurations.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about Smart Controls\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 5 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>Safety Certified<\/h3>\r\n <p>All machines meet CE safety standards with integrated emergency stops and protections.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about Safety\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 6 -->\r\n <div class=\"ms-feature-card\">\r\n <div class=\"ms-feature-card-header\"><\/div>\r\n <div class=\"ms-feature-card-body\">\r\n <div class=\"ms-feature-icon\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <h3>Global Support<\/h3>\r\n <p>Our international service network provides 24\/7 technical support and same-day response.<\/p>\r\n <a href=\"#\" class=\"ms-feature-link\" aria-label=\"Learn more about Support\">\r\n Learn more <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ms-feature-actions\">\r\n <a href=\"#\" class=\"ms-feature-btn ms-feature-btn-primary\">\r\n Contact Us <i class=\"fas fa-envelope\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"ms-feature-btn ms-feature-btn-secondary\">\r\n View More Products <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6e96aa e-con-full e-flex e-con e-parent\" data-id=\"a6e96aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-1b32baf e-con-full e-flex e-con e-child\" data-id=\"1b32baf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b65898 elementor-widget elementor-widget-html\" data-id=\"8b65898\" 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<!-- START: Ultra-Optimized Mesoforming Video Module -->\r\n<div id=\"vk-module-root\">\r\n\r\n <!-- CRITICAL CSS: Inline & Performance First -->\r\n <style>\r\n \/* 1. Module Container & Reset *\/\r\n #vk-module-root {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 30px 20px;\r\n background: transparent;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n box-sizing: border-box;\r\n display: block;\r\n position: relative;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n #vk-module-root * {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* 2. Main Heading *\/\r\n #vk-module-root .vk-heading {\r\n text-align: center;\r\n color: #6915d7;\r\n font-weight: 700;\r\n margin: 0 0 15px 0;\r\n letter-spacing: 0.5px;\r\n line-height: 1.2;\r\n font-size: 2.5rem;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n }\r\n\r\n \/* 3. Subtitle (High-Conversion) *\/\r\n #vk-module-root .vk-subtitle {\r\n text-align: center;\r\n color: #555;\r\n font-weight: 400;\r\n margin: 0 0 35px 0;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n }\r\n\r\n \/* 4. Scrollable Grid *\/\r\n #vk-module-root .vk-grid-wrapper {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n gap: 20px;\r\n overflow-x: auto;\r\n padding-bottom: 30px;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-behavior: smooth;\r\n scrollbar-width: none;\r\n }\r\n \r\n #vk-module-root .vk-grid-wrapper::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n \/* 5. Card Component *\/\r\n #vk-module-root .vk-card {\r\n position: relative;\r\n flex: 0 0 calc(20% - 16px);\r\n min-width: 240px;\r\n aspect-ratio: 9\/16;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background-color: #121212;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n transform: translateZ(0);\r\n border: 1px solid rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* Hover Effects *\/\r\n @media (hover: hover) {\r\n #vk-module-root .vk-card:hover {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n\r\n \/* 6. YouTube Thumbnail *\/\r\n #vk-module-root .vk-thumbnail {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 2;\r\n background: #121212;\r\n }\r\n\r\n \/* 7. YouTube Iframe *\/\r\n #vk-module-root .vk-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 \/* 8. Overlays *\/\r\n #vk-module-root .vk-overlays {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 3;\r\n pointer-events: none;\r\n }\r\n\r\n \/* 9. Badges *\/\r\n #vk-module-root .vk-badge {\r\n position: absolute;\r\n top: 15px;\r\n height: 26px;\r\n padding: 0 12px;\r\n border-radius: 4px;\r\n color: #ffffff;\r\n font-size: 11px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n line-height: 1;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n }\r\n\r\n #vk-module-root .vk-badge-highlight { \r\n left: 15px; \r\n background-color: #ffa500; \r\n color: #000; \r\n }\r\n \r\n #vk-module-root .vk-badge-info { \r\n right: 15px; \r\n background-color: rgba(0, 0, 0, 0.6); \r\n backdrop-filter: blur(4px); \r\n border: 1px solid rgba(255,255,255,0.2); \r\n }\r\n\r\n \/* 10. Play Button *\/\r\n #vk-module-root .vk-play-btn {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(0, 0, 0, 0.3);\r\n backdrop-filter: blur(4px);\r\n border: 3px solid #ffffff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\r\n }\r\n \r\n #vk-module-root .vk-icon-play { \r\n width: 24px; \r\n height: 24px; \r\n fill: #fff; \r\n margin-left: 4px; \r\n }\r\n\r\n \/* 11. Footer *\/\r\n #vk-module-root .vk-footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 110px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 15px;\r\n z-index: 10;\r\n pointer-events: none;\r\n }\r\n\r\n #vk-module-root .vk-profile-img {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 6px;\r\n border: 2px solid rgba(255,255,255,0.8);\r\n margin-right: 12px;\r\n object-fit: cover;\r\n background: #333;\r\n }\r\n\r\n #vk-module-root .vk-meta { \r\n flex: 1; \r\n overflow: hidden; \r\n display: flex; \r\n flex-direction: column; \r\n justify-content: center; \r\n padding-bottom: 2px;\r\n }\r\n \r\n #vk-module-root .vk-title { \r\n color: #fff; \r\n font-size: 14px; \r\n font-weight: 700; \r\n text-transform: uppercase; \r\n margin-bottom: 4px; \r\n text-shadow: 0 2px 4px rgba(0,0,0,0.8); \r\n white-space: nowrap; \r\n overflow: hidden; \r\n text-overflow: ellipsis; \r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n }\r\n \r\n #vk-module-root .vk-spec { \r\n color: #ffa500;\r\n font-size: 12px; \r\n font-weight: 700; \r\n text-shadow: 0 2px 4px rgba(0,0,0,1); \r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n }\r\n \r\n #vk-module-root .vk-sub-spec { \r\n font-size: 11px; \r\n font-weight: 400; \r\n color: #ddd; \r\n margin-left: 6px; \r\n opacity: 0.9;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n }\r\n\r\n \/* 12. Playing State *\/\r\n #vk-module-root .vk-card.vk-playing .vk-thumbnail,\r\n #vk-module-root .vk-card.vk-playing .vk-overlays { \r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n #vk-module-root .vk-card.vk-playing .vk-iframe { \r\n z-index: 5; \r\n }\r\n\r\n \/* RESPONSIVE BREAKPOINTS *\/\r\n @media (max-width: 1024px) {\r\n #vk-module-root .vk-card { flex: 0 0 32%; }\r\n #vk-module-root .vk-heading { font-size: 2.2rem; }\r\n #vk-module-root .vk-subtitle { font-size: 1rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #vk-module-root { padding: 25px 0 25px 15px; } \r\n #vk-module-root .vk-heading { \r\n font-size: 1.8rem;\r\n text-align: left;\r\n padding-left: 0;\r\n }\r\n #vk-module-root .vk-subtitle {\r\n text-align: left;\r\n font-size: 0.95rem;\r\n margin-bottom: 30px;\r\n }\r\n #vk-module-root .vk-grid-wrapper { \r\n gap: 15px; \r\n padding-right: 15px; \r\n scroll-snap-type: x mandatory; \r\n }\r\n \r\n #vk-module-root .vk-card { \r\n flex: 0 0 70%;\r\n min-width: 260px;\r\n scroll-snap-align: center; \r\n }\r\n #vk-module-root .vk-play-btn { width: 50px; height: 50px; }\r\n #vk-module-root .vk-icon-play { width: 18px; height: 18px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #vk-module-root .vk-heading { \r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n #vk-module-root .vk-subtitle {\r\n font-size: 0.9rem;\r\n margin-bottom: 25px;\r\n line-height: 1.5;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- Header Section -->\r\n <h2 class=\"vk-heading\">Mesoforming Machines In Action<\/h2>\r\n \r\n <!-- High-Conversion Subtitle -->\r\n <p class=\"vk-subtitle\">\r\n Watch our high-speed thermoforming machinery produce perfect containers every time. \r\n See real production speeds, precision engineering, and sustainable packaging solutions in action.\r\n <\/p>\r\n\r\n <!-- Grid Container -->\r\n <div class=\"vk-grid-wrapper\">\r\n\r\n <!-- CARD 1: Multi-Station System -->\r\n <div class=\"vk-card\" data-yt-id=\"zcs01ObXCwI\" data-yt-start=\"8\">\r\n \r\n <!-- YouTube Thumbnail -->\r\n <img src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\" \r\n class=\"vk-thumbnail\" \r\n alt=\"Multi-Station Thermoforming Machine\" \r\n loading=\"lazy\" \r\n decoding=\"async\" \r\n width=\"240\" \r\n height=\"426\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/hqdefault.jpg'\">\r\n \r\n <div class=\"vk-overlays\">\r\n <div class=\"vk-badge vk-badge-highlight\">TOP RATED<\/div>\r\n <div class=\"vk-badge vk-badge-info\">SERVO SYSTEM<\/div>\r\n <div class=\"vk-play-btn\">\r\n <svg class=\"vk-icon-play\" viewBox=\"0 0 384 512\"><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer -->\r\n <div class=\"vk-footer\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/default.jpg\" \r\n class=\"vk-profile-img\" \r\n alt=\"Channel Thumbnail\" \r\n loading=\"lazy\"\r\n onerror=\"this.style.display='none'\">\r\n <div class=\"vk-meta\">\r\n <div class=\"vk-title\">MULTI-STATION FORMER<\/div>\r\n <div class=\"vk-spec\">30 CYCLES\/MIN <span class=\"vk-sub-spec\">FULL AUTO<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2: High Speed Cup Line -->\r\n <div class=\"vk-card\" data-yt-id=\"zcs01ObXCwI\" data-yt-start=\"0\">\r\n <img src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\" \r\n class=\"vk-thumbnail\" \r\n alt=\"Cup Thermoforming Machine\" \r\n loading=\"lazy\" \r\n decoding=\"async\" \r\n width=\"240\" \r\n height=\"426\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/hqdefault.jpg'\">\r\n \r\n <div class=\"vk-overlays\">\r\n <div class=\"vk-badge vk-badge-highlight\">HIGH SPEED<\/div>\r\n <div class=\"vk-badge vk-badge-info\">PP \/ PET \/ PS<\/div>\r\n <div class=\"vk-play-btn\"><svg class=\"vk-icon-play\" viewBox=\"0 0 384 512\"><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"vk-footer\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/default.jpg\" \r\n class=\"vk-profile-img\" \r\n alt=\"Channel Thumbnail\" \r\n loading=\"lazy\"\r\n onerror=\"this.style.display='none'\">\r\n <div class=\"vk-meta\">\r\n <div class=\"vk-title\">HIGH-SPEED CUP LINE<\/div>\r\n <div class=\"vk-spec\">45 CYCLES\/MIN <span class=\"vk-sub-spec\">ENERGY SAVING<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3: Precision Molds -->\r\n <div class=\"vk-card\" data-yt-id=\"zcs01ObXCwI\" data-yt-start=\"0\">\r\n <img src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\" \r\n class=\"vk-thumbnail\" \r\n alt=\"Industrial Molds\" \r\n loading=\"lazy\" \r\n decoding=\"async\" \r\n width=\"240\" \r\n height=\"426\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/hqdefault.jpg'\">\r\n \r\n <div class=\"vk-overlays\">\r\n <div class=\"vk-badge vk-badge-highlight\">PRECISION<\/div>\r\n <div class=\"vk-badge vk-badge-info\">CNC TOOLING<\/div>\r\n <div class=\"vk-play-btn\"><svg class=\"vk-icon-play\" viewBox=\"0 0 384 512\"><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"vk-footer\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/default.jpg\" \r\n class=\"vk-profile-img\" \r\n alt=\"Channel Thumbnail\" \r\n loading=\"lazy\"\r\n onerror=\"this.style.display='none'\">\r\n <div class=\"vk-meta\">\r\n <div class=\"vk-title\">PRECISION MOLDS<\/div>\r\n <div class=\"vk-spec\">\u00b10.05mm <span class=\"vk-sub-spec\">TOLERANCE<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 4: Eco-Friendly PLA -->\r\n <div class=\"vk-card\" data-yt-id=\"zcs01ObXCwI\" data-yt-start=\"0\">\r\n <img src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\" \r\n class=\"vk-thumbnail\" \r\n alt=\"PLA Packaging\" \r\n loading=\"lazy\" \r\n decoding=\"async\" \r\n width=\"240\" \r\n height=\"426\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/hqdefault.jpg'\">\r\n \r\n <div class=\"vk-overlays\">\r\n <div class=\"vk-badge vk-badge-highlight\" style=\"background-color: #2e7d32; color:#fff;\">SUSTAINABLE<\/div>\r\n <div class=\"vk-badge vk-badge-info\">PLA \/ CPLA<\/div>\r\n <div class=\"vk-play-btn\"><svg class=\"vk-icon-play\" viewBox=\"0 0 384 512\"><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"vk-footer\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/default.jpg\" \r\n class=\"vk-profile-img\" \r\n alt=\"Channel Thumbnail\" \r\n loading=\"lazy\"\r\n onerror=\"this.style.display='none'\">\r\n <div class=\"vk-meta\">\r\n <div class=\"vk-title\">ECO SOLUTIONS<\/div>\r\n <div class=\"vk-spec\">BIODEGRADABLE <span class=\"vk-sub-spec\">READY<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 5: Global Support -->\r\n <div class=\"vk-card\" data-yt-id=\"zcs01ObXCwI\" data-yt-start=\"0\">\r\n <img src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\" \r\n class=\"vk-thumbnail\" \r\n alt=\"Factory Support\" \r\n loading=\"lazy\" \r\n decoding=\"async\" \r\n width=\"240\" \r\n height=\"426\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/hqdefault.jpg'\">\r\n \r\n <div class=\"vk-overlays\">\r\n <div class=\"vk-badge vk-badge-highlight\">GLOBAL<\/div>\r\n <div class=\"vk-badge vk-badge-info\">24\/7 SERVICE<\/div>\r\n <div class=\"vk-play-btn\"><svg class=\"vk-icon-play\" viewBox=\"0 0 384 512\"><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"vk-footer\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/default.jpg\" \r\n class=\"vk-profile-img\" \r\n alt=\"Channel Thumbnail\" \r\n loading=\"lazy\"\r\n onerror=\"this.style.display='none'\">\r\n <div class=\"vk-meta\">\r\n <div class=\"vk-title\">TURNKEY PROJECT<\/div>\r\n <div class=\"vk-spec\">50+ COUNTRIES <span class=\"vk-sub-spec\">INSTALLED<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ULTRA-OPTIMIZED JAVASCRIPT -->\r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n var root = document.getElementById('vk-module-root');\r\n if(!root) return;\r\n \r\n \/\/ Optimized click handler\r\n root.addEventListener('click', function(e) {\r\n var card = e.target.closest('.vk-card');\r\n if (!card || card.classList.contains('vk-playing')) return;\r\n \r\n var ytId = card.getAttribute('data-yt-id');\r\n if (!ytId) return;\r\n \r\n \/\/ Get start time\r\n var startTime = card.getAttribute('data-yt-start') || '0';\r\n \r\n \/\/ Create optimized iframe\r\n var iframe = document.createElement('iframe');\r\n iframe.className = 'vk-iframe';\r\n iframe.src = 'https:\/\/www.youtube.com\/embed\/' + ytId + \r\n '?autoplay=1' +\r\n '&start=' + startTime +\r\n '&controls=1' +\r\n '&playsinline=1' +\r\n '&rel=0' +\r\n '&modestbranding=1' +\r\n '&iv_load_policy=3';\r\n iframe.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';\r\n iframe.allowFullscreen = true;\r\n iframe.title = 'YouTube Video Player';\r\n \r\n \/\/ Stop any playing video\r\n var playing = root.querySelector('.vk-playing');\r\n if (playing) {\r\n playing.classList.remove('vk-playing');\r\n var oldIframe = playing.querySelector('.vk-iframe');\r\n if (oldIframe) oldIframe.remove();\r\n }\r\n \r\n \/\/ Start new video\r\n card.appendChild(iframe);\r\n card.classList.add('vk-playing');\r\n \r\n }, { passive: true });\r\n \r\n })();\r\n <\/script>\r\n\r\n <!-- SEO: OPTIMIZED JSON-LD -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ItemList\",\r\n \"name\": \"Mesoforming Machines In Action\",\r\n \"description\": \"Watch high-speed thermoforming machinery produce perfect containers every time. See real production speeds, precision engineering, and sustainable packaging solutions.\",\r\n \"url\": \"#\",\r\n \"numberOfItems\": 5,\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"item\": {\r\n \"@type\": \"VideoObject\",\r\n \"name\": \"Multi-Station Thermoforming Machine - 30 Cycles\/Min\",\r\n \"description\": \"Fully servo-driven automatic thermoforming equipment with 30 cycles\/min speed.\",\r\n \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\",\r\n \"uploadDate\": \"2024-01-01\",\r\n \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=zcs01ObXCwI\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/zcs01ObXCwI\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"item\": {\r\n \"@type\": \"VideoObject\",\r\n \"name\": \"High-Speed Cup Former - 45 Cycles\/Min\",\r\n \"description\": \"Advanced cup production line supporting PP, PS, PET, and PLA materials with energy saving technology.\",\r\n \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\",\r\n \"uploadDate\": \"2024-01-01\",\r\n \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=zcs01ObXCwI\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/zcs01ObXCwI\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 3,\r\n \"item\": {\r\n \"@type\": \"VideoObject\",\r\n \"name\": \"Precision Industrial Molds - \u00b10.05mm Tolerance\",\r\n \"description\": \"CNC engineered aluminum molds with high tolerance for thermoforming applications.\",\r\n \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/zcs01ObXCwI\/maxresdefault.jpg\",\r\n \"uploadDate\": \"2024-01-01\",\r\n \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=zcs01ObXCwI\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/zcs01ObXCwI\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n<\/div>\r\n<!-- END ULTRA-OPTIMIZED MODULE -->\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<div class=\"elementor-element elementor-element-c9a1b2e e-con-full e-flex e-con e-parent\" data-id=\"c9a1b2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b97fd77 e-con-full e-flex e-con e-child\" data-id=\"b97fd77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8345a6 elementor-widget elementor-widget-html\" data-id=\"e8345a6\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Certifications & Partners Module - Conflict Proof<\/title>\r\n <style>\r\n \/* =========================================\r\n CRITICAL CSS - ISOLATION & RESET\r\n (Prevents WP Theme & Elementor Conflicts)\r\n ========================================= *\/\r\n \r\n \/* 1. Wrapper Isolation *\/\r\n #ct-cert-partners-wrapper {\r\n \/* Reset Inherited Properties *\/\r\n all: initial; \r\n display: block;\r\n width: 100%;\r\n position: relative;\r\n background: #ffffff;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\r\n font-weight: 400;\r\n color: #333;\r\n line-height: 1.5;\r\n box-sizing: border-box;\r\n overflow: hidden; \/* Prevents scrollbar bleed *\/\r\n z-index: 10;\r\n }\r\n\r\n \/* 2. Deep Child Reset (The Firewall) *\/\r\n #ct-cert-partners-wrapper *, \r\n #ct-cert-partners-wrapper *::before, \r\n #ct-cert-partners-wrapper *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n outline: 0;\r\n vertical-align: baseline;\r\n background: transparent;\r\n text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n \/* 3. CSS Variables *\/\r\n #ct-cert-partners-wrapper {\r\n --ct-cp-primary: #4a00b0;\r\n --ct-cp-gradient-text: #4a00b0;\r\n --ct-cp-gradient-line: linear-gradient(90deg, #711be1, #ff6b00);\r\n --ct-cp-bg: #ffffff;\r\n --ct-cp-text-dark: #333333;\r\n --ct-cp-text-light: #666666;\r\n --ct-cp-shadow-card: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n --ct-cp-shadow-hover: 0 10px 25px rgba(74, 0, 176, 0.12);\r\n }\r\n\r\n \/* =========================================\r\n LAYOUT & TYPOGRAPHY\r\n ========================================= *\/\r\n\r\n \/* Container *\/\r\n #ct-cert-partners-wrapper .ct-cp-section {\r\n display: block;\r\n width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 60px 20px 35px 20px !important;\r\n }\r\n \r\n \/* Header Area *\/\r\n #ct-cert-partners-wrapper .ct-cp-header {\r\n display: block;\r\n text-align: center !important;\r\n margin-bottom: 45px !important;\r\n position: relative;\r\n width: 100%;\r\n }\r\n \r\n \/* === TITLE OPTIMIZATION (Strict Spec) === *\/\r\n #ct-cert-partners-wrapper .ct-cp-main-title {\r\n display: inline-block;\r\n position: relative;\r\n color: #4a00b0 !important; \/* Deep Purple *\/\r\n font-family: inherit !important;\r\n font-weight: 700 !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 25px !important;\r\n text-transform: none !important;\r\n letter-spacing: normal !important;\r\n \r\n \/* Responsive Font Sizes *\/\r\n font-size: 2.5rem !important; \/* Desktop Default (~40px) *\/\r\n }\r\n\r\n \/* Title Underline *\/\r\n #ct-cert-partners-wrapper .ct-cp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \/* 5rem *\/\r\n height: 4px; \/* .25rem *\/\r\n background: var(--ct-cp-gradient-line);\r\n border-radius: 2px;\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n \/* Subtitle *\/\r\n #ct-cert-partners-wrapper .ct-cp-subtitle {\r\n display: block;\r\n font-size: 1.05rem !important;\r\n color: var(--ct-cp-text-light) !important;\r\n max-width: 800px !important;\r\n margin: 15px auto 0 auto !important;\r\n text-align: center !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* =========================================\r\n CERTIFICATES GRID\r\n ========================================= *\/\r\n \r\n #ct-cert-partners-wrapper .ct-cp-gallery-container {\r\n display: block;\r\n margin-bottom: 35px !important;\r\n width: 100%;\r\n }\r\n\r\n \/* Grid System *\/\r\n #ct-cert-partners-wrapper .ct-cp-gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 20px !important;\r\n justify-content: center;\r\n width: 100%;\r\n max-width: 900px !important; \/* Compact desktop constraint *\/\r\n margin: 0 auto !important;\r\n }\r\n\r\n \/* Card Style *\/\r\n #ct-cert-partners-wrapper .ct-cp-card {\r\n display: block;\r\n background: #fff;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n position: relative;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n max-width: 200px !important; \/* Fixed Compact Size *\/\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n box-shadow: var(--ct-cp-shadow-card) !important;\r\n border: 1px solid rgba(0,0,0,0.04) !important;\r\n transform: translateZ(0); \/* Hardware accel *\/\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--ct-cp-shadow-hover) !important;\r\n }\r\n\r\n \/* Image Wrapper *\/\r\n #ct-cert-partners-wrapper .ct-cp-figure {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n background: #f8f9fa;\r\n padding: 15px !important;\r\n min-height: 140px;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-figure img {\r\n display: block !important;\r\n width: 100% !important;\r\n height: auto !important;\r\n max-height: 180px !important;\r\n object-fit: contain !important;\r\n transition: transform 0.4s ease;\r\n margin: 0 !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-card:hover .ct-cp-figure img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* Caption *\/\r\n #ct-cert-partners-wrapper .ct-cp-card-caption {\r\n display: block;\r\n padding: 10px 5px !important;\r\n text-align: center !important;\r\n color: var(--ct-cp-text-dark) !important;\r\n font-weight: 600 !important;\r\n font-size: 0.85rem !important;\r\n border-top: 1px solid #f0f0f0 !important;\r\n background: #fff;\r\n line-height: 1.3 !important;\r\n }\r\n\r\n \/* =========================================\r\n PARTNERS TICKER\r\n ========================================= *\/\r\n #ct-cert-partners-wrapper .ct-cp-partners-wrapper {\r\n display: block;\r\n margin: 25px 0 !important;\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n \/* Fade Edges *\/\r\n mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-slider-track {\r\n display: flex;\r\n width: max-content;\r\n gap: 35px;\r\n animation: ctCpScroll 35s linear infinite;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-partner-card {\r\n flex: 0 0 130px;\r\n width: 130px !important;\r\n height: 75px !important;\r\n background: #fff;\r\n border-radius: 6px !important;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px !important;\r\n box-shadow: 0 3px 8px rgba(0,0,0,0.05) !important;\r\n border: 1px solid rgba(0,0,0,0.02) !important;\r\n margin: 0 !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-partner-card img {\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain;\r\n opacity: 0.9;\r\n }\r\n\r\n @keyframes ctCpScroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(calc(-130px * 11 - 385px)); }\r\n }\r\n\r\n \/* =========================================\r\n BUTTONS\r\n ========================================= *\/\r\n #ct-cert-partners-wrapper .ct-cp-actions {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n margin-top: 20px !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px !important;\r\n border-radius: 6px !important; \/* Rounded Rectangle *\/\r\n font-weight: 600 !important;\r\n font-size: 0.95rem !important;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n line-height: 1 !important;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-btn-primary {\r\n background: linear-gradient(135deg, #6915d7 0%, #4a00b0 100%) !important;\r\n color: #ffffff !important;\r\n border: 1px solid transparent !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-btn-secondary {\r\n background: #ffffff !important;\r\n color: #333333 !important;\r\n border: 1px solid #cccccc !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 12px rgba(0,0,0,0.12) !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-icon {\r\n display: inline-block;\r\n margin-left: 8px !important;\r\n font-style: normal;\r\n }\r\n\r\n \/* =========================================\r\n MODAL (LIGHTBOX) & CLOSE BUTTON\r\n ========================================= *\/\r\n #ct-cert-partners-wrapper .ct-cp-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 9999999 !important; \/* Max Z-Index *\/\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-modal.ct-active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-modal-content {\r\n position: relative;\r\n width: 95%;\r\n max-width: 1100px;\r\n height: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* STRONG HINT CLOSE BUTTON *\/\r\n #ct-cert-partners-wrapper .ct-cp-modal-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #ff3b30; \/* Vivid Red for Visibility *\/\r\n color: #ffffff;\r\n border: 2px solid #ffffff;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1;\r\n cursor: pointer;\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.4);\r\n transition: transform 0.2s, background-color 0.2s;\r\n padding: 0 !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-modal-close:hover {\r\n transform: scale(1.1);\r\n background-color: #ff1a1a;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-modal-viewport {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #ct-cert-partners-wrapper #ct-cp-modal-img {\r\n display: block;\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n cursor: grab;\r\n transform-origin: center center;\r\n transition: transform 0.1s linear;\r\n }\r\n\r\n #ct-cert-partners-wrapper #ct-cp-modal-img:active {\r\n cursor: grabbing;\r\n }\r\n\r\n \/* Toolbar *\/\r\n #ct-cert-partners-wrapper .ct-cp-modal-toolbar {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 15px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 25px !important;\r\n border-radius: 40px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n z-index: 50;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-tool-btn {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 50% !important;\r\n border: none !important;\r\n background: #ffffff !important;\r\n color: #333 !important;\r\n font-size: 1.2rem !important;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.2s;\r\n padding: 0 !important;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-tool-btn:hover {\r\n transform: scale(1.15);\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE BREAKPOINTS (Strict ID Scope)\r\n ========================================= *\/\r\n \r\n \/* TABLET (< 768px) *\/\r\n @media (max-width: 768px) {\r\n #ct-cert-partners-wrapper .ct-cp-section {\r\n padding: 40px 15px 30px 15px !important;\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-main-title {\r\n font-size: 2.2rem !important; \/* Tablet Size *\/\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-partner-card {\r\n flex: 0 0 110px;\r\n width: 110px !important;\r\n height: 65px !important;\r\n }\r\n @keyframes ctCpScroll {\r\n 100% { transform: translateX(calc(-110px * 11 - 385px)); }\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-actions {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-btn {\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n }\r\n }\r\n\r\n \/* MOBILE (< 576px) *\/\r\n @media (max-width: 576px) {\r\n #ct-cert-partners-wrapper .ct-cp-main-title {\r\n font-size: 1.8rem !important; \/* Mobile Size *\/\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-subtitle {\r\n font-size: 0.95rem !important;\r\n }\r\n #ct-cert-partners-wrapper .ct-cp-partner-card {\r\n flex: 0 0 90px;\r\n width: 90px !important;\r\n height: 55px !important;\r\n }\r\n \/* Adjust Close Button Position on tiny screens *\/\r\n #ct-cert-partners-wrapper .ct-cp-modal-close {\r\n top: 10px;\r\n right: 10px;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 24px;\r\n }\r\n }\r\n\r\n \/* HORIZONTAL SCROLL FOR MOBILE\/TABLET (< 991px) *\/\r\n @media (max-width: 991px) {\r\n #ct-cert-partners-wrapper .ct-cp-gallery-grid {\r\n display: flex !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n gap: 15px !important;\r\n padding-bottom: 20px !important;\r\n padding-left: 10px !important;\r\n padding-right: 20px !important;\r\n justify-content: flex-start !important;\r\n max-width: 100% !important;\r\n scrollbar-width: none;\r\n }\r\n \r\n #ct-cert-partners-wrapper .ct-cp-gallery-grid::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n #ct-cert-partners-wrapper .ct-cp-card {\r\n flex: 0 0 200px;\r\n max-width: 200px !important;\r\n scroll-snap-align: center;\r\n margin: 0 !important;\r\n }\r\n \r\n #ct-cert-partners-wrapper .ct-cp-card:hover {\r\n transform: none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \r\n START MODULE: Certifications & Global Partners \r\n Version: 5.0 (Conflict-Proof, Optimized, Strong UI Hints)\r\n-->\r\n<div id=\"ct-cert-partners-wrapper\">\r\n <section class=\"ct-cp-section\">\r\n <!-- Section Header -->\r\n <header class=\"ct-cp-header\">\r\n <h2 class=\"ct-cp-main-title\">Certifications & Global Partners<\/h2>\r\n <p class=\"ct-cp-subtitle\">\r\n Mesoforming machines are CE certified and compliant with international safety standards. Trusted by leading manufacturers in 40+ countries.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- Certificates Gallery -->\r\n <div class=\"ct-cp-gallery-container\">\r\n <div class=\"ct-cp-gallery-grid\">\r\n \r\n <!-- Certificate 1 -->\r\n <article class=\"ct-cp-card\" role=\"button\" tabindex=\"0\" \r\n data-image=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009352325.jpg\" \r\n data-caption=\"CE Certification - European Conformity\">\r\n <figure class=\"ct-cp-figure\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009352325.jpg\" \r\n alt=\"CE Certification European Conformity\" \r\n width=\"400\" height=\"283\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <div class=\"ct-cp-card-caption\">CE Certification<\/div>\r\n <\/article>\r\n\r\n <!-- Certificate 2 -->\r\n <article class=\"ct-cp-card\" role=\"button\" tabindex=\"0\"\r\n data-image=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009112939.webp\" \r\n data-caption=\"ISO 9001 Quality Management System\">\r\n <figure class=\"ct-cp-figure\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009112939.webp\" \r\n alt=\"ISO 9001 Quality Management System\" \r\n width=\"400\" height=\"283\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <div class=\"ct-cp-card-caption\">ISO 9001 QMS<\/div>\r\n <\/article>\r\n\r\n <!-- Certificate 3 -->\r\n <article class=\"ct-cp-card\" role=\"button\" tabindex=\"0\"\r\n data-image=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009251272.webp\" \r\n data-caption=\"SGS International Inspection Certificate\">\r\n <figure class=\"ct-cp-figure\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009251272.webp\" \r\n alt=\"SGS International Inspection Certificate\" \r\n width=\"400\" height=\"283\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <div class=\"ct-cp-card-caption\">SGS Inspection<\/div>\r\n <\/article>\r\n\r\n <!-- Certificate 4 -->\r\n <article class=\"ct-cp-card\" role=\"button\" tabindex=\"0\"\r\n data-image=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009290219.webp\" \r\n data-caption=\"RoHS Compliance Certificate\">\r\n <figure class=\"ct-cp-figure\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/10\/2025102009290219.webp\" \r\n alt=\"RoHS Compliance Certificate\" \r\n width=\"400\" height=\"283\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <div class=\"ct-cp-card-caption\">RoHS Compliance<\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Partners Carousel -->\r\n <div class=\"ct-cp-partners-wrapper\">\r\n <div class=\"ct-cp-slider-track\">\r\n <!-- LOGO SET 1 -->\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601505199.webp\" alt=\"Siemens\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601511756.webp\" alt=\"Schneider Electric\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601512230.webp\" alt=\"Delta\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072602071638.webp\" alt=\"OMRON\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603344764.webp\" alt=\"SMC\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603345471.webp\" alt=\"Siemens\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601505199.webp\" alt=\"Bosch\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601511756.webp\" alt=\"ABB\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601512230.webp\" alt=\"Mitsubishi\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072602071638.webp\" alt=\"Rockwell\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603344764.webp\" alt=\"Festo\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <!-- LOGO SET 2 -->\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601505199.webp\" alt=\"Siemens\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601511756.webp\" alt=\"Schneider Electric\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601512230.webp\" alt=\"Delta\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072602071638.webp\" alt=\"OMRON\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603344764.webp\" alt=\"SMC\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603345471.webp\" alt=\"Siemens\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601505199.webp\" alt=\"Bosch\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601511756.webp\" alt=\"ABB\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072601512230.webp\" alt=\"Mitsubishi\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072602071638.webp\" alt=\"Rockwell\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <div class=\"ct-cp-partner-card\"><img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024072603344764.webp\" alt=\"Festo\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Buttons -->\r\n <div class=\"ct-cp-actions\">\r\n <a href=\"\/about\/\" class=\"ct-cp-btn ct-cp-btn-primary\">\r\n View More Certifications <span class=\"ct-cp-icon\">\u2192<\/span>\r\n <\/a>\r\n <a href=\"\/contact\/\" class=\"ct-cp-btn ct-cp-btn-secondary\">\r\n Partner With Us <span class=\"ct-cp-icon\">\ud83e\udd1d<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Modal with Strong Close Button -->\r\n <div id=\"ct-cp-modal-overlay\" class=\"ct-cp-modal\">\r\n <button id=\"ct-cp-close-btn\" class=\"ct-cp-modal-close\" aria-label=\"Close Modal\">\u00d7<\/button>\r\n <div class=\"ct-cp-modal-content\">\r\n <div class=\"ct-cp-modal-viewport\">\r\n <img decoding=\"async\" id=\"ct-cp-modal-img\" src=\"\" alt=\"\" draggable=\"false\">\r\n <\/div>\r\n <div class=\"ct-cp-modal-toolbar\">\r\n <button class=\"ct-cp-tool-btn\" id=\"ct-cp-zoom-in\" aria-label=\"Zoom In\">+<\/button>\r\n <button class=\"ct-cp-tool-btn\" id=\"ct-cp-reset\" aria-label=\"Reset\">\u27f2<\/button>\r\n <button class=\"ct-cp-tool-btn\" id=\"ct-cp-zoom-out\" aria-label=\"Zoom Out\">-<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initModule);\r\n } else {\r\n setTimeout(initModule, 100);\r\n }\r\n\r\n function initModule() {\r\n const modal = document.getElementById('ct-cp-modal-overlay');\r\n const modalImg = document.getElementById('ct-cp-modal-img');\r\n const closeBtn = document.getElementById('ct-cp-close-btn');\r\n const cards = document.querySelectorAll('.ct-cp-card');\r\n const btnZoomIn = document.getElementById('ct-cp-zoom-in');\r\n const btnZoomOut = document.getElementById('ct-cp-zoom-out');\r\n const btnReset = document.getElementById('ct-cp-reset');\r\n\r\n let scale = 1, panning = false, pointX = 0, pointY = 0, startX = 0, startY = 0;\r\n\r\n \/\/ Modal Open\r\n cards.forEach(card => {\r\n const openHandler = function(e) {\r\n e.preventDefault();\r\n const src = this.getAttribute('data-image');\r\n const alt = this.getAttribute('data-caption');\r\n modalImg.src = src;\r\n modalImg.alt = alt;\r\n resetTransform();\r\n modal.classList.add('ct-active');\r\n document.body.style.overflow = 'hidden';\r\n };\r\n card.addEventListener('click', openHandler);\r\n card.addEventListener('keydown', function(e) {\r\n if(e.key === 'Enter' || e.key === ' ') openHandler.call(this, e);\r\n });\r\n });\r\n\r\n \/\/ Modal Close\r\n function closeModal() {\r\n modal.classList.remove('ct-active');\r\n document.body.style.overflow = '';\r\n setTimeout(() => { modalImg.src = ''; }, 300);\r\n }\r\n\r\n closeBtn.addEventListener('click', function(e) {\r\n e.stopPropagation(); \/\/ Stop bubble\r\n closeModal();\r\n });\r\n \r\n modal.addEventListener('click', (e) => {\r\n if(e.target === modal || e.target.classList.contains('ct-cp-modal-content')) closeModal();\r\n });\r\n \r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'Escape' && modal.classList.contains('ct-active')) closeModal();\r\n });\r\n\r\n \/\/ Zoom & Drag Logic\r\n function updateTransform() {\r\n modalImg.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`;\r\n }\r\n function resetTransform() {\r\n scale = 1; pointX = 0; pointY = 0; updateTransform();\r\n }\r\n\r\n btnZoomIn.addEventListener('click', (e) => { e.stopPropagation(); scale = Math.min(scale + 0.2, 3); updateTransform(); });\r\n btnZoomOut.addEventListener('click', (e) => { e.stopPropagation(); scale = Math.max(scale - 0.2, 0.5); updateTransform(); });\r\n btnReset.addEventListener('click', (e) => { e.stopPropagation(); resetTransform(); });\r\n\r\n function startDrag(e) {\r\n if(scale <= 1) return;\r\n e.preventDefault();\r\n panning = true;\r\n const clientX = e.pageX || e.touches[0].pageX;\r\n const clientY = e.pageY || e.touches[0].pageY;\r\n startX = clientX - pointX;\r\n startY = clientY - pointY;\r\n modalImg.style.transition = 'none';\r\n }\r\n function doDrag(e) {\r\n if(!panning) return;\r\n e.preventDefault();\r\n const clientX = e.pageX || e.touches[0].pageX;\r\n const clientY = e.pageY || e.touches[0].pageY;\r\n pointX = clientX - startX;\r\n pointY = clientY - startY;\r\n updateTransform();\r\n }\r\n function endDrag() {\r\n panning = false;\r\n modalImg.style.transition = 'transform 0.1s linear';\r\n }\r\n\r\n modalImg.addEventListener('mousedown', startDrag);\r\n modalImg.addEventListener('touchstart', startDrag, {passive: false});\r\n window.addEventListener('mousemove', doDrag);\r\n window.addEventListener('touchmove', doDrag, {passive: false});\r\n window.addEventListener('mouseup', endDrag);\r\n window.addEventListener('touchend', endDrag);\r\n }\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82cedc1 e-con-full e-flex e-con e-parent\" data-id=\"82cedc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9a65295 e-con-full e-flex e-con e-child\" data-id=\"9a65295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7997e33 elementor-widget elementor-widget-html\" data-id=\"7997e33\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Features of Our Thermoforming Machines<\/title>\r\n<style>\r\n \/* \r\n * SCOPED CSS - PREVENTS THEME CONFLICTS \r\n * ID: #tf-unique-scope\r\n *\/\r\n #tf-unique-scope {\r\n --tf-primary: #6A1B9A;\r\n --tf-title-color: #4a00b0;\r\n --tf-black: #000000;\r\n --tf-gray-dark: #333333;\r\n --tf-white: #FFFFFF;\r\n --tf-transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n --tf-gradient-underline: linear-gradient(90deg, #711be1, #ff6b00);\r\n \r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n padding: 10px 0; \r\n background-color: var(--tf-white);\r\n position: relative;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\r\n line-height: 1.6 !important;\r\n text-align: left;\r\n z-index: 1;\r\n }\r\n\r\n #tf-unique-scope *,\r\n #tf-unique-scope *::before,\r\n #tf-unique-scope *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n text-decoration: none;\r\n list-style: none;\r\n border: none;\r\n outline: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n \/* Layout *\/\r\n #tf-unique-scope .tf-content-wrapper {\r\n display: flex;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 0 40px; \r\n gap: 40px;\r\n }\r\n\r\n \/* Left Column *\/\r\n #tf-unique-scope .tf-column-left {\r\n flex: 2;\r\n min-width: 450px;\r\n padding-left: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n #tf-unique-scope .tf-info-card {\r\n padding: 30px;\r\n transition: var(--tf-transition);\r\n background-color: rgba(255, 255, 255, 0.95);\r\n border-radius: 12px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n border: 1px solid rgba(0,0,0,0.02);\r\n }\r\n\r\n #tf-unique-scope .tf-info-card:hover {\r\n box-shadow: 0 8px 30px rgba(106, 27, 154, 0.15);\r\n }\r\n\r\n \/* Typography *\/\r\n #tf-unique-scope h2.tf-title {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 2.5rem !important; \r\n color: var(--tf-title-color) !important;\r\n margin-bottom: 30px !important;\r\n margin-top: 0 !important;\r\n line-height: 1.2 !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n display: block;\r\n width: 100%;\r\n background: none !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #tf-unique-scope h2.tf-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -.625rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 5rem; \r\n height: .25rem; \r\n background: var(--tf-gradient-underline) !important;\r\n border-radius: .125rem;\r\n }\r\n\r\n #tf-unique-scope p.tf-desc {\r\n font-size: 16px !important;\r\n color: var(--tf-gray-dark) !important;\r\n line-height: 1.8 !important;\r\n margin-bottom: 25px !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* Buttons *\/\r\n #tf-unique-scope .tf-btn-group {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n #tf-unique-scope a.tf-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 24px !important;\r\n border-radius: 6px !important;\r\n font-family: inherit !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: var(--tf-transition);\r\n cursor: pointer;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n #tf-unique-scope a.tf-btn-primary {\r\n background-color: var(--tf-primary) !important;\r\n color: white !important;\r\n box-shadow: 0 4px 12px rgba(106, 27, 154, 0.2);\r\n }\r\n\r\n #tf-unique-scope a.tf-btn-primary:hover {\r\n background-color: #5a1680 !important;\r\n box-shadow: 0 6px 16px rgba(106, 27, 154, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n #tf-unique-scope a.tf-btn-secondary {\r\n background-color: white !important;\r\n color: var(--tf-primary) !important;\r\n border: 2px solid var(--tf-primary) !important;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n #tf-unique-scope a.tf-btn-secondary:hover {\r\n background-color: rgba(106, 27, 154, 0.05) !important;\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Right Column (Accordion\/Slider) *\/\r\n #tf-unique-scope .tf-column-right {\r\n flex: 3;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 600px;\r\n padding-right: 40px;\r\n position: relative;\r\n }\r\n\r\n #tf-unique-scope .tf-accordion {\r\n display: flex;\r\n height: 500px; \r\n gap: 10px;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item {\r\n flex: 1;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: var(--tf-transition);\r\n cursor: pointer;\r\n filter: brightness(0.9);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n background-color: #000; \r\n }\r\n\r\n #tf-unique-scope .tf-acc-item:first-child,\r\n #tf-unique-scope .tf-acc-item:hover {\r\n flex: 3;\r\n filter: brightness(1);\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);\r\n opacity: 0;\r\n transition: var(--tf-transition);\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item:first-child::before,\r\n #tf-unique-scope .tf-acc-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: var(--tf-transition);\r\n max-width: none !important;\r\n display: block !important;\r\n margin: 0 !important;\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n #tf-unique-scope .tf-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(106, 27, 154, 0.95);\r\n color: white !important;\r\n padding: 20px;\r\n transform: translateY(0);\r\n transition: var(--tf-transition);\r\n z-index: 3;\r\n text-align: left;\r\n }\r\n\r\n @media (min-width: 993px) {\r\n #tf-unique-scope .tf-acc-item:not(:first-child) .tf-caption {\r\n transform: translateY(100%);\r\n }\r\n #tf-unique-scope .tf-acc-item:hover .tf-caption {\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n #tf-unique-scope h3.tf-cap-title {\r\n font-family: inherit !important;\r\n font-weight: 700 !important;\r\n font-size: 18px !important;\r\n margin-bottom: 8px !important;\r\n color: white !important;\r\n line-height: 1.3 !important;\r\n }\r\n\r\n #tf-unique-scope div.tf-cap-desc {\r\n font-size: 14px !important;\r\n opacity: 0.95;\r\n color: rgba(255,255,255,0.9) !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n\r\n @media (max-width: 992px) {\r\n #tf-unique-scope .tf-content-wrapper {\r\n flex-direction: column;\r\n gap: 30px;\r\n padding-bottom: 30px;\r\n }\r\n\r\n #tf-unique-scope .tf-column-left,\r\n #tf-unique-scope .tf-column-right {\r\n min-width: 100%;\r\n padding: 0 20px;\r\n flex: auto;\r\n }\r\n\r\n #tf-unique-scope .tf-column-right {\r\n padding-right: 0; \r\n overflow: hidden; \r\n }\r\n\r\n #tf-unique-scope .tf-accordion {\r\n display: flex;\r\n flex-direction: row;\r\n height: auto;\r\n width: 100%;\r\n overflow-x: auto !important; \r\n overflow-y: hidden;\r\n -webkit-overflow-scrolling: touch; \r\n scroll-snap-type: x mandatory;\r\n gap: 15px;\r\n padding: 5px 20px 25px 20px; \r\n scrollbar-width: none; \r\n }\r\n\r\n #tf-unique-scope .tf-accordion::-webkit-scrollbar {\r\n display: none; \r\n }\r\n\r\n \/* Fixed Mobile Image Height *\/\r\n #tf-unique-scope .tf-acc-item {\r\n height: 480px !important; \r\n flex: 0 0 85% !important; \r\n max-width: 400px;\r\n scroll-snap-align: center;\r\n filter: none !important; \r\n transform: none !important;\r\n margin-right: 0;\r\n }\r\n\r\n #tf-unique-scope .tf-acc-item:hover {\r\n flex: 0 0 85% !important; \r\n }\r\n\r\n #tf-unique-scope .tf-caption {\r\n transform: translateY(0) !important; \r\n padding-bottom: 25px; \r\n }\r\n\r\n #tf-unique-scope .tf-btn-group {\r\n flex-direction: column;\r\n }\r\n \r\n #tf-unique-scope a.tf-btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tf-unique-scope h2.tf-title {\r\n font-size: 2.2rem !important; \r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n #tf-unique-scope h2.tf-title {\r\n font-size: 1.8rem !important; \r\n }\r\n #tf-unique-scope .tf-acc-item {\r\n height: 450px !important; \r\n flex: 0 0 90% !important; \r\n }\r\n }\r\n\r\n \/* \r\n * GLOBAL PORTAL STYLES (Appended to Body via JS)\r\n * These styles sit outside the #tf-unique-scope because they are added to <body>\r\n *\/\r\n #tf-portal-root {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 2147483647; \/* Maximum Z-Index possible *\/\r\n background-color: rgba(0, 0, 0, 0.9);\r\n display: none; \/* Hidden by default *\/\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n #tf-portal-root.tf-portal-active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .tf-portal-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 1000px;\r\n max-height: 90vh;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n background: #000;\r\n animation: tfZoomIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n @keyframes tfZoomIn {\r\n from { transform: scale(0.9); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n .tf-portal-img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 80vh;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n .tf-portal-caption {\r\n background: rgba(106, 27, 154, 0.95);\r\n color: white;\r\n padding: 20px;\r\n text-align: left;\r\n }\r\n\r\n .tf-portal-title {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n font-weight: 700;\r\n font-size: 20px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .tf-portal-desc {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n font-size: 15px;\r\n opacity: 0.9;\r\n }\r\n\r\n .tf-portal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n z-index: 10;\r\n line-height: 1;\r\n }\r\n .tf-portal-close:hover {\r\n background: rgba(106, 27, 154, 1);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"tf-unique-scope\">\r\n <div class=\"tf-content-wrapper\">\r\n <!-- Left Column -->\r\n <div class=\"tf-column-left\">\r\n <div class=\"tf-info-card\">\r\n <h2 class=\"tf-title\">Thermoforming Machine Solutions<\/h2>\r\n <p class=\"tf-desc\">As a leading thermoforming machine manufacturer, we pride ourselves on delivering top-tier machines that cater to the diverse needs of the plastics industry. Our innovative thermoforming machines are designed to enhance productivity and ensure precise, high-quality outputs. Additionally, we offer a comprehensive range of auxiliary machines and molds to provide complete solutions for your manufacturing processes.<\/p>\r\n <div class=\"tf-btn-group\">\r\n <a href=\"https:\/\/mesoforming.com\/contact\/\" class=\"tf-btn tf-btn-primary\">Contact for Inquiry<\/a>\r\n <a href=\"https:\/\/mesoforming.com\/about\" class=\"tf-btn tf-btn-secondary\">Learn About Mesoforming<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Column -->\r\n <div class=\"tf-column-right\">\r\n <div class=\"tf-accordion\">\r\n <div class=\"tf-acc-item\" data-title=\"Precision Manufacturing\" data-desc=\"High-precision thermoforming machines with \u00b10.1mm forming accuracy.\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/Mesoforming-exhibition-group-photo-01_11zon-scaled-1.webp\" alt=\"Thermoforming Production\" loading=\"lazy\">\r\n <div class=\"tf-caption\">\r\n <h3 class=\"tf-cap-title\">Precision Manufacturing<\/h3>\r\n <div class=\"tf-cap-desc\">High-precision thermoforming machines with \u00b10.1mm forming accuracy.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tf-acc-item\" data-title=\"Quality Assurance\" data-desc=\"CE certified machines with integrated safety features and quality control.\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/05\/2025051006424965.webp\" alt=\"CE Certification\" loading=\"lazy\">\r\n <div class=\"tf-caption\">\r\n <h3 class=\"tf-cap-title\">Quality Assurance<\/h3>\r\n <div class=\"tf-cap-desc\">CE certified machines with integrated safety features and quality control.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tf-acc-item\" data-title=\"Innovation\" data-desc=\"Patented heating systems reduce energy consumption by up to 35%.\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/05\/2025051006422555.webp\" alt=\"R&D Center\" loading=\"lazy\">\r\n <div class=\"tf-caption\">\r\n <h3 class=\"tf-cap-title\">Innovation<\/h3>\r\n <div class=\"tf-cap-desc\">Patented heating systems reduce energy consumption by up to 35%.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tf-acc-item\" data-title=\"Custom Solutions\" data-desc=\"Tailor-made thermoforming solutions for your specific needs.\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/05\/2025051006423611.webp\" alt=\"Custom Solutions\" loading=\"lazy\">\r\n <div class=\"tf-caption\">\r\n <h3 class=\"tf-cap-title\">Custom Solutions<\/h3>\r\n <div class=\"tf-cap-desc\">Tailor-made thermoforming solutions for your specific needs.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tf-acc-item\" data-title=\"Global Support\" data-desc=\"24\/7 technical support and same-day response for critical issues.\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/05\/2025051006421078.webp\" alt=\"Global Shipping\" loading=\"lazy\">\r\n <div class=\"tf-caption\">\r\n <h3 class=\"tf-cap-title\">Global Support<\/h3>\r\n <div class=\"tf-cap-desc\">24\/7 technical support and same-day response for critical issues.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ 1. CREATE PORTAL ELEMENT IN BODY\r\n \/\/ This moves the lightbox OUT of Elementor\/Theme wrappers to solve the Z-Index\/Black Screen issue.\r\n const portalId = 'tf-portal-root';\r\n let portal = document.getElementById(portalId);\r\n\r\n if (!portal) {\r\n portal = document.createElement('div');\r\n portal.id = portalId;\r\n portal.innerHTML = `\r\n <div class=\"tf-portal-content\">\r\n <div class=\"tf-portal-close\">×<\/div>\r\n <img decoding=\"async\" class=\"tf-portal-img\" src=\"\" alt=\"\">\r\n <div class=\"tf-portal-caption\">\r\n <div class=\"tf-portal-title\"><\/div>\r\n <div class=\"tf-portal-desc\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n document.body.appendChild(portal);\r\n }\r\n\r\n \/\/ Cache Portal Elements\r\n const portalImg = portal.querySelector('.tf-portal-img');\r\n const portalTitle = portal.querySelector('.tf-portal-title');\r\n const portalDesc = portal.querySelector('.tf-portal-desc');\r\n const closeBtn = portal.querySelector('.tf-portal-close');\r\n\r\n \/\/ 2. INTERACTION LOGIC\r\n const items = document.querySelectorAll('#tf-unique-scope .tf-acc-item');\r\n\r\n function isMobile() {\r\n return window.innerWidth <= 992;\r\n }\r\n\r\n items.forEach(item => {\r\n item.addEventListener('click', function(e) {\r\n \/\/ On mobile, just scroll\/view, don't open modal (User preference for scrolling)\r\n \/\/ If you WANT the lightbox on mobile, comment out the next line.\r\n if (isMobile()) return; \r\n\r\n const imgSource = item.querySelector('img').src;\r\n const titleText = item.getAttribute('data-title');\r\n const descText = item.getAttribute('data-desc');\r\n\r\n \/\/ Populate Portal\r\n portalImg.src = imgSource;\r\n portalTitle.textContent = titleText;\r\n portalDesc.textContent = descText;\r\n\r\n \/\/ Show Portal\r\n portal.classList.add('tf-portal-active');\r\n document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\r\n });\r\n });\r\n\r\n \/\/ 3. CLOSE LOGIC\r\n function closePortal() {\r\n portal.classList.remove('tf-portal-active');\r\n document.body.style.overflow = ''; \/\/ Restore scrolling\r\n \r\n \/\/ Clear src after animation to prevent flashing old image next time\r\n setTimeout(() => {\r\n portalImg.src = '';\r\n }, 300);\r\n }\r\n\r\n closeBtn.addEventListener('click', closePortal);\r\n \r\n \/\/ Close on clicking backdrop (outside content)\r\n portal.addEventListener('click', function(e) {\r\n if (e.target === portal) {\r\n closePortal();\r\n }\r\n });\r\n\r\n \/\/ Close on Escape Key\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && portal.classList.contains('tf-portal-active')) {\r\n closePortal();\r\n }\r\n });\r\n\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-11b684e e-con-full e-flex e-con e-parent\" data-id=\"11b684e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dbffd4b e-con-full e-flex e-con e-child\" data-id=\"dbffd4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59d6fcc elementor-widget elementor-widget-html\" data-id=\"59d6fcc\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Featured Products<\/title>\r\n <!-- Inline all critical CSS -->\r\n <style>\r\n \/* Modern System Font Stack - High Performance *\/\r\n .ms-products {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\r\n background-color: #f8f9fa;\r\n \/* OPTIMIZATION: Reduced padding for better spacing (was 5rem) *\/\r\n padding: 3rem 0;\r\n }\r\n \r\n .ms-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n \r\n .ms-section-header {\r\n text-align: center;\r\n \/* OPTIMIZATION: Reduced margin for compact look (was 3.125rem) *\/\r\n margin-bottom: 2rem;\r\n }\r\n \r\n .ms-section-header h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #4a00b0;\r\n margin-bottom: .9375rem;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .ms-section-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -.625rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 5rem;\r\n height: .25rem;\r\n background: linear-gradient(90deg, #711be1, #ff6b00);\r\n border-radius: .125rem;\r\n }\r\n \r\n .ms-section-header p {\r\n font-size: 1.1rem;\r\n color: #495057;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n \r\n .ms-products-grid {\r\n display: grid;\r\n \/* Desktop: Auto-fit functionality *\/\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 1.875rem;\r\n }\r\n \r\n .ms-product-card {\r\n background-color: #fff;\r\n border-radius: .5rem;\r\n overflow: hidden;\r\n box-shadow: 0 .25rem .375rem rgba(0, 0, 0, .05);\r\n transition: all .3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .ms-product-card:hover {\r\n transform: translateY(-.3125rem);\r\n box-shadow: 0 .5rem .9375rem rgba(0, 0, 0, .1);\r\n }\r\n \r\n .ms-product-image {\r\n height: 12.5rem;\r\n background-color: #e9ecef;\r\n position: relative;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n }\r\n \r\n .ms-product-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform .5s ease;\r\n }\r\n \r\n .ms-product-card:hover .ms-product-image img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .ms-product-badge {\r\n position: absolute;\r\n top: .9375rem;\r\n right: .9375rem;\r\n background: linear-gradient(90deg, #711be1, #ff6b00);\r\n color: #fff;\r\n padding: .3125rem .625rem;\r\n border-radius: .25rem;\r\n font-size: .8rem;\r\n font-weight: 600;\r\n }\r\n \r\n .ms-product-content {\r\n padding: 1.5625rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n \r\n .ms-product-title {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n margin-bottom: .625rem;\r\n color: #4a00b0;\r\n line-height: 1.3;\r\n }\r\n \r\n .ms-product-description {\r\n color: #495057;\r\n margin-bottom: 1.25rem;\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n \r\n .ms-product-link {\r\n display: inline-flex;\r\n align-items: center;\r\n color: #ff6b00;\r\n font-weight: 500;\r\n text-decoration: none;\r\n margin-top: auto;\r\n }\r\n \r\n \/* Inline SVG arrow icon *\/\r\n .ms-product-link::after {\r\n content: '';\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n margin-left: .5rem;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ff6b00'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transition: transform .3s ease;\r\n }\r\n \r\n .ms-product-link:hover::after {\r\n transform: translateX(.25rem);\r\n }\r\n \r\n \/* Tablet Optimization *\/\r\n @media (max-width: 768px) {\r\n .ms-section-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n .ms-section-header p {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n \r\n \/* OPTIMIZATION: Mobile Deep Optimization for 2 Columns & Intelligent Adaptation *\/\r\n @media (max-width: 576px) {\r\n .ms-products {\r\n padding: 2.5rem 0; \/* Reduced mobile padding *\/\r\n }\r\n \r\n .ms-section-header {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .ms-section-header h2 {\r\n font-size: 1.8rem; \/* Adjusted for small screens *\/\r\n }\r\n \r\n .ms-products-grid {\r\n \/* Task 1: Enforce 2 columns on mobile *\/\r\n grid-template-columns: repeat(2, 1fr); \r\n gap: 0.75rem; \/* Tighter gap for better space usage *\/\r\n }\r\n \r\n \/* Scale down card elements to fit 2 columns perfectly *\/\r\n .ms-product-image {\r\n height: 8.5rem; \r\n }\r\n \r\n .ms-product-badge {\r\n top: 0.5rem;\r\n right: 0.5rem;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .ms-product-content {\r\n padding: 0.875rem; \/* Reduced internal padding *\/\r\n }\r\n \r\n .ms-product-title {\r\n font-size: 1rem; \/* Scaled down title *\/\r\n margin-bottom: 0.4rem;\r\n }\r\n \r\n .ms-product-description {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.8rem;\r\n \/* CSS Clamp to prevent uneven heights in grid *\/\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .ms-product-link {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n \/* Print styles *\/\r\n @media print {\r\n .ms-products {\r\n background-color: white !important;\r\n padding: 2rem 0 !important;\r\n }\r\n .ms-product-card {\r\n box-shadow: none !important;\r\n border: 1px solid #ddd !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Products Section with structured data -->\r\n <section class=\"ms-products\" itemscope itemtype=\"https:\/\/schema.org\/ItemList\">\r\n <div class=\"ms-container\">\r\n <div class=\"ms-section-header\">\r\n <h2 itemprop=\"name\">Featured Products<\/h2>\r\n <p itemprop=\"description\">Complete range of auxiliary machines and molds for manufacturing process solutions.<\/p>\r\n <\/div>\r\n <div class=\"ms-products-grid\">\r\n <!-- Product 1 -->\r\n <div class=\"ms-product-card\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n <div class=\"ms-product-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060817412083.webp\" \r\n alt=\"MESO Automatic Thermoforming Machine\" \r\n itemprop=\"image\"\r\n loading=\"lazy\"\r\n width=\"400\"\r\n height=\"200\"\r\n >\r\n <div class=\"ms-product-badge\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\">\r\n <span itemprop=\"category\">Best Seller<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-product-content\">\r\n <h3 class=\"ms-product-title\" itemprop=\"name\">Multi-Station Thermoforming Machine<\/h3>\r\n <p class=\"ms-product-description\" itemprop=\"description\">High-efficiency machine with automatic mold alignment for precise production.<\/p>\r\n <a href=\"#\" class=\"ms-product-link\" itemprop=\"url\">\r\n Learn More\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Product 2 -->\r\n <div class=\"ms-product-card\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n <div class=\"ms-product-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061411331235.png\" \r\n alt=\"Lunch Box Machine\" \r\n itemprop=\"image\"\r\n loading=\"lazy\"\r\n width=\"400\"\r\n height=\"200\"\r\n >\r\n <\/div>\r\n <div class=\"ms-product-content\">\r\n <h3 class=\"ms-product-title\" itemprop=\"name\">Lunch Box Packaging Machine<\/h3>\r\n <p class=\"ms-product-description\" itemprop=\"description\">Complete solution for manufacturing various food containers.<\/p>\r\n <a href=\"#\" class=\"ms-product-link\" itemprop=\"url\">\r\n Learn More\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Product 3 -->\r\n <div class=\"ms-product-card\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n <div class=\"ms-product-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024071201304856.webp\" \r\n alt=\"Auxiliary Equipment\" \r\n itemprop=\"image\"\r\n loading=\"lazy\"\r\n width=\"400\"\r\n height=\"200\"\r\n >\r\n <div class=\"ms-product-badge\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\">\r\n <span itemprop=\"category\">New<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-product-content\">\r\n <h3 class=\"ms-product-title\" itemprop=\"name\">Auxiliary Equipment<\/h3>\r\n <p class=\"ms-product-description\" itemprop=\"description\">Supporting machines that complement thermoforming systems.<\/p>\r\n <a href=\"#\" class=\"ms-product-link\" itemprop=\"url\">\r\n Learn More\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Minimal JavaScript for Elementor compatibility -->\r\n <script>\r\n \/\/ Elementor compatibility - minimal version\r\n (function() {\r\n if (typeof elementor !== 'undefined') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var productsSection = document.querySelector('.ms-products');\r\n if (productsSection) {\r\n productsSection.classList.add('elementor-widget');\r\n }\r\n });\r\n }\r\n })();\r\n \r\n \/\/ Lazy loading enhancement\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var images = document.querySelectorAll('.ms-product-image img');\r\n \r\n if ('IntersectionObserver' in window) {\r\n var imageObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n var img = entry.target;\r\n img.src = img.getAttribute('src');\r\n imageObserver.unobserve(img);\r\n }\r\n });\r\n }, { rootMargin: '50px 0px' });\r\n \r\n images.forEach(function(img) {\r\n imageObserver.observe(img);\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-fcf494f e-con-full e-flex e-con e-parent\" data-id=\"fcf494f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-296de14 e-con-full e-flex e-con e-child\" data-id=\"296de14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8479aac elementor-widget elementor-widget-html\" data-id=\"8479aac\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Stats Module<\/title>\r\n <style>\r\n \/* Scoped Variables to prevent conflict *\/\r\n :root {\r\n --ms-primary: #711be1;\r\n --ms-primary-dark: #4a00b0;\r\n --ms-white: #ffffff;\r\n --ms-text: #495057;\r\n --ms-hover-bg: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* CSS Reset for this module only to ensure WP\/Elementor Compatibility *\/\r\n .ms-stats, .ms-stats * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .ms-stats {\r\n padding: 40px 0;\r\n background: linear-gradient(135deg, var(--ms-primary), var(--ms-primary-dark));\r\n color: var(--ms-white);\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\r\n overflow: hidden; \/* Prevents scrollbar flashes *\/\r\n }\r\n\r\n .ms-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n width: 100%;\r\n }\r\n\r\n .ms-stats-grid {\r\n display: grid;\r\n \/* Default Desktop Layout *\/\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n text-align: center;\r\n }\r\n\r\n .ms-stat-item {\r\n padding: 20px 10px;\r\n border-radius: 8px;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n will-change: transform, box-shadow;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: default;\r\n }\r\n\r\n .ms-stat-item:hover {\r\n background: var(--ms-hover-bg);\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .ms-stat-number {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, var(--ms-white), #f0f0f0);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n line-height: 1;\r\n }\r\n\r\n .ms-stat-number::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: var(--ms-white);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .ms-stat-item:hover .ms-stat-number::after {\r\n width: 50%;\r\n }\r\n\r\n .ms-stat-label {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n opacity: 0.9;\r\n transition: all 0.3s ease;\r\n line-height: 1.4;\r\n }\r\n\r\n .ms-stat-item:hover .ms-stat-label {\r\n opacity: 1;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Tablet Adjustment *\/\r\n @media (max-width: 900px) {\r\n .ms-stats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* \r\n * MOBILE OPTIMIZATION (Speed & Layout)\r\n * Requirement: 2 Columns, Adaptive, Perfect Fit\r\n *\/\r\n @media (max-width: 480px) {\r\n .ms-stats {\r\n padding: 25px 0;\r\n }\r\n\r\n .ms-container {\r\n padding: 0 10px;\r\n }\r\n\r\n .ms-stats-grid {\r\n \/* FORCE 2 Columns on Mobile *\/\r\n grid-template-columns: repeat(2, 1fr); \r\n gap: 10px; \/* Reduced gap for better fit *\/\r\n }\r\n\r\n .ms-stat-item {\r\n padding: 15px 5px;\r\n background: rgba(255, 255, 255, 0.05); \/* Slight bg for contrast *\/\r\n }\r\n\r\n .ms-stat-number {\r\n \/* Adaptive font size for small screens *\/\r\n font-size: 1.8rem; \r\n height: 40px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ms-stat-label {\r\n font-size: 0.85rem;\r\n line-height: 1.2;\r\n padding: 0 2px;\r\n word-wrap: break-word; \/* Prevent overflow *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Stats Section | SEO Optimized Structure -->\r\n <section class=\"ms-stats\" aria-label=\"Company Statistics\" role=\"region\">\r\n <div class=\"ms-container\">\r\n <div class=\"ms-stats-grid\">\r\n <!-- Item 1 -->\r\n <div class=\"ms-stat-item\">\r\n <div class=\"ms-stat-number\" id=\"ms-stat1\" data-target=\"100\" data-suffix=\"%\">0%<\/div>\r\n <div class=\"ms-stat-label\">Client Satisfaction<\/div>\r\n <\/div>\r\n <!-- Item 2 -->\r\n <div class=\"ms-stat-item\">\r\n <div class=\"ms-stat-number\" id=\"ms-stat2\" data-target=\"20\" data-suffix=\"+\">0+<\/div>\r\n <div class=\"ms-stat-label\">Industries Served<\/div>\r\n <\/div>\r\n <!-- Item 3 -->\r\n <div class=\"ms-stat-item\">\r\n <div class=\"ms-stat-number\" id=\"ms-stat3\" data-target=\"12\" data-suffix=\"\">0<\/div>\r\n <div class=\"ms-stat-label\">Years Of Experience<\/div>\r\n <\/div>\r\n <!-- Item 4 -->\r\n <div class=\"ms-stat-item\">\r\n <div class=\"ms-stat-number\" id=\"ms-stat4\" data-target=\"50\" data-suffix=\"+\">0+<\/div>\r\n <div class=\"ms-stat-label\">Professional Workers<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Optimized Lightweight Animation Script (IntersectionObserver) -->\r\n <script>\r\n (function() {\r\n \"use strict\";\r\n\r\n \/\/ Animation function using Easing\r\n const animateValue = (obj, start, end, duration, suffix) => {\r\n let startTimestamp = null;\r\n const step = (timestamp) => {\r\n if (!startTimestamp) startTimestamp = timestamp;\r\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n \r\n \/\/ Easing function (easeOutExpo) for smoother visualization\r\n const easeProgress = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);\r\n \r\n const currentVal = Math.floor(easeProgress * (end - start) + start);\r\n obj.innerHTML = currentVal + suffix;\r\n \r\n if (progress < 1) {\r\n window.requestAnimationFrame(step);\r\n }\r\n };\r\n window.requestAnimationFrame(step);\r\n };\r\n\r\n \/\/ Intersection Observer (Performance Standard > 98)\r\n \/\/ Replaces scroll listeners for zero main-thread blocking\r\n const observerOptions = {\r\n threshold: 0.2, \/\/ Trigger when 20% visible\r\n rootMargin: \"0px\"\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n const targetNum = parseInt(el.getAttribute('data-target'));\r\n const suffix = el.getAttribute('data-suffix');\r\n \r\n \/\/ Duration logic: variable based on number size for realism\r\n const duration = 2000; \r\n\r\n animateValue(el, 0, targetNum, duration, suffix);\r\n \r\n \/\/ Stop observing once animated\r\n observer.unobserve(el);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Initialize\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const counters = document.querySelectorAll('.ms-stat-number');\r\n counters.forEach(counter => observer.observe(counter));\r\n });\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-dbb4b35 e-con-full e-flex e-con e-parent\" data-id=\"dbb4b35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-40e2f00 e-con-full e-flex e-con e-child\" data-id=\"40e2f00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc79c6 elementor-widget elementor-widget-html\" data-id=\"5bc79c6\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Featured Product<\/title>\r\n <style>\r\n \/* Completely isolated style system *\/\r\n .ms-featured-isolated-wrapper {\r\n all: initial;\r\n display: block;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .ms-featured-isolated-wrapper * {\r\n all: unset;\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* Main container style *\/\r\n .ms-featured-isolated-section {\r\n --ms-primary: #711be1;\r\n --ms-primary-dark: #4a00b0;\r\n --ms-accent: #ff6b00;\r\n --ms-light: #f8f9fa;\r\n --ms-dark: #495057;\r\n --ms-white: #ffffff;\r\n \r\n padding: 3rem 0;\r\n background-color: var(--ms-white);\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n display: block;\r\n }\r\n\r\n .ms-featured-isolated-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n display: block;\r\n }\r\n\r\n .ms-featured-isolated-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n align-items: center;\r\n }\r\n\r\n \/* Slideshow style *\/\r\n .ms-featured-isolated-carousel {\r\n position: relative;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n height: 400px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n display: block;\r\n }\r\n\r\n .ms-carousel-isolated-viewport {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n display: block;\r\n }\r\n\r\n .ms-carousel-isolated-slide {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.8s ease;\r\n display: block;\r\n }\r\n\r\n .ms-carousel-isolated-slide.active {\r\n opacity: 1;\r\n }\r\n\r\n .ms-carousel-isolated-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .ms-carousel-isolated-nav {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n z-index: 10;\r\n }\r\n\r\n .ms-carousel-isolated-dot {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.6);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: block;\r\n }\r\n\r\n .ms-carousel-isolated-dot.active {\r\n background: #ffffff;\r\n transform: scale(1.2);\r\n }\r\n\r\n \/* \u5185\u5bb9\u533a\u57df\u6837\u5f0f - \u6807\u9898\u4f18\u5316\u90e8\u5206 *\/\r\n .ms-featured-isolated-content {\r\n padding: 0 1rem;\r\n display: block;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n .ms-featured-isolated-subhead {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ff6b00;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n position: relative;\r\n padding-left: 15px;\r\n line-height: 1.2;\r\n font-family: inherit;\r\n }\r\n\r\n .ms-featured-isolated-subhead::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 8px;\r\n height: 8px;\r\n background: #ff6b00;\r\n border-radius: 50%;\r\n }\r\n\r\n .ms-featured-isolated-headline {\r\n font-size: 2rem !important;\r\n font-weight: 700 !important;\r\n line-height: 1.2 !important;\r\n color: #4a00b0 !important;\r\n margin-bottom: 1rem !important;\r\n position: relative !important;\r\n padding-bottom: 15px !important;\r\n display: block !important;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n }\r\n\r\n .ms-featured-isolated-headline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #ff6b00, #711be1);\r\n border-radius: 2px;\r\n }\r\n\r\n .ms-featured-isolated-desc {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #495057;\r\n margin-bottom: 1rem;\r\n font-weight: normal;\r\n display: block;\r\n font-family: inherit;\r\n }\r\n\r\n .ms-featured-isolated-cta {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #4a00b0;\r\n font-weight: 600;\r\n margin-bottom: 1.5rem;\r\n padding: 16px;\r\n background: rgba(113, 27, 225, 0.05);\r\n border-left: 3px solid #ff6b00;\r\n border-radius: 0 8px 8px 0;\r\n display: block;\r\n font-family: inherit;\r\n }\r\n\r\n .ms-featured-isolated-actions {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .ms-featured-isolated-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: inherit;\r\n cursor: pointer;\r\n }\r\n\r\n .ms-btn-isolated-primary {\r\n background: #711be1;\r\n color: #ffffff;\r\n border: none;\r\n }\r\n\r\n .ms-btn-isolated-primary:hover {\r\n background: #4a00b0;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .ms-btn-isolated-secondary {\r\n border: 2px solid #711be1;\r\n color: #711be1;\r\n background: transparent;\r\n }\r\n\r\n .ms-btn-isolated-secondary:hover {\r\n background: #711be1;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Responsive design *\/\r\n @media (max-width: 1024px) {\r\n .ms-featured-isolated-grid {\r\n gap: 1.5rem;\r\n }\r\n \r\n .ms-featured-isolated-headline {\r\n font-size: 1.8rem !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ms-featured-isolated-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .ms-featured-isolated-carousel {\r\n height: 350px;\r\n }\r\n \r\n .ms-featured-isolated-content {\r\n padding: 1rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ms-featured-isolated-section {\r\n padding: 2rem 0;\r\n }\r\n \r\n .ms-featured-isolated-headline {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .ms-featured-isolated-actions {\r\n flex-direction: column;\r\n }\r\n \r\n .ms-featured-isolated-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Completely isolated container -->\r\n <div class=\"ms-featured-isolated-wrapper\">\r\n <section class=\"ms-featured-isolated-section\" itemscope itemtype=\"https:\/\/schema.org\/Product\">\r\n <div class=\"ms-featured-isolated-container\">\r\n <div class=\"ms-featured-isolated-grid\">\r\n <!-- Carousel -->\r\n <div class=\"ms-featured-isolated-carousel\">\r\n <div class=\"ms-carousel-isolated-viewport\">\r\n <div class=\"ms-carousel-isolated-slide active\" itemprop=\"image\" itemscope itemtype=\"https:\/\/schema.org\/ImageObject\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061315483821.png\" \r\n alt=\"Lunch box packaging machine\" \r\n itemprop=\"url\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"ms-carousel-isolated-slide\" itemprop=\"image\" itemscope itemtype=\"https:\/\/schema.org\/ImageObject\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061214334875.webp\" \r\n alt=\"Production factory chain\" \r\n itemprop=\"url\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-carousel-isolated-nav\">\r\n <div class=\"ms-carousel-isolated-dot active\" data-index=\"0\"><\/div>\r\n <div class=\"ms-carousel-isolated-dot\" data-index=\"1\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Content Area -->\r\n <div class=\"ms-featured-isolated-content\">\r\n <span class=\"ms-featured-isolated-subhead\">RELIABLE, EFFICIENT AND SAFE<\/span>\r\n <h1 class=\"ms-featured-isolated-headline\" itemprop=\"name\">Mesoforming Provides A Complete Solution For Your Manufacturing Process<\/h1>\r\n <p class=\"ms-featured-isolated-desc\" itemprop=\"description\">We can provide you with a complete package and solutions for all your thermoforming needs.<\/p>\r\n <div class=\"ms-featured-isolated-cta\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\">\r\n <span itemprop=\"description\">Over 500+ manufacturers trust our solutions to increase production efficiency by 30% and reduce operational costs by 25%. Join them today and transform your manufacturing process!<\/span>\r\n <\/div>\r\n <div class=\"ms-featured-isolated-actions\">\r\n <a href=\"\/contact\" class=\"ms-featured-isolated-btn ms-btn-isolated-primary\" itemprop=\"url\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-right:8px;\">\r\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M22 6L12 13L2 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n Contact Us\r\n <\/a>\r\n <a href=\"\/products\" class=\"ms-featured-isolated-btn ms-btn-isolated-secondary\" itemprop=\"url\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-right:8px;\">\r\n <path d=\"M12 2L3 7L12 12L21 7L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M3 17L12 22L21 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M3 12L12 17L21 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n View Products\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- JavaScript -->\r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n function initComponent() {\r\n var wrapper = document.querySelector('.ms-featured-isolated-wrapper');\r\n if (!wrapper) return;\r\n \r\n var carousel = wrapper.querySelector('.ms-featured-isolated-carousel');\r\n if (!carousel) return;\r\n \r\n var slides = carousel.querySelectorAll('.ms-carousel-isolated-slide');\r\n var dots = carousel.querySelectorAll('.ms-carousel-isolated-dot');\r\n var currentIndex = 0;\r\n var interval;\r\n \r\n function showSlide(index) {\r\n if (index >= slides.length) index = 0;\r\n if (index < 0) index = slides.length - 1;\r\n \r\n for (var i = 0; i < slides.length; i++) {\r\n slides[i].classList.remove('active');\r\n dots[i].classList.remove('active');\r\n }\r\n \r\n slides[index].classList.add('active');\r\n dots[index].classList.add('active');\r\n currentIndex = index;\r\n }\r\n \r\n function startCarousel() {\r\n clearInterval(interval);\r\n interval = setInterval(function() {\r\n showSlide(currentIndex + 1);\r\n }, 5000);\r\n }\r\n \r\n for (var i = 0; i < dots.length; i++) {\r\n dots[i].addEventListener('click', (function(index) {\r\n return function() {\r\n showSlide(index);\r\n startCarousel();\r\n };\r\n })(i));\r\n }\r\n \r\n showSlide(0);\r\n startCarousel();\r\n \r\n carousel.addEventListener('mouseenter', function() {\r\n clearInterval(interval);\r\n });\r\n \r\n carousel.addEventListener('mouseleave', startCarousel);\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initComponent);\r\n } else {\r\n initComponent();\r\n }\r\n \r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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<div class=\"elementor-element elementor-element-ffa6360 e-con-full e-flex e-con e-parent\" data-id=\"ffa6360\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1eaf9c9 e-con-full e-flex e-con e-child\" data-id=\"1eaf9c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-91696ea e-con-full e-flex e-con e-child\" data-id=\"91696ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccc3b9d elementor-widget elementor-widget-html\" data-id=\"ccc3b9d\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Mesoforming Testimonials<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- Load Fonts & Icons (Non-blocking) -->\r\n<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=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<style>\r\n \/* =========================================\r\n CRITICAL CSS RESET & ISOLATION\r\n WP \r\n *\/\r\n #meso-safe-wrapper {\r\n \/* Reset all inherited styles inside this wrapper *\/\r\n all: initial; \r\n font-family: 'Roboto', sans-serif;\r\n line-height: 1.6;\r\n color: #495057;\r\n box-sizing: border-box;\r\n display: block;\r\n width: 100%;\r\n background-color: #ffffff;\r\n padding: 60px 0;\r\n overflow: hidden; \/* Prevent overflow causing scrollbars *\/\r\n }\r\n\r\n \/* Force Box Sizing on ALL elements inside *\/\r\n #meso-safe-wrapper *, \r\n #meso-safe-wrapper *::before, \r\n #meso-safe-wrapper *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n outline: none;\r\n }\r\n\r\n \/* Image Reset *\/\r\n #meso-safe-wrapper img {\r\n max-width: 100% !important;\r\n height: auto !important;\r\n display: block !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n border-radius: 50%; \/* For avatars *\/\r\n }\r\n\r\n \/* Link Reset *\/\r\n #meso-safe-wrapper a {\r\n text-decoration: none !important;\r\n color: inherit;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n \/* Container *\/\r\n .meso-inner-container {\r\n max-width: 1200px !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n display: block !important;\r\n }\r\n\r\n \/* =========================================\r\n HEADER SECTION\r\n ========================================= *\/\r\n .meso-head-wrap {\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .meso-head-title {\r\n font-family: 'Roboto', sans-serif !important;\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n color: #4a00b0 !important;\r\n margin-bottom: 15px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .meso-head-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #711be1, #ff6b00);\r\n border-radius: 2px;\r\n }\r\n\r\n .meso-head-desc {\r\n font-size: 1.1rem !important;\r\n color: #495057 !important;\r\n max-width: 700px !important;\r\n margin: 10px auto 0 !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* =========================================\r\n CAROUSEL \/ SLIDER\r\n ========================================= *\/\r\n .meso-slider-viewport {\r\n position: relative !important;\r\n width: 100% !important;\r\n overflow: hidden !important;\r\n padding: 20px 0 40px 0 !important; \/* Space for shadows *\/\r\n }\r\n\r\n .meso-slider-track {\r\n display: flex !important;\r\n width: 100% !important;\r\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n gap: 0 !important; \/* Managed by padding inside cards *\/\r\n }\r\n\r\n \/* Card Container (Logic for 3 columns) *\/\r\n .meso-card-wrap {\r\n flex: 0 0 33.333% !important;\r\n max-width: 33.333% !important;\r\n padding: 0 15px !important;\r\n display: flex !important;\r\n }\r\n\r\n .meso-card-inner {\r\n background: #ffffff !important;\r\n border-radius: 12px !important;\r\n padding: 30px !important;\r\n width: 100% !important;\r\n min-height: 380px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: space-between !important;\r\n position: relative !important;\r\n border: 1px solid rgba(113, 27, 225, 0.05) !important;\r\n \r\n \/* STEREOSCOPIC SHADOW (\u7acb\u4f53\u6295\u5f71) *\/\r\n box-shadow: 0 10px 20px rgba(74, 0, 176, 0.1), 0 2px 6px rgba(0,0,0,0.05) !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .meso-card-inner:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 15px 30px rgba(74, 0, 176, 0.2) !important;\r\n border-color: rgba(113, 27, 225, 0.2) !important;\r\n }\r\n\r\n .meso-card-inner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #711be1, #ff6b00);\r\n border-radius: 12px 12px 0 0;\r\n }\r\n\r\n .meso-stars {\r\n color: #ff6b00 !important;\r\n font-size: 16px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n \r\n .meso-stars i {\r\n margin-right: 3px !important;\r\n }\r\n\r\n .meso-quote {\r\n font-size: 0.95rem !important;\r\n color: #495057 !important;\r\n font-style: italic !important;\r\n line-height: 1.7 !important;\r\n flex-grow: 1 !important;\r\n position: relative !important;\r\n z-index: 2;\r\n }\r\n\r\n .meso-quote-mark {\r\n position: absolute;\r\n top: -20px;\r\n left: -10px;\r\n font-size: 60px !important;\r\n color: rgba(113, 27, 225, 0.06) !important;\r\n font-family: serif !important;\r\n line-height: 1 !important;\r\n z-index: 1;\r\n }\r\n\r\n .meso-user {\r\n display: flex !important;\r\n align-items: center !important;\r\n margin-top: 20px !important;\r\n padding-top: 15px !important;\r\n border-top: 1px dashed rgba(113, 27, 225, 0.15) !important;\r\n }\r\n\r\n .meso-avatar {\r\n width: 45px !important;\r\n height: 45px !important;\r\n border-radius: 50% !important;\r\n border: 2px solid rgba(113, 27, 225, 0.1) !important;\r\n margin-right: 12px !important;\r\n overflow: hidden !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .meso-user-info h4 {\r\n font-size: 1rem !important;\r\n font-weight: 700 !important;\r\n color: #4a00b0 !important;\r\n margin-bottom: 2px !important;\r\n }\r\n\r\n .meso-user-info span {\r\n font-size: 0.85rem !important;\r\n color: #868e96 !important;\r\n display: block !important;\r\n }\r\n\r\n \/* Dots Navigation *\/\r\n .meso-nav-dots {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n margin-top: 10px !important;\r\n }\r\n\r\n .meso-dot {\r\n width: 10px !important;\r\n height: 10px !important;\r\n border-radius: 50% !important;\r\n background: #e9ecef !important;\r\n cursor: pointer !important;\r\n border: none !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .meso-dot.active {\r\n background: #711be1 !important;\r\n transform: scale(1.2) !important;\r\n }\r\n\r\n \/* =========================================\r\n STATS SECTION (Fixed Layout)\r\n ========================================= *\/\r\n .meso-stats-wrap {\r\n margin-top: 60px !important;\r\n background: linear-gradient(135deg, #711be1, #4a00b0) !important;\r\n border-radius: 12px !important;\r\n padding: 40px 20px !important;\r\n color: #ffffff !important;\r\n position: relative !important;\r\n box-shadow: 0 15px 30px rgba(74, 0, 176, 0.25) !important;\r\n }\r\n\r\n .meso-stats-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 20px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .meso-stat-item {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-radius: 8px !important;\r\n padding: 15px !important;\r\n text-align: center !important;\r\n height: 60px !important; \/* Fixed height for animation *\/\r\n overflow: hidden !important;\r\n position: relative !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n \/* ROTATOR ANIMATION *\/\r\n .meso-stat-rotator span {\r\n position: absolute !important;\r\n top: 0;\r\n left: 0;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0;\r\n animation: mesoFadeLoop 16s infinite;\r\n font-size: 0.95rem !important;\r\n font-weight: 500 !important;\r\n letter-spacing: 0.5px !important;\r\n white-space: nowrap !important;\r\n }\r\n\r\n \/* FORCE WHITE ICONS *\/\r\n .meso-stat-rotator i {\r\n color: #ffffff !important; \r\n margin-right: 8px !important;\r\n font-size: 1.1rem !important;\r\n }\r\n\r\n .meso-stat-rotator span:nth-child(1) { animation-delay: 0s; }\r\n .meso-stat-rotator span:nth-child(2) { animation-delay: 4s; }\r\n .meso-stat-rotator span:nth-child(3) { animation-delay: 8s; }\r\n .meso-stat-rotator span:nth-child(4) { animation-delay: 12s; }\r\n\r\n @keyframes mesoFadeLoop {\r\n 0% { opacity: 0; transform: translateY(10px); }\r\n 5% { opacity: 1; transform: translateY(0); }\r\n 20% { opacity: 1; transform: translateY(0); }\r\n 25% { opacity: 0; transform: translateY(-10px); }\r\n 100% { opacity: 0; transform: translateY(-10px); }\r\n }\r\n\r\n \/* =========================================\r\n CTA SECTION\r\n ========================================= *\/\r\n .meso-cta-wrap {\r\n margin-top: 60px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .meso-cta-wrap h3 {\r\n font-size: 1.8rem !important;\r\n color: #4a00b0 !important;\r\n margin-bottom: 15px !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .meso-cta-btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(90deg, #711be1, #ff6b00) !important;\r\n color: #ffffff !important;\r\n padding: 14px 35px !important;\r\n border-radius: 50px !important;\r\n font-weight: 500 !important;\r\n font-size: 1rem !important;\r\n box-shadow: 0 5px 15px rgba(113, 27, 225, 0.3) !important;\r\n }\r\n\r\n .meso-cta-btn:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 10px 20px rgba(113, 27, 225, 0.4) !important;\r\n }\r\n \r\n .meso-cta-btn i {\r\n margin-left: 8px !important;\r\n }\r\n\r\n \/* =========================================\r\n RESPONSIVE\r\n ========================================= *\/\r\n @media (max-width: 1024px) {\r\n .meso-card-wrap {\r\n flex: 0 0 50% !important;\r\n max-width: 50% !important;\r\n }\r\n .meso-stats-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .meso-head-title { font-size: 2rem !important; }\r\n \r\n .meso-card-wrap {\r\n flex: 0 0 100% !important;\r\n max-width: 100% !important;\r\n padding: 0 10px !important;\r\n }\r\n\r\n \/* Mobile Stats Grid *\/\r\n .meso-stats-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 15px !important;\r\n }\r\n \r\n .meso-inner-container { padding: 0 15px !important; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ISOLATED WRAPPER START -->\r\n<div id=\"meso-safe-wrapper\">\r\n <div class=\"meso-inner-container\">\r\n\r\n <!-- Header -->\r\n <div class=\"meso-head-wrap\">\r\n <h2 class=\"meso-head-title\">What Our Clients Say<\/h2>\r\n <p class=\"meso-head-desc\">At Mesoforming, we take pride in delivering exceptional thermoforming solutions. Don't just take our word for it - hear what our global clients have to say about their experience with our machines and services.<\/p>\r\n <\/div>\r\n\r\n <!-- Carousel -->\r\n <div class=\"meso-slider-viewport\">\r\n <div class=\"meso-slider-track\" id=\"meso-track-v2\">\r\n \r\n <!-- Testimonial 1 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">Great thermoforming machines that boosted our productivity. Reliable and feature-rich. The auxiliary machines and molds are top-notch. Exceptional customer service. Highly recommended!<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"William D\">\r\n <div class=\"meso-user-info\">\r\n <h4>William D<\/h4>\r\n <span>Businessman<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimonial 2 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">Top-notch thermoforming machines! We've seen a major boost in production efficiency. Their auxiliary machines and molds are also exceptional. The customer service is incredibly responsive and helpful.<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/men\/44.jpg\" alt=\"John M\">\r\n <div class=\"meso-user-info\">\r\n <h4>John M<\/h4>\r\n <span>Purchasing Director<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimonial 3 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">Great investment! The thermoforming machine we bought last year is reliable and easy to use. Their auxiliary machines and molds are also excellent. Fantastic customer support!<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" alt=\"Sarah L\">\r\n <div class=\"meso-user-info\">\r\n <h4>Sarah L<\/h4>\r\n <span>CEO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimonial 4 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">The thermoforming equipment from Mesoforming has transformed our production line. The precision and speed are unmatched in the industry. Unmatched technical support team.<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/men\/22.jpg\" alt=\"Michael T\">\r\n <div class=\"meso-user-info\">\r\n <h4>Michael T<\/h4>\r\n <span>Production Manager<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Testimonial 5 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">After comparing several manufacturers, we chose Mesoforming for their superior technology and excellent after-sales service. The machines have exceeded our expectations.<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/men\/76.jpg\" alt=\"David K\">\r\n <div class=\"meso-user-info\">\r\n <h4>David K<\/h4>\r\n <span>Operations Director<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimonial 6 -->\r\n <div class=\"meso-card-wrap\">\r\n <div class=\"meso-card-inner\">\r\n <div class=\"meso-stars\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"meso-quote-mark\">\"<\/div>\r\n <p class=\"meso-quote\">Mesoforming's thermoforming solutions have helped us reduce waste by 30% while increasing output. The energy efficiency is impressive, and the ROI was quick.<\/p>\r\n <div class=\"meso-user\">\r\n <img decoding=\"async\" class=\"meso-avatar\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100' fill='%23f0f0f0'%3E%3Crect width='100' height='100'\/%3E%3C\/svg%3E\" data-src=\"https:\/\/randomuser.me\/api\/portraits\/women\/33.jpg\" alt=\"Jennifer L\">\r\n <div class=\"meso-user-info\">\r\n <h4>Jennifer L<\/h4>\r\n <span>Quality Control<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"meso-nav-dots\" id=\"meso-dots-v2\"><\/div>\r\n <\/div>\r\n\r\n <!-- Stats Section -->\r\n <div class=\"meso-stats-wrap\">\r\n <div class=\"meso-stats-grid\">\r\n <div class=\"meso-stat-item\">\r\n <div class=\"meso-stat-rotator\">\r\n <span><i class=\"fas fa-globe\"><\/i> Global Markets<\/span>\r\n <span><i class=\"fas fa-map-marked-alt\"><\/i> 50+ Countries<\/span>\r\n <span><i class=\"fas fa-users\"><\/i> Global Clients<\/span>\r\n <span><i class=\"fas fa-network-wired\"><\/i> Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"meso-stat-item\">\r\n <div class=\"meso-stat-rotator\">\r\n <span><i class=\"fas fa-smile\"><\/i> Satisfaction<\/span>\r\n <span><i class=\"fas fa-check-circle\"><\/i> Quality First<\/span>\r\n <span><i class=\"fas fa-clock\"><\/i> On-Time Ship<\/span>\r\n <span><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"meso-stat-item\">\r\n <div class=\"meso-stat-rotator\">\r\n <span><i class=\"fas fa-calendar-alt\"><\/i> Years Exp.<\/span>\r\n <span><i class=\"fas fa-trophy\"><\/i> Top Leader<\/span>\r\n <span><i class=\"fas fa-lightbulb\"><\/i> Innovation<\/span>\r\n <span><i class=\"fas fa-chart-line\"><\/i> High Growth<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"meso-stat-item\">\r\n <div class=\"meso-stat-rotator\">\r\n <span><i class=\"fas fa-user-tie\"><\/i> Expert Team<\/span>\r\n <span><i class=\"fas fa-cogs\"><\/i> Specialists<\/span>\r\n <span><i class=\"fas fa-hands-helping\"><\/i> Service Team<\/span>\r\n <span><i class=\"fas fa-flask\"><\/i> R&D Pros<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <div class=\"meso-cta-wrap\">\r\n <h3>Ready to Transform Your Production?<\/h3>\r\n <p style=\"font-size:1.1rem!important;color:#495057!important;margin:0 auto 25px!important;\">Join our global clients who have already experienced the Mesoforming difference.<\/p>\r\n <a href=\"https:\/\/mesoforming.com\/contact\" class=\"meso-cta-btn\">\r\n Get In Touch <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const track = document.getElementById('meso-track-v2');\r\n const dotsContainer = document.getElementById('meso-dots-v2');\r\n \/\/ Use specific selector to avoid conflict\r\n const cards = track.querySelectorAll('.meso-card-wrap');\r\n \/\/ Lazy load images\r\n const imgs = document.querySelectorAll('#meso-safe-wrapper img[data-src]');\r\n imgs.forEach(img => img.src = img.dataset.src);\r\n\r\n if (!track || cards.length === 0) return;\r\n\r\n let currentIndex = 0;\r\n let interval;\r\n let cardsPerView = 3;\r\n\r\n function updateView() {\r\n const w = window.innerWidth;\r\n if (w <= 768) cardsPerView = 1;\r\n else if (w <= 1024) cardsPerView = 2;\r\n else cardsPerView = 3;\r\n createDots();\r\n move();\r\n }\r\n\r\n function createDots() {\r\n dotsContainer.innerHTML = '';\r\n const totalDots = cards.length - cardsPerView + 1;\r\n if (totalDots <= 1) return;\r\n\r\n for (let i = 0; i < totalDots; i++) {\r\n const dot = document.createElement('button');\r\n dot.className = 'meso-dot';\r\n if (i === 0) dot.classList.add('active');\r\n dot.onclick = () => { currentIndex = i; move(); resetTimer(); };\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function move() {\r\n const maxIndex = cards.length - cardsPerView;\r\n if (currentIndex > maxIndex) currentIndex = 0;\r\n if (currentIndex < 0) currentIndex = maxIndex;\r\n\r\n const percent = currentIndex * (100 \/ cardsPerView);\r\n track.style.transform = `translateX(-${percent}%)`;\r\n\r\n const dots = dotsContainer.querySelectorAll('.meso-dot');\r\n dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n }\r\n\r\n function next() {\r\n const maxIndex = cards.length - cardsPerView;\r\n if (currentIndex < maxIndex) {\r\n currentIndex++;\r\n } else {\r\n currentIndex = 0;\r\n }\r\n move();\r\n }\r\n\r\n function resetTimer() {\r\n clearInterval(interval);\r\n interval = setInterval(next, 4000);\r\n }\r\n\r\n window.addEventListener('resize', updateView);\r\n updateView();\r\n resetTimer();\r\n});\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Product\",\r\n \"name\": \"Mesoforming Thermoforming Solutions\",\r\n \"description\": \"High-efficiency thermoforming machines and auxiliary equipment.\",\r\n \"brand\": { \"@type\": \"Brand\", \"name\": \"Mesoforming\" },\r\n \"aggregateRating\": {\r\n \"@type\": \"AggregateRating\",\r\n \"ratingValue\": \"5\",\r\n \"reviewCount\": \"6\"\r\n },\r\n \"review\": [\r\n {\r\n \"@type\": \"Review\",\r\n \"author\": { \"@type\": \"Person\", \"name\": \"William D\" },\r\n \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\" },\r\n \"reviewBody\": \"Great thermoforming machines that boosted our productivity.\"\r\n }\r\n ]\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d792878 e-con-full e-flex e-con e-parent\" data-id=\"d792878\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-994657b e-con-full e-flex e-con e-child\" data-id=\"994657b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c07d78 elementor-widget elementor-widget-html\" data-id=\"3c07d78\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Thermoforming Machine FAQs - Materials, Installation & Warranty | Mesoforming<\/title>\r\n <meta name=\"description\" content=\"Find answers to common questions about thermoforming machines, materials, installation, warranty, and customization options. Expert support for all your thermoforming needs.\">\r\n <meta name=\"keywords\" content=\"thermoforming machine, thermoforming FAQ, plastic forming, machine installation, machine warranty, custom thermoforming\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\">\r\n <style>\r\n :root {\r\n --primary-purple: #711be1;\r\n --primary-purple-dark: #4a00b0;\r\n --accent-orange: #ff6b00;\r\n --light-gray: #f8f9fa;\r\n --medium-gray: #e9ecef;\r\n --dark-gray: #495057;\r\n --pure-white: #ffffff;\r\n }\r\n \r\n .mesoforming-faq-section * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n .mesoforming-faq-section {\r\n font-family: 'Roboto', sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-gray);\r\n background-color: var(--light-gray);\r\n padding: 20px;\r\n isolation: isolate;\r\n }\r\n \r\n .mesoforming-faq-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n \r\n \/* Enhanced FAQ Section *\/\r\n .mesoforming-faq-section {\r\n padding: 60px 0;\r\n background-color: var(--pure-white);\r\n }\r\n \r\n .mesoforming-faq-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: start; \/* \u6539\u4e3astart\u786e\u4fdd\u6a21\u5757\u72ec\u7acb *\/\r\n }\r\n \r\n .mesoforming-carousel-container {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n height: 600px; \/* \u56fa\u5b9a\u9ad8\u5ea6 *\/\r\n }\r\n \r\n .mesoforming-swiper {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .mesoforming-swiper-slide {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: var(--medium-gray);\r\n position: relative;\r\n }\r\n \r\n .mesoforming-swiper-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n .mesoforming-swiper-slide:hover img {\r\n transform: scale(1.03);\r\n }\r\n \r\n .mesoforming-swiper-button-next,\r\n .mesoforming-swiper-button-prev {\r\n color: var(--pure-white);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .mesoforming-swiper-button-next:hover,\r\n .mesoforming-swiper-button-prev:hover {\r\n background-color: var(--primary-purple);\r\n }\r\n \r\n .mesoforming-swiper-pagination {\r\n bottom: 20px !important;\r\n }\r\n \r\n .mesoforming-swiper-pagination-bullet {\r\n background-color: var(--pure-white);\r\n opacity: 0.6;\r\n width: 12px;\r\n height: 12px;\r\n margin: 0 6px !important;\r\n }\r\n \r\n .mesoforming-swiper-pagination-bullet-active {\r\n background-color: var(--accent-orange);\r\n opacity: 1;\r\n }\r\n \r\n .mesoforming-section-header {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .mesoforming-section-header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--primary-purple-dark);\r\n margin-bottom: 8px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 8px;\r\n }\r\n \r\n .mesoforming-section-header h1::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 80px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--primary-purple), var(--accent-orange));\r\n border-radius: 2px;\r\n transform-origin: left center;\r\n transition: transform 0.4s ease, width 0.4s ease;\r\n }\r\n \r\n .mesoforming-section-header h1:hover::after {\r\n width: 100%;\r\n transform: scaleX(1.1);\r\n }\r\n \r\n .mesoforming-section-header p {\r\n font-size: 1.1rem;\r\n color: var(--dark-gray);\r\n margin-top: 6px;\r\n }\r\n \r\n .mesoforming-faq-content {\r\n height: auto; \/* \u6539\u4e3a\u81ea\u52a8\u9ad8\u5ea6 *\/\r\n min-height: 600px; \/* \u8bbe\u7f6e\u6700\u5c0f\u9ad8\u5ea6\u4e0e\u8f6e\u64ad\u56fe\u4e00\u81f4 *\/\r\n }\r\n \r\n .mesoforming-faq-item {\r\n margin-bottom: 16px;\r\n border: 1px solid var(--medium-gray);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background-color: var(--pure-white);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .mesoforming-faq-item:hover {\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n border-color: var(--primary-purple);\r\n }\r\n \r\n .mesoforming-faq-question {\r\n padding: 16px;\r\n font-weight: 600;\r\n color: var(--primary-purple-dark);\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n padding-left: 50px;\r\n }\r\n \r\n .mesoforming-faq-number {\r\n position: absolute;\r\n left: 16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 28px;\r\n height: 28px;\r\n background-color: var(--primary-purple);\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.9rem;\r\n font-weight: bold;\r\n }\r\n \r\n .mesoforming-faq-answer {\r\n padding: 0 16px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease, padding 0.3s ease;\r\n color: var(--dark-gray);\r\n }\r\n \r\n .mesoforming-faq-item.active .mesoforming-faq-answer {\r\n padding: 0 16px 16px;\r\n max-height: 500px;\r\n }\r\n \r\n .mesoforming-faq-toggle {\r\n font-size: 1.1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .mesoforming-faq-item.active .mesoforming-faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n \r\n .mesoforming-faq-more-link {\r\n margin-top: 24px;\r\n text-align: center;\r\n padding: 12px;\r\n background-color: var(--light-gray);\r\n border-radius: 8px;\r\n border: 1px solid var(--medium-gray);\r\n }\r\n \r\n .mesoforming-faq-more-link a {\r\n color: var(--primary-purple);\r\n text-decoration: none;\r\n font-weight: 600;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n .mesoforming-faq-more-link a:hover {\r\n color: var(--primary-purple-dark);\r\n text-decoration: underline;\r\n }\r\n \r\n \/* Responsive Adjustments *\/\r\n @media (max-width: 992px) {\r\n .mesoforming-faq-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n .mesoforming-carousel-container {\r\n height: 400px;\r\n }\r\n \r\n .mesoforming-faq-content {\r\n min-height: auto; \/* \u79fb\u52a8\u7aef\u53d6\u6d88\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .mesoforming-section-header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .mesoforming-section-header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .mesoforming-carousel-container {\r\n height: 350px;\r\n }\r\n \r\n .mesoforming-faq-question {\r\n padding-left: 45px;\r\n }\r\n \r\n .mesoforming-faq-number {\r\n left: 12px;\r\n width: 24px;\r\n height: 24px;\r\n font-size: 0.8rem;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .mesoforming-faq-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .mesoforming-section-header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .mesoforming-carousel-container {\r\n height: 280px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Enhanced FAQ Section -->\r\n <section class=\"mesoforming-faq-section\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\r\n <div class=\"mesoforming-faq-container\">\r\n <div class=\"mesoforming-section-header\">\r\n <h1 itemprop=\"headline\">Frequently Asked Questions<\/h1>\r\n <p itemprop=\"description\">Get answers to common questions about our thermoforming machines and services<\/p>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-grid\">\r\n <!-- Image Carousel -->\r\n <div class=\"mesoforming-carousel-container\">\r\n <div class=\"mesoforming-swiper swiper\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide mesoforming-swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061106050468.webp\" alt=\"Representatives from MESO with a visitor at their booth during an industry trade show, showcasing their latest thermoforming equipment.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"swiper-slide mesoforming-swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061106072669.webp\" alt=\"\u200b\u200bWorkers loading wooden crates into shipping container on trailer\u200b\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"swiper-slide mesoforming-swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061210213167.webp\" alt=\"Modern thermoforming machines\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"swiper-slide mesoforming-swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061211025664.webp\" alt=\"Thermoforming machine heating system\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <!-- Add navigation buttons -->\r\n <div class=\"swiper-button-next mesoforming-swiper-button-next\"><\/div>\r\n <div class=\"swiper-button-prev mesoforming-swiper-button-prev\"><\/div>\r\n <!-- Add pagination -->\r\n <div class=\"swiper-pagination mesoforming-swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Content -->\r\n <div class=\"mesoforming-faq-content\">\r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">1<\/span>\r\n <span itemprop=\"name\">What materials can your thermoforming machines process?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Our thermoformers are compatible with a wide range of materials including PP, PET, PS, PVC, PLA, CPLA, and various biodegradable compounds. Material thickness capability ranges from 0.1mm to 2.0mm depending on the machine model.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">2<\/span>\r\n <span itemprop=\"name\">How long does installation and training take?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Standard installation typically takes 3-5 days with our technicians. Comprehensive operator training is conducted over 2-3 days, covering machine operation, maintenance basics, and troubleshooting. We also provide detailed manuals and video tutorials.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">3<\/span>\r\n <span itemprop=\"name\">What is your warranty policy for thermoforming machines?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n All machines come with a 2-year warranty covering parts and labor. The heating system has a separate 1-year warranty. Extended warranty options are available. Our warranty includes 24\/7 technical support and prioritized spare parts delivery.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">4<\/span>\r\n <span itemprop=\"name\">Can you customize thermoforming machines for specific applications?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Yes, we regularly customize machines for unique applications. Recent customizations include cleanroom-compatible models for medical packaging, high-temperature formers for automotive parts, and specialized tooling for intricate designs. Contact us to discuss your specific requirements.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">5<\/span>\r\n <span itemprop=\"name\">What is the typical lead time for thermoforming machine delivery?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Standard machines typically have a lead time of 4-6 weeks from order confirmation. Custom configurations may require 8-10 weeks depending on complexity. We offer expedited production for urgent orders with additional fees.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">6<\/span>\r\n <span itemprop=\"name\">Do you provide on-site maintenance services for thermoforming equipment?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Yes, we offer comprehensive maintenance packages including quarterly inspections, annual overhauls, and emergency call-outs. Our global service network ensures rapid response times, with most locations receiving on-site support within 48 hours.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mesoforming-faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <div class=\"mesoforming-faq-question\">\r\n <span class=\"mesoforming-faq-number\">7<\/span>\r\n <span itemprop=\"name\">How energy efficient are your thermoforming machines?<\/span>\r\n <span class=\"mesoforming-faq-toggle\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"mesoforming-faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div itemprop=\"text\">\r\n Our latest generation machines feature energy-saving technologies that reduce power consumption by up to 35% compared to conventional models. The servo-driven systems, intelligent heating controls, and heat recovery systems all contribute to lower operating costs.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ More Link -->\r\n <div class=\"mesoforming-faq-more-link\">\r\n <a href=\"https:\/\/mesoforming.com\/faq\/\" aria-label=\"View more frequently asked questions about thermoforming machines\">\r\n <i class=\"fas fa-external-link-alt\"><\/i>\r\n View More FAQs on Our Complete FAQ Page\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Swiper JS -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\r\n \r\n <!-- FAQ Script -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Initialize Swiper with enhanced options\r\n const swiper = new Swiper('.mesoforming-swiper', {\r\n loop: true,\r\n speed: 600,\r\n effect: 'slide',\r\n autoplay: {\r\n delay: 5000,\r\n disableOnInteraction: false,\r\n },\r\n pagination: {\r\n el: '.mesoforming-swiper-pagination',\r\n clickable: true,\r\n dynamicBullets: true,\r\n },\r\n navigation: {\r\n nextEl: '.mesoforming-swiper-button-next',\r\n prevEl: '.mesoforming-swiper-button-prev',\r\n },\r\n breakpoints: {\r\n 320: {\r\n slidesPerView: 1,\r\n spaceBetween: 10\r\n },\r\n 768: {\r\n slidesPerView: 1,\r\n spaceBetween: 20\r\n },\r\n 1024: {\r\n slidesPerView: 1,\r\n spaceBetween: 30\r\n }\r\n }\r\n });\r\n \r\n \/\/ FAQ Functionality - Fixed\r\n const faqItems = document.querySelectorAll('.mesoforming-faq-item');\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.mesoforming-faq-question');\r\n \r\n question.addEventListener('click', function() {\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all items first\r\n faqItems.forEach(otherItem => {\r\n otherItem.classList.remove('active');\r\n });\r\n \r\n \/\/ If the clicked item wasn't active, open it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-6d6dcd5 e-con-full e-flex e-con e-parent\" data-id=\"6d6dcd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a948ca5 e-con-full e-flex e-con e-child\" data-id=\"a948ca5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e779e3 elementor-widget elementor-widget-html\" data-id=\"3e779e3\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Premium CTA Module<\/title>\r\n <style>\r\n .ms-cta-module {\r\n --ms-primary: #711be1;\r\n --ms-primary-dark: #4a00b0;\r\n --ms-accent: #ff6b00;\r\n --ms-white: #ffffff;\r\n --ms-particle-opacity: 0.15;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n }\r\n \r\n .ms-cta-module * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* CTA Section *\/\r\n .ms-cta-module .ms-cta {\r\n padding: 80px 0;\r\n color: var(--ms-white);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n \r\n .ms-cta-module .ms-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, var(--ms-primary), var(--ms-primary-dark));\r\n z-index: -2;\r\n }\r\n \r\n \/* Enhanced Particle System *\/\r\n .ms-cta-module .ms-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n \r\n .ms-cta-module .ms-particle {\r\n position: absolute;\r\n background-color: var(--ms-white);\r\n border-radius: 50%;\r\n animation: ms-float 15s infinite linear;\r\n will-change: transform, opacity;\r\n opacity: 0;\r\n mix-blend-mode: screen;\r\n }\r\n \r\n @keyframes ms-float {\r\n 0% {\r\n transform: translateY(0) rotate(0deg) scale(0.5);\r\n opacity: 0;\r\n }\r\n 10% {\r\n opacity: var(--ms-particle-opacity);\r\n }\r\n 50% {\r\n transform: scale(1.2);\r\n }\r\n 90% {\r\n opacity: var(--ms-particle-opacity);\r\n }\r\n 100% {\r\n transform: translateY(-100vh) rotate(360deg) scale(0.8);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n .ms-cta-module .ms-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n position: relative;\r\n }\r\n .ms-cta-module .ms-cta h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n color: #ffffff !important; \/* Add !important to ensure the highest priority *\/\r\n }\r\n \r\n .ms-cta-module .ms-cta p {\r\n font-size: 1.2rem;\r\n max-width: 700px;\r\n margin: 0 auto 30px;\r\n opacity: 0.9;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .ms-cta-module .ms-cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .ms-cta-module .ms-btn-primary {\r\n background-color: var(--ms-accent);\r\n color: var(--ms-white);\r\n padding: 12px 24px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .ms-cta-module .ms-btn-primary:hover {\r\n background-color: #e05d00;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .ms-cta-module .ms-btn-secondary {\r\n background-color: transparent;\r\n color: var(--ms-white);\r\n padding: 12px 24px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n border: 2px solid var(--ms-white);\r\n }\r\n \r\n .ms-cta-module .ms-btn-secondary:hover {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Responsive Adjustments *\/\r\n @media (max-width: 768px) {\r\n .ms-cta-module .ms-cta h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .ms-cta-module .ms-cta p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .ms-cta-module {\r\n --ms-particle-opacity: 0.1;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .ms-cta-module .ms-cta {\r\n padding: 60px 0;\r\n }\r\n \r\n .ms-cta-module .ms-cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .ms-cta-module {\r\n --ms-particle-opacity: 0.08;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Adding module scope -->\r\n <div class=\"ms-cta-module\">\r\n <!-- CTA Section -->\r\n <section class=\"ms-cta\">\r\n <!-- Enhanced Particle Background -->\r\n <div class=\"ms-particles\" id=\"ms-particles\"><\/div>\r\n \r\n <div class=\"ms-container\">\r\n <h2>Ready to Upgrade Your Production?<\/h2>\r\n <p>Contact us today to discuss your thermoforming needs and get a customized solution.<\/p>\r\n <div class=\"ms-cta-buttons\">\r\n <a href=\"https:\/\/mesoforming.com\/contact\/\" class=\"ms-btn-primary\">\r\n Request a Quote <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <a href=\"tel:+8618025612076\" class=\"ms-btn-secondary\">\r\n <i class=\"fas fa-phone\"><\/i> (+86)18025612076\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Using WordPress built-injQuery -->\r\n <script>\r\n (function($) {\r\n $(document).ready(function() {\r\n const particlesContainer = document.getElementById('ms-particles');\r\n const particleCount = 80; \/\/ Performance-optimized particle creation\r\n \r\n \/\/ Performance-optimized particle creation\r\n const fragment = document.createDocumentFragment();\r\n const particleSizeRange = [3, 6]; \/\/ Narrow the particle size range\r\n const animationDurationRange = [15, 25]; \/\/ Adjust animation timing\r\n \r\n for (let i = 0; i < particleCount; i++) {\r\n const particle = document.createElement('div');\r\n particle.className = 'ms-particle';\r\n \r\n \/\/ Optimizing random attributes\r\n const size = Math.random() * (particleSizeRange[1] - particleSizeRange[0]) + particleSizeRange[0];\r\n const posX = Math.random() * 100;\r\n const delay = Math.random() * 15;\r\n const duration = Math.random() * (animationDurationRange[1] - animationDurationRange[0]) + animationDurationRange[0];\r\n \r\n \/\/ Using one-time styling\r\n Object.assign(particle.style, {\r\n width: `${size}px`,\r\n height: `${size}px`,\r\n left: `${posX}%`,\r\n bottom: `-${size}px`,\r\n animationDelay: `${delay}s`,\r\n animationDuration: `${duration}s`,\r\n opacity: '0'\r\n });\r\n \r\n fragment.appendChild(particle);\r\n }\r\n \r\n particlesContainer.appendChild(fragment);\r\n });\r\n })(jQuery);\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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<div class=\"elementor-element elementor-element-f85a164 e-con-full e-flex e-con e-parent\" data-id=\"f85a164\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-992e5ca e-con-full e-flex e-con e-child\" data-id=\"992e5ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbf14f7 elementor-widget elementor-widget-html\" data-id=\"bbf14f7\" 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<!-- START: Mesoforming Final Optimized Layout (Compact Spacing + Mobile 2-Col + Safe Z-Index) -->\r\n<section id=\"meso-structural-fix\" class=\"meso-wrapper\">\r\n\r\n <!-- JSON-LD Structured Data (SEO \/ Schema.org) - KEPT INTACT -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Blog\",\r\n \"mainEntityOfPage\": {\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/www.yourwebsite.com\/blog\"\r\n },\r\n \"headline\": \"Latest News & Industry Insights from Mesoforming\",\r\n \"description\": \"Discover the latest trends in thermoforming technology, company news, and efficiency tips from Shantou Mingsu Machinery.\",\r\n \"publisher\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"Shantou Mingsu Machinery Co., Ltd.\",\r\n \"logo\": {\r\n \"@type\": \"ImageObject\",\r\n \"url\": \"https:\/\/www.yourwebsite.com\/logo.png\"\r\n }\r\n },\r\n \"blogPost\": [\r\n {\r\n \"@type\": \"BlogPosting\",\r\n \"headline\": \"Revolutionizing Production: How Fully Servo Systems Boost Efficiency By 30%\",\r\n \"datePublished\": \"2024-05-15\",\r\n \"url\": \"https:\/\/www.yourwebsite.com\/revolutionizing-production\",\r\n \"author\": {\"@type\": \"Organization\", \"name\": \"Mesoforming Team\"}\r\n },\r\n {\r\n \"@type\": \"BlogPosting\",\r\n \"headline\": \"Global Recognition: Highlights From Mingsu Machinery At CHINAPLAS 2024\",\r\n \"datePublished\": \"2024-04-28\",\r\n \"url\": \"https:\/\/www.yourwebsite.com\/chinaplas-2024-recap\",\r\n \"author\": {\"@type\": \"Organization\", \"name\": \"Mesoforming Team\"}\r\n },\r\n {\r\n \"@type\": \"BlogPosting\",\r\n \"headline\": \"The Future Is Green: Optimizing Thermoforming For PLA & PET Materials\",\r\n \"datePublished\": \"2024-03-10\",\r\n \"url\": \"https:\/\/www.yourwebsite.com\/sustainable-packaging-trends\",\r\n \"author\": {\"@type\": \"Organization\", \"name\": \"Mesoforming Team\"}\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <div class=\"meso-main-container\">\r\n \r\n <!-- Header: Top Block (Spacing Tightly Optimized) -->\r\n <header class=\"meso-header-block\">\r\n <span class=\"meso-subtitle\">NEWS & INSIGHTS<\/span>\r\n <h2 class=\"meso-title\">Stay Ahead With Mesoforming<\/h2>\r\n <p class=\"meso-desc\">Explore our latest innovations, exhibition updates, and expert guides on thermoforming technology.<\/p>\r\n <\/header>\r\n\r\n <!-- Grid: Content Block -->\r\n <div class=\"meso-grid-block\">\r\n \r\n <!-- Card 1 -->\r\n <article class=\"meso-card-item\">\r\n <a href=\"\/revolutionizing-production\" class=\"meso-img-link\" aria-label=\"Read about Servo Systems\">\r\n <div class=\"meso-img-box\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/12\/2024122403350267.webp\" \r\n alt=\"Servo Thermoforming Technology\" \r\n width=\"600\" height=\"400\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <span class=\"meso-cat-tag\">Technology<\/span>\r\n <\/div>\r\n <\/a>\r\n <div class=\"meso-txt-box\">\r\n <div class=\"meso-meta-info\">\r\n <time datetime=\"2024-05-15\">May 15, 2024<\/time>\r\n <span class=\"meso-sep\">|<\/span>\r\n <span>Innovation<\/span>\r\n <\/div>\r\n <h3 class=\"meso-h3-title\">\r\n <a href=\"\/revolutionizing-production\">Revolutionizing Production: How Fully Servo Systems Boost Efficiency By 30%<\/a>\r\n <\/h3>\r\n <p class=\"meso-p-excerpt\">Discover how replacing pneumatic systems with Mesoforming's advanced servo technology can drastically reduce energy consumption.<\/p>\r\n <div class=\"meso-btm-link\">\r\n <a href=\"\/revolutionizing-production\" class=\"meso-read-arrow\">Read Article \r\n <svg class=\"meso-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 2 -->\r\n <article class=\"meso-card-item\">\r\n <a href=\"\/chinaplas-2024-recap\" class=\"meso-img-link\" aria-label=\"Read about CHINAPLAS 2024\">\r\n <div class=\"meso-img-box\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/11\/2024112808443636.webp\" \r\n alt=\"CHINAPLAS 2024 Exhibition Booth\" \r\n width=\"600\" height=\"400\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <span class=\"meso-cat-tag\">Company News<\/span>\r\n <\/div>\r\n <\/a>\r\n <div class=\"meso-txt-box\">\r\n <div class=\"meso-meta-info\">\r\n <time datetime=\"2024-04-28\">April 28, 2024<\/time>\r\n <span class=\"meso-sep\">|<\/span>\r\n <span>Events<\/span>\r\n <\/div>\r\n <h3 class=\"meso-h3-title\">\r\n <a href=\"\/chinaplas-2024-recap\">Global Recognition: Highlights From Mingsu Machinery At CHINAPLAS 2024<\/a>\r\n <\/h3>\r\n <p class=\"meso-p-excerpt\">Our team showcased the latest multi-station thermoforming equipment to merchants worldwide. See how international partners are reacting.<\/p>\r\n <div class=\"meso-btm-link\">\r\n <a href=\"\/chinaplas-2024-recap\" class=\"meso-read-arrow\">Read Article \r\n <svg class=\"meso-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 3 -->\r\n <article class=\"meso-card-item\">\r\n <a href=\"\/sustainable-packaging-trends\" class=\"meso-img-link\" aria-label=\"Read about Sustainable Packaging\">\r\n <div class=\"meso-img-box\">\r\n <img src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/12\/2024122608472053.webp\" \r\n alt=\"Eco-Friendly PLA Packaging\" \r\n width=\"600\" height=\"400\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <span class=\"meso-cat-tag\">Industry Trends<\/span>\r\n <\/div>\r\n <\/a>\r\n <div class=\"meso-txt-box\">\r\n <div class=\"meso-meta-info\">\r\n <time datetime=\"2024-03-10\">March 10, 2024<\/time>\r\n <span class=\"meso-sep\">|<\/span>\r\n <span>Sustainability<\/span>\r\n <\/div>\r\n <h3 class=\"meso-h3-title\">\r\n <a href=\"\/sustainable-packaging-trends\">The Future Is Green: Optimizing Thermoforming For PLA & PET Materials<\/a>\r\n <\/h3>\r\n <p class=\"meso-p-excerpt\">As global demand for eco-friendly packaging rises, learn how Mesoforming machines ensure precision forming for compostable materials.<\/p>\r\n <div class=\"meso-btm-link\">\r\n <a href=\"\/sustainable-packaging-trends\" class=\"meso-read-arrow\">Read Article \r\n <svg class=\"meso-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- Footer: Button Block -->\r\n <div class=\"meso-footer-block\">\r\n <a href=\"https:\/\/mesoforming.com\/news\/\" class=\"meso-master-btn\">View All News & Articles<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ISOLATED CSS: Ultra-Compact Spacing, Mobile 2-Col, Safe Z-Index -->\r\n <style>\r\n \/* \r\n * 1. MODERN SYSTEM FONT STACK\r\n *\/\r\n #meso-structural-fix {\r\n --meso-font-stack: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n \r\n \/* BRAND COLORS *\/\r\n --meso-p: #6915d7;\r\n --meso-pd: #550db5;\r\n --meso-bk: #111827;\r\n --meso-gry: #4B5563;\r\n --meso-lt: #9CA3AF;\r\n --meso-bg: #FFFFFF;\r\n }\r\n\r\n \/* \r\n * 2. STRUCTURAL FIX & Z-INDEX ISOLATION\r\n * UPDATED: Significantly reduced vertical padding (40px) for a compact look.\r\n *\/\r\n #meso-structural-fix.meso-wrapper {\r\n display: block !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n padding: 40px 20px !important; \/* COMPACT SPACING APPLIED *\/\r\n background: var(--meso-bg) !important;\r\n font-family: var(--meso-font-stack) !important;\r\n box-sizing: border-box !important;\r\n text-align: left !important;\r\n \r\n \/* CRITICAL Z-INDEX FIX *\/\r\n position: relative !important;\r\n z-index: 1 !important; \r\n isolation: isolate !important;\r\n }\r\n\r\n #meso-structural-fix * {\r\n box-sizing: border-box !important;\r\n -webkit-font-smoothing: antialiased !important;\r\n }\r\n\r\n #meso-structural-fix .meso-main-container {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n align-items: center !important;\r\n }\r\n\r\n \/* \r\n * 3. HEADER TYPOGRAPHY - SPACING TIGHTENED\r\n *\/\r\n #meso-structural-fix .meso-header-block {\r\n width: 100% !important;\r\n max-width: 760px !important;\r\n text-align: center !important;\r\n margin-bottom: 25px !important; \/* REDUCED GAP (was 35px) *\/\r\n display: block !important;\r\n }\r\n\r\n #meso-structural-fix .meso-subtitle {\r\n display: inline-block !important;\r\n color: var(--meso-p) !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n background: #F3E5F5 !important;\r\n padding: 6px 12px !important;\r\n border-radius: 4px !important;\r\n letter-spacing: 0.5px !important;\r\n margin-bottom: 10px !important; \/* REDUCED GAP (was 12px) *\/\r\n line-height: 1 !important;\r\n }\r\n\r\n #meso-structural-fix .meso-title {\r\n color: #6915d7 !important;\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n text-align: center !important;\r\n line-height: 1.2 !important;\r\n margin: 0 0 10px 0 !important; \/* REDUCED GAP (was 12px) *\/\r\n padding: 0 !important;\r\n letter-spacing: -0.02em !important;\r\n text-transform: none !important;\r\n }\r\n\r\n #meso-structural-fix .meso-desc {\r\n color: var(--meso-gry) !important;\r\n font-size: 17px !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* 4. CSS GRID LAYOUT - SPACING TIGHTENED *\/\r\n #meso-structural-fix .meso-grid-block {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 30px !important;\r\n width: 100% !important;\r\n margin-bottom: 30px !important; \/* REDUCED GAP (was 50px) *\/\r\n }\r\n\r\n \/* 5. CARD COMPONENT *\/\r\n #meso-structural-fix .meso-card-item {\r\n background: #fff !important;\r\n border: 1px solid #E5E7EB !important;\r\n border-radius: 8px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n position: relative !important;\r\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;\r\n will-change: transform !important;\r\n z-index: 2 !important; \r\n }\r\n\r\n #meso-structural-fix .meso-card-item:hover {\r\n transform: translateY(-6px) !important;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\r\n border-color: #D1D5DB !important;\r\n z-index: 3 !important; \r\n }\r\n\r\n \/* IMAGE CONTAINER *\/\r\n #meso-structural-fix .meso-img-box {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding-top: 66.66% !important; \r\n background: #f3f4f6 !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n #meso-structural-fix .meso-img-box img {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.5s ease !important;\r\n margin: 0 !important;\r\n border: none !important;\r\n display: block !important;\r\n }\r\n\r\n #meso-structural-fix .meso-card-item:hover .meso-img-box img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #meso-structural-fix .meso-cat-tag {\r\n position: absolute !important;\r\n top: 15px !important;\r\n left: 15px !important;\r\n background: var(--meso-p) !important;\r\n color: #fff !important;\r\n padding: 5px 10px !important;\r\n font-size: 11px !important;\r\n font-weight: 700 !important;\r\n border-radius: 4px !important;\r\n text-transform: uppercase !important;\r\n z-index: 5 !important;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;\r\n }\r\n\r\n \/* CONTENT BOX *\/\r\n #meso-structural-fix .meso-txt-box {\r\n padding: 24px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n flex-grow: 1 !important;\r\n text-align: left !important;\r\n }\r\n\r\n #meso-structural-fix .meso-meta-info {\r\n font-size: 12px !important;\r\n color: var(--meso-lt) !important;\r\n margin-bottom: 12px !important;\r\n font-weight: 600 !important;\r\n text-transform: uppercase !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n #meso-structural-fix .meso-sep {\r\n margin: 0 8px !important;\r\n color: #E5E7EB !important;\r\n }\r\n\r\n #meso-structural-fix .meso-h3-title {\r\n font-size: 20px !important;\r\n line-height: 1.4 !important;\r\n margin: 0 0 12px 0 !important;\r\n font-weight: 700 !important;\r\n color: var(--meso-bk) !important;\r\n word-wrap: break-word !important; \r\n }\r\n\r\n #meso-structural-fix .meso-h3-title a {\r\n color: var(--meso-bk) !important;\r\n text-decoration: none !important;\r\n transition: color 0.2s !important;\r\n background: transparent !important;\r\n }\r\n\r\n #meso-structural-fix .meso-h3-title a:hover {\r\n color: var(--meso-p) !important;\r\n }\r\n\r\n #meso-structural-fix .meso-p-excerpt {\r\n font-size: 15px !important;\r\n color: var(--meso-gry) !important;\r\n line-height: 1.6 !important;\r\n margin: 0 0 20px 0 !important;\r\n font-weight: 400 !important;\r\n flex-grow: 1 !important;\r\n }\r\n\r\n #meso-structural-fix .meso-btm-link {\r\n margin-top: auto !important;\r\n }\r\n\r\n #meso-structural-fix .meso-read-arrow {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n color: var(--meso-p) !important;\r\n font-weight: 700 !important;\r\n font-size: 14px !important;\r\n text-decoration: none !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n #meso-structural-fix .meso-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-left: 5px !important;\r\n transition: transform 0.2s !important;\r\n }\r\n\r\n #meso-structural-fix .meso-read-arrow:hover .meso-icon {\r\n transform: translateX(4px) !important;\r\n }\r\n\r\n \/* 6. BUTTON COMPONENT *\/\r\n #meso-structural-fix .meso-footer-block {\r\n width: 100% !important;\r\n text-align: center !important;\r\n margin-top: 10px !important;\r\n }\r\n\r\n #meso-structural-fix .meso-master-btn {\r\n display: inline-block !important;\r\n background: var(--meso-p) !important;\r\n color: #fff !important;\r\n padding: 14px 34px !important;\r\n font-weight: 600 !important;\r\n font-size: 15px !important;\r\n border-radius: 4px !important;\r\n text-decoration: none !important;\r\n transition: all 0.2s ease !important;\r\n box-shadow: 0 4px 6px rgba(105, 21, 215, 0.25) !important;\r\n border: none !important;\r\n }\r\n\r\n #meso-structural-fix .meso-master-btn:hover {\r\n background: var(--meso-pd) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 12px rgba(105, 21, 215, 0.35) !important;\r\n }\r\n\r\n \/* \r\n * 7. RESPONSIVE BREAKPOINTS (SMART ADAPTIVE)\r\n *\/\r\n \r\n \/* TABLET & MOBILE GLOBAL *\/\r\n @media screen and (max-width: 992px) {\r\n #meso-structural-fix .meso-grid-block {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n #meso-structural-fix .meso-title {\r\n font-size: 2rem !important; \r\n }\r\n }\r\n\r\n \/* MOBILE OPTIMIZED (2 COLUMNS FORCED + TIGHTER PADDING) *\/\r\n @media screen and (max-width: 600px) {\r\n #meso-structural-fix .meso-wrapper {\r\n padding: 25px 10px !important; \/* ULTRA COMPACT MOBILE PADDING *\/\r\n }\r\n\r\n #meso-structural-fix .meso-grid-block {\r\n \/* FORCE 2 COLUMNS ON MOBILE *\/\r\n grid-template-columns: repeat(2, 1fr) !important; \r\n gap: 12px !important; \r\n }\r\n\r\n \/* ADAPTIVE TEXT SIZING FOR 2-COL MOBILE *\/\r\n #meso-structural-fix .meso-txt-box {\r\n padding: 12px !important;\r\n }\r\n\r\n #meso-structural-fix .meso-meta-info {\r\n font-size: 10px !important;\r\n margin-bottom: 8px !important;\r\n }\r\n \r\n #meso-structural-fix .meso-cat-tag {\r\n font-size: 9px !important;\r\n padding: 3px 6px !important;\r\n top: 8px !important;\r\n left: 8px !important;\r\n }\r\n\r\n #meso-structural-fix .meso-h3-title {\r\n font-size: 15px !important;\r\n line-height: 1.3 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n #meso-structural-fix .meso-p-excerpt {\r\n font-size: 13px !important;\r\n line-height: 1.4 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n #meso-structural-fix .meso-img-box {\r\n padding-top: 75% !important; \r\n }\r\n\r\n #meso-structural-fix .meso-master-btn {\r\n width: 100% !important;\r\n padding: 12px 20px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/section>\r\n<!-- END: Mesoforming Final Optimized Layout -->\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<div class=\"elementor-element elementor-element-1606b167 e-flex e-con-boxed e-con e-parent\" data-id=\"1606b167\" data-element_type=\"container\" data-e-type=\"container\" id=\"dental_about\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5dcc07a5 e-con-full e-flex e-con e-child\" data-id=\"5dcc07a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-5604976d e-flex e-con-boxed e-con e-child\" data-id=\"5604976d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29dd2ed elementor-widget elementor-widget-html\" data-id=\"29dd2ed\" 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<div id=\"thermo-pdf-viewer\" style=\"margin:0 auto;max-width:450px;font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif\">\r\n <div style=\"background:#ffffff;border-radius:8px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05);border:1px solid #e9ecef\">\r\n <div style=\"position:relative;height:320px;overflow:hidden;margin-bottom:12px;border:1px solid #e9ecef;border-radius:6px;background:#f8f9fa\">\r\n <iframe id=\"thermo-pdf-iframe\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024070508480221.pdf\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none\" loading=\"lazy\" title=\"Thermoforming Machines Brochure PDF\"><\/iframe>\r\n <\/div>\r\n \r\n <div style=\"display:flex;justify-content:center;gap:6px;flex-wrap:wrap\">\r\n <button onclick=\"thermoPdfZoomIn()\" style=\"background:#ff6b00;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center\" title=\"Zoom In\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z\" stroke=\"currentColor\" stroke-width=\"0.5\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button onclick=\"thermoPdfZoomOut()\" style=\"background:#495057;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center\" title=\"Zoom Out\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M19,13H5V11H19V13Z\" stroke=\"currentColor\" stroke-width=\"0.5\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button onclick=\"thermoPdfResetZoom()\" style=\"background:#495057;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center\" title=\"Reset Zoom\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12,5V2L8,6L12,10V7C15.31,7 18,9.69 18,13C18,16.31 15.31,19 12,19C8.69,19 6,16.31 6,13H4C4,17.42 7.58,21 12,21C16.42,21 20,17.42 20,13C20,8.58 16.42,5 12,5Z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <a href=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024070508480221.pdf\" download=\"Thermoforming-Machines-Brochure.pdf\" style=\"background:#ff6b00;color:#fff;text-decoration:none;padding:10px;border-radius:4px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center\" title=\"Download PDF\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024070508480221.pdf\" target=\"_blank\" style=\"background:#711be1;color:#fff;text-decoration:none;padding:10px;border-radius:4px;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center\" title=\"Open in New Tab\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Thermo PDF Viewer Functions with unique namespace\r\nlet thermoPdfZoom = 100;\r\nconst thermoPdfIframe = document.getElementById('thermo-pdf-iframe');\r\n\r\nfunction thermoPdfZoomIn() {\r\n thermoPdfZoom += 10;\r\n thermoPdfIframe.style.transform = `scale(${thermoPdfZoom\/100})`;\r\n thermoPdfIframe.style.transformOrigin = '0 0';\r\n}\r\n\r\nfunction thermoPdfZoomOut() {\r\n if(thermoPdfZoom > 50) {\r\n thermoPdfZoom -= 10;\r\n thermoPdfIframe.style.transform = `scale(${thermoPdfZoom\/100})`;\r\n thermoPdfIframe.style.transformOrigin = '0 0';\r\n }\r\n}\r\n\r\nfunction thermoPdfResetZoom() {\r\n thermoPdfZoom = 100;\r\n thermoPdfIframe.style.transform = 'scale(1)';\r\n thermoPdfIframe.style.transformOrigin = '0 0';\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* Thermo PDF Viewer Specific Styles *\/\r\n#thermo-pdf-viewer button, #thermo-pdf-viewer a {\r\n transition: all 0.2s ease;\r\n flex: 1 1 auto;\r\n text-align: center;\r\n min-width: 44px;\r\n font-family: Roboto, sans-serif;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n#thermo-pdf-viewer button:hover, #thermo-pdf-viewer a:hover {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n#thermo-pdf-viewer svg {\r\n filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));\r\n}\r\n\r\n@media (max-width: 480px) {\r\n #thermo-pdf-viewer {\r\n width: 100%;\r\n padding: 0 8px;\r\n }\r\n \r\n #thermo-pdf-viewer > div {\r\n padding: 12px;\r\n }\r\n \r\n #thermo-pdf-viewer > div > div:first-child {\r\n height: 280px;\r\n }\r\n \r\n #thermo-pdf-viewer button, #thermo-pdf-viewer a {\r\n min-width: 40px;\r\n padding: 8px;\r\n }\r\n \r\n #thermo-pdf-viewer svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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-3d5585c9 e-con-full e-flex e-con e-child\" data-id=\"3d5585c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7852c0eb elementor-widget elementor-widget-heading\" data-id=\"7852c0eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mesoforming Product Brochure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12df83d3 elementor-widget elementor-widget-heading\" data-id=\"12df83d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Professional Companies engaged in automated multi-station products<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ace08a6 elementor-widget elementor-widget-text-editor\" data-id=\"3ace08a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff;\">You can download our product brochure to learn more about our company and products, and look forward to our future cooperation.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5240afa1 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"5240afa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/mesoforming.com\/mesoforming-product-catalog\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Mesoforming High Efficiency Servo Systems V11 Boost Plastic Forming Efficiency By 30% With Fully Servo Thermoforming Systems Experience engineering excellence with Mesoforming. Our team of innovative engineers and dedicated after-sales experts deliver precise, high-speed solutions tailored to your manufacturing needs. Get Instant Quote Watch Machine Demo What Can Our Machines Produce? From R&D to final […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":9,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":4604,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/2\/revisions\/4604"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}