Les panneaux de la collection Olmo s'intégreront parfaitement dans les intérieurs minimalistes où l'intemporalité et la polyvalence sont importantes. La forme simple des lamelles s'harmonisera parfaitement avec les meubles et accessoires modernes. Les lattes de la série Olmo soulignent parfaitement le caractère expressif de l'intérieur. La collection est disponible en noir et en deux teintes de chêne. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

Les panneaux de la collection Olmo s'intégreront parfaitement dans les intérieurs minimalistes où l'intemporalité et la polyvalence sont importantes. La forme simple des lamelles s'harmonisera parfaitement avec les meubles et accessoires modernes. Les lattes de la série Olmo soulignent parfaitement le caractère expressif de l'intérieur. La collection est disponible en noir et en deux teintes de chêne. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Vasco est le plus souvent choisie par nos clients en raison de l'épaisseur exceptionnelle des bandes individuelles. La série Vasco est une forme simple qui facilite grandement l'aménagement intérieur. Les lamelles conviennent à la plupart des arrangements. Les panneaux sont disponibles en trois teintes de bois. En raison de leur nature tridimensionnelle claire, ils sont très souvent montés non seulement sur les murs, mais également au plafond, ce qui délimite parfaitement les zones de la pièce. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Vasco est le plus souvent choisie par nos clients en raison de l'épaisseur exceptionnelle des bandes individuelles. La série Vasco est une forme simple qui facilite grandement l'aménagement intérieur. Les lamelles conviennent à la plupart des arrangements. Les panneaux sont disponibles en trois teintes de bois. En raison de leur nature tridimensionnelle claire, ils sont très souvent montés non seulement sur les murs, mais également au plafond, ce qui délimite parfaitement les zones de la pièce. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Vasco est le plus souvent choisie par nos clients en raison de l'épaisseur exceptionnelle des bandes individuelles. La série Vasco est une forme simple qui facilite grandement l'aménagement intérieur. Les lamelles conviennent à la plupart des arrangements. Les panneaux sont disponibles en trois teintes de bois. En raison de leur nature tridimensionnelle claire, ils sont très souvent montés non seulement sur les murs, mais également au plafond, ce qui délimite parfaitement les zones de la pièce. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Milo se compose de panneaux décoratifs avec un agencement unique de lattes - placées alternativement entre une bande étroite et une bande large, cela crée un effet visuel très intéressant. Les panneaux de la série Milo sont parfaits pour les pièces où ils peuvent jouer le rôle principal. Les lamelles auront fière allure sur un mur libre, constituant une décoration intérieure unique. La collection est disponible dans les tons or, bois clair et foncé. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Milo se compose de panneaux décoratifs avec un agencement unique de lattes - placées alternativement entre une bande étroite et une bande large, cela crée un effet visuel très intéressant. Les panneaux de la série Milo sont parfaits pour les pièces où ils peuvent jouer le rôle principal. Les lamelles auront fière allure sur un mur libre, constituant une décoration intérieure unique. La collection est disponible dans les tons or, bois clair et foncé. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Milo se compose de panneaux décoratifs avec un agencement unique de lattes - placées alternativement entre une bande étroite et une bande large, cela crée un effet visuel très intéressant. Les panneaux de la série Milo sont parfaits pour les pièces où ils peuvent jouer le rôle principal. Les lamelles auront fière allure sur un mur libre, constituant une décoration intérieure unique. La collection est disponible dans les tons or, bois clair et foncé. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Asti se caractérise par une faible largeur des lattes. Grâce à la fine section de la série Asti, vous donnerez à votre mur une légèreté extraordinaire et un caractère moderne. L'ensemble est subtil en réception, c'est pourquoi il est souvent utilisé notamment dans les petites pièces. La collection est disponible en trois couleurs, de sorte que les panneaux de cette série peuvent être facilement adaptés aux intérieurs dans des couleurs chaudes et froides. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Asti se caractérise par une faible largeur des lattes. Grâce à la fine section de la série Asti, vous donnerez à votre mur une légèreté extraordinaire et un caractère moderne. L'ensemble est subtil en réception, c'est pourquoi il est souvent utilisé notamment dans les petites pièces. La collection est disponible en trois couleurs, de sorte que les panneaux de cette série peuvent être facilement adaptés aux intérieurs dans des couleurs chaudes et froides. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

La collection Asti se caractérise par une faible largeur des lattes. Grâce à la fine section de la série Asti, vous donnerez à votre mur une légèreté extraordinaire et un caractère moderne. L'ensemble est subtil en réception, c'est pourquoi il est souvent utilisé notamment dans les petites pièces. La collection est disponible en trois couleurs, de sorte que les panneaux de cette série peuvent être facilement adaptés aux intérieurs dans des couleurs chaudes et froides. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

Les panneaux de la collection Olmo s'intégreront parfaitement dans les intérieurs minimalistes où l'intemporalité et la polyvalence sont importantes. La forme simple des lamelles s'harmonisera parfaitement avec les meubles et accessoires modernes. Les lattes de la série Olmo soulignent parfaitement le caractère expressif de l'intérieur. La collection est disponible en noir et en deux teintes de chêne. La livraison comprend : Jeu de panneaux muraux + 1 pièce bande de terminaison droite + 1 pièce bande de terminaison gauche  Développer la description ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Réduire la description; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Développer la description; } });

.div-blur { background-color: rgba(255, 255, 255, 0.68); !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-colo

.div-blur { background-color: rgba(255, 255, 255, 0.68); !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-colo

.div-blur { background-color: rgba(255, 255, 255, 0.68); !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-colo

.div-blur { background-color: rgba(255, 255, 255, 0.68); !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-colo

.div-blur { background: #0000009c !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 30% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descript

.div-blur { background: #0000009c !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 30% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descript

.div-blur { background: #0000009c !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 30% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descript

.div-blur { background: #0000009c !important; border-radius: 10px !important; padding: 10px !important; backdrop-filter: blur(12px) !important;} .descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 30% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descript