.guten-4qr4Df.layout-boxed > .guten-container { max-width: 1170px; } .guten-4qr4Df > .guten-background-overlay { background: rgba(1, 12, 28, 1); opacity: 0.5; } .guten-4qr4Df:not(.background-animated), .guten-4qr4Df.background-animated > .guten-background-animated .animated-layer { background-image: url(https://infopy.fr/wp-content/uploads/2021/11/network-switch-ethernet-art-getty.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .guten-element.guten-4qr4Df { padding-top: 260px; padding-bottom: 300px; } @media only screen and (max-width: 1024px) { .guten-4qr4Df:not(.background-animated), .guten-4qr4Df.background-animated > .guten-background-animated .animated-layer { background-position: center center; background-repeat: no-repeat; background-size: cover; } .guten-element.guten-4qr4Df { padding-top: 140px; padding-right: 10px; padding-bottom: 200px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-4qr4Df > .guten-container { flex-wrap: wrap; } .guten-4qr4Df > .guten-container > .guten-column { width: 100%; } .guten-4qr4Df:not(.background-animated), .guten-4qr4Df.background-animated > .guten-background-animated .animated-layer { background-position: center center; } .guten-element.guten-4qr4Df { padding-top: 140px; padding-bottom: 180px; } }.guten-uL3WNu.layout-boxed > .guten-container { max-width: 1170px; } .guten-uL3WNu > .guten-background-overlay { opacity: 0.8; } .guten-uL3WNu:not(.background-animated), .guten-uL3WNu.background-animated > .guten-background-animated .animated-layer { background: linear-gradient(180deg, rgba(243, 250, 250, 1) 0%,rgba(243, 250, 250, 1) 100%); } .guten-element.guten-uL3WNu { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-uL3WNu { padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-uL3WNu > .guten-container { flex-wrap: wrap; } .guten-uL3WNu > .guten-container > .guten-column { width: 100%; } .guten-element.guten-uL3WNu { padding-top: 40px; padding-bottom: 40px; } }.guten-3vgI6y { width: 50%;  } @media only screen and (max-width: 1024px) { .guten-3vgI6y { width: 80%; } }.guten-ejE6jy { width: 50%;  } @media only screen and (max-width: 1024px) { .guten-ejE6jy { width: 20%; } }.guten-Tf7s4t { width: 100%;  } @media only screen and (max-width: 1024px) { .guten-Tf7s4t { width: 100%; } }h1.guten-element.guten-q3mXI6, h2.guten-element.guten-q3mXI6, h3.guten-element.guten-q3mXI6, h4.guten-element.guten-q3mXI6, h5.guten-element.guten-q3mXI6, h6.guten-element.guten-q3mXI6 { color: rgba(255, 255, 255, 1); font-family: "Helvetica"; font-size: 60px; font-weight: 600; line-height: 1.2em;  } @media only screen and (max-width: 767px) { h1.guten-element.guten-q3mXI6, h2.guten-element.guten-q3mXI6, h3.guten-element.guten-q3mXI6, h4.guten-element.guten-q3mXI6, h5.guten-element.guten-q3mXI6, h6.guten-element.guten-q3mXI6 { font-size: 32px; } }.guten-kxbE7L { columns: 1; color: rgba(255, 255, 255, 1); font-family: "Heebo"; font-size: 16px; font-weight: 300; animation-delay: 0.2s; } .guten-element.guten-kxbE7L { padding-right: 180px; } @media only screen and (max-width: 767px) { .guten-kxbE7L { font-size: 14px; } .guten-element.guten-kxbE7L { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-vw6wJm { text-align: center;  } h1.guten-element.guten-vw6wJm, h2.guten-element.guten-vw6wJm, h3.guten-element.guten-vw6wJm, h4.guten-element.guten-vw6wJm, h5.guten-element.guten-vw6wJm, h6.guten-element.guten-vw6wJm { color: rgba(30, 112, 234, 1); font-family: "Helvetica"; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 1.3em; letter-spacing: 0.15em;  } @media only screen and (max-width: 767px) { h1.guten-element.guten-vw6wJm, h2.guten-element.guten-vw6wJm, h3.guten-element.guten-vw6wJm, h4.guten-element.guten-vw6wJm, h5.guten-element.guten-vw6wJm, h6.guten-element.guten-vw6wJm { font-size: 16px; } }.guten-QnOY5G.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-QnOY5G { margin-top: 40px; } @media only screen and (max-width: 767px) { .guten-QnOY5G > .guten-container { flex-wrap: wrap; } .guten-QnOY5G > .guten-container > .guten-column { width: 100%; } .guten-element.guten-QnOY5G { margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-h4xjcB.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-h4xjcB { margin-top: 40px; } @media only screen and (max-width: 767px) { .guten-h4xjcB > .guten-container { flex-wrap: wrap; } .guten-h4xjcB > .guten-container > .guten-column { width: 100%; } .guten-element.guten-h4xjcB { margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-k92WPv { width: 50%;  } .guten-k92WPv > .sticky-wrapper > .guten-column-wrapper, .guten-k92WPv > .guten-column-wrapper { margin-right: 10px; margin-left: 10px; } @media only screen and (max-width: 1024px) { .guten-k92WPv { width: 50%; } .guten-k92WPv > .sticky-wrapper > .guten-column-wrapper, .guten-k92WPv > .guten-column-wrapper { margin-right: 0px; margin-left: 15px; } } @media only screen and (max-width: 767px) { .guten-k92WPv > .sticky-wrapper > .guten-column-wrapper, .guten-k92WPv > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-ZdS1hn { width: 50%;  } .guten-ZdS1hn > .sticky-wrapper > .guten-column-wrapper, .guten-ZdS1hn > .guten-column-wrapper { margin-left: 20px; } @media only screen and (max-width: 1024px) { .guten-ZdS1hn { width: 50%; } .guten-ZdS1hn > .sticky-wrapper > .guten-column-wrapper, .guten-ZdS1hn > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-ZdS1hn > .sticky-wrapper > .guten-column-wrapper, .guten-ZdS1hn > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-mnVy7u { width: 50%;  } .guten-mnVy7u > .sticky-wrapper > .guten-column-wrapper, .guten-mnVy7u > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-mnVy7u { width: 50%; } .guten-mnVy7u > .sticky-wrapper > .guten-column-wrapper, .guten-mnVy7u > .guten-column-wrapper { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-mnVy7u > .sticky-wrapper > .guten-column-wrapper, .guten-mnVy7u > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-tr3n2D { width: 50%;  } .guten-tr3n2D > .sticky-wrapper > .guten-column-wrapper, .guten-tr3n2D > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-tr3n2D { width: 50%; } .guten-tr3n2D > .sticky-wrapper > .guten-column-wrapper, .guten-tr3n2D > .guten-column-wrapper { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-tr3n2D > .sticky-wrapper > .guten-column-wrapper, .guten-tr3n2D > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-GUFUgP .guten-icon-box-wrapper { text-align: left;justify-content: left; padding-top: 40px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; background: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; } .guten-GUFUgP .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-GUFUgP:hover .guten-icon-box-wrapper { padding-top: 0px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; background: rgba(30, 112, 234, 1); } .guten-GUFUgP .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-GUFUgP:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-GUFUgP .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 24px; font-weight: 600; } .guten-GUFUgP:hover .icon-box.icon-box-body .title { color: var(--wp--preset--color--white); } .guten-GUFUgP .icon-box.icon-box-body .icon-box-description { margin-bottom: 20px; color: rgba(113, 124, 144, 1); font-family: var(--gutenverse-font-family-xckF69); font-size: var(--gutenverse-font-size-xckF69); font-weight: var(--gutenverse-font-weight-xckF69); text-transform: var(--gutenverse-font-transform-xckF69); font-style: var(--gutenverse-font-style-xckF69); text-decoration: var(--gutenverse-font-decoration-xckF69); line-height: var(--gutenverse-font-lineHeight-xckF69); letter-spacing: var(--gutenverse-font-spacing-xckF69); } .guten-GUFUgP:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-GUFUgP .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-GUFUgP { animation-delay: 0.4s; } @media only screen and (max-width: 767px) { .guten-GUFUgP .icon-box.icon-box-body .title { font-size: 20px; } }.guten-W3QNwY .guten-icon-box-wrapper { text-align: left;justify-content: left; padding-top: 40px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; background: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; } .guten-W3QNwY .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-W3QNwY:hover .guten-icon-box-wrapper { padding-top: 0px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; background: rgba(30, 112, 234, 1); } .guten-W3QNwY .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-W3QNwY:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-W3QNwY .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 24px; font-weight: 600; } .guten-W3QNwY:hover .icon-box.icon-box-body .title { color: var(--wp--preset--color--white); } .guten-W3QNwY .icon-box.icon-box-body .icon-box-description { margin-bottom: 20px; color: rgba(113, 124, 144, 1); font-family: var(--gutenverse-font-family-xckF69); font-size: var(--gutenverse-font-size-xckF69); font-weight: var(--gutenverse-font-weight-xckF69); text-transform: var(--gutenverse-font-transform-xckF69); font-style: var(--gutenverse-font-style-xckF69); text-decoration: var(--gutenverse-font-decoration-xckF69); line-height: var(--gutenverse-font-lineHeight-xckF69); letter-spacing: var(--gutenverse-font-spacing-xckF69); } .guten-W3QNwY:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-W3QNwY .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-W3QNwY { animation-delay: 0.6s; } @media only screen and (max-width: 767px) { .guten-W3QNwY .icon-box.icon-box-body .title { font-size: 20px; } }.guten-BJ2I96 .guten-icon-box-wrapper { text-align: left;justify-content: left; padding-top: 40px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; background: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; } .guten-BJ2I96 .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-BJ2I96:hover .guten-icon-box-wrapper { padding-top: 0px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; background: rgba(30, 112, 234, 1); } .guten-BJ2I96 .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-BJ2I96:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-BJ2I96 .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 24px; font-weight: 600; } .guten-BJ2I96:hover .icon-box.icon-box-body .title { color: var(--wp--preset--color--white); } .guten-BJ2I96 .icon-box.icon-box-body .icon-box-description { margin-bottom: 20px; color: rgba(113, 124, 144, 1); font-family: var(--gutenverse-font-family-xckF69); font-size: var(--gutenverse-font-size-xckF69); font-weight: var(--gutenverse-font-weight-xckF69); text-transform: var(--gutenverse-font-transform-xckF69); font-style: var(--gutenverse-font-style-xckF69); text-decoration: var(--gutenverse-font-decoration-xckF69); line-height: var(--gutenverse-font-lineHeight-xckF69); letter-spacing: var(--gutenverse-font-spacing-xckF69); } .guten-BJ2I96:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-BJ2I96 .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-BJ2I96 { animation-delay: 0.2s; } @media only screen and (max-width: 767px) { .guten-BJ2I96 .icon-box.icon-box-body .title { font-size: 20px; } }.guten-Beor5p .guten-icon-box-wrapper { text-align: left;justify-content: left; padding-top: 40px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; background: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; } .guten-Beor5p .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-Beor5p:hover .guten-icon-box-wrapper { padding-top: 0px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; background: rgba(30, 112, 234, 1); } .guten-Beor5p .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-Beor5p:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-Beor5p .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 24px; font-weight: 600; } .guten-Beor5p:hover .icon-box.icon-box-body .title { color: var(--wp--preset--color--white); } .guten-Beor5p .icon-box.icon-box-body .icon-box-description { margin-bottom: 20px; color: rgba(113, 124, 144, 1); font-family: var(--gutenverse-font-family-xckF69); font-size: var(--gutenverse-font-size-xckF69); font-weight: var(--gutenverse-font-weight-xckF69); text-transform: var(--gutenverse-font-transform-xckF69); font-style: var(--gutenverse-font-style-xckF69); text-decoration: var(--gutenverse-font-decoration-xckF69); line-height: var(--gutenverse-font-lineHeight-xckF69); letter-spacing: var(--gutenverse-font-spacing-xckF69); } .guten-Beor5p:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-Beor5p .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-Beor5p { animation-delay: 0.2s; } @media only screen and (max-width: 767px) { .guten-Beor5p .icon-box.icon-box-body .title { font-size: 20px; } }