1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"><meta name="generator" content="Astro v5.10.1"><meta name="theme-color" content="#3EAE2A"><title>Dulcop International - The Whole World in a Bubble</title><link rel="canonical" href="https://www.dulcop.com/en"><meta name="description" content="Soap Bubbles | Dulcop International is the largest manufacturer of soap bubbles and Giocabolle⢠in Europe, with over 300 product references"><meta name="robots" content="index, follow"><meta property="og:url" content="https://www.dulcop.com/en"><meta property="og:title" content="Dulcop International - The Whole World in a Bubble"><meta property="og:description" content="Soap Bubbles | Dulcop International is the largest manufacturer of soap bubbles and Giocabolle⢠in Europe, with over 300 product references"><meta property="og:image" content="https://www.dulcop.com/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:title" content="Dulcop International - The Whole World in a Bubble"><meta property="twitter:description" content="Soap Bubbles | Dulcop International is the largest manufacturer of soap bubbles and Giocabolle⢠in Europe, with over 300 product references"><meta name="twitter:image" content="https://www.dulcop.com/og-image.jpg">
1<script> 2 window.dataLayer = window.dataLayer || []; 3 function gtag(){dataLayer.push(arguments);} 4 function checkIubendaCookie() { 5 dataLayer.push({ 6 anonymizeIp: true, 7 consense_marketing: false, 8 }); 9 var consent_analytics_storage = 'denied'; 10 var consent_ad_storage = 'denied'; 11 var consent_personalization_storage = 'denied'; 12 var consent_functionality_storage = 'denied'; 13 var consent_security_storage = 'denied'; 14 var iubendaCookie = null; 15 var cookieName = '_iub_cs-'+'59851508'+ '='; 16 var ca = document.cookie.split(';'); 17 for(var i=0; i<ca.length; i++) { 18 var c = ca[i]; 19 while (c.charAt(0)==' ') c = c.substring(1); 20 if (c.indexOf(cookieName) == 0) { 21 iubendaCookie = c.substring(cookieName.length,c.length) 22 } 23 } 24 if (iubendaCookie) { 25 iubendaCookie = decodeURIComponent(iubendaCookie); 26 iubendaCookie = JSON.parse(iubendaCookie); 27 28 if (iubendaCookie.purposes[5]) { 29 consent_ad_storage = 'granted'; 30 var checkPixelCallback = true; 31 dataLayer.push({ 32 consense_marketing: true 33 }); 34 } 35 36 if (iubendaCookie.purposes[4]) { 37 consent_analytics_storage = 'granted'; 38 dataLayer.push({ 39 anonymizeIp: false, 40 }); 41 } 42 43 if (iubendaCookie.purposes[3]) { 44 consent_personalization_storage = 'granted'; 45 } 46 47 if (iubendaCookie.purposes[2]) { 48 consent_functionality_storage = 'granted'; 49 } 50 } 51 gtag('consent', 'default', { 52 'ad_storage': consent_ad_storage, 53 'ad_user_data': consent_ad_storage, 54 'ad_personalization': consent_ad_storage, 55 'analytics_storage': consent_analytics_storage, 56 'wait_for_update': 500, 57 // 'personalization_storage': consent_personalization_storage, 58 // 'functionality_storage': consent_functionality_storage, 59 // 'security_storage': consent_security_storage, 60 }); 61 } 62 checkIubendaCookie(); 63 </script>
63<!-- Google Tag Manager -->
63<script type="module">function o(){for(var t=document.querySelectorAll(".reveal"),e=0;e<t.length;e++){var r=window.innerHeight,n=t[e].getBoundingClientRect().top,v=t[e].getBoundingClientRect().bottom,a=0;n<r-a?t[e].classList.add("active"):t[e].classList.remove("active"),v<0+a&&t[e].classList.remove("active")}}window.addEventListener("scroll",o);</script>
63<link rel="stylesheet" href="/_astro/_slug_.BjjgtOIh.css"> 64<link rel="stylesheet" href="/_astro/_slug_.BwXjGcf2.css"></head> <body> <div class="overflow-x-hidden"> <div class="lg:mt-7"> <div class="lg:top-[-20px] mb-0 md:mb-5 relative w-full xl:mb-0 z-50"> <div class="flex items-center justify-between lg:justify-end lg:mx-14 md:mx-10 mx-3 xl:mx-16 2xl:mx-20 3xl:mx-24"> <div class="w-6/12"> <a href="/en"> <picture> <source srcset="/_image?href=%2F_astro%2Flogo-dulcop.Qv_QRQRn.svg&w=157&h=156&f=svg" type="image/svg+xml"> <img src="/_image?href=%2F_astro%2Flogo-dulcop.Qv_QRQRn.svg&w=157&h=156&f=svg" alt="Logo Dulcop" title="Dulcop International S.p.a." loading="lazy" decoding="async" fetchpriority="auto" width="157" height="156" class="pulse w-24 xl:w-28 2xl:w-36"> </picture> </a> </div> <div class="text-right"> <!-- Hamburger Button --> <button id="hamburger" class="bg-red-orange flex-col focus:outline-none h-12 inline-flex items-center justify-center lg:h-16 lg:w-16 pulse relative right-0 rounded-full text-white top-[5%] w-12 xl:right-[-20%] z-40"> <p class="border-2 border-white flex flex-col h-12 items-center justify-center rounded-full w-12"> <span class="bg-white h-1 mb-1 w-6"></span> <span class="bg-white h-1 mb-1 w-6"></span> <span class="bg-white h-1 w-6"></span> </p> </button> </div> </div> <!-- Full Screen Menu --> <div id="menu" class="bg-[rgba(247,50,62,0.95)] duration-300 fixed h-full left-0 text-white transform translate-x-full transition-transform top-0 w-full z-40"> <div class="flex h-auto items-center justify-between lg:justify-end lg:mx-14 md:mx-10 mx-3 xl:h-[15%] xl:mx-16 2xl:mx-20 3xl:h-[15%] 3xl:mx-24"> <div class="w-6/12"> <a href="/"> <picture> <source srcset="/_image?href=%2F_astro%2Flogo-dulcop-white.C04_fTaR.svg&w=157&h=156&f=svg" type="image/svg+xml"> <img src="/_image?href=%2F_astro%2Flogo-dulcop-white.C04_fTaR.svg&w=157&h=156&f=svg" alt="Logo Dulcop" title="Dulcop International S.p.a." loading="lazy" decoding="async" fetchpriority="auto" width="157" height="156" class="w-24 xl:w-28 2xl:w-36"> </picture> </a> </div> <div class="text-right"> <!-- Hamburger Button --> <button id="closeMenu" class="bg-red-orange fixed flex-col focus:outline-none inline-flex items-center justify-center pulse relative right-0 rounded-full text-white top-0 xl:right-[-20%] xl:top-[5%] xl:h-14 xl:w-14 z-40 3xl:h-16 3xl:right-[-20%] 3xl:top-[5%] 3xl:w-16"> <p class="border-2 border-white flex flex-col h-12 items-center justify-center rounded-full w-12"> <span class="font-bold text-[30px]">X</span> </p> </button> <ul class="absolute right-[5%] top-[15%]"> <li class="inline-block pr-5 border-r-2 border-white"> <a href="/" class="text-white text-[22px]">IT</a> </li> <li class="inline-block"> <a href="/en" class="text-white text-[22px] pl-5">EN</a> </li> </ul> </div> </div> <div class="flex flex-col h-[85%] items-left justify-center lg:px-28 overflow-x-hidden overflow-y-auto px-5 py-10 space-y-10 text-3xl"> <ul> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">Home</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en/how-work/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">How we work</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en/catalogue/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">Catalogue</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en/about/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">About us</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en/sustainability/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">Sustainability</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="https://www.bubbleworld.com/" target="_blank" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">Shop</a> </li> <li class="border-b border-solid border-white lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-22xl:py-1 3xl:mb-3"> <a href="/en/news/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">News</a> </li> <li class="lg:mb-1 lg:py-0 mb-1 md:mb-3 md:py-2 py-0 text-left text-lg 2xl:mb-2 2xl:py-1 3xl:mb-3"> <a href="/en/contacts/" class="font-bold hover:text-gray-200 leading-[3rem] lg:leading-[4rem] lg:text-[50px] md:text-[45px] px-2 text-[30px] uppercase xl:leading-[5rem] 2xl:text-[60px] 3xl:text-[80px]">Contact us</a> </li> </ul> </div> </div> </div>
64<script> 65 const hamburger = document.getElementById('hamburger'); 66 const menu = document.getElementById('menu'); 67 const closeMenu = document.getElementById('closeMenu'); 68 69 // Toggle menu visibility 70 hamburger.addEventListener('click', () => { 71 menu.classList.toggle('translate-x-full'); 72 }); 73 74 // Close menu when X is clicked 75 closeMenu.addEventListener('click', () => { 76 menu.classList.add('translate-x-full'); 77 }); 78</script>
78 <main class="lg:overflow-x-visible overflow-x-hidden"> <div class="lg:mx-14 md:mx-10 mx-0 xl:mx-16 2xl:mx-20 3xl:mx-24"> <div class="lg:top-[-5rem] md:top-0 relative w-full 2xl:top-[-6rem] 3xl:top-[-5rem]"> <div class="swiper SwiperHome"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="h-[450px] xl:h-[918px] md:h-[700px] overflow-x-hidden overflow-y-hidden relative 4xl:h-[1500px]"> <a href="/pdf/bubble-world-indoor-en.pdf" target="_blank"> <div> <picture> <source media="(max-width: 640px)" srcset="/_image?href=%2F_astro%2Fimg-slide-indoor-mobile.wRSgoA8u.jpg&w=430&h=450&f=webp" type="image/webp"> <source media="(min-width: 768px) and (max-width: 1024px)" srcset="/_image?href=%2F_astro%2Fimg-slide-indoor-ipad-portrait.DWQZEqX6.jpg&w=912&h=730&f=webp" type="image/webp"> <source media="(min-width: 1025px) and (max-width: 1279px)" srcset="/_image?href=%2F_astro%2Fimg-slide-indoor-ipad-landscape.YCmd9I25.jpg&w=1200&h=712&f=webp" type="image/webp"> <source media="(min-width: 1280px) and (max-width: 1920px)" srcset="/_image?href=%2F_astro%2Fimg-slide-indoor-desktop.BowQHrTl.jpg&w=1550&h=1000&f=webp" type="image/webp"> <source media="(min-width: 1921px)" srcset="/_image?href=%2F_astro%2Fimg-slide-indoor-desktop-big.xrETo9Ua.jpg&w=2400&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-slide-indoor-desktop.BowQHrTl.jpg&w=1550&h=1000&f=webp" fetchpriority="high" loading="eager" alt="Le bolle che riscrivono le regole del gioco" decoding="async" width="1550" height="1000" class="object-cover object-center w-full h-[450px] xl:h-[918px] 2xl:h-[1000px] md:h-[700px] 4xl:h-[1500px]"> </picture> </div> <div class="absolute bottom-5 left-5 lg:bottom-14 lg:left-10 z-50"> <h1 class="animate__animated animate__fadeInDown font-bold leading-none lg:text-[80px] md:text-[60px] [text-shadow:_1px_0_10px_rgb(0_0_0)] text-white text-[35px] xl:text-[90px] 2xl:text-[100px] 3xl:text-[110px]"> 79GAME-CHANGER<br> BUBBLES 80</h1> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-[450px] xl:h-[918px] md:h-[700px] overflow-x-hidden overflow-y-hidden relative 4xl:h-[1500px]"> <a href="/pdf/bubble-world-pets-en.pdf?v=0.02" target="_blank"> <div> <picture> <source media="(max-width: 640px)" srcset="/_image?href=%2F_astro%2Fimg-slide-pets-mobile.DicV0eAY.jpg&w=430&h=450&f=webp" type="image/webp"> <source media="(min-width: 768px) and (max-width: 1181px)" srcset="/_image?href=%2F_astro%2Fimg-slide-pets-ipad-portrait.BE9P-dqn.jpg&w=1068&h=918&f=webp" type="image/webp"> <source media="(min-width: 1182px) and (max-width: 1279px)" srcset="/_image?href=%2F_astro%2Fimg-slide-pets-ipad-landscape.CMBP2HPO.jpg&w=1200&h=712&f=webp" type="image/webp"> <source media="(min-width: 1280px) and (max-width: 1920px)" srcset="/_image?href=%2F_astro%2Fimg-slide-pets-desktop.BKfaJf1W.jpg&w=1550&h=1000&f=webp" type="image/webp"> <source media="(min-width: 1921px)" srcset="/_image?href=%2F_astro%2Fimg-slide-pets-desktop-big.DzOBQkMh.jpg&w=2400&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-slide-pets-desktop.BKfaJf1W.jpg&w=1550&h=1000&f=webp" fetchpriority="high" loading="eager" alt="La magia delle bolle anche per loro" decoding="async" width="1550" height="1000" class="object-cover object-center w-full h-[450px] xl:h-[918px] 2xl:h-[1000px] md:h-[700px] 4xl:h-[1500px]"> </picture> </div> <div class="absolute bottom-5 left-5 lg:bottom-14 lg:left-10 z-50"> <h1 class="animate__animated animate__fadeInDown font-bold leading-none lg:text-[80px] md:text-[60px] [text-shadow:_1px_0_10px_rgb(0_0_0)] text-white text-[35px] xl:text-[90px] 2xl:text-[90px] 3xl:text-[120px]"> 81THE MAGIC OF BUBBLES...<br> FOR THEM TOO 82</h1> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-[450px] xl:h-[918px] md:h-[700px] overflow-x-hidden overflow-y-hidden relative 4xl:h-[1500px]"> <a href="/en/about/"> <!-- <div style={`background-image: url('${ImageCarousel1.src}')`} class="bg-center bg-cover hidden h-full md:block"></div> 83 <div style={`background-image: url('${ImageCarousel1Mobile.src}')`} class="bg-cover bg-center block h-full md:hidden"></div> --> <div> <picture> <source media="(max-width: 767px)" srcset="/_image?href=%2F_astro%2Fimg-slider-1-mobile.Cd3P_1ib.jpg&w=430&h=450&f=webp" type="image/webp"> <source media="(min-width: 768px) and (max-width: 1920px)" srcset="/_image?href=%2F_astro%2Fimg-slider-1-ipad.DR_wc4Za.jpg&w=1920&h=760&f=webp" type="image/webp"> <source media="(min-width: 1921px)" srcset="/_image?href=%2F_astro%2Fimg-slider-1.CykfiMN1.jpg&w=2400&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-slider-1.CykfiMN1.jpg&w=2400&h=950&f=webp" fetchpriority="high" loading="eager" alt="Tutto il mondo in una bolla" decoding="async" width="2400" height="950" class="object-cover w-full h-[450px] xl:h-[918px] md:h-[700px] 4xl
83:h-[1500px]"> </picture> </div> <div class="absolute bottom-5 left-5 lg:bottom-14 lg:left-10 z-50"> <h1 class="animate__animated animate__fadeInDown font-bold leading-none lg:text-[80px] md:text-[60px] [text-shadow:_1px_0_10px_rgb(0_0_0)] text-white text-[35px] xl:text-[90px] 2xl:text-[100px] 3xl:text-[120px]"> 84THE WHOLE<br> WORLD<br> IN A BUBBLE 85</h1> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-[450px] xl:h-[918px] md:h-[700px] overflow-x-hidden overflow-y-hidden relative 4xl:h-[1500px]"> <a href="/en/catalogue/"> <!-- <div style={`background-image: url('${ImageCarousel2.src}')`} class="bg-cover bg-right hidden h-full md:block"></div> 86 <div style={`background-image: url('${ImageCarousel2Mobile.src}')`} class="bg-cover bg-center block h-full md:hidden"></div> --> <div> <picture> <source media="(max-width: 767px)" srcset="/_image?href=%2F_astro%2Fimg-slider-2-mobile.Cy3k8ogF.jpg&w=430&h=450&f=webp" type="image/webp"> <source media="(min-width: 768px) and (max-width: 1920px)" srcset="/_image?href=%2F_astro%2Fimg-slider-2-ipad.DB9_yydz.jpg&w=1920&h=760&f=webp" type="image/webp"> <source media="(min-width: 1921px)" srcset="/_image?href=%2F_astro%2Fimg-slider-2-2025.B0gkuco4.jpg&w=2400&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-slider-2-2025.B0gkuco4.jpg&w=2400&h=950&f=webp" alt="Un catalogo con oltre 300 prodotti" loading="lazy" decoding="async" fetchpriority="auto" width="2400" height="950" class="object-cover w-full h-[450px] object-center md:object-right xl:h-[918px] md:h-[700px] 4xl:h-[1500px]"> </picture> </div> <div class="absolute bottom-5 left-5 lg:bottom-14 lg:left-10 z-50"> <p class="animate__animated animate__fadeInDown font-bold leading-none lg:text-[80px] md:text-[60px] [text-shadow:_1px_0_10px_rgb(0_0_0)] text-white text-[35px] xl:text-[90px] 2xl:text-[100px] 3xl:text-[120px]"> 87A CATALOGUE<br> WITH OVER<br> 300 PRODUCTS 88</p> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-[450px] xl:h-[918px] md:h-[700px] overflow-x-hidden overflow-y-hidden relative 4xl:h-[1500px]"> <a href="https://www.bubbleworld.com/" target="_blank"> <!-- <div style={`background-image: url('${ImageCarousel3.src}')`} class="bg-cover bg-center hidden h-full md:block"></div> 89 <div style={`background-image: url('${ImageCarousel3Mobile.src}')`} class="bg-cover bg-center block h-full md:hidden"></div> --> <div> <picture> <source media="(max-width: 767px)" srcset="/_image?href=%2F_astro%2Fimg-slider-3-mobile.CCSeRfcV.jpg&w=430&h=450&f=webp" type="image/webp"> <source media="(min-width: 768px) and (max-width: 1920px)" srcset="/_image?href=%2F_astro%2Fimg-slider-3-ipad.DXmjXB3X.jpg&w=1920&h=760&f=webp" type="image/webp"> <source media="(min-width: 1921px)" srcset="/_image?href=%2F_astro%2Fimg-slider-3.BO4U2mXQ.jpg&w=2400&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-slider-3.BO4U2mXQ.jpg&w=2400&h=950&f=webp" alt="Bubble World shop online" loading="lazy" decoding="async" fetchpriority="auto" width="2400" height="950" class="object-cover w-full h-[450px] xl:h-[918px] md:h-[700px] 4xl:h-[1500px]"> </picture> </div> <div class="absolute bottom-5 left-5 lg:bottom-14 lg:left-10 z-50"> <p class="animate__animated animate__fadeInDown font-bold leading-none lg:text-[80px] md:text-[60px] [text-shadow:_1px_0_10px_rgb(0_0_0)] text-white text-[35px] xl:text-[90px] 2xl:text-[100px] 3xl:text-[120px]"> 90BUBBLE<br> WORLD<br> ONLINE SHOP 91</p> </div> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <!-- Start Slider home -->
91<script type="module" src="/_astro/Carousel.astro_astro_type_script_index_0_lang.3JLgtczM.js"></script>
91 <!-- End Slider home --> <!-- Start Come lavoriamo block --> <div class="relative"> <div class="absolute left-[10rem] lg:top-[-8rem] md:left-[-10rem] rotate-[235deg] top-[4rem] xl:top-[-3rem] z-10"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#EFEFEF" class="rotating 4xl:w-full 3xl:w-[90%] 2xl:w-[80%] xl:w-[70%] lg:w-[60%] md:w-[60%] w-[60%]"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1c17,0,30.78,13.78,30.78,30.78S167,79.65,150,79.65 92 c-38.79,0-70.35,31.56-70.35,70.35c0,38.79,31.56,70.35,70.35,70.35c17,0,30.78,13.78,30.78,30.78S167,281.9,150,281.9z"></path> </g> </svg> </div> <div class="absolute lg:left-[35%] lg:top-[-13%] md:top-[-5%] w-auto xl:top-[-25%] z-30"> <div class="bubble-animate"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-blower.DhjQ3II-.png&w=1294&h=684&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-blower.DhjQ3II-.png&w=1294&h=684&f=png" alt="Bubble World Soffiatore" title="Bubble World Soffiatore" loading="lazy" decoding="async" fetchpriority="auto" width="1294" height="684" class="hidden md:block move-roll-in-right scale-[0.9]"> </picture> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-blower-mobile.C2XBm9Hl.png&w=430&h=227&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-blower-mobile.C2XBm9Hl.png&w=430&h=227&f=png" alt="Bubble World Soffiatore" title="Bubble World Soffiatore" loading="lazy" decoding="async" fetchpriority="auto" width="430" height="227" class="block md:hidden move-roll-in-right scale-[0.9]"> </picture> </div> </div> <div class="gap-0 grid grid-cols-12 items-center"> <div class="col-span-12 fade-left reveal xl:col-span-6"> <div class="aspect-auto bg-red-orange flex flex-col justify-center lg:mt-0 lg:pb-0 lg:pt-24 md:mt-[20%] md:px-16 md:py-36 mt-[30%] px-5 py-20 relative text-white xl:aspect-square xl:pt-0 2xl:px-24"> <h2 class="fade-left font-bold leading-10 lg:leading-[4rem] mb-6 md:leading-[3rem] md:pt-0 md:text-[45px] pt-5 reveal text-[35px] xl:text-[60px] 2xl:leading-[5rem] 2xl:text-[70px] 3xl:text-[80px]">HOW WE<br> WORK</h2> <p class="fade-left md:pb-24 md:text-[25px] pb-0 reveal text-[20px] xl:pb-0 2xl:text-[30px] 3xl:text-[35px]"> 93When it comes to the quality and reliability of our products, we are as transparent as our soap bubbles. Find out about our production processes and our controls in our new 25,000 m2 facility. 94</p> <a href="/en/how-work/" class="absolute bg-forest-green bottom-[-20px] fade-bottom hover:bg-mantis 95 h-[50px] inline-flex items-center leading-5 lg:h-[70px] lg:text-[20px] md:h-[60px] 96 md:leading-8 md:px-10 md:text-[18px] mt-10 px-5 rounded-full text-base text-center 97 text-white tracking-[2.5px] xl:text-[22px] zoom 2xl:h-[80px] 3xl:text-[25px]"> 98PRODUCTION IN STEP<br> WITH THE TIMES 99</a> </div> </div> <div class="col-span-12 fade-right reveal xl:col-span-6"> <div class="aspect-square xl:mt-[20%]"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-how-we-work.bRob0ILR.jpg&w=950&h=950&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-how-we-work.bRob0ILR.jpg&w=950&h=950&f=jpg" alt="Come lavoriamo" title="Come lavoriamo" loading="lazy" decoding="async" fetchpriority="auto" width="950" height="950" class="aspect-square hidden md:block w-full"> </picture> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-how-we-work-mobile.D2pv4Hck.jpg&w=450&h=450&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-how-we-work-mobile.D2pv4Hck.jpg&w=450&h=450&f=jpg" alt="Come lavoriamo" title="Come lavoriamo" loading="lazy" decoding="async" fetchpriority="auto" width="450" height="450" class="aspect-square block md:hidden w-full"> </picture> </div> </div> <div class="absolute bottom-[-10%] lg:right-[-5%] md:bottom-[-7%] right-10 xl:bottom-[-20%] xl:right-[2%] w-auto z-10 3xl:bottom-[-15%
99]"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#3EAE2A" class="pulse w-48 3xl:w-[130%] 2xl:w-[110%] xl:w-[100%] lg:w-[100%] md:w-[90%]"> <g> <g> <path d="M35.7,274.55c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c28.12,0,50.99-22.87,50.99-50.99 100 s-22.87-50.99-50.99-50.99c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c52.72,0,95.6,42.89,95.6,95.61 101 S88.42,274.55,35.7,274.55z"></path> </g> <g> <path d="M200.4,255.75c-52.72,0-95.61-42.89-95.61-95.6c0-34.26,18.5-66.11,48.3-83.1c10.7-6.1,24.32-2.38,30.43,8.33 102 c6.1,10.7,2.37,24.33-8.33,30.43c-15.9,9.07-25.78,26.06-25.78,44.34c0,28.12,22.88,50.99,50.99,50.99 103 c18.38,0,35.42-9.96,44.46-26c6.05-10.73,19.66-14.53,30.39-8.47c10.73,6.05,14.52,19.66,8.47,30.39 104 C266.79,237.09,234.86,255.75,200.4,255.75z"></path> </g> <g> <circle cx="105.04" cy="60.05" r="34.6"></circle> </g> </g> </svg> </div> </div> </div> <!-- End Come lavoriamo block --> <!-- Start Catalogo block --> <div class="m-auto relative w-3/4 xl:w-4/5 3xl:w-4/5"> <div class="absolute bottom-[30%] left-[-13%] md:bottom-[40%] md:left-[-22%] w-auto xl:bottom-[20%] xl:left-[-13%] z-10"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#EFEFEF" class="pulse 3xl:w-full 2xl:w-full xl:w-[80%] lg:w-full md:w-[80%] w-[60%]"> <g> <g> <path d="M35.7,274.55c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c28.12,0,50.99-22.87,50.99-50.99 105 s-22.87-50.99-50.99-50.99c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c52.72,0,95.6,42.89,95.6,95.61 106 S88.42,274.55,35.7,274.55z"></path> </g> <g> <path d="M200.4,255.75c-52.72,0-95.61-42.89-95.61-95.6c0-34.26,18.5-66.11,48.3-83.1c10.7-6.1,24.32-2.38,30.43,8.33 107 c6.1,10.7,2.37,24.33-8.33,30.43c-15.9,9.07-25.78,26.06-25.78,44.34c0,28.12,22.88,50.99,50.99,50.99 108 c18.38,0,35.42-9.96,44.46-26c6.05-10.73,19.66-14.53,30.39-8.47c10.73,6.05,14.52,19.66,8.47,30.39 109 C266.79,237.09,234.86,255.75,200.4,255.75z"></path> </g> <g> <circle cx="105.04" cy="60.05" r="34.6"></circle> </g> </g> </svg> </div> <div class="grid grid-cols-12 items-center lg:mt-32 md:mt-36 mt-32 relative xl:mt-56 z-20 3xl:mt-40"> <div class="absolute left-0 lg:left-2/4 lg:mx-0 md:left-1/4 md:top-[10%] mx-10 pulse top-[5%] w-auto xl:left-1/4 z-10"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#fcd6d8" class="w-full 3xl:scale-[2.7] xl:scale-[2.7] lg:scale-[2.2] md:scale-[2.0] scale-[1.7]"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1S281.9,77.27,281.9,150S222.73,281.9,150,281.9z 110 M150,79.65c-38.79,0-70.35,31.56-70.35,70.35s31.56,70.35,70.35,70.35c38.79,0,70.35-31.56,70.35-70.35S188.79,79.65,150,79.65z"></path> </g> </svg> </div> <div class="col-span-12 fade-left relative reveal xl:col-span-6 z-20"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-catalog-2026.QqBcodsD.png&w=1181&h=1570&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-catalog-2026.QqBcodsD.png&w=1181&h=1570&f=png" alt="Catalogo 2026" title="Catalogo 2026" loading="lazy" decoding="async" fetchpriority="auto" width="1181" height="1570" class="hidden md:block w-11/12"> </picture> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-catalog-2026-mobile.CzGzLKfv.png&w=400&h=532&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-catalog-2026-mobile.CzGzLKfv.png&w=400&h=532&f=png" alt="Catalogo 2026" title="Catalogo 2026" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="532" class="block md:hidden w-11/12"> </picture> </div> <div class="col-span-12 fade-right reveal xl:col-span-6 z-30"> <div class="text-tundora"> <h2 class="fade-right font-bold leading-10 lg:leading-[4rem] mb-6 md:leading-[3rem] md:pt-0 md:text-[45px] pt-5 reveal text-[35px] xl:text-[60px] 2xl:leading-[5rem] 2xl:text-[70px] 3xl:text-[80px]">CATALOGUE</h2> <p class="fade-right md:text-[25px] reveal text-[20px] 2xl:text-[30px] 3xl:text-[35px]"> 111In this section you can explore the entire range of Dulcop products, discover our themes and characters, see where you can find us, learn about our collaborations, and much more. 112</p> <a href="https://anyflip.com/jvyyj/kymd/" target="_blank" class="bg-forest-green fade-right hover:bg-mantis h-[50px] inline-flex items-center leading-5 lg:h-[70px] lg:text-[20px] md:h-[60px] md:leading-8 md:px-10 md:text-[18px] mt-10 px-5 relative rounded-full text-base text-center text-white tracking-[2.5px] xl:text-[22px] zoom z-50 2xl:h-[80px] 3xl:text-[25px]">BROWSE CATALOGUE</a> <a href="/en/catalogue/" class="bg-forest-green fade-right hover:bg-mantis h-[50px] inline-flex items-center leading-5 lg:h-[70px] lg:text-[20px] md:h-[60px] md:leading-8 md:px-10 md:text-[18px] mt-5 px-5 rounded-full text-base text-center text-white tracking-[2.5px] xl:text-[22px] zoom 2xl:h-[80px] 3xl:text-[25px]"> 113PRODUCTS AND GRAPHICS 114</a> <div class="absolute bottom-10 bubble-animate right-[-20%] z-10"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=png" alt="Soap bubble" title="Soap bubble" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="400" class="scale-[0.2]"> </picture> </div> </div> </div> </div> </div> <!-- Ens Catalogo block --> <!-- Start Storia block -->
114 <div class="lg:mt-[30%] md:mt-24 mt-28 relative 2xl:mt-[25%]"> <div class="bg-forest-green content-end items-end lg:absolute lg:aspect-square lg:flex-none lg:top-[-40%] md:aspect-auto md:px-10 md:py-10 md:w-auto px-5 py-5 relative text-white top-0 w-full xl:flex xl:px-16 z-50 2xl:top-[-40%] 3xl:px-20 3xl:py-20 3xl:top-[-30%] 4xl:top-[-20%]"> <h2 class="break-all font-bold leading-10 lg:leading-[4rem] mb-0 md:leading-[3rem] md:pt-0 md:text-[45px] pt-5 reveal text-[35px] uppercase xl:text-[60px] 2xl:leading-[5rem] 2xl:text-[70px] 3xl:text-[80px]"> <span class="xl:block inline">A</span> <span class="block">family</span><span class="xl:block inline">a</span> story 115</h2> </div> <div class="absolute left-[60%] lg:top-[-30%] md:left-1/2 md:top-[15%] rotate-[30deg] top-[-15%] w-auto xl:top-[-35%] z-50"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#EFEFEF" class="rotating 3xl:w-[160%] 2xl:w-[130%] xl:w-[110%] lg:w-[90%] md:w-[80%] w-32"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1c17,0,30.78,13.78,30.78,30.78S167,79.65,150,79.65 116 c-38.79,0-70.35,31.56-70.35,70.35c0,38.79,31.56,70.35,70.35,70.35c17,0,30.78,13.78,30.78,30.78S167,281.9,150,281.9z"></path> </g> </svg> </div> <div class="gap-0 grid grid-cols-12 items-center relative"> <div class="col-span-12"> <div class="image-container hidden md:block"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-family-before.CiWAkYzu.jpg&w=2400&h=1130&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-family-before.CiWAkYzu.jpg&w=2400&h=1130&f=jpg" alt="One family one story" title="One family one story" loading="lazy" decoding="async" fetchpriority="auto" width="2400" height="1130" class="image1 w-full"> </picture> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-family-hover.CIaPJVMu.jpg&w=2400&h=1130&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-family-hover.CIaPJVMu.jpg&w=2400&h=1130&f=jpg" alt="One family one story" title="One family one story" loading="lazy" decoding="async" fetchpriority="auto" width="2400" height="1130" class="absolute image image2 h-auto left-0 top-0 w-full"> </picture> </div> <div class="image-container block md:hidden"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-family-before-mobile.DPuJyWHn.jpg&w=650&h=350&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-family-before-mobile.DPuJyWHn.jpg&w=650&h=350&f=jpg" alt="One family one story" title="One family one story" loading="lazy" decoding="async" fetchpriority="auto" width="650" height="350" class="image3 w-full"> </picture> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-family-hover-mobile.DyrrqJQB.jpg&w=650&h=350&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-family-hover-mobile.DyrrqJQB.jpg&w=650&h=350&f=jpg" alt="One family one story" title="One family one story" loading="lazy" decoding="async" fetchpriority="auto" width="650" height="350" class="absolute image image4 h-auto left-0 top-0 w-full"> </picture> </div> </div> <!-- <div class="bg-[rgba(247,50,62,0.90)] 3xl:w-[190px] 3xl:h-[190px] 2xl:w-[170px] 2xl:h-[170px] xl:w-[160px] xl:h-[160px] lg:w-[150px] lg:h-[150px] md:w-[130px] md:h-[130px] w-[50px] h-[50px] mix-blend-multiply absolute 3xl:top-[35%] 4xl:left-[32%] 3xl:left-[26%] 2xl:top-[33%] 2xl:left-[25%] xl:top-[38%] xl:left-[25%] lg:top-[38%] lg:left-[25%] md:top-[38%] md:left-[22%] top-[38%] left-[26%] z-40 pulse"></div> 117 <div class="bg-[rgba(62,174,42,0.90)] 3xl:w-[137px] 3xl:h-[137px] 2xl:w-[125px] 2xl:h-[125px] xl:w-[125px] xl:h-[125px] lg:w-[100px] lg:h-[100px] md:w-[80px] md:h-[80px] w-[30px] h-[30px] mix-blend-multiply absolute 4xl:top-[41%] 3xl:top-[33%] 3xl:left-[50%] 2xl:top-[38%] 2xl:left-[50%] xl:top-[35%] xl:left-[50%] lg:top-[35%] lg:left-[50%] md:top-[39%] md:left-[50%] top-[43%] left-1/2 z-40 pulse"></div> 118 <div class="bg-[rgba(247,50,62,0.60)] 3xl:w-[294px] 3xl:h-[294px] 2xl:w-[254px] 2xl:h-[254px] xl:w-[224px] xl:h-[224px] lg:w-[180px] lg:h-[180px] md:w-[150px] md:h-[150px] w-[70px] h-[70px] mix-blend-multiply absolute 4xl:top-[26%] 3xl:top-[13%] 3xl:left-[62%] 2xl:top-[19%] 2xl:left-[62%] xl:top-[22%] xl:left-[62%] lg:top-[22%] lg:left-[62%] md:top-[30%] md:left-[62%] top-[30%] left-[61%] z-40 pulse"></div> --> </div> <div class="grid grid-cols-12 relative z-40"> <div class="col-span-12 text-center"> <a href="/en/about/" class="bg-forest-green fade-right hover:bg-mantis h-[50px] inline-flex items-center leading-5 lg:h-[70px] 119 lg:text-[20px] md:h-[60px] md:leading-8 md:px-10 md:text-[18px] mt-10 px-5 relative rounded-full text-base 120 text-center text-white tracking-[2.5px] xl:text-[22px] zoom z-50 2xl:h-[80px] 3xl:text-[25px]"> 121FIND OUT ABOUT US 122</a> </div> </div> </div> <!-- End Storia block --> <!-- Start Shop Online block --> <div class="lg:mx-auto m-auto md:w-4/5 mx-5 relative top-20 w-4/4"> <div class="absolute bubble-animate left-[10%] lg:left-[10%] md:left-[40%] md:top-[-20%] top-[-10%]"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=png" alt="Soap bubble" title="Soap bubble" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="400" class="scale-[0.3]"> </picture> </div> <div class="absolute bubble-animate left-[20%]"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=png" alt="Soap bubble" title="Soap bubble" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="400" class="scale-[0.2]"> </picture> </div> <div class="fade-top left-[-5%] lg:top-[-50%] md:absolute md:left-[-10%] relative reveal top-[-40%] z-30"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-tube-red-bubbleworld.Cji1JeLv.png&w=518&h=900&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-tube-red-bubbleworld.Cji1JeLv.png&w=518&h=900&f=png" alt="Shop Online" title="Shop Online" loading="lazy" decoding="async" fetchpriority="auto" width="518" height="900" class="max-w-[80%] md:max-w-[50%] xl:max-w-[65%] 3xl:max-w-[90%]"> </picture> </div>
122 <div class="absolute fade-left left-[30%] lg:left-[-15%] md:left-[15%] md:top-[-5%] reveal top-[5%] w-full z-10 3xl:top-[5%]"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#d8efd4" class="4xl:w-[50%] 3xl:w-[65%] xl:w-[75%] lg:w-[70%] md:w-[100%] w-[85%]"> <g> <g> <path d="M35.7,274.55c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c28.12,0,50.99-22.87,50.99-50.99 123 s-22.87-50.99-50.99-50.99c-12.32,0-22.31-9.99-22.31-22.31s9.99-22.31,22.31-22.31c52.72,0,95.6,42.89,95.6,95.61 124 S88.42,274.55,35.7,274.55z"></path> </g> <g> <path d="M200.4,255.75c-52.72,0-95.61-42.89-95.61-95.6c0-34.26,18.5-66.11,48.3-83.1c10.7-6.1,24.32-2.38,30.43,8.33 125 c6.1,10.7,2.37,24.33-8.33,30.43c-15.9,9.07-25.78,26.06-25.78,44.34c0,28.12,22.88,50.99,50.99,50.99 126 c18.38,0,35.42-9.96,44.46-26c6.05-10.73,19.66-14.53,30.39-8.47c10.73,6.05,14.52,19.66,8.47,30.39 127 C266.79,237.09,234.86,255.75,200.4,255.75z"></path> </g> <g> <circle cx="105.04" cy="60.05" r="34.6"></circle> </g> </g> </svg> </div> <div class="gap-10 flex-none items-start lg:flex lg:pt-48 md:pt-10 mt-5 relative z-20 xl:pt-0"> <div class="fade-left mb-5 reveal w-full xl:w-2/4"> <div class="pt-0 text-tundora xl:pt-56 3xl:pt-96"> <h2 class="fade-left font-bold leading-10 lg:leading-[4rem] mb-6 md:leading-[3rem] md:pt-0 md:text-[45px] pt-5 reveal text-[35px] xl:text-[60px] 2xl:leading-[5rem] 2xl:text-[70px] 3xl:text-[80px]"> 128ONLINE SHOP 129</h2> <p class="fade-left md:text-[25px] reveal text-[20px] 2xl:text-[30px] 3xl:text-[35px]"> 130Bubble World is also an e-commerce store, so what are you waiting for? Purchase your soap bubbles and customise them for your business or special occasion. 131</p> <a href="https://www.bubbleworld.com/" target="_blank" class="bg-forest-green fade-right hover:bg-mantis h-[50px] inline-flex items-center 132 leading-5 lg:h-[70px] lg:text-[20px] mb-10 md:h-[60px] md:leading-8 md:px-10 md:text-[18px] mt-10 px-5 relative rounded-full 133 text-base text-center text-white tracking-[2.5px] xl:text-[22px] zoom z-50 2xl:h-[80px] 3xl:text-[25px]"> 134FIND OUT 135</a> </div> </div> <div class="w-full xl:w-2/4 z-20"> <div class="lg:w-[25vw] max-w-[590px] md:w-[40vw] relative w-[60vw] z-50"> <div class="absolute left-0 pb-[16%] pl-[4%] pr-[13%] pt-[3%] top-0"> <video playsinline autoplay loop muted class="clip-path-polygon-[100%_6%,_95%_2%,_86%_0,_15%_0,_5%_2%,_0_6%,_0_92%,_5%_96%,_14%_98%,_84%_98%,_94%_96%,_100%_91%]"> <source src="/video/video-mobile.mp4" type="video/mp4" class="video"> </video> </div> <div class="left-0 lg:absolute relative top-0"> <picture> <source srcset="/_image?href=%2F_astro%2Fcover-iphone.DjlsxtYn.png&w=717&h=1397&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fcover-iphone.DjlsxtYn.png&w=717&h=1397&f=png" alt="Bubbles the way you want them" title="Bubbles the way you want them" loading="lazy" decoding="async" fetchpriority="auto" width="717" height="1397"> </picture> </div> </div> </div> <div class="absolute fade-bottom lg:right-[4%] lg:top-[4%] reveal right-0 top-[60%] w-auto z-10 3xl:top-[-12%]"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#F7323E" class="3xl:w-[130%] lg:w-80 w-60 pulse"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1S281.9,77.27,281.9,150S222.73,281.9,150,281.9z 136 M150,79.65c-38.79,0-70.35,31.56-70.35,70.35s31.56,70.35,70.35,70.35c38.79,0,70.35-31.56,70.35-70.35S188.79,79.65,150,79.65z"></path> </g> </svg> </div> <div class="absolute fade-right lg:right-[-35%] lg:top-[15%] md:right-[-25%] md:top-[25%] reveal right-0 top-[40%] xl:top-[-30%] xl:w-auto z-10 2xl:right-[-25%] 3xl:right-[-20%] 3xl:top-[-40%] 4xl:right-0"> <div class="fade-right reveal"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-spadabolle.C0Uw9w4x.png&w=491&h=1500&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-spadabolle.C0Uw9w4x.png&w=491&h=1500&f=png" alt="Bubble Sword" title="Bubble Sword" loading="lazy" decoding="async" fetchpriority="auto" width="491" height="1500" class="md:w-[45%] w-40 xl:w-[60%] 2xl:w-[70%] 3xl:w-[90%]"> </picture> </div> </div> </div> <div class="absolute bottom-10 bubble-animate right-[-20%]"> <picture> <source srcset="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Fimg-bubble.6FFZQM14.png&w=400&h=400&f=png" alt="Soap bubble" title="Soap bubble" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="400" class="scale-[0.3]"> </picture> </div> </div> <!-- End Shop Online block --> <!-- Start Carousel news block --> <div class="lg:mb-28 lg:mt-60 mb-40 md:mb-20 mt-48 relative w-full xl:mb-44 xl:mt-[25%] 2xl:mb-48 3xl:mb-44"> <div class="absolute lg:left-[35%] lg:top-[-25%] rotate-[140deg] top-[-20%] w-auto xl:left-[50%] z-40"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#EFEFEF" class="rotating 3xl:w-80 xl:w-60 lg:w-64 w-32"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1c17,0,30.78,13.78,30.78,30.78S167,79.65,150,79.65 137 c-38.79,0-70.35,31.56-70.35,70.35c0,38.79,31.56,70.35,70.35,70.35c17,0,30.78,13.78,30.78,30.78S167,281.9,150,281.9z"></path> </g> </svg> </div> <section class="section slider-section"> <div class="slider-column"> <div class="swiper swiper-slider-news"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/dulcop-joins-assogiocattoli" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/assogiocattoli-news-f88c527347c4d054591d21db696d3cca7b2ad922.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/assogiocattoli-news-f88c527347c4d054591d21db696d3cca7b2ad922.webp" width="1300" height="867" alt="Dulcop Joins Assogiocattoli" title="Dulcop Joins Assogiocattoli" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]">
137 24 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/dulcop-joins-assogiocattoli">Dulcop Joins Assogiocattoli</a> </p> <a href="en/news/dulcop-joins-assogiocattoli"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div><div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/looking-ahead-to-the-future-of-licensing" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/press-day-assogiocattoli-e-mld-news-a039233483e982264024a49e58aa4c2ba67cc91e.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/press-day-assogiocattoli-e-mld-news-a039233483e982264024a49e58aa4c2ba67cc91e.webp" width="1300" height="867" alt="Looking Ahead to the Future of Licensing" title="Looking Ahead to the Future of Licensing" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]"> 18 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/looking-ahead-to-the-future-of-licensing">Looking Ahead to the Future of Licensing</a> </p> <a href="en/news/looking-ahead-to-the-future-of-licensing"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div><div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/international-bubble-festival-2026" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/festival-internazionale-bolle-26-news-7cd191aba06d04a7332117bcc20552ce4d00168f.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/festival-internazionale-bolle-26-news-7cd191aba06d04a7332117bcc20552ce4d00168f.webp" width="1300" height="867" alt="International Bubble Festival 2026" title="International Bubble Festival 2026" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]"> 15 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/international-bubble-festival-2026">International Bubble Festival 2026</a> </p> <a href="en/news/international-bubble-festival-2026"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div><div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/supporting-the-ant-photo-marathon" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/ant-news-eng-8de63e8fc4b90e2b957cd8759318762c6179c939.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/ant-news-eng-8de63e8fc4b90e2b957cd8759318762c6179c939.webp" width="1300" height="867" alt="Supporting the ANT Photo Marathon" title="Supporting the ANT Photo Marathon" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]">
137 14 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/supporting-the-ant-photo-marathon">Supporting the ANT Photo Marathon</a> </p> <a href="en/news/supporting-the-ant-photo-marathon"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div><div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/bubble-world-pets-a-new-pet-care-category" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/categorie-pet-care-news-eng-78e8f149c4b2c8744269d9f5aae99f1eb9cd8db5.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/categorie-pet-care-news-eng-78e8f149c4b2c8744269d9f5aae99f1eb9cd8db5.webp" width="1300" height="867" alt="Bubble World Pets: a New Pet Care Category" title="Bubble World Pets: a New Pet Care Category" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]"> 4 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/bubble-world-pets-a-new-pet-care-category">Bubble World Pets: a New Pet Care Category</a> </p> <a href="en/news/bubble-world-pets-a-new-pet-care-category"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div><div class="swiper-slide"> <div class="aspect-video flex items-center justify-center object-cover overflow-hidden w-full"> <a href="en/news/when-a-bubble-can-make-a-difference" class="w-full"> <picture> <source media="(max-width:480px)" srcset="/webp/media/cache/size_400_280_outbound/uploads/images/magazine/make-a-wish-news-eng-a365c7d8a6a161cf18aa2e6c9cbf4ebb33d00e47.webp"> <img loading="lazy" src="/webp/media/cache/size_1300_867_outbound/uploads/images/magazine/make-a-wish-news-eng-a365c7d8a6a161cf18aa2e6c9cbf4ebb33d00e47.webp" width="1300" height="867" alt="When a Bubble Can Make a Difference" title="When a Bubble Can Make a Difference" class="w-full"> </picture> </a> </div> <div class="info-news lg:px-0 mt-5 px-5"> <span class="lg:text-[25px] text-tundora text-[15px]"> 2 settembre 2026 </span> <p class="leading-10 lg:text-[27px] mb-3 mt-2 text-tundora text-[25px] uppercase 3xl:text-[35px]"> <a href="en/news/when-a-bubble-can-make-a-difference">When a Bubble Can Make a Difference</a> </p> <a href="en/news/when-a-bubble-can-make-a-difference"> <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 51" class="w-12 flip-card" stroke-width="2" stroke="#3EAE2A" fill="#ffffff"> <path id="Layer" class="s0" d="m24 47.2c-12.3 0-22.2-9.9-22.2-22.2 0-12.3 9.9-22.2 22.2-22.2 12.3 0 22.2 9.9 22.2 22.2 0 12.3-9.9 22.2-22.2 22.2z"></path> <g id="Layer"> <path id="Layer" class="s1" d="m26.8 18l7.1 7-7.1 7.1"></path> <path id="Layer" class="s1" d="m33.9 25.1h-19.7"></path> </g> </svg> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </section> <div class="row"> <div class="col-span-12 text-center"> <a href="/en/news/" class="bg-forest-green fade-right hover:bg-mantis h-[50px] inline-flex items-center leading-5 lg:h-[70px] lg:text-[20px] 138 md:h-[60px] md:leading-8 md:mb-10 md:mt-10 md:px-10 md:text-[18px] mt-7 px-5 relative rounded-full text-base text-center 139 text-white tracking-[2.5px] xl:text-[22px] zoom z-50 2xl:h-[80px] 3xl:text-[25px]"> 140ALL THE NEWS 141</a> </div> </div> </div> <!-- End Carousel news block --> </div> </main> <div class="lg:mt-14 md:mt-10 mt-0 relative xl:mt-16 2xl:mxt-20 3xl:mt-24"> <div class="absolute lg:right-[-5%] md:right-[-5%] origin-top lg:top-0 right-[-25%] rotate-[90deg] w-auto xl:right-[-1%] xl:top-[-12%] z-10 2xl:top-[-10%] 3xl:top-[-15%]"> <div class="fade-bottom reveal"> <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve" fill="#EFEFEF" class="pulse lg:w-[120%] w-72 xl:w-[150%] 2xl:w-[160%] 3xl:w-[180%]"> <g> <path d="M150,281.9c-72.73,0-131.9-59.17-131.9-131.9S77.27,18.1,150,18.1c17,0,30.78,13.78,30.78,30.78S167,79.65,150,79.65 142 c-38.79,0-70.35,31.56-70.35,70.35c0,38.79,31.56,70.35,70.35,70.35c17,0,30.78,13.78,30.78,30.78S167,281.9,150,281.9z"></path> </g> </svg> </div> </div> <footer class="bg-red-orange lg:px-14 md:px-10 px-5 py-6 relative xl:px-16 xl:py-16 z-20 2xl:px-20"> <div class="mb-14"> <ul class="lg:text-[17px] text-center text-sm text-white"> <li class="inline-block mr-5 uppercase xl:mr-8 3xl:mr-10"> <a href="/en/code-ethics/" class="hover:text-gray-200"> 143Code of Ethics 144</a> </li> <li class="inline-block mr-5 uppercase xl:mr-8 3xl:mr-10"> <a href="/en/faq/" class="hover:text-gray-200"> 145Faq 146</a> </li> <li class="inline-block mr-5 uppercase xl:mr-8 3xl:mr-10"> <a href="/en/security/" class="hover:text-gray-200"> 147Safety 148</a> </li> </ul> </div> <div class="gap-5 grid grid-cols-12 items-start text-white"> <div class="col-span-12 lg:col-span-4 md:col-span-6"> <div class="pb-3 3xl:pb-0"> <strong class="block mb-6 md:text-[15px] text-white text-[14px] xl:text-[17px] 2xl:text-[18px] 3xl:text-[20px]">© Dulcop International S.p.a. </strong> <p class="md:text-[15px] text-white text-[14px] xl:text-[17px] 2xl:text-[18px] 3xl:text-[20px]"> 149VAT no. 00536551203<br> 150Tax Code 01170080376<br> 151Share capital 1.710.000 Euro<br> 152Bologna Company Register R.E.A. 239883<br> </p> </div> </div> <div class="col-span-12 lg:col-span-4 md:col-span-6"> <div class="mb-5"> <strong class="block mb-2 md:text-[15px] text-white text-[14px] xl:text-[17px] 2xl:text-[18px] 3xl:text-[20px]">Registered office and Operations:</strong> <p class="md:text-[15px] text-white text-[14px] xl:text-[17px] 2xl:text-[18px] 3xl:text-[20px]"> 153Via Lombardia 48 - 40024 Castel San Pietro Terme - BO - Italy<br> 154T <a href="tel:+390516250711">+39 0516250711</a> - <a href="mailto:[email protected]">[email protected]</a> </p> </div> <div class="3xl:pb-10 xl:pb-10 pb-6 text-left"> <ul class="lg:text-[17px] text-sm text-white"> <li class="inline-block mr-10"> <!-- Linkedin --> <a href="https://www.linkedin.com/company/dulcop-internation-s.p.a./" target="_blank"> <span class="[&>svg]:h-5 [&>svg]:w-5"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 448 512"> <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. --> <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"></path> </svg> </span> </a> </li> <!-- 155 <li class="inline-block mr-10"> 156 Instagram
157 <a href="https://www.instagram.com/dulcopbubbles/" target="_blank"> 158 <span class="[&>svg]:h-5 [&>svg]:w-5"> 159 <svg 160 xmlns="http://www.w3.org/2000/svg" 161 fill="currentColor" 162 viewBox="0 0 448 512"> 163 164 <path 165 d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /> 166 </svg> 167 </span> 168 </a> 169 </li> 170 --> <!-- 171 <li class="inline-block mr-10"> 172 Facebook 173 <a href="https://www.facebook.com/Dulcop" target="_blank"> 174 <span class="[&>svg]:h-5 [&>svg]:w-5"> 175 <svg 176 xmlns="http://www.w3.org/2000/svg" 177 fill="currentColor"
178 viewBox="0 0 320 512"> 179 180 <path 181 d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" /> 182 </svg> 183 </span> 184 </a> 185 </li> 186 --> <li class="inline-block"> <!-- Youtube --> <a href="https://www.youtube.com/channel/UCVjQOEecQWTv7kt5f3ywBSg" target="_blank"> <span class="[&>svg]:h-5 [&>svg]:w-5"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 576 512"> <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. --> <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path> </svg> </span> </a> </li> </ul> </div> </div> <div class="col-span-12 lg:col-span-4"> <div class="text-right"> <ul class="lg:text-[17px] text-sm text-white"> <li class="inline-block mr-3 uppercase xl:mr-5"> <a class="hover:text-gray-200" href="/pdf/privacy-policy-data-processing-dulcop.pdf" target="_blank">Privacy policy</a> </li> <li class="inline-block uppercase"><a class="hover:text-gray-200" href="https://www.iubenda.com/privacy-policy/59851508/cookie-policy" target="_blank">Cookie policy</a></li> </ul> <p class="pt-7 lg:text-[14px] text-[13px] text-white"> <a href="/pdf/progetto-realizzato-grazie-contributi-regionali.pdf" target="_blank" class="hover:text-gray-200 uppercase bold lg:text-[14px] text-[13px]">Project developed with the support of regional fundings</a> </p> <p class="pt-5 lg:text-[14px] text-[13px] text-white"> <a href="/pdf/riordinatori-linea-multi-prodotto.pdf" target="_blank" class="hover:text-gray-200 uppercase bold lg:text-[14px] text-[13px]">Project co-financed by European Funds of the Emilia-Romagna Region (ER)</a> <picture> <source srcset="/_image?href=%2F_astro%2Floghi-progetto-cofinanziato-en.DnqKCYvh.png&w=400&h=77&f=webp" type="image/webp"> <img src="/_image?href=%2F_astro%2Floghi-progetto-cofinanziato-en.DnqKCYvh.png&w=400&h=77&f=png" alt="Project co-financed by European Funds of the Emilia-Romagna Region (ER)" title="Project co-financed by European Funds of the Emilia-Romagna Region (ER)" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="77" class="inline mt-2"> </picture> </p> </div> </div> </div> </footer> </div> </div> </div> <!-- Start animazioni -->
186<script type="module">(function(e,n,r,t,m){e[t]=e[t]||[],e[t].push({"gtm.start":new Date().getTime(),event:"gtm.js"});var g=n.getElementsByTagName(r)[0],a=n.createElement(r),s="";a.async=!0,a.src="https://www.googletagmanager.com/gtm.js?id="+m+s,g.parentNode.insertBefore(a,g)})(window,document,"script","dataLayer","GTM-PSXW87BH");</script>
186 <!-- Fine animazioni -->
186<script type="text/javascript"> 187 var _iub = _iub || []; 188 _iub.csConfiguration = {"askConsentAtCookiePolicyUpdate":true,"floatingPreferencesButtonDisplay":"bottom-left","perPurposeConsent":true,"siteId":3428989,"whitelabel":false,"cookiePolicyId":59851508,"banner":{"acceptButtonColor":"#52AE32","acceptButtonDisplay":true,"backgroundColor":"#FFFFFF","backgroundOverlay":true,"closeButtonRejects":true,"customizeButtonDisplay":true,"explicitWithdrawal":true,"listPurposes":true,"linksColor":"#000000","position":"float-center","rejectButtonColor":"#737373","rejectButtonDisplay":true,"showTitle":false,"textColor":"#000000"}}; 189 _iub.csLangConfiguration = {"it":{"cookiePolicyId":59851508},"en-GB":{"cookiePolicyId":75796896}}; 190 </script>
190
190<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3428989.js"></script>
190
190<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async defer></script>
190 </body> </html> <!-- Start passaggio da immagine bianco e nero a immagine colorata temporalizzata per mobile -->
190<script> 191 // Variabili per le immagini 192const image1 = document.querySelector('.image1'); 193const image2 = document.querySelector('.image2'); 194const image3 = document.querySelector('.image3'); 195const image4 = document.querySelector('.image4'); 196 197// Funzione per alternare le immagini su mobile 198let currentImage = 1; 199 200function switchImages() { 201 if (currentImage === 1) { 202 image3.style.opacity = 0; 203 image4.style.opacity = 1; 204 currentImage = 2; 205 } else { 206 image3.style.opacity = 1; 207 image4.style.opacity = 0; 208 currentImage = 1; 209 } 210} 211 212// Imposta l'intervallo per cambiare immagine ogni 3 secondi su mobile 213if (window.innerWidth <= 820) { 214 setInterval(switchImages, 3000); // Ogni 3 secondi 215} 216 217</script>
217 <!-- Inizio far partire video quando è visibile nella viewport -->
217<script> 218 // Funzione per verificare se l'elemento è visibile nel viewport 219 function isInViewport(element) { 220 const rect = element.getBoundingClientRect(); 221 return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth); 222 } 223 224 // Aggiungi l'evento di scroll 225 window.addEventListener('scroll', function() { 226 const videos = document.querySelectorAll('video'); 227 228 videos.forEach(function(video) { 229 // Verifica se il video è visibile nel viewport e non è ancora stato caricato 230 if (isInViewport(video) && !video.hasAttribute('data-loaded')) { 231 // Carica il video quando è visibile 232 const source = video.querySelector('source'); 233 source.src = source.getAttribute('data-src'); // Imposta il src dal data-src 234 235 // Marca il video come caricato 236 video.setAttribute('data-loaded', 'true'); 237 238 // Avvia la riproduzione del video 239 video.play(); 240 } 241 }); 242 }); 243</script>
243 <!-- Fine far partire video quando è visibile nella viewport --> <!-- Start slider news -->
243<script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.BEMIwVx2.js"></script>
243 <!-- End slider news -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.