Immagine Centrale<\/title>\n<style>\n body, html {\n margin: 0;\n padding: 0;\n }\n .image-container {\n text-align: center; \/* centra l'immagine orizzontalmente *\/\n }\n .image-container img {\n width: 100%; \/* occupa tutta la larghezza disponibile *\/\n height: auto; \/* mantiene proporzioni *\/\n display: inline-block; \/* per il centraggio *\/\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/cavo-ht.png\" alt=\"Cavo HT\" loading=\"eager\" \/>\n<\/div>\n\n<\/body>\n<\/html><div style=\"height:1cm;\"><\/div><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.custom-section {\n display: flex;\n align-items: center; \n justify-content: center;\n gap: 60px; \n padding: 60px 20px;\n font-family: 'Roboto', sans-serif;\n max-width: 1100px;\n margin: 0 auto;\n}\n\n\/* Lato Sinistro: Titolo in BLU *\/\n.custom-title-box {\n flex: 1;\n text-align: right; \n}\n\n.custom-title-box h2 {\n color: #0564AE; \/* Blu richiesto *\/\n font-size: 46px;\n font-weight: 700;\n margin: 0;\n line-height: 1;\n text-transform: uppercase;\n letter-spacing: -1px;\n}\n\n\/* Lato Destro: Testo in NERO *\/\n.custom-text-box {\n flex: 1.5; \n text-align: left; \n}\n\n.custom-text-box p {\n color: #000000; \/* Testo nero *\/\n font-size: 17px;\n line-height: 1.7;\n margin: 0;\n font-weight: 400;\n}\n\n\/* Mobile: Colonna singola *\/\n@media (max-width: 768px) {\n .custom-section {\n flex-direction: column;\n gap: 30px;\n padding: 40px 20px;\n }\n .custom-title-box, .custom-text-box {\n text-align: center;\n flex: none;\n width: 100%;\n }\n .custom-title-box h2 {\n font-size: 32px;\n }\n}\n<\/style>\n\n<section class=\"custom-section\">\n <div class=\"custom-title-box\">\n <h2>ICC<br>HT-CUSTOM<\/h2>\n <\/div>\n \n <div class=\"custom-text-box\">\n <p>\n In a fast-evolving market, where demand is increasingly driven by highly specialised products with complex technical requirements and hybrid or composite constructions, the ICC HIGH-TECH range stands apart with its CUSTOM cable solutions.\nDesigned and engineered around each customer’s specific needs, ICC HIGH-TECH CUSTOM cables are fully bespoke, delivering tailored solutions that meet the most demanding technical specifications. \n\n\n <\/p>\n <\/div>\n<\/section><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Hotspot Informativi ICC<\/title>\n <style>\n \/* RESET CSS BASE *\/\n html, body {\n margin: 0;\n padding: 0;\n width: 100%;\n min-height: 100vh; \/* Mantieni per assicurare che la pagina sia alta almeno quanto la viewport *\/\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n \/* Contenitore per lo sfondo blu a tutta larghezza *\/\n .full-width-container<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n .full-width-blue-section {\n background-color: #0564AE;\n font-family: 'Roboto', sans-serif;\n padding: 140px 0px; \/* Spazio sopra e sotto la sezione *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n }\n\n .section-content-wrapper {\n max-width: 1200px;\n padding: 0px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .full-width-blue-section h2, .full-width-blue-section p {\n color: #ffffff !important;\n margin: 0px;\n }\n\n .full-width-blue-section h2 {\n font-size: 42px; \/* Titolo molto grande *\/\n font-weight: 900;\n text-transform: uppercase;\n line-height: 85px;\n margin-bottom: 40px; \/* Spazio tra titolo e testo *\/\n letter-spacing: -1px;\n }\n\n .full-width-blue-section p {\n font-size: 30px; \/* Testo molto grande *\/\n line-height: 48px;\n font-weight: 400;\n max-width: 1000px;\n }\n\n \/* Adattamento per Tablet e Mobile *\/\n @media (max-width: 1024px) {\n .full-width-blue-section h2 { font-size: 60px; line-height: 65px; }\n .full-width-blue-section p { font-size: 28px; line-height: 38px; }\n }\n\n @media (max-width: 768px) {\n .full-width-blue-section { padding: 80px 0px; }\n .full-width-blue-section h2 { font-size: 42px; line-height: 48px; margin-bottom: 40px; }\n .full-width-blue-section p { font-size: 22px; line-height: 32px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"full-width-blue-section\">\n <div class=\"section-content-wrapper\">\n <h2>LET\u2019S BUILD YOUR CABLE<\/h2>\n <p>\n An extensive portfolio of materials and advanced manufacturing capabilities allows us to engineer the optimal custom solution for every customer requirement.\n <\/p>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <style>\n \/* 1. Il blocco principale *\/\n .icc-logo-block {\n background-color: #0564AE !important;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n \n \/* RIMUOVIAMO OGNI SPAZIO POSSIBILE *\/\n padding: 0 !important;\n margin-top: -20px !important; \/* Sposta il blocco verso l'alto *\/\n margin-bottom: -20px !important; \/* Tira il contenuto sotto verso l'alto *\/\n overflow: hidden; \/* Taglia eventuali bordi invisibili dell'immagine *\/\n line-height: 0;\n }\n\n \/* 2. L'immagine torna grande *\/\n .icc-logo-block img {\n max-width: 1200px;\n width: 100%;\n height: auto;\n display: block;\n \/* Se l'immagine ha spazio bianco interno, questo lo compensa: *\/\n margin-top: -15px !important;\n margin-bottom: -15px !important;\n }\n\n @media (max-width: 768px) {\n .icc-logo-block {\n margin-top: -10px !important;\n margin-bottom: -10px !important;\n }\n .icc-logo-block img {\n margin-top: -5px !important;\n margin-bottom: -5px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"icc-logo-block\">\n <img decoding=\"async\"\n src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/LOGO_COL.pdf.png\"\n alt=\"Logo ICC\"\n \/>\n <\/div>\n\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Sezione Video Blu<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* === SEZIONE BLU A TUTTA LARGHEZZA CON VIDEO === *\/\n .full-width-blue-section {\n background-color: #0564AE;\n color: #ffffff;\n padding: 96px 0;\n width: 100vw;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n font-family: 'Roboto', sans-serif;\n overflow: hidden;\n }\n\n .video-wrapper {\n width: 100%;\n max-width: 1000px;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n }\n\n video {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n background: #000;\n }\n\n \/* Mobile *\/\n @media (max-width: 768px) {\n .full-width-blue-section {\n padding: 64px 0;\n }\n .video-wrapper {\n max-width: 90%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"full-width-blue-section\">\n <div class=\"video-wrapper\">\n <video\n controls\n autoplay\n muted\n playsinline\n >\n <source src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/07\/eng-Video-pagina-ht-custom.mp4\" type=\"video\/mp4\">\n Your browser does not support HTML5 videos.\n <\/video>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n<div class=\"icc-blue-section\">\n <button id=\"iccBtnOpen\" type=\"button\" class=\"icc-hero-button\">\n Submit your request\n <\/button>\n<\/div>\n\n<div id=\"icc-container\" class=\"icc-main-wrapper\">\n\n \n <div id=\"iccFormModal\" class=\"icc-modal\" aria-hidden=\"true\">\n <div class=\"icc-modal-content\">\n <span class=\"icc-close\">×<\/span>\n\n <h2 class=\"icc-modal-title\">\n WE BUILD YOUR CABLE:<br>send us your request by filling out the following form.\n <\/h2>\n\n <form id=\"iccForm\" action=\"https:\/\/formsubmit.co\/marketing@icc.it\" method=\"POST\" enctype=\"multipart\/form-data\" class=\"icc-grid-form\">\n\n <input type=\"text\" name=\"First Name\" placeholder=\"First Name *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Last Name\" placeholder=\"Last Name *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Company\" placeholder=\"Company *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Country\" placeholder=\"Country *\" required class=\"icc-input-field\">\n <input type=\"email\" name=\"Email\" placeholder=\"Email *\" required class=\"icc-input-field\">\n <input type=\"tel\" name=\"Phone\" placeholder=\"Phone *\" required class=\"icc-input-field\">\n\n <textarea name=\"Description\" placeholder=\"Brief description of the product type *\" required class=\"icc-textarea-field\"><\/textarea>\n\n <input type=\"text\" name=\"Requested quantity\" placeholder=\"Requested quantity *\" required class=\"icc-input-field icc-full-width\">\n\n <div class=\"icc-file-wrapper\">\n <label class=\"icc-file-label\">Attach technical specification (optional)<\/label>\n <div class=\"icc-file-custom-container\">\n <label for=\"iccFileInput\" class=\"icc-file-custom-trigger\">Choose file<\/label>\n <span id=\"iccFileName\" class=\"icc-file-custom-name\">No file chosen<\/span>\n <input type=\"file\" id=\"iccFileInput\" name=\"Technical Specification\" class=\"icc-file-input-hidden\">\n <\/div>\n <\/div>\n\n \n <div class=\"icc-submit-container\">\n <label for=\"iccPrivacyCheck\" class=\"icc-privacy-label\">\n <input type=\"checkbox\" id=\"iccPrivacyCheck\" name=\"privacy\" required class=\"icc-checkbox-custom\">\n <span class=\"icc-privacy-text\">\n I have read and accept the\n <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/48388140\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">\n privacy policy\n <\/a>\n and I consent to the processing of my personal data. *\n <\/span>\n <\/label>\n\n <small class=\"icc-recaptcha-text\">\n This site is protected by reCAPTCHA and the Google\n <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">Privacy Policy<\/a>\n and\n <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">Terms of Service<\/a>\n apply.\n <\/small>\n\n <button type=\"submit\" class=\"icc-submit-button\">Submit your request<\/button>\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n<\/div>\n\n\n<style>\n \/* ===== BLUE HERO SECTION ===== *\/\n .icc-blue-section {\n background-color: #0564ae !important;\n padding: 40px 20px !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n box-sizing: border-box !important;\n }\n\n html, body {\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\n\n .icc-hero-button {\n padding: 1.5rem 3rem !important;\n font-size: 1.6rem !important;\n background-color: #fa6108 !important;\n color: white !important;\n border: none !important;\n border-radius: 40px !important;\n cursor: pointer !important;\n font-family: sans-serif !important;\n max-width: 100%;\n white-space: normal !important;\n text-align: center;\n }\n\n .icc-main-wrapper {\n font-family: sans-serif !important;\n width: 100%;\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 20px;\n box-sizing: border-box;\n }\n\n \/* ===== RESPONSIVE MODAL ===== *\/\n .icc-modal {\n display: none;\n position: fixed;\n z-index: 99999;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n box-sizing: border-box;\n padding: 10px; \n align-items: center; \n justify-content: center;\n }\n\n .icc-modal.icc-show {\n display: flex !important;\n }\n\n .icc-modal-content {\n background-color: #fff !important;\n margin: auto;\n padding: 3rem 2rem;\n border-radius: 20px;\n width: 100%;\n max-width: 1100px;\n max-height: 90vh; \n overflow-y: auto; \n position: relative;\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n box-sizing: border-box;\n }\n\n .icc-close {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 35px;\n cursor: pointer;\n color: #aaa;\n line-height: 1;\n z-index: 10;\n }\n\n .icc-close:hover { color: black; }\n\n .icc-modal-title {\n text-align: center !important;\n color: #0564ae !important;\n font-size: 2.2rem !important; \n margin-bottom: 2.5rem !important;\n line-height: 1.3 !important;\n font-weight: bold !important;\n padding: 0 10px;\n }\n\n \/* ===== GRID FORM LAYOUT ===== *\/\n .icc-grid-form {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\n gap: 1.5rem !important;\n box-sizing: border-box;\n }\n\n .icc-input-field,\n .icc-textarea-field {\n padding: 1.2rem !important;\n border-radius: 15px !important;\n border: 1px solid #aaa !important;\n width: 100% !important;\n box-sizing: border-box !important;\n font-size: 1.5rem !important;\n background: #fff !important;\n color: #333 !important;\n }\n\n .icc-textarea-field {\n grid-column: 1 \/ -1 !important;\n height: 140px !important; \n resize: vertical !important;\n }\n\n .icc-full-width {\n grid-column: 1 \/ -1 !important;\n }\n\n .icc-file-wrapper {\n grid-column: 1 \/ -1 !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 0.5rem !important;\n }\n\n .icc-file-label {\n font-size: 1.3rem !important;\n color: #333 !important;\n padding-left: 0.5rem;\n }\n\n \/* ===== ENGLISH FORCED FILE INPUT STYLE ===== *\/\n .icc-file-custom-container {\n display: flex !important;\n align-items: center !important;\n border: 1px solid #aaa !important;\n border-radius: 15px !important;\n padding: 0.5rem !important;\n background: #fff !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .icc-file-custom-trigger {\n background-color: #eee !important;\n color: #333 !important;\n padding: 0.8rem 1.5rem !important;\n border-radius: 10px !important;\n font-size: 1.4rem !important;\n cursor: pointer !important;\n border: 1px solid #ccc !important;\n font-weight: 500 !important;\n margin-right: 15px !important;\n user-select: none !important;\n transition: background 0.2s;\n }\n\n .icc-file-custom-trigger:hover {\n background-color: #ddd !important;\n }\n\n .icc-file-custom-name {\n font-size: 1.4rem !important;\n color: #666 !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n flex-grow: 1 !important;\n padding-right: 10px !important;\n }\n\n .icc-file-input-hidden {\n position: absolute !important;\n left: -9999px !important;\n opacity: 0 !important;\n }\n\n \/* ===== PRIVACY & SUBMIT CONTAINER ===== *\/\n .icc-submit-container {\n grid-column: 1 \/ -1 !important;\n background: #f0f4fa !important;\n padding: 1.5rem !important;\n border-radius: 15px !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 1rem !important;\n box-sizing: border-box;\n }\n\n .icc-privacy-label {\n display: flex !important;\n align-items: flex-start !important;\n cursor: pointer !important;\n font-size: 1.3rem !important;\n color: #333 !important;\n }\n\n .icc-checkbox-custom {\n appearance: none !important;\n -webkit-appearance: none !important;\n width: 22px !important; \n height: 22px !important;\n border: 2px solid #aaa !important;\n border-radius: 4px !important;\n margin-right: 10px !important;\n cursor: pointer !important;\n position: relative !important;\n flex-shrink: 0 !important;\n background: #fff !important;\n }\n\n .icc-checkbox-custom:checked {\n background-color: #179cdb !important;\n border-color: #179cdb !important;\n }\n\n .icc-checkbox-custom:checked::after {\n content: '' !important;\n position: absolute !important;\n left: 6px !important;\n top: 2px !important;\n width: 6px !important;\n height: 11px !important;\n border: solid white !important;\n border-width: 0 2.5px 2.5px 0 !important;\n transform: rotate(45deg) !important;\n }\n\n .icc-privacy-text {\n line-height: 1.4 !important;\n }\n\n .icc-link {\n color: #0564ae !important;\n text-decoration: underline !important;\n }\n\n .icc-recaptcha-text {\n font-size: 0.95rem !important;\n color: #666 !important;\n line-height: 1.3 !important;\n }\n\n .icc-submit-button {\n align-self: center !important;\n font-size: 1.5rem !important;\n padding: 1rem 3rem !important;\n border-radius: 40px !important;\n background-color: #179cdb !important;\n color: white !important;\n border: none !important;\n cursor: pointer !important;\n font-weight: bold !important;\n width: auto !important;\n }\n\n .icc-submit-button:hover {\n background-color: #127cb0 !important;\n }\n\n \/* ===== SCREEN ADAPTATION BREAKPOINTS ===== *\/\n @media (min-width: 768px) {\n .icc-modal-title {\n font-size: 2.8rem !important;\n }\n .icc-modal-content {\n padding: 4rem;\n }\n .icc-textarea-field {\n height: 180px !important;\n }\n }\n\n @media (max-width: 480px) {\n .icc-grid-form {\n grid-template-columns: 1fr !important; \n }\n .icc-modal-content {\n padding: 2.5rem 1.2rem;\n }\n .icc-modal-title {\n font-size: 1.8rem !important;\n }\n .icc-submit-button {\n width: 100% !important; \n }\n }\n<\/style>\n\n\n<script>\n(function(){\n const modal = document.getElementById('iccFormModal');\n const openBtn = document.getElementById('iccBtnOpen');\n const closeBtn = document.querySelector('.icc-close');\n const fileInput = document.getElementById('iccFileInput');\n const fileNameSpan = document.getElementById('iccFileName');\n\n \/\/ Controllo aperture e chiusure modale\n if(openBtn && modal && closeBtn) {\n openBtn.onclick = () => modal.classList.add('icc-show');\n closeBtn.onclick = () => modal.classList.remove('icc-show');\n \n window.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('icc-show');\n }\n });\n }\n\n \/\/ Gestore dinamico del nome del file (Rimane forzato in Inglese)\n if(fileInput && fileNameSpan) {\n fileInput.addEventListener('change', function() {\n if (this.files && this.files.length > 0) {\n fileNameSpan.textContent = this.files[0].name;\n } else {\n fileNameSpan.textContent = 'No file chosen';\n }\n });\n }\n})();\n<\/script><p class=\"has-text-align-center has-text-color has-link-color wp-elements-b3efa608186aecbd85a74c2ab0a5407a\" style=\"color:#0564ae;font-size:32px\"><strong>Find out more about our HT-CUSTOM projects<\/strong><\/p><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<div class=\"custom-swiper-icc swiper\">\n <div class=\"custom-swiper-icc__wrapper swiper-wrapper\">\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/soluzioni-custom-cavi-per-allevamenti-ittici\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/ICC_NEWS_Allevamenti-ittici-2048x1152-1.jpg\" alt=\"Allevamenti Ittici\">\n <h4>Fish Farming Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/cavo-solare-control-solar\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/1200X1006_CAVO_Solar-Cable_ICC2.jpg\" alt=\"Cavo Solare\">\n <h4>Control Solar<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/cavi-per-audio-professionale\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/1200X1006_CaviSpeaker_ICC_ITA-2048x1717-1.jpg\" alt=\"Audio Professionale\">\n <h4>Audio Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/self-supporting-cables-for-vertical-applications\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/ICC_NEWS_HT_self-supporting-1.jpg\" alt=\"Cavi Autoportanti Self Supporting\">\n <h4>Self-Supporting Vertical Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/ht-custom-icc-multipairs-and-multitriads-cables-for-high-temperatures\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/post_HT-5.jpg\" alt=\"Cavi Multicoppia e Multiterna in silicone\">\n <h4>Multipairs and Multitriads cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <\/div>\n\n <div class=\"custom-swiper-icc__pagination swiper-pagination\"><\/div>\n <div class=\"custom-swiper-icc__button-prev swiper-button-prev\"><\/div>\n <div class=\"custom-swiper-icc__button-next swiper-button-next\"><\/div>\n<\/div>\n\n<style>\n .custom-swiper-icc {\n width: 100%;\n \/* Aumentato il padding inferiore (da 2rem a 4rem) per fare spazio ai puntini *\/\n padding: 2rem 0 4rem 0;\n position: relative;\n overflow: hidden;\n }\n \n .custom-swiper-icc__slide {\n display: flex;\n justify-content: center;\n \/* Evita che l'ombra del box venga tagliata durante lo scorrimento *\/\n padding: 10px 0;\n }\n \n .custom-swiper-icc__box {\n width: 350px;\n height: 300px;\n background: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n text-align: center;\n color: #333;\n transition: transform 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n \n .custom-swiper-icc__box:hover {\n transform: translateY(-5px);\n }\n \n .custom-swiper-icc__box img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n \n .custom-swiper-icc__box h4 {\n font-size: 18px; \/* Leggermente ridotto per evitare overflow su due righe lunghe *\/\n font-weight: 600;\n padding: 0.5rem 1rem;\n margin: 0;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: #0564ae;\n line-height: 1.2;\n }\n\n \/* Personalizzazione Frecce *\/\n .custom-swiper-icc__button-prev, \n .custom-swiper-icc__button-next {\n color: #0073aa;\n }\n\n \/* --- POSIZIONAMENTO PUNTINI --- *\/\n .custom-swiper-icc .swiper-pagination {\n \/* Abbassa i puntini verso il bordo inferiore del contenitore *\/\n bottom: 10px !important; \n }\n\n \/* Colore puntini attivi (opzionale, per coerenza brand) *\/\n .custom-swiper-icc .swiper-pagination-bullet-active {\n background: #0564ae !important;\n }\n<\/style>\n\n<script>\n document.addEventListener('DOMContentLoaded', function () {\n const swiper = new Swiper('.custom-swiper-icc', {\n slidesPerView: 1,\n spaceBetween: 30,\n loop: true,\n autoplay: {\n delay: 3500,\n disableOnInteraction: false,\n },\n breakpoints: {\n 768: { \n slidesPerView: 2,\n spaceBetween: 20 \n },\n 1024: { \n slidesPerView: 3,\n spaceBetween: 30 \n },\n },\n pagination: {\n el: '.custom-swiper-icc__pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.custom-swiper-icc__button-next',\n prevEl: '.custom-swiper-icc__button-prev',\n },\n });\n });\n<\/script><div style=\"height:3cm;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Immagine Centrale ICCHT-CUSTOM In a fast-evolving market, where demand is…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-162690","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/comments?post=162690"}],"version-history":[{"count":13,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690\/revisions"}],"predecessor-version":[{"id":165705,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690\/revisions\/165705"}],"wp:attachment":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/media?parent=162690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":162690,"date":"2026-07-07T10:00:04","date_gmt":"2026-07-07T08:00:04","guid":{"rendered":"https:\/\/icc.it\/?page_id=162690"},"modified":"2026-07-07T10:00:09","modified_gmt":"2026-07-07T08:00:09","slug":"icc-ht-custom","status":"publish","type":"page","link":"https:\/\/icc.it\/en\/icc-ht-custom\/","title":{"rendered":"ICC HT-CUSTOM"},"content":{"rendered":"\n\n\n\n\nImmagine Centrale<\/title>\n<style>\n body, html {\n margin: 0;\n padding: 0;\n }\n .image-container {\n text-align: center; \/* centra l'immagine orizzontalmente *\/\n }\n .image-container img {\n width: 100%; \/* occupa tutta la larghezza disponibile *\/\n height: auto; \/* mantiene proporzioni *\/\n display: inline-block; \/* per il centraggio *\/\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/cavo-ht.png\" alt=\"Cavo HT\" loading=\"eager\" \/>\n<\/div>\n\n<\/body>\n<\/html><div style=\"height:1cm;\"><\/div><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.custom-section {\n display: flex;\n align-items: center; \n justify-content: center;\n gap: 60px; \n padding: 60px 20px;\n font-family: 'Roboto', sans-serif;\n max-width: 1100px;\n margin: 0 auto;\n}\n\n\/* Lato Sinistro: Titolo in BLU *\/\n.custom-title-box {\n flex: 1;\n text-align: right; \n}\n\n.custom-title-box h2 {\n color: #0564AE; \/* Blu richiesto *\/\n font-size: 46px;\n font-weight: 700;\n margin: 0;\n line-height: 1;\n text-transform: uppercase;\n letter-spacing: -1px;\n}\n\n\/* Lato Destro: Testo in NERO *\/\n.custom-text-box {\n flex: 1.5; \n text-align: left; \n}\n\n.custom-text-box p {\n color: #000000; \/* Testo nero *\/\n font-size: 17px;\n line-height: 1.7;\n margin: 0;\n font-weight: 400;\n}\n\n\/* Mobile: Colonna singola *\/\n@media (max-width: 768px) {\n .custom-section {\n flex-direction: column;\n gap: 30px;\n padding: 40px 20px;\n }\n .custom-title-box, .custom-text-box {\n text-align: center;\n flex: none;\n width: 100%;\n }\n .custom-title-box h2 {\n font-size: 32px;\n }\n}\n<\/style>\n\n<section class=\"custom-section\">\n <div class=\"custom-title-box\">\n <h2>ICC<br>HT-CUSTOM<\/h2>\n <\/div>\n \n <div class=\"custom-text-box\">\n <p>\n In a fast-evolving market, where demand is increasingly driven by highly specialised products with complex technical requirements and hybrid or composite constructions, the ICC HIGH-TECH range stands apart with its CUSTOM cable solutions.\nDesigned and engineered around each customer’s specific needs, ICC HIGH-TECH CUSTOM cables are fully bespoke, delivering tailored solutions that meet the most demanding technical specifications. \n\n\n <\/p>\n <\/div>\n<\/section><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Hotspot Informativi ICC<\/title>\n <style>\n \/* RESET CSS BASE *\/\n html, body {\n margin: 0;\n padding: 0;\n width: 100%;\n min-height: 100vh; \/* Mantieni per assicurare che la pagina sia alta almeno quanto la viewport *\/\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n \/* Contenitore per lo sfondo blu a tutta larghezza *\/\n .full-width-container<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n .full-width-blue-section {\n background-color: #0564AE;\n font-family: 'Roboto', sans-serif;\n padding: 140px 0px; \/* Spazio sopra e sotto la sezione *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n }\n\n .section-content-wrapper {\n max-width: 1200px;\n padding: 0px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .full-width-blue-section h2, .full-width-blue-section p {\n color: #ffffff !important;\n margin: 0px;\n }\n\n .full-width-blue-section h2 {\n font-size: 42px; \/* Titolo molto grande *\/\n font-weight: 900;\n text-transform: uppercase;\n line-height: 85px;\n margin-bottom: 40px; \/* Spazio tra titolo e testo *\/\n letter-spacing: -1px;\n }\n\n .full-width-blue-section p {\n font-size: 30px; \/* Testo molto grande *\/\n line-height: 48px;\n font-weight: 400;\n max-width: 1000px;\n }\n\n \/* Adattamento per Tablet e Mobile *\/\n @media (max-width: 1024px) {\n .full-width-blue-section h2 { font-size: 60px; line-height: 65px; }\n .full-width-blue-section p { font-size: 28px; line-height: 38px; }\n }\n\n @media (max-width: 768px) {\n .full-width-blue-section { padding: 80px 0px; }\n .full-width-blue-section h2 { font-size: 42px; line-height: 48px; margin-bottom: 40px; }\n .full-width-blue-section p { font-size: 22px; line-height: 32px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"full-width-blue-section\">\n <div class=\"section-content-wrapper\">\n <h2>LET\u2019S BUILD YOUR CABLE<\/h2>\n <p>\n An extensive portfolio of materials and advanced manufacturing capabilities allows us to engineer the optimal custom solution for every customer requirement.\n <\/p>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <style>\n \/* 1. Il blocco principale *\/\n .icc-logo-block {\n background-color: #0564AE !important;\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n \n \/* RIMUOVIAMO OGNI SPAZIO POSSIBILE *\/\n padding: 0 !important;\n margin-top: -20px !important; \/* Sposta il blocco verso l'alto *\/\n margin-bottom: -20px !important; \/* Tira il contenuto sotto verso l'alto *\/\n overflow: hidden; \/* Taglia eventuali bordi invisibili dell'immagine *\/\n line-height: 0;\n }\n\n \/* 2. L'immagine torna grande *\/\n .icc-logo-block img {\n max-width: 1200px;\n width: 100%;\n height: auto;\n display: block;\n \/* Se l'immagine ha spazio bianco interno, questo lo compensa: *\/\n margin-top: -15px !important;\n margin-bottom: -15px !important;\n }\n\n @media (max-width: 768px) {\n .icc-logo-block {\n margin-top: -10px !important;\n margin-bottom: -10px !important;\n }\n .icc-logo-block img {\n margin-top: -5px !important;\n margin-bottom: -5px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"icc-logo-block\">\n <img decoding=\"async\"\n src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/LOGO_COL.pdf.png\"\n alt=\"Logo ICC\"\n \/>\n <\/div>\n\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Sezione Video Blu<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* === SEZIONE BLU A TUTTA LARGHEZZA CON VIDEO === *\/\n .full-width-blue-section {\n background-color: #0564AE;\n color: #ffffff;\n padding: 96px 0;\n width: 100vw;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n font-family: 'Roboto', sans-serif;\n overflow: hidden;\n }\n\n .video-wrapper {\n width: 100%;\n max-width: 1000px;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n }\n\n video {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n background: #000;\n }\n\n \/* Mobile *\/\n @media (max-width: 768px) {\n .full-width-blue-section {\n padding: 64px 0;\n }\n .video-wrapper {\n max-width: 90%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"full-width-blue-section\">\n <div class=\"video-wrapper\">\n <video\n controls\n autoplay\n muted\n playsinline\n >\n <source src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/07\/eng-Video-pagina-ht-custom.mp4\" type=\"video\/mp4\">\n Your browser does not support HTML5 videos.\n <\/video>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n<div class=\"icc-blue-section\">\n <button id=\"iccBtnOpen\" type=\"button\" class=\"icc-hero-button\">\n Submit your request\n <\/button>\n<\/div>\n\n<div id=\"icc-container\" class=\"icc-main-wrapper\">\n\n \n <div id=\"iccFormModal\" class=\"icc-modal\" aria-hidden=\"true\">\n <div class=\"icc-modal-content\">\n <span class=\"icc-close\">×<\/span>\n\n <h2 class=\"icc-modal-title\">\n WE BUILD YOUR CABLE:<br>send us your request by filling out the following form.\n <\/h2>\n\n <form id=\"iccForm\" action=\"https:\/\/formsubmit.co\/marketing@icc.it\" method=\"POST\" enctype=\"multipart\/form-data\" class=\"icc-grid-form\">\n\n <input type=\"text\" name=\"First Name\" placeholder=\"First Name *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Last Name\" placeholder=\"Last Name *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Company\" placeholder=\"Company *\" required class=\"icc-input-field\">\n <input type=\"text\" name=\"Country\" placeholder=\"Country *\" required class=\"icc-input-field\">\n <input type=\"email\" name=\"Email\" placeholder=\"Email *\" required class=\"icc-input-field\">\n <input type=\"tel\" name=\"Phone\" placeholder=\"Phone *\" required class=\"icc-input-field\">\n\n <textarea name=\"Description\" placeholder=\"Brief description of the product type *\" required class=\"icc-textarea-field\"><\/textarea>\n\n <input type=\"text\" name=\"Requested quantity\" placeholder=\"Requested quantity *\" required class=\"icc-input-field icc-full-width\">\n\n <div class=\"icc-file-wrapper\">\n <label class=\"icc-file-label\">Attach technical specification (optional)<\/label>\n <div class=\"icc-file-custom-container\">\n <label for=\"iccFileInput\" class=\"icc-file-custom-trigger\">Choose file<\/label>\n <span id=\"iccFileName\" class=\"icc-file-custom-name\">No file chosen<\/span>\n <input type=\"file\" id=\"iccFileInput\" name=\"Technical Specification\" class=\"icc-file-input-hidden\">\n <\/div>\n <\/div>\n\n \n <div class=\"icc-submit-container\">\n <label for=\"iccPrivacyCheck\" class=\"icc-privacy-label\">\n <input type=\"checkbox\" id=\"iccPrivacyCheck\" name=\"privacy\" required class=\"icc-checkbox-custom\">\n <span class=\"icc-privacy-text\">\n I have read and accept the\n <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/48388140\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">\n privacy policy\n <\/a>\n and I consent to the processing of my personal data. *\n <\/span>\n <\/label>\n\n <small class=\"icc-recaptcha-text\">\n This site is protected by reCAPTCHA and the Google\n <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">Privacy Policy<\/a>\n and\n <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"icc-link\">Terms of Service<\/a>\n apply.\n <\/small>\n\n <button type=\"submit\" class=\"icc-submit-button\">Submit your request<\/button>\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n<\/div>\n\n\n<style>\n \/* ===== BLUE HERO SECTION ===== *\/\n .icc-blue-section {\n background-color: #0564ae !important;\n padding: 40px 20px !important;\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n box-sizing: border-box !important;\n }\n\n html, body {\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\n\n .icc-hero-button {\n padding: 1.5rem 3rem !important;\n font-size: 1.6rem !important;\n background-color: #fa6108 !important;\n color: white !important;\n border: none !important;\n border-radius: 40px !important;\n cursor: pointer !important;\n font-family: sans-serif !important;\n max-width: 100%;\n white-space: normal !important;\n text-align: center;\n }\n\n .icc-main-wrapper {\n font-family: sans-serif !important;\n width: 100%;\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 20px;\n box-sizing: border-box;\n }\n\n \/* ===== RESPONSIVE MODAL ===== *\/\n .icc-modal {\n display: none;\n position: fixed;\n z-index: 99999;\n inset: 0;\n background: rgba(0, 0, 0, 0.6);\n box-sizing: border-box;\n padding: 10px; \n align-items: center; \n justify-content: center;\n }\n\n .icc-modal.icc-show {\n display: flex !important;\n }\n\n .icc-modal-content {\n background-color: #fff !important;\n margin: auto;\n padding: 3rem 2rem;\n border-radius: 20px;\n width: 100%;\n max-width: 1100px;\n max-height: 90vh; \n overflow-y: auto; \n position: relative;\n box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n box-sizing: border-box;\n }\n\n .icc-close {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 35px;\n cursor: pointer;\n color: #aaa;\n line-height: 1;\n z-index: 10;\n }\n\n .icc-close:hover { color: black; }\n\n .icc-modal-title {\n text-align: center !important;\n color: #0564ae !important;\n font-size: 2.2rem !important; \n margin-bottom: 2.5rem !important;\n line-height: 1.3 !important;\n font-weight: bold !important;\n padding: 0 10px;\n }\n\n \/* ===== GRID FORM LAYOUT ===== *\/\n .icc-grid-form {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\n gap: 1.5rem !important;\n box-sizing: border-box;\n }\n\n .icc-input-field,\n .icc-textarea-field {\n padding: 1.2rem !important;\n border-radius: 15px !important;\n border: 1px solid #aaa !important;\n width: 100% !important;\n box-sizing: border-box !important;\n font-size: 1.5rem !important;\n background: #fff !important;\n color: #333 !important;\n }\n\n .icc-textarea-field {\n grid-column: 1 \/ -1 !important;\n height: 140px !important; \n resize: vertical !important;\n }\n\n .icc-full-width {\n grid-column: 1 \/ -1 !important;\n }\n\n .icc-file-wrapper {\n grid-column: 1 \/ -1 !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 0.5rem !important;\n }\n\n .icc-file-label {\n font-size: 1.3rem !important;\n color: #333 !important;\n padding-left: 0.5rem;\n }\n\n \/* ===== ENGLISH FORCED FILE INPUT STYLE ===== *\/\n .icc-file-custom-container {\n display: flex !important;\n align-items: center !important;\n border: 1px solid #aaa !important;\n border-radius: 15px !important;\n padding: 0.5rem !important;\n background: #fff !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .icc-file-custom-trigger {\n background-color: #eee !important;\n color: #333 !important;\n padding: 0.8rem 1.5rem !important;\n border-radius: 10px !important;\n font-size: 1.4rem !important;\n cursor: pointer !important;\n border: 1px solid #ccc !important;\n font-weight: 500 !important;\n margin-right: 15px !important;\n user-select: none !important;\n transition: background 0.2s;\n }\n\n .icc-file-custom-trigger:hover {\n background-color: #ddd !important;\n }\n\n .icc-file-custom-name {\n font-size: 1.4rem !important;\n color: #666 !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n flex-grow: 1 !important;\n padding-right: 10px !important;\n }\n\n .icc-file-input-hidden {\n position: absolute !important;\n left: -9999px !important;\n opacity: 0 !important;\n }\n\n \/* ===== PRIVACY & SUBMIT CONTAINER ===== *\/\n .icc-submit-container {\n grid-column: 1 \/ -1 !important;\n background: #f0f4fa !important;\n padding: 1.5rem !important;\n border-radius: 15px !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 1rem !important;\n box-sizing: border-box;\n }\n\n .icc-privacy-label {\n display: flex !important;\n align-items: flex-start !important;\n cursor: pointer !important;\n font-size: 1.3rem !important;\n color: #333 !important;\n }\n\n .icc-checkbox-custom {\n appearance: none !important;\n -webkit-appearance: none !important;\n width: 22px !important; \n height: 22px !important;\n border: 2px solid #aaa !important;\n border-radius: 4px !important;\n margin-right: 10px !important;\n cursor: pointer !important;\n position: relative !important;\n flex-shrink: 0 !important;\n background: #fff !important;\n }\n\n .icc-checkbox-custom:checked {\n background-color: #179cdb !important;\n border-color: #179cdb !important;\n }\n\n .icc-checkbox-custom:checked::after {\n content: '' !important;\n position: absolute !important;\n left: 6px !important;\n top: 2px !important;\n width: 6px !important;\n height: 11px !important;\n border: solid white !important;\n border-width: 0 2.5px 2.5px 0 !important;\n transform: rotate(45deg) !important;\n }\n\n .icc-privacy-text {\n line-height: 1.4 !important;\n }\n\n .icc-link {\n color: #0564ae !important;\n text-decoration: underline !important;\n }\n\n .icc-recaptcha-text {\n font-size: 0.95rem !important;\n color: #666 !important;\n line-height: 1.3 !important;\n }\n\n .icc-submit-button {\n align-self: center !important;\n font-size: 1.5rem !important;\n padding: 1rem 3rem !important;\n border-radius: 40px !important;\n background-color: #179cdb !important;\n color: white !important;\n border: none !important;\n cursor: pointer !important;\n font-weight: bold !important;\n width: auto !important;\n }\n\n .icc-submit-button:hover {\n background-color: #127cb0 !important;\n }\n\n \/* ===== SCREEN ADAPTATION BREAKPOINTS ===== *\/\n @media (min-width: 768px) {\n .icc-modal-title {\n font-size: 2.8rem !important;\n }\n .icc-modal-content {\n padding: 4rem;\n }\n .icc-textarea-field {\n height: 180px !important;\n }\n }\n\n @media (max-width: 480px) {\n .icc-grid-form {\n grid-template-columns: 1fr !important; \n }\n .icc-modal-content {\n padding: 2.5rem 1.2rem;\n }\n .icc-modal-title {\n font-size: 1.8rem !important;\n }\n .icc-submit-button {\n width: 100% !important; \n }\n }\n<\/style>\n\n\n<script>\n(function(){\n const modal = document.getElementById('iccFormModal');\n const openBtn = document.getElementById('iccBtnOpen');\n const closeBtn = document.querySelector('.icc-close');\n const fileInput = document.getElementById('iccFileInput');\n const fileNameSpan = document.getElementById('iccFileName');\n\n \/\/ Controllo aperture e chiusure modale\n if(openBtn && modal && closeBtn) {\n openBtn.onclick = () => modal.classList.add('icc-show');\n closeBtn.onclick = () => modal.classList.remove('icc-show');\n \n window.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('icc-show');\n }\n });\n }\n\n \/\/ Gestore dinamico del nome del file (Rimane forzato in Inglese)\n if(fileInput && fileNameSpan) {\n fileInput.addEventListener('change', function() {\n if (this.files && this.files.length > 0) {\n fileNameSpan.textContent = this.files[0].name;\n } else {\n fileNameSpan.textContent = 'No file chosen';\n }\n });\n }\n})();\n<\/script><p class=\"has-text-align-center has-text-color has-link-color wp-elements-b3efa608186aecbd85a74c2ab0a5407a\" style=\"color:#0564ae;font-size:32px\"><strong>Find out more about our HT-CUSTOM projects<\/strong><\/p><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<div class=\"custom-swiper-icc swiper\">\n <div class=\"custom-swiper-icc__wrapper swiper-wrapper\">\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/soluzioni-custom-cavi-per-allevamenti-ittici\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/ICC_NEWS_Allevamenti-ittici-2048x1152-1.jpg\" alt=\"Allevamenti Ittici\">\n <h4>Fish Farming Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/cavo-solare-control-solar\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/1200X1006_CAVO_Solar-Cable_ICC2.jpg\" alt=\"Cavo Solare\">\n <h4>Control Solar<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/cavi-per-audio-professionale\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/1200X1006_CaviSpeaker_ICC_ITA-2048x1717-1.jpg\" alt=\"Audio Professionale\">\n <h4>Audio Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/self-supporting-cables-for-vertical-applications\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2025\/05\/ICC_NEWS_HT_self-supporting-1.jpg\" alt=\"Cavi Autoportanti Self Supporting\">\n <h4>Self-Supporting Vertical Cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"custom-swiper-icc__slide swiper-slide\">\n <a href=\"https:\/\/icc.it\/en\/ht-custom-icc-multipairs-and-multitriads-cables-for-high-temperatures\/\" target=\"_blank\">\n <div class=\"custom-swiper-icc__box slide-box\">\n <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/01\/post_HT-5.jpg\" alt=\"Cavi Multicoppia e Multiterna in silicone\">\n <h4>Multipairs and Multitriads cables<\/h4>\n <\/div>\n <\/a>\n <\/div>\n\n <\/div>\n\n <div class=\"custom-swiper-icc__pagination swiper-pagination\"><\/div>\n <div class=\"custom-swiper-icc__button-prev swiper-button-prev\"><\/div>\n <div class=\"custom-swiper-icc__button-next swiper-button-next\"><\/div>\n<\/div>\n\n<style>\n .custom-swiper-icc {\n width: 100%;\n \/* Aumentato il padding inferiore (da 2rem a 4rem) per fare spazio ai puntini *\/\n padding: 2rem 0 4rem 0;\n position: relative;\n overflow: hidden;\n }\n \n .custom-swiper-icc__slide {\n display: flex;\n justify-content: center;\n \/* Evita che l'ombra del box venga tagliata durante lo scorrimento *\/\n padding: 10px 0;\n }\n \n .custom-swiper-icc__box {\n width: 350px;\n height: 300px;\n background: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n text-align: center;\n color: #333;\n transition: transform 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n \n .custom-swiper-icc__box:hover {\n transform: translateY(-5px);\n }\n \n .custom-swiper-icc__box img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n \n .custom-swiper-icc__box h4 {\n font-size: 18px; \/* Leggermente ridotto per evitare overflow su due righe lunghe *\/\n font-weight: 600;\n padding: 0.5rem 1rem;\n margin: 0;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: #0564ae;\n line-height: 1.2;\n }\n\n \/* Personalizzazione Frecce *\/\n .custom-swiper-icc__button-prev, \n .custom-swiper-icc__button-next {\n color: #0073aa;\n }\n\n \/* --- POSIZIONAMENTO PUNTINI --- *\/\n .custom-swiper-icc .swiper-pagination {\n \/* Abbassa i puntini verso il bordo inferiore del contenitore *\/\n bottom: 10px !important; \n }\n\n \/* Colore puntini attivi (opzionale, per coerenza brand) *\/\n .custom-swiper-icc .swiper-pagination-bullet-active {\n background: #0564ae !important;\n }\n<\/style>\n\n<script>\n document.addEventListener('DOMContentLoaded', function () {\n const swiper = new Swiper('.custom-swiper-icc', {\n slidesPerView: 1,\n spaceBetween: 30,\n loop: true,\n autoplay: {\n delay: 3500,\n disableOnInteraction: false,\n },\n breakpoints: {\n 768: { \n slidesPerView: 2,\n spaceBetween: 20 \n },\n 1024: { \n slidesPerView: 3,\n spaceBetween: 30 \n },\n },\n pagination: {\n el: '.custom-swiper-icc__pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.custom-swiper-icc__button-next',\n prevEl: '.custom-swiper-icc__button-prev',\n },\n });\n });\n<\/script><div style=\"height:3cm;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Immagine Centrale ICCHT-CUSTOM In a fast-evolving market, where demand is…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-162690","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/comments?post=162690"}],"version-history":[{"count":13,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690\/revisions"}],"predecessor-version":[{"id":165705,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/162690\/revisions\/165705"}],"wp:attachment":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/media?parent=162690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}