@charset "UTF-8";
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
	margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: Aeonik-Regular, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
*, ::before, ::after{
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/* IMPORT tailwind */
/*@tailwind base;
@tailwind components;
@tailwind utilities;

@import "./a.utilities.scss";

@import "./fonts.scss";

@import "./menus.scss";

@import "./buttons.scss";

@import "./workflow-table.scss";

@import "./forms.scss";

@import "./slider.scss";

@import "./company.scss";

@import "./fusebuilddeploy.scss";
*/
body.theme-light{
	--tw-bg-opacity: 1;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
}
body.theme-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
section{
	overflow-x: hidden;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
@media (min-width: 768px){
	section{
		padding-top: 4rem;
	}
	section{
		padding-bottom: 2rem;
	}
}
@media (min-width: 1024px){
	section{
		padding-top: 5.5rem;
	}
	section{
		padding-bottom: 2.5rem;
	}
}
section.first{
	padding-top: 6rem;
}
@media (min-width: 768px){
	section.first{
		padding-top: 9rem;
	}
}
@media (min-width: 1024px){
	section.first{
		padding-top: 12rem;
	}
}
section.heading{
	padding-top: 0px;
}
section.heading video {
        max-width: unset; }
.theme-light section{
	--tw-bg-opacity: 1;
	background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
}
.theme-dark section{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
section.section-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
section.section-blue{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
section.section-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
section.bgwhite {
      background: white; }
#import_export {
    padding-top: 0 !important; }
.section-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.section-blue{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
.section-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
.alteia-container {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto; }
@media (min-width: 768px) {
    .alteia-container {
      max-width: 748px; } }
@media (min-width: 1024px) {
    .alteia-container {
      width: calc(80% - 20px);
      max-width: 1420px; } }
.container-framed-parent .mobile, .container-framed-parent .desktop {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto; }
@media (min-width: 768px) {
    .container-framed-parent .mobile, .container-framed-parent .desktop {
      max-width: 748px; } }
@media (min-width: 1024px) {
    .container-framed-parent .mobile, .container-framed-parent .desktop {
      max-width: unset;
      width: calc(100% - 4rem); } }
.container-framed {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -1rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 1.5rem; }
@media (min-width: 1024px){
	.container-framed{
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.container-framed{
		padding-top: 4rem;
	}
	.container-framed{
		padding-bottom: 2.5rem;
	}
}
@media (min-width: 1280px){
	.container-framed{
		padding-top: 5rem;
	}
	.container-framed{
		padding-bottom: 3rem;
	}
}
.container-framed {
    margin-top: -2px;
    margin-bottom: -2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #FF0082;
    /*
        &:before{
            content:url('../img/border/desktop_haut.svg');
            width:100%;
        }
        &:after{
            content:url('../img/border/desktop_bas.svg');
            width:100%;
        }*/ }
@media (min-width: 768px) {
    .container-framed {
      max-width: 748px; } }
@media (min-width: 1024px) {
    .container-framed {
      max-width: unset;
      width: calc(100% - 4rem); } }
.container-framed .alteia-container{
	width: 100%;
}
@media (min-width: 1024px) {
    .container-framed .alteia-container {
      width: calc(80% + 30px); } }
.half-container {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto; }
@media (min-width: 768px) {
    .half-container {
      max-width: 374px; }
    .half-container{
		margin-left: 0px;
		margin-right: 0px;
	} }
@media (min-width: 1024px) {
    .half-container {
      width: calc(80% - 10px);
      max-width: 710px; } }
.st-parallax-header > img{
	transform-origin: top;
	--tw-scale-x: 1.15;
	--tw-scale-y: 1.15;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
.visual-overlay{
	position: relative;
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
.visual-overlay > img{
	opacity: 0.7;
      /*&:after {
                content:"";
                @apply block absolute inset-0 w-full h-full bg-grey-dark opacity-20
            }*/
}
.bg-whiteimp {
    background-color: white !important; }
.formlandingpage .formcontainer {
    position: absolute;
    top: 200px;
    width: 40%;
    padding: 30px;
    background-color: white; }
.formlandingpage .formcontainer .wpcf7-select {
      width: 100%;
      background-color: white;
      border-color: rgba(36, 36, 40, 0.3);
      border-bottom-width: 1px;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      height: 41px; }
.disclaimer-container {
    display: none; }
.bg-whiteimp .half-container {
    min-height: 520px; }
.linkdownload {
    margin: 10px auto;
    display: none;
    text-align: center; }
.mobile {
    display: none; }
.lettersp2 {
    letter-spacing: 2px; }
@media (max-width: 575px) {
    .alteia-container.-mt-16 {
      margin-top: 0; }
    .mt-mobile {
      margin-top: 20px; }
    .desktopbreakline {
      display: inline; }
    .desktopbreakline:before {
      content: "\00a0 "; }
    .formlandingpage form {
      position: relative;
      top: auto;
      width: 100%; }
    .mobile {
      display: block; }
    .desktop {
      display: none; } }
.like-h1{
	margin-bottom: 2rem;
	width: 100%;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01";
    font-size: 24px;
    line-height: 32px;
}
@media (min-width: 768px) {
    .like-h1 {
      font-size: 28px;
      line-height: 36px; } }
@media (min-width: 1024px) {
    .like-h1 {
      font-size: 32px;
      line-height: 42px; } }
@media (min-width: 1280px) {
    .like-h1 {
      font-size: 36px;
      line-height: 50px; } }
.like-h1{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-blue .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .like-h1{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.like-h1.like-h1-xl {
    font-size: 30px;
    line-height: 40px;
    /*@screen md {
    		font-size: 30px;
    		line-height: 40px;
    	}*/ }
@media (min-width: 1024px) {
    .like-h1.like-h1-xl {
      font-size: 40px;
      line-height: 48px; } }
@media (min-width: 1280px) {
    .like-h1.like-h1-xl {
      font-size: 50px;
      line-height: 64px; } }
.like-h1.like-h1-xls{
	font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1024px) {
    .like-h1.like-h1-xls {
      font-size: 23px;
      line-height: 36px; } }
@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .like-h1.like-h1-xls {
        line-height: 30px; } }
.like-h1-xl .like-h1 {
    font-size: 30px;
    line-height: 40px;
    /*@screen md {
    		font-size: 30px;
    		line-height: 40px;
    	}*/ }
@media (min-width: 1024px) {
    .like-h1-xl .like-h1 {
      font-size: 40px;
      line-height: 48px; } }
@media (min-width: 1280px) {
    .like-h1-xl .like-h1 {
      font-size: 50px;
      line-height: 64px; } }
.like-h1-xls .like-h1{
	font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1024px) {
    .like-h1-xls .like-h1 {
      font-size: 23px;
      line-height: 36px; } }
@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .like-h1-xls .like-h1 {
        line-height: 30px; } }
/*&.like-h1-xl {
		.like-h1 { @apply font-3xl; }
	}

	&.like-h1-xls {
		.like-h1 { @apply font-xls font-medium; }
	}*/
.h1-span-normal{
	grid-column: span 5 / span 5;
	grid-column-start: auto;
}
@media (min-width: 1024px){
	.h1-span-normal{
		grid-column: span 3 / span 3;
	}
}
.h1-span-lg{
	grid-column: span 5 / span 5;
	grid-column-start: auto;
}
@media (min-width: 1024px){
	.h1-span-lg{
		grid-column: span 4 / span 4;
	}
}
.h1-span-xl{
	grid-column: span 5 / span 5;
	grid-column-start: auto;
}
.h1-span-centered{
	grid-column: 1 / -1;
}
#big-menu .h1-span-centered.w-screen {
      width: 100%; }
@media (min-width: 768px){
	.h1-span-centered{
		grid-column: span 4 / span 4;
	}
	.h1-span-centered{
		grid-column-start: 2;
	}
}
@media (min-width: 1024px){
	.h1-span-centered{
		grid-column: span 3 / span 3;
	}
	.h1-span-centered{
		grid-column-start: 1;
	}
}
.chapeau{
	text-transform: uppercase;
	letter-spacing: .1em;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    .chapeau {
      font-size: 14px;
      line-height: 20px; } }
.chapeau{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .chapeau{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .chapeau{
	--tw-text-opacity: 1;
}
.section-dark a:hover .chapeau{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .chapeau{
	--tw-text-opacity: 1;
}
.bgwhite .chapeau {
      color: var(--color-grey-medium); }
a:hover .chapeau{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark a:hover .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-blue a:hover .chapeau{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.chapeau-medium{
	margin-top: -0.25rem;
	margin-bottom: 1rem;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1024px) {
    .chapeau-medium {
      font-size: 23px;
      line-height: 36px; } }
@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .chapeau-medium {
        line-height: 30px; } }
.chapeau-medium{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .chapeau-medium{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .chapeau-medium{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .chapeau-medium{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px){
	.chapeau-medium{
		margin-top: -0.5rem;
	}
	.chapeau-medium{
		margin-bottom: 1.5rem;
	}
}
.p-text {
    font-size: 14px;
    line-height: 20px; }
@media (min-width: 1024px) {
    .p-text {
      font-size: 18px; }
    .p-text{
		line-height: 1.75rem;
	} }
.p-text{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .p-text{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .p-text{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .p-text{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .p-text{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .p-text{
	--tw-text-opacity: 1;
}
.section-dark a:hover .p-text{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .p-text{
	--tw-text-opacity: 1;
}
.p-text {
    /*.section-blue a:hover &,
		.section-blue a:focus & {
			@apply text-white text-opacity-100 transition-all duration-300 ease-linear;
		}*/ }
.p-text.p-text-sm {
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    .p-text.p-text-sm {
      line-height: 20px; } }
@media (min-width: 1024px) {
  .p-text.p-text-sm {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .p-text.p-text-sm {
      font-size: 14px;
      line-height: 24px; } } }
a:hover .p-text, a:focus .p-text{
	--tw-text-opacity: 1;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: linear;
}
.theme-dark a:hover .p-text, .section-dark a:hover .p-text, .section-blue a:hover .p-text, .theme-dark
      a:focus .p-text, .section-dark
      a:focus .p-text, .section-blue
      a:focus .p-text{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.p-text ul{
	margin-bottom: 2.5rem;
	margin-left: 1rem;
	list-style-type: disc;
}
.p-text ul ul {
        list-style: circle;
        margin-left: 1rem; }
.tech-feature-benefits ul{
	list-style-type: disc;
	padding-left: 1rem;
}
.overview_about {
    font-size: 14px;
    line-height: 20px; }
@media (min-width: 1024px) {
    .overview_about {
      font-size: 18px; }
    .overview_about{
		line-height: 1.75rem;
	} }
.overview_about ul{
	margin-bottom: 2.5rem;
	margin-left: 1rem;
	list-style-type: disc;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .overview_about ul{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .overview_about ul{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .overview_about ul{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.usescases, .highlights {
    font-size: 12px;
    line-height: 18px; }
@media (min-width: 1024px) {
    .usescases, .highlights {
      font-size: 14px;
      line-height: 24px; } }
.usescases, .highlights{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .usescases, .section-blue .highlights{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .usescases, .section-dark .highlights{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .usescases, .theme-dark .highlights{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .usescases, a:hover .highlights{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .usescases, .section-blue a:hover .highlights{
	--tw-text-opacity: 1;
}
.section-dark a:hover .usescases, .section-dark a:hover .highlights{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .usescases, .theme-dark a:hover .highlights{
	--tw-text-opacity: 1;
}
.usescases ul, .highlights ul{
	margin-bottom: 2.5rem;
	margin-left: 1rem;
	list-style-type: disc;
}
.usescases ul ul,
      .highlights ul ul {
        list-style: circle;
        margin-left: 1rem; }
.css-content {
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01";
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }
.section-blue .css-content{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .css-content{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .css-content{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .css-content{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .css-content{
	--tw-text-opacity: 1;
}
.section-dark a:hover .css-content{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .css-content{
	--tw-text-opacity: 1;
}
.css-content h1{
	margin-bottom: 2rem;
    font-size: 24px;
    line-height: 32px;
}
@media (min-width: 768px) {
    .css-content h1 {
      font-size: 28px;
      line-height: 36px; } }
@media (min-width: 1024px) {
    .css-content h1 {
      font-size: 32px;
      line-height: 42px; } }
@media (min-width: 1280px) {
    .css-content h1 {
      font-size: 36px;
      line-height: 50px; } }
.css-content h2{
	margin-bottom: 2rem;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1024px) {
    .css-content h2 {
      font-size: 28px;
      line-height: 36px; } }
.css-content h3{
	margin-bottom: 1.5rem;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1024px) {
    .css-content h3 {
      font-size: 23px;
      line-height: 36px; } }
@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .css-content h3 {
        line-height: 30px; } }
.css-content h4{
	margin-bottom: 1rem;
    font-size: 14px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .css-content h4 {
      font-size: 20px;
      line-height: 28px; } }
.css-content h5{
	margin-bottom: 0.75rem;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .css-content h5 {
      font-size: 14px;
      line-height: 24px; } }
.css-content h6{
	margin-bottom: 0.5rem;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    .css-content h6 {
      font-size: 14px;
      line-height: 20px; } }
.css-content p, .css-content span{
	margin-top: 1rem;
	margin-bottom: 1.5rem;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .css-content p, .css-content span {
      font-size: 14px;
      line-height: 24px; } }
.css-content strong{
	font-weight: 700;
    font-family: 'Aeonik-Bold';
    font-feature-settings: "ss01";
}
.css-content ul, .css-content ol{
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	margin-left: 1rem;
	list-style-type: disc;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .css-content ul, .css-content ol {
      font-size: 14px;
      line-height: 24px; } }
.css-content ul li, .css-content ol li{
	margin-bottom: 0.5rem;
}
.css-content ul span, .css-content ol span{
	margin-top: 0px;
	margin-bottom: 0px;
}
.css-content ol{
	list-style-type: decimal;
}
.css-content a{
	text-decoration: underline;
}
header, #big-menu .header{
	position: fixed;
	background-color: transparent;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    header, #big-menu .header {
      font-size: 14px;
      line-height: 20px; } }
header, #big-menu .header{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue header, .section-blue #big-menu .header{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark header, .section-dark #big-menu .header{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark header, .theme-dark #big-menu .header{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover header, a:hover #big-menu .header{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover header, .section-blue a:hover #big-menu .header{
	--tw-text-opacity: 1;
}
.section-dark a:hover header, .section-dark a:hover #big-menu .header{
	--tw-text-opacity: 1;
}
.theme-dark a:hover header, .theme-dark a:hover #big-menu .header{
	--tw-text-opacity: 1;
}
@media (min-width: 1280px){
  header, #big-menu .header {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    header, #big-menu .header {
      font-size: 14px;
      line-height: 24px; } }
}
header {
    /*.theme-dark & { @apply border-white border-opacity-30; }*/
    background-color: white;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    /*
		#Alteia-logo_DARK,
		.picto-search {
			.theme-dark & { @apply filter invert brightness-0; }
		}*/
    /*
		.careers{
			display:none;
			background:#072bff;
			color:white;
			width:90px;
			height:80px;
			text-align:left;
			padding-left:9px;
			line-height:80px;
			text-transform:none;
			border-left:1px solid white;
			border-color: rgba(255, 255, 255, 0.3) !important;
		}*/ }
header.active {
      box-shadow: none !important;
      color: var(--color-grey-dark2);
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 400ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border-color: rgba(36, 36, 40, 0.3) !important; }
header.active #Alteia-logo_DARK, header.active .picto-search {
        filter: none !important; }
header.active .logo {
        border-color: rgba(36, 36, 40, 0.3) !important; }
header.darkhover {
      background: var(--color-grey-dark2);
      border-color: rgba(255, 255, 255, 0.3) !important; }
header.darkhover #Alteia-logo_DARK, header.darkhover .picto-search {
        filter: brightness(0) invert(1) !important; }
header.darkhover .logo {
        border-color: rgba(255, 255, 255, 0.3) !important; }
header.darkhover a.main {
        color: white; }
header.darkhover .btn {
        border-color: white !important;
        color: white !important; }
header a.main {
      font-size: 12px;
      letter-spacing: 2px;
      color: var(--color-grey-dark2); }
header .burger, header .logo {
      /*.theme-dark & { @apply border-white border-opacity-30; }*/
      height: 55px;
      border-color: rgba(36, 36, 40, 0.3) !important; }
header .burger .burger-line, header .logo .burger-line {
        background: rgba(36, 36, 40, 0.3) !important; }
header .btn {
      border-color: var(--color-grey-dark2) !important;
      color: var(--color-grey-dark2) !important;
      text-transform: none; }
header .btn .btn-small {
        padding-left: 1rem;
        padding-right: 1rem; }
header .login {
      display: none;
      background: #072bff;
      color: white;
      width: 125px;
      height: 80px;
      text-align: center;
      line-height: 80px;
      text-transform: none; }
header .login img {
        height: 20px;
        width: 20px;
        margin-left: 10px;
        display: inline-block;
        filter: none !important; }
header .js-search-form {
      transition: top .4s; }
.first-is-blue {
    /*.breadcrumb:not(.header-bg-color) {
			@apply border-white border-opacity-30;

			ul {
			 	li {
			 		@apply text-white text-opacity-70;

			 		&:hover { @apply text-white text-opacity-100; }

			 		&:after {
			 			@apply filter-none;
			 		}
			 	}
			}
		}*/ }
.first-is-blue header:not(.header-bg-color){
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.first-is-blue header:not(.header-bg-color) #Alteia-logo_DARK, .first-is-blue header:not(.header-bg-color) .picto-search{
	--tw-brightness: brightness(0);
	filter: var(--tw-filter);
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.first-is-blue header:not(.header-bg-color) .burger, .first-is-blue header:not(.header-bg-color) .logo{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.first-is-blue header:not(.header-bg-color) .burger .burger-line, .first-is-blue header:not(.header-bg-color) .logo .burger-line{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.first-is-blue header:not(.header-bg-color) .btn{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.first-is-blue header:not(.header-bg-color) .btn:hover, .first-is-blue header:not(.header-bg-color) .btn:focus {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.first-is-blue header:not(.header-bg-color) .main-menu ul li{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.first-is-blue header:not(.header-bg-color) .main-menu ul li > a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 1;
}
.first-is-blue #breadcrumbs:not(.header-bg-color){
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.first-is-blue #breadcrumbs:not(.header-bg-color) a{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.first-is-blue #breadcrumbs:not(.header-bg-color) a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 1;
}
.first-is-blue #breadcrumbs:not(.header-bg-color) a:after{
	filter: none;
}
/*.breadcrumb {
		@apply z-99 fixed top-14 lg:top-20 -m-0.5 w-screen py-2 md:py-4 px-6 md:px-8 xl:px-10 
				border-b border-grey-dark border-opacity-30;

		.theme-dark & { @apply border-white border-opacity-30; }

		ul {

		 	li {

		 		&:after {
		 			content: url("../img/arrow.svg");
		 			width: 6px;
		 			height: 13px;
		 			display: inline-block;
		 			margin: 0px 12px 0;
		 			position: relative;
		 			top: 0;
		 			@apply filter invert;

		 			.theme-dark & { @apply filter-none; }
		 		}
		 	}
		}
	}*/
#breadcrumbs{
	position: fixed;
	top: 3.5rem;
	z-index: 99;
	margin: -0.125rem;
	display: block;
	width: 100vw;
	border-bottom-width: 1px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	letter-spacing: .025em;
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01";
}
#big-menu #breadcrumbs {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
#big-menu .col-span-full#breadcrumbs {
      width: 100%; }
#big-menu .darkblock #breadcrumbs {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
#breadcrumbs {
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    #breadcrumbs {
      line-height: 20px; } }
#breadcrumbs{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue #breadcrumbs{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark #breadcrumbs{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark #breadcrumbs{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover #breadcrumbs{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover #breadcrumbs{
	--tw-text-opacity: 1;
}
.section-dark a:hover #breadcrumbs{
	--tw-text-opacity: 1;
}
.theme-dark a:hover #breadcrumbs{
	--tw-text-opacity: 1;
}
#breadcrumbs{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.theme-dark #breadcrumbs{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-dark #breadcrumbs{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-blue #breadcrumbs{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
@media (min-width: 768px){
	#breadcrumbs{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#breadcrumbs{
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media (min-width: 1024px){
	#breadcrumbs{
		top: 5rem;
	}
}
@media (min-width: 1280px){
	#breadcrumbs{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}
#breadcrumbs .breadcrumb_last{
	display: none;
}
#breadcrumbs a:after {
      content: url("../img/arrow.svg");
      width: 6px;
      height: 13px;
      display: inline-block;
      margin: 0px 12px 0;
      position: relative;
      top: 0;
      --tw-invert: invert(100%);
      filter: var(--tw-filter);
      filter: var(--tw-filter); }
.theme-dark #breadcrumbs a:after{
	filter: none;
}
.theme-light .header-bg-color {
      box-shadow: inset 0 200px 0 0 var(--color-grey-light); }
.theme-dark .header-bg-color {
      box-shadow: inset 0 200px 0 0 var(--color-grey-dark);
      border-color: rgba(255, 255, 255, 0.3) !important; }
.theme-dark .header-bg-color #Alteia-logo_DARK, .theme-dark .header-bg-color .picto-search {
        filter: brightness(0) invert(1) !important; }
.theme-dark .header-bg-color a.main {
        color: white; }
.theme-dark .header-bg-color .btn {
        border-color: white !important;
        color: white !important; }
.theme-dark .header-bg-color .burger, .theme-dark .header-bg-color .logo {
        border-color: rgba(255, 255, 255, 0.3) !important; }
.theme-dark .header-bg-color .burger .burger-line, .theme-dark .header-bg-color .logo .burger-line {
          background: rgba(255, 255, 255, 0.3) !important; }
.theme-dark .header-bg-color.active:not(.darkhover) {
        border-color: rgba(36, 36, 40, 0.3) !important; }
.theme-dark .header-bg-color.active:not(.darkhover) #Alteia-logo_DARK, .theme-dark .header-bg-color.active:not(.darkhover) .picto-search {
          filter: none !important; }
.theme-dark .header-bg-color.active:not(.darkhover) a.main {
          color: var(--color-grey-dark2); }
.theme-dark .header-bg-color.active:not(.darkhover) .burger, .theme-dark .header-bg-color.active:not(.darkhover) .logo {
          border-color: rgba(36, 36, 40, 0.3) !important; }
.theme-dark .header-bg-color.active:not(.darkhover) .burger .burger-line, .theme-dark .header-bg-color.active:not(.darkhover) .logo .burger-line {
            background: rgba(36, 36, 40, 0.3) !important; }
.theme-dark .header-bg-color.active:not(.darkhover) .btn {
          border-color: var(--color-grey-dark2) !important;
          color: var(--color-grey-dark2) !important; }
#big-menu {
    background: #F4F4F4;
    /*
		.header {
			#Alteia-logo_DARK,
			.picto-search {
				@apply filter invert;
			}
		}*/ }
#big-menu .border-grey-white {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)) !important; }
#big-menu .btn {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      width: 90%;
      line-height: 24px; }
#big-menu .loginmenu {
      background: #072bff;
      color: white;
      width: 100%;
      height: 80px;
      text-align: center;
      line-height: 80px;
      text-transform: none; }
#big-menu .loginmenu img {
        margin-left: 5px;
        filter: none;
        display: inline;
        width: 20px; }
#big-menu .careersmenu {
      background: #072bff;
      color: white;
      width: 100%;
      height: 80px;
      text-align: center;
      line-height: 80px;
      text-transform: none;
      border-right: 1px solid white;
      border-color: rgba(255, 255, 255, 0.3) !important; }
#big-menu .careersmenu img {
        margin-left: 5px;
        --tw-invert: invert(100%);
        filter: var(--tw-filter);
        filter: var(--tw-filter);
        display: inline; }
#big-menu .col-span-full.w-screen {
      width: 100% !important; }
#big-menu .darkblock {
      background: var(--color-grey-dark2);
      color: white; }
#big-menu .darkblock a {
        color: white; }
#big-menu .darkblock .arrow-link img {
        filter: invert(1); }
#big-menu .darkblock .border-grey-white {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important; }
.main-menu ul li, .policy-menu ul li{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	display: inline-block;
	vertical-align: middle;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .main-menu ul li, .section-blue .policy-menu ul li{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .main-menu ul li, .section-dark .policy-menu ul li{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .main-menu ul li, .theme-dark .policy-menu ul li{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .main-menu ul li, a:hover .policy-menu ul li{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .main-menu ul li, .section-blue a:hover .policy-menu ul li{
	--tw-text-opacity: 1;
}
.section-dark a:hover .main-menu ul li, .section-dark a:hover .policy-menu ul li{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .main-menu ul li, .theme-dark a:hover .policy-menu ul li{
	--tw-text-opacity: 1;
}
@media (min-width: 1280px){
	.main-menu ul li, .policy-menu ul li{
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
}
.main-menu ul li:first-child, .policy-menu ul li:first-child{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
}
.main-menu ul li > a:hover, .policy-menu ul li > a:hover{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .main-menu ul li > a:hover, .section-blue .policy-menu ul li > a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .main-menu ul li > a:hover, .section-dark .policy-menu ul li > a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .main-menu ul li > a:hover, .theme-dark .policy-menu ul li > a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.menu-burger {
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    padding-top: 1.5rem; }
@media (min-width: 1024px){
	.menu-burger{
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
    .menu-burger {
      margin-top: 1.2rem;
      margin-bottom: 1.1rem; }
}
.js-search-form .menu-burger, #big-menu .menu-burger{
	margin-top: 0.5rem;
	--tw-rotate: 45deg;
	transform: var(--tw-transform);
	--tw-scale-x: .75;
	--tw-scale-y: .75;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
@media (min-width: 1024px){
	.js-search-form .menu-burger, #big-menu .menu-burger{
		margin-top: 1rem;
	}
	.js-search-form .menu-burger, #big-menu .menu-burger{
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: var(--tw-transform);
	}
}
.menu-burger .burger-line{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	width: 2rem;
	transform-origin: center;
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.theme-dark .menu-burger .burger-line{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
#big-menu .menu-burger .burger-line{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.js-search-form .menu-burger .burger-line{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.menu-burger .burger-line:first-child{
	top: -0.25rem;
	left: 0px;
}
#big-menu .menu-burger .burger-line:first-child{
	top: 0px;
}
.js-search-form .menu-burger .burger-line:first-child{
	top: 0px;
}
.menu-burger .burger-line:last-child{
	top: 0.25rem;
	right: 0px;
}
#big-menu .menu-burger .burger-line:last-child{
	top: -1px;
	--tw-rotate: 90deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
.js-search-form .menu-burger .burger-line:last-child{
	top: -1px;
	--tw-rotate: 90deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
.menu-burger:hover .burger-line:first-child, .menu-burger.active .burger-line:first-child{
	left: 0.5rem;
}
.js-search-form .menu-burger:hover .burger-line:first-child, #big-menu .menu-burger:hover .burger-line:first-child, .js-search-form .menu-burger.active .burger-line:first-child, #big-menu .menu-burger.active .burger-line:first-child{
	left: 0px;
}
.menu-burger:hover .burger-line:last-child, .menu-burger.active .burger-line:last-child{
	right: 0.5rem;
}
.js-search-form .menu-burger:hover .burger-line:last-child, #big-menu .menu-burger:hover .burger-line:last-child, .js-search-form .menu-burger.active .burger-line:last-child, #big-menu .menu-burger.active .burger-line:last-child{
	right: 0px;
}
#big-menu ul.bg-links .li{
	margin-bottom: 0.5rem;
}
#big-menu ul.bg-links .li a{
	font-weight: 500;
	letter-spacing: .1em;
	opacity: 0.8;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    #big-menu ul.bg-links .li a {
      font-size: 14px;
      line-height: 20px; } }
#big-menu ul.bg-links .li a:hover{
	opacity: 1;
}
/* SOFTWARE AI Platform */
.ai-platform{
	position: relative;
	width: auto;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    .ai-platform {
      font-size: 14px;
      line-height: 20px; } }
.ai-platform{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .ai-platform{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .ai-platform{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .ai-platform{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .ai-platform{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .ai-platform{
	--tw-text-opacity: 1;
}
.section-dark a:hover .ai-platform{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .ai-platform{
	--tw-text-opacity: 1;
}
@media (min-width: 1280px){
  .ai-platform {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .ai-platform {
      font-size: 14px;
      line-height: 24px; } }
}
.ai-platform li{
	position: relative;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	display: block;
	text-align: center;
	vertical-align: middle;
}
@media (min-width: 768px){
	.ai-platform li{
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
	}
	.ai-platform li{
		display: inline-block;
	}
	.ai-platform li{
		width: 5rem;
	}
}
@media (min-width: 1024px){
	.ai-platform li{
		width: 6rem;
	}
}
@media (min-width: 1280px){
	.ai-platform li{
		width: 8rem;
	}
}
.ai-platform li a{
	position: relative;
}
.ai-platform li.active{
	pointer-events: none;
	margin-left: 2.5rem;
	margin-right: 2.5rem;
	width: 9rem;
	font-weight: 300;
	letter-spacing: .4rem;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-family: 'Aeonik-Light';
    font-feature-settings: "ss01";
    font-size: 24px;
    line-height: 32px;
}
@media (min-width: 768px) {
    .ai-platform li.active {
      font-size: 28px;
      line-height: 36px; } }
@media (min-width: 1024px) {
    .ai-platform li.active {
      font-size: 32px;
      line-height: 42px; } }
@media (min-width: 1280px) {
    .ai-platform li.active {
      font-size: 36px;
      line-height: 50px; } }
.ai-platform li.active {
        white-space: nowrap; }
.ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 500ms;
          opacity: 1;
          top: -71%;
}
@media (min-width: 768px) {
    .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
      top: -50%;
      transform: scale(0.9); } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
      top: -40%;
      transform: scale(1); } }
@media (min-width: 1280px) {
    .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
      top: -30%; } }
.ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 500ms;
          opacity: 1;
          top: -71%;
}
@media (min-width: 768px) {
    .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
      top: -50%;
      transform: scaleX(-0.9) scaleY(0.9); } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
      top: -40%;
      transform: scaleX(-1) scaleY(1); } }
@media (min-width: 1280px) {
    .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
      top: -30%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-fuse:before {
      left: 94%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-fuse:before {
      left: 123%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-fuse:after {
      left: -14%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-fuse:after {
      left: -34%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-build:before {
      left: 98%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-build:before {
      left: 126%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-build:after {
      left: -16%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-build:after {
      left: -36%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-deploy:before {
      left: 99%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-deploy:before {
      left: 119%; } }
@media (min-width: 768px) {
    .ai-platform li.active.item-deploy:after {
      left: -16%; } }
@media (min-width: 1024px) {
    .ai-platform li.active.item-deploy:after {
      left: -28%; } }
.ai-platform li.active.to-reveal{
	overflow: hidden;
}
.ai-platform li.active.to-reveal.item-fuse:before {
            left: 80%;
            opacity: 0; }
.ai-platform li.active.to-reveal.item-fuse:after {
            left: -3%;
            opacity: 0; }
.ai-platform li.active.to-reveal.item-build:before {
            left: 67%;
            opacity: 0; }
.ai-platform li.active.to-reveal.item-build:after {
            left: 12%;
            opacity: 0; }
.ai-platform li.active.to-reveal.item-deploy:before {
            left: 52%;
            opacity: 0; }
.ai-platform li.active.to-reveal.item-deploy:after {
            left: 38%;
            opacity: 0; }
.ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before{
	position: absolute;
	display: block;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
        content: url("../img/bracket-build.svg");
        height: 77px;
        width: 16px;
        top: -126%;
        left: 95%;
        transform: scale(0.4);
        opacity: 0;
}
@media (min-width: 768px) {
    .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
      left: 50%;
      top: -126%; } }
@media (min-width: 1024px) {
    .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
      left: 50%;
      top: -143%; } }
@media (min-width: 1280px) {
    .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
      left: 50%;
      top: -110%; } }
.ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after{
	position: absolute;
	display: block;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
        content: url("../img/bracket-build.svg");
        height: 77px;
        width: 16px;
        top: -126%;
        left: -10%;
        transform: rotate(180deg) scale(0.4);
        opacity: 0;
}
@media (min-width: 768px) {
    .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
      left: 50%;
      top: -126%; } }
@media (min-width: 1024px) {
    .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
      left: 40%;
      top: -143%; } }
@media (min-width: 1280px) {
    .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
      left: 40%;
      top: -110%; } }
.ai-platform li.item-fuse:hover, .ai-platform li.item-deploy:hover, .ai-platform li.item-build:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
          left: 70%;
          opacity: 1; }
@media (min-width: 768px) {
    .ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
      left: 85%; } }
@media (min-width: 1280px) {
    .ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
      left: 80%; } }
.ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
          left: 18%;
          opacity: 1; }
@media (min-width: 768px) {
    .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
      left: -14%; } }
@media (min-width: 1024px) {
    .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
      left: -6%; } }
@media (min-width: 1280px) {
    .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
      left: 3.5%; } }
.ai-platform li.item-build:before {
        content: url("../img/bracket-build.svg"); }
.ai-platform li.item-build:after {
        content: url("../img/bracket-build.svg"); }
.ai-platform li.item-fuse:before {
        content: url("../img/bracket-fuse.svg"); }
.ai-platform li.item-fuse:after {
        content: url("../img/bracket-fuse.svg"); }
.ai-platform li.item-deploy:before {
        content: url("../img/bracket-deploy.svg"); }
.ai-platform li.item-deploy:after {
        content: url("../img/bracket-deploy.svg"); }
/* SOFTWARE AI Platform new */
.aethermenu {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white; }
.aethermenu span {
      opacity: 0.3; }
.aethermenu a {
      opacity: 0.3;
      color: white; }
.aethermenu a:hover, .aethermenu a.active {
        opacity: 1; }
.aethermenu .line {
      border-bottom: 1px solid white;
      width: calc(100% - 220px);
      float: right;
      height: 12px; }
.custom-cursor{
	pointer-events: none;
	position: absolute;
	z-index: 100;
	height: 3rem;
	width: 3rem;
	opacity: 0;
}
.custom-cursor.fuse{
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(0, 231, 255, var(--tw-bg-opacity));
}
.custom-cursor.build{
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
}
.custom-cursor.deploy{
	--tw-rotate: 45deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	border-radius: 0.375rem;
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
#fuse .js-accordion, #fuse .js-accordion a {
    cursor: url("../img/cursor-fuse.png") 7 7, auto; }
#build .js-accordion, #build .js-accordion a {
    cursor: url("../img/cursor-build.png") 7 7, auto; }
#deploy .js-accordion, #deploy .js-accordion a {
    cursor: url("../img/cursor-deploy.png") 7 7, auto; }
.js-accordion .accordion-item-arrow{
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.js-accordion .active .accordion-item-arrow{
	--tw-rotate: -90deg;
	transform: var(--tw-transform);
}
.nofilter {
    filter: none !important; }
.menuline {
    line-height: 78px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    opacity: 0.7; }
.menuline a {
      color: var(--color-grey-dark2); }
.menuline .industriesmenu span {
      display: flex;
      height: 45px;
      line-height: normal;
      align-items: center; }
.menuline .submenu {
      color: var(--color-grey-dark2);
      /*display:none;*/
      /*display:flex;*/
      position: absolute;
      /*top:-600px;*/
      top: 80px;
      max-height: 0px;
      overflow: hidden;
      left: 0px;
      width: 100%;
      /*min-height:135px;*/
      background: white;
      text-align: center;
      z-index: 1001;
      line-height: normal;
      text-transform: none;
      font-size: 14px;
      /*@apply transition-all duration-400 ease-out;*/
      opacity: 0;
      transition: max-height 0.5s ease-out;
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
      text-align: left;
      /*
		ul{
			li{
				margin-left:3rem;
				margin-right:3rem;
				max-width:360px;
			}
		}
		
		.h-135{
			height:135px;
		}
		.h-220{
			height:220px;
			padding-top:40px;
		}
		.h-150{
			height:150px;
			padding-top:20px;
			li{
				margin-left:0.5rem;
				margin-right:0.5rem;
				width:23%;
				span{
					width:40px;
					margin-right:15px;
					img{
						max-width:40px;
						max-height:40px;
						display:inline-block;
						filter: saturate(0);
					}
				}
			}
			a:hover img{
				filter:none;
			}		
		}*/ }
.menuline .submenu .grid {
        padding: 50px 70px 50px 70px; }
.menuline .submenu .grid h4 {
          font-size: 16px;
          font-weight: normal; }
.menuline .submenu lottie-player {
        float: left;
        margin-right: 20px; }
.menuline .submenu lottie-player.off {
          filter: invert(1) brightness(0); }
.menuline .submenu a {
        color: var(--color-grey-dark2);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        display: block;
        padding-top: 10px;
        border-top: 1px solid rgba(26, 26, 26, 0.3);
        min-height: 60px; }
.menuline .submenu a span {
          font-size: 12px;
          letter-spacing: 2px; }
.menuline .submenu a:hover {
        color: var(--color-blue-DEFAULT) !important; }
.menuline:hover {
    border-bottom: 2px solid var(--color-blue-DEFAULT);
    opacity: 1; }
.menuline:hover a.main {
      color: var(--color-blue-DEFAULT) !important; }
.menuline:hover .submenu {
      /*display:block;*/
      /*top:80px;*/
      /*max-height:fit-content;*/
      /*max-height:135px;*/
      max-height: 600px;
      opacity: 1;
      /*@apply transition-all duration-400 ease-out;*/
      transition: all 0.5s ease-out; }
.menuline.darkhover:hover {
    border-bottom: 2px solid white; }
.menuline.darkhover:hover a.main {
      color: white !important; }
.menuline.darkhover:hover .submenu {
      background: var(--color-grey-dark2);
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      font-weight: 500;
      line-height: 36px;
      text-align: left; }
.menuline.darkhover:hover .submenu .grid {
        padding: 30px 50px 30px 50px; }
.menuline.darkhover:hover .submenu .grid a {
          line-height: 24px;
          padding-top: 30px;
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, var(--tw-text-opacity));
          opacity: 0.7;
          border-top: 1px solid white; }
.menuline.darkhover:hover .submenu .grid a:hover {
            opacity: 1;
            color: white !important; }
.menuline.darkhover:hover .submenu img {
        width: 100%;
        margin-bottom: 50px; }
/*
.menuline:hover ~ .stickymenublog {
	display:none !important;
}*/
.menuline:hover ~ body {
    display: none !important; }
@media (min-width: 1024px) {
    .burger {
      display: none; }
    .careers, .login {
      display: inline-block !important; }
    .burger, .logo {
      height: 80px !important; } }
@media (min-width: 1280px) {
    .menuline {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      font-size: 14px; } }
.switchlang a {
    color: white; }
.switchlang a:hover {
      text-decoration: underline; }
.btn{
	display: inline-block;
	cursor: pointer;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	background-color: transparent;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .btn {
      font-size: 14px;
      line-height: 24px; } }
.section-white .btn{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.section-blue .btn{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .btn{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .btn{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.bgwhite .btn{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.bgwhite .btn img {
        filter: invert(1); }
header.active .btn {
      border-color: #242428 !important;
      color: #242428 !important; }
.btn:hover, .btn.active {
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.section-blue .btn:hover, .section-blue .btn.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.section-blue .btn:hover img, .section-blue .btn.active img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
.section-dark .btn:hover, .section-dark .btn.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.theme-dark .btn:hover, .theme-dark .btn.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.bgwhite .btn:hover, .bgwhite .btn.active {
        box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
        --tw-border-opacity: 1;
        border-color: rgba(7, 43, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.bgwhite .btn:hover img, .bgwhite .btn.active img {
          filter: invert(0); }
.btn-h-min{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.btn-small{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.btn-invert{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn-invert:hover, .btn-invert:focus {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.arrow-link{
	display: inline-block;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.theme-dark .arrow-link img{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.section-dark .arrow-link img{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.section-blue .arrow-link img{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
#big-menu a:hover .arrow-link img{
	right: -0.5rem;
}
#big-menu a:focus .arrow-link img{
	right: -0.5rem;
}
a:hover .arrow-link{
	margin-left: 1.25rem;
}
a:focus .arrow-link{
	margin-left: 1.25rem;
}
@media (min-width: 1280px) {
    #big-menu .section-title .arrow-link{
		display: none;
	} }
a.hover-blue:hover{
	--tw-text-opacity: 1;
	color: rgba(7, 43, 255, var(--tw-text-opacity));
	opacity: 1;
}
.section-blue a.hover-blue:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
a.hover-blue:hover p, a.hover-blue:hover h3, a.hover-blue:hover .p-text{
	--tw-text-opacity: 1;
	color: rgba(7, 43, 255, var(--tw-text-opacity));
	opacity: 1;
}
.section-blue a.hover-blue:hover p, .section-blue a.hover-blue:hover h3, .section-blue a.hover-blue:hover .p-text{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
a.hover-blue:hover .arrow-link{
	right: -2rem;
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%);
}
.section-blue a.hover-blue:hover .arrow-link{
	filter: none;
}
a.rsc-prev-next:hover > div{
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
a.rsc-prev-next:hover img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
a.title-rsc-prev-next{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
a.title-rsc-prev-next img{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
a.title-rsc-prev-next:hover > div{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
a.title-rsc-prev-next:hover img{
	filter: none;
}
.social-svg {
    height: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto; }
.section-blue .social-svg{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.section-dark .social-svg{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.theme-dark .social-svg{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
#big-menu .social-svg {
      /*@apply filter invert;*/
      filter: none; }
.mentions a:hover{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .mentions a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .mentions a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .mentions a:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.customer:hover .img-wrapper {
    transform: scale(1.25); }
.customer:hover .layer-blue{
	top: 0px;
}
.customer:hover .layer-text{
	top: 33.333333%;
}
.customer:hover .c-description{
	opacity: 1;
}
.industry:hover .img-wrapper {
    transform: scale(1.25); }
.industry:hover .layer-blue{
	top: 0px;
}
.industry:hover .layer-text{
	top: 50%;
}
.customers-menu{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 400ms;
}
.customers-menu.sticky-32 {
      top: calc(5.25rem + 3px) !important; }
@media (min-width: 768px) {
    .customers-menu.sticky-32 {
      top: calc(6rem + 3px) !important; } }
@media (min-width: 1024px) {
    .customers-menu.sticky-32 {
      top: calc(8rem + 3px) !important; } }
.customers-menu .menu-container{
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 400ms;
}
@media (min-width: 768px){
	.customers-menu .menu-container{
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media (min-width: 1024px){
	.customers-menu .menu-container{
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
.customers-menu.real-w-full .menu-container{
	padding-left: 0px;
	padding-right: 0px;
}
.customer-section-first{
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0.5rem;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.stickymenublog .customer-section-first {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .customer-section-first div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .customer-section-first {
        height: 80px; }
     {
      display: block; }
    .customer-section-first{
		padding-left: 1rem;
	} }
#js-submenu-cat-list-btn .customer-section-first{
	padding-left: 2rem;
}
.customer-section-first:hover{
	--tw-text-opacity: 1;
}
.customer-section{
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.stickymenublog .customer-section {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .customer-section div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .customer-section {
        height: 80px; }
     {
      display: block; } }
#js-submenu-cat-list .customer-section{
	margin-left: 1.5rem;
	justify-content: flex-start;
	text-align: left;
	text-transform: none;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
@media (min-width: 1024px){
	#js-submenu-cat-list .customer-section{
		margin-left: 0px;
	}
}
@media (min-width: 1280px){
	#js-submenu-cat-list .customer-section{
		margin-left: 0.5rem;
	}
}
#js-submenu-cat-list .customer-section:hover{
	--tw-text-opacity: 1;
}
.customer-section:hover{
	--tw-text-opacity: 1;
}
.normaltxt {
    text-transform: none; }
.bk-card-blog .hover-text{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.bk-card-blog .hover-text > img{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.bk-card-blog:hover .hover-text > p{
	--tw-text-opacity: 1;
	color: rgba(7, 43, 255, var(--tw-text-opacity));
}
.bk-card-blog:hover .hover-text > img{
	margin-left: 2.5rem;
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%);
}
@media (min-width: 1024px){
	.bk-card-blog:hover .hover-text > img{
		margin-left: 3.5rem;
	}
}
@media (min-width: 1280px){
	.bk-card-blog:hover .hover-text > img{
		margin-left: 4.5rem;
	}
}
.bk-card-blog:hover .blog-img{
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}
.js-pause-vid, .js-play-vid{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stickymenublog .js-pause-vid, .stickymenublog .js-play-vid {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .js-pause-vid div, .stickymenublog .js-play-vid div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .js-pause-vid, .stickymenublog .js-play-vid {
        height: 80px; }
    ,  {
      display: block; } }
.js-pause-vid .border-play-pause, .js-play-vid .border-play-pause{
	height: 4rem;
	width: 4rem;
	transform-origin: center;
	transform: var(--tw-transform);
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	background-color: transparent;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.js-pause-vid:hover .border-play-pause, .js-play-vid:hover .border-play-pause{
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}
.js-sound-on {
    top: 10px;
    right: 10px;
    border-radius: 23px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 40px; }
.js-sound-on img {
      display: inline-block; }
.js-pause-vid{
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
/*.js-pause-wrapper:hover {
		.js-pause-vid {
			@apply opacity-100;
		}
	}*/
.saas-app-pictos{
	display: flex;
	height: 100%;
	width: 100%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.stickymenublog .saas-app-pictos {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .saas-app-pictos div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos {
        height: 80px; }
     {
      display: block; } }
.saas-app-pictos img{
	position: relative;
	display: block;
	height: auto;
	width: 50%;
	transform-origin: center;
	--tw-scale-x: .80;
	--tw-scale-y: .80;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
@media (min-width: 640px){
	.saas-app-pictos img{
		width: 40%;
	}
}
@media (min-width: 768px){
	.saas-app-pictos img{
		height: auto;
	}
}
.saas-app-pictos:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
.saas-app-pictos:hover img {
        transform: translateY(-10px) scale(0.8); }
@media (min-width: 1024px) {
    .saas-app-pictos:hover img {
      transform: translateY(-15px) scale(0.8); } }
@media (min-width: 1280px) {
    .saas-app-pictos:hover img {
      transform: translateY(-20px) scale(0.8); } }
.saas-app-pictos2 {
    padding-top: 10%;
    padding-bottom: 10%;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
.stickymenublog .saas-app-pictos2 {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .saas-app-pictos2 div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos2 {
        height: 80px; }
     {
      display: block; } }
.saas-app-pictos2 img {
      width: 15%; }
.saas-app-pictos2:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
.saas-app-pictos3 {
    padding-top: 10%;
    padding-bottom: 10%;
    color: var(--color-grey-dark);
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
.stickymenublog .saas-app-pictos3 {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .saas-app-pictos3 div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos3 {
        height: 80px; }
     {
      display: block; } }
.saas-app-pictos3 img {
      width: 100%; }
.saas-app-pictos3 ul {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 20px; }
.saas-app-pictos3 ul li {
        list-style: disc; }
.saas-app-pictos4 {
    padding-top: 5%;
    padding-bottom: 5%;
    /*color:var(--color-grey-dark);*/
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.saas-app-pictos4 img {
      width: 100%; }
.saas-app-pictos4 a {
      margin-top: 20px;
      margin-bottom: 20px;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      text-decoration: underline; }
.saas-app-pictos4 a img {
        height: auto;
        width: auto; }
.saas-app-pictos4 ul {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 20px; }
.saas-app-pictos4 ul li {
        list-style: disc; }
.saas-app-pictos5 {
    padding-top: 5%;
    padding-bottom: 5%; }
.saas-app-pictos5 li {
      margin-bottom: 40px;
      opacity: 0.7;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.saas-app-pictos5 li span {
        width: 40px;
        margin-right: 45px;
        display: inline-block; }
.saas-app-pictos5 li span img {
          height: auto;
          max-width: 40px;
          max-height: 40px;
          display: inline-block;
          filter: brightness(0) invert(1); }
.saas-app-pictos6 {
    padding-top: 5%;
    padding-bottom: 5%; }
.saas-app-pictos6 img {
      /*margin-top:20px;*/
      /*height:80px;*/
      margin-bottom: 20px;
      display: inline-block;
      margin-right: 20px !important;
      margin-left: 20px !important; }
.saas-app-pictos7 {
    padding-top: 5%;
    padding-bottom: 5%; }
.saas-app-pictos7 ul {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 20px;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.saas-app-pictos7 ul li {
        list-style: disc; }
.saas-app-pictos8 {
    padding-top: 5%;
    padding-bottom: 5%; }
.saas-app-pictos8-container {
    position: relative;
    padding-bottom: 40px; }
.saas-app-pictos8-container .btn {
      position: absolute;
      bottom: 0; }
.applications-item{
	margin: 0px;
	display: flex;
	width: 33.333333%;
	flex-direction: column;
	justify-content: center;
	padding-left: 1rem;
	padding-right: 1rem;
}
@media (min-width: 1024px){
	.applications-item{
		margin-bottom: 2rem;
	}
	.applications-item{
		width: 80%;
	}
	.applications-item{
		flex-direction: row;
	}
	.applications-item{
		align-items: center;
	}
	.applications-item{
		padding-left: 0px;
		padding-right: 0px;
	}
    .stickymenublog .applications-item {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
      .stickymenublog .applications-item div {
        padding-top: 2px;
        padding-bottom: 2px; }
  @media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .applications-item {
        height: 80px; }
     {
      display: block; } }
}
.applications-item > img{
	margin-left: auto;
	margin-right: auto;
	width: 5rem;
}
@media (min-width: 1024px){
	.applications-item > img{
		margin-left: 0px;
		margin-right: 0px;
	}
}
.applications-item > p{
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	opacity: 0.8;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .applications-item > p {
      font-size: 14px;
      line-height: 24px; }
    .applications-item > p{
		margin-top: 0px;
	}
    .applications-item > p{
		margin-left: 2rem;
	}
    .applications-item > p{
		text-align: left;
	} }
.applications-item:hover > p{
	opacity: 1;
}
.navigation.pagination{
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 100%;
}
@media (min-width: 768px){
	.navigation.pagination{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}
.navigation.pagination h2.screen-reader-text{
	display: none;
}
.navigation.pagination .nav-links{
	position: relative;
	height: 2rem;
	width: 100%;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    .navigation.pagination .nav-links {
      font-size: 14px;
      line-height: 20px; } }
.navigation.pagination .nav-links{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
}
.section-dark a:hover .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .navigation.pagination .nav-links{
	--tw-text-opacity: 1;
}
@media (min-width: 768px){
	.navigation.pagination .nav-links{
		height: 2.5rem;
	}
}
.navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
        text-indent: -9999px;
        left: 2.5rem;
        position: relative;
        z-index: 10;
        float: right;
        margin-left: 0.5rem;
        display: flex;
        height: 2rem;
        width: 2rem;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(36, 36, 40, var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
.stickymenublog .navigation.pagination .nav-links .prev, .stickymenublog .navigation.pagination .nav-links .next {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .navigation.pagination .nav-links .prev div, .stickymenublog .navigation.pagination .nav-links .next div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .navigation.pagination .nav-links .prev, .stickymenublog .navigation.pagination .nav-links .next {
        height: 80px; }
    ,  {
      display: block; } }
@media (min-width: 768px){
	.navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next{
		height: 2.5rem;
	}
	.navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next{
		width: 2.5rem;
	}
    .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
      left: 2.9rem; }
}
.navigation.pagination .nav-links .prev:hover, .navigation.pagination .nav-links .next:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
.navigation.pagination .nav-links .prev:hover:after, .navigation.pagination .nav-links .next:hover:after{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.navigation.pagination .nav-links .prev:after, .navigation.pagination .nav-links .next:after {
          content: "";
          background: url("../img/arrow-black.svg") no-repeat center center;
          width: 6px;
          height: 16px;
          display: block;
          position: absolute;
          transform: scaleX(1.2) scaleY(1.5); }
.navigation.pagination .nav-links .prev{
	left: -2.5rem;
}
@media (min-width: 768px) {
    .navigation.pagination .nav-links .prev{
		left: -3rem;
	} }
.navigation.pagination .nav-links .prev:after {
          transform: scaleX(1.2) scaleY(1.5) rotate(180deg); }
.navigation.pagination .nav-links .page-numbers:not(.next):not(.prev){
	position: relative;
	margin-right: 0.5rem;
	display: inline-block;
	border-width: 0px;
	background-image: none;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	opacity: 0.6;
        width: 15px;
        height: 15px;
        top: 9px;
        transition: margin 0.3s, opacity 0.3s;
}
.navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):hover{
	opacity: 0.8;
}
.navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):after{
	position: relative;
	display: block;
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.2;
          transition: width 0.3s;
          content: "";
          width: 0px;
          height: 1px;
          top: -9px;
          left: 20px;
}
.theme-dark .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):after{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.navigation.pagination .nav-links .page-numbers:not(.next):not(.prev).current{
	margin-right: 1.5rem;
	opacity: 1;
}
.navigation.pagination .nav-links .page-numbers:not(.next):not(.prev).current:after {
            width: 20px; }
.workflow-table th p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01"; }
@media (min-width: 1024px) {
    .workflow-table th p {
      font-size: 18px;
      line-height: 30px; } }
.workflow-table td p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase;
    opacity: 0.8;
    font-family: 'Aeonik-Light';
    font-feature-settings: "ss01"; }
@media (min-width: 1024px) {
    .workflow-table td p {
      line-height: 20px; } }
/*************************/
/**** CENTERED SWIPER ****/
/*************************/
.js-swiper-full-w.swiper-container, .js-swipper-centered.swiper-container{
	position: relative;
	z-index: 5;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	overflow: visible;
	padding: 0px;
}
.js-swiper-full-w.swiper-container .swiper-wrapper, .js-swipper-centered.swiper-container .swiper-wrapper{
	position: relative;
	z-index: 5;
	box-sizing: content-box;
	display: flex;
	height: 100%;
	width: auto;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.js-swiper-full-w.swiper-container .swiper-slide,
    .js-swipper-centered.swiper-container .swiper-slide {
      width: 70%;
      position: relative;
      flex-shrink: 0;
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms; }
@media (min-width: 640px) {
    .js-swiper-full-w.swiper-container .swiper-slide,
    .js-swipper-centered.swiper-container .swiper-slide {
      width: 550px; } }
@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-slide,
    .js-swipper-centered.swiper-container .swiper-slide {
      width: 650px; } }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-slide,
    .js-swipper-centered.swiper-container .swiper-slide {
      width: 856px; } }
.js-swiper-full-w.swiper-container .swiper-slide > img, .js-swipper-centered.swiper-container .swiper-slide > img{
	transform-origin: center;
	--tw-scale-x: .9;
	--tw-scale-y: .9;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	opacity: 0.4;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 500ms;
}
.js-swiper-full-w.swiper-container .swiper-slide-active > img, .js-swipper-centered.swiper-container .swiper-slide-active > img{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
	opacity: 1;
}
.js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: auto;
      right: 6%; }
@media (min-width: 640px) {
    .js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: calc(50% + 280px);
      right: auto; } }
@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: calc(50% + 340px); } }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: calc(50% + 450px); } }
@media (min-width: 1280px) {
    .js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: calc(50% + 470px); } }
.js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
      left: 6%;
      right: auto; }
@media (min-width: 640px) {
    .js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
      left: calc(50% - 315px); } }
@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
      left: calc(50% - 380px); } }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
      left: calc(50% - 490px); } }
@media (min-width: 1280px) {
    .js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
    .js-swipper-centered.swiper-container .swiper-button-prev,
    .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
      left: calc(50% - 510px); } }
.js-swiper-full-w.swiper-container .swiper-pagination,
    .js-swiper-full-w.swiper-container .swiper-legend,
    .js-swipper-centered.swiper-container .swiper-pagination,
    .js-swipper-centered.swiper-container .swiper-legend {
      width: 70%;
      position: relative;
      top: 0px;
      margin-left: auto;
      margin-right: auto; }
@media (min-width: 640px) {
    .js-swiper-full-w.swiper-container .swiper-pagination,
    .js-swiper-full-w.swiper-container .swiper-legend,
    .js-swipper-centered.swiper-container .swiper-pagination,
    .js-swipper-centered.swiper-container .swiper-legend {
      width: 550px; } }
@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-pagination,
    .js-swiper-full-w.swiper-container .swiper-legend,
    .js-swipper-centered.swiper-container .swiper-pagination,
    .js-swipper-centered.swiper-container .swiper-legend {
      width: 650px; }
    .js-swiper-full-w.swiper-container .swiper-pagination, .js-swiper-full-w.swiper-container .swiper-legend, .js-swipper-centered.swiper-container .swiper-pagination, .js-swipper-centered.swiper-container .swiper-legend{
		top: 1rem;
	} }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-pagination,
    .js-swiper-full-w.swiper-container .swiper-legend,
    .js-swipper-centered.swiper-container .swiper-pagination,
    .js-swipper-centered.swiper-container .swiper-legend {
      width: 856px; } }
/*************************/
/**** /CENTERED SWIPER ****/
/*************************/
.js-swiper-full-w.swiper-container .swiper-slide{
	position: relative;
	width: 100%;
	flex-shrink: 0;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.js-swiper-full-w.swiper-container .swiper-slide img{
	transform-origin: center;
	--tw-scale-x: .9;
	--tw-scale-y: .9;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	opacity: 0.4;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 500ms;
}
.js-swiper-full-w.swiper-container .swiper-slide-active img{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
	opacity: 1;
}
.js-swiper-full-w.swiper-container .swiper-button-next, .js-swiper-full-w.swiper-container .swiper-button-prev {
    top: 50%; }
.js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(99% - 40px);
    right: auto; }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-button-next,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev {
      left: calc(100% + 40px); } }
.js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next {
    left: 1%;
    right: auto; }
@media (min-width: 1024px) {
    .js-swiper-full-w.swiper-container .swiper-button-prev,
    .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next {
      left: -80px; } }
.js-swiper-full-w.swiper-container .swiper-legend{
	position: static;
	top: 0px;
	margin: 0px;
	width: 100%;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
	padding-bottom: 1rem;
}
@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-legend{
		padding-bottom: 1.5rem;
	} }
.js-swiper-full-w.swiper-container .swiper-pagination{
	position: static;
	top: 0px;
	margin: 0px;
	width: 100%;
	padding-bottom: 1rem;
	text-align: left;
}
@media (min-width: 768px){
	.js-swiper-full-w.swiper-container .swiper-pagination{
		padding-bottom: 2rem;
	}
}
.js-swiper-4-view.swiper-container .swiper-pagination, .js-swiper-2x4-view.swiper-container .swiper-pagination, .js-swiper-1x6-view.swiper-container .swiper-pagination, .js-swiper-careers-2x4-view.swiper-container .swiper-pagination, .js-swiper-2-view.swiper-container .swiper-pagination, .js-swiper-2-view-news.swiper-container .swiper-pagination, .js-swiper-2-view-application.swiper-container .swiper-pagination{
	position: static;
	top: 0px;
	margin: 0px;
	width: 100%;
	padding-bottom: 1rem;
	text-align: left;
}
@media (min-width: 768px){
	.js-swiper-4-view.swiper-container .swiper-pagination, .js-swiper-2x4-view.swiper-container .swiper-pagination, .js-swiper-1x6-view.swiper-container .swiper-pagination, .js-swiper-careers-2x4-view.swiper-container .swiper-pagination, .js-swiper-2-view.swiper-container .swiper-pagination, .js-swiper-2-view-news.swiper-container .swiper-pagination, .js-swiper-2-view-application.swiper-container .swiper-pagination{
		padding-bottom: 2rem;
	}
}
.js-swiper-2-view-application .swiper-button-next,
  .js-swiper-2-view-application .swiper-button-prev {
    bottom: 0px;
    right: 0px;
    top: auto; }
.js-swiper-2-view-application .swiper-button-prev {
    left: calc(100% - 90px); }
.swiper-button-next, .swiper-button-prev {
    top: 45%;
    position: absolute;
    z-index: 10;
    display: flex;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
.stickymenublog .swiper-button-next, .stickymenublog .swiper-button-prev {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .swiper-button-next div, .stickymenublog .swiper-button-prev div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .swiper-button-next, .stickymenublog .swiper-button-prev {
        height: 80px; }
    ,  {
      display: block; } }
@media (min-width: 768px){
	.swiper-button-next, .swiper-button-prev{
		height: 2.5rem;
	}
	.swiper-button-next, .swiper-button-prev{
		width: 2.5rem;
	}
}
@media (min-width: 640px) {
    .swiper-button-next, .swiper-button-prev {
      top: 50%; } }
.swiper-button-next:hover, .swiper-button-prev:hover{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.swiper-button-next:after, .swiper-button-prev:after {
      content: url("../img/arrow.svg");
      width: 6px;
      height: 16px;
      display: block;
      position: absolute;
      top: -103%;
      transform: scaleX(1.2) scaleY(1.5); }
@media (min-width: 768px) {
    .swiper-button-next:after, .swiper-button-prev:after {
      top: -73%; } }
.js-swiper-2x4-view .swiper-button-next, .js-swiper-2x4-view .swiper-button-prev, .js-swiper-1x6-view .swiper-button-next, .js-swiper-1x6-view .swiper-button-prev, .js-swiper-careers-2x4-view .swiper-button-next, .js-swiper-careers-2x4-view .swiper-button-prev, .js-swiper-4-view .swiper-button-next, .js-swiper-4-view .swiper-button-prev{
	position: relative;
	left: 0px;
	right: 0px;
	top: 0.375rem;
	float: left;
	margin-right: 0.5rem;
	--tw-border-opacity: 1;
	border-color: rgba(101, 101, 104, var(--tw-border-opacity));
	background-color: transparent;
}
.theme-dark .js-swiper-2x4-view .swiper-button-next, .theme-dark .js-swiper-2x4-view .swiper-button-prev, .theme-dark
    .js-swiper-1x6-view .swiper-button-next, .theme-dark
    .js-swiper-1x6-view .swiper-button-prev, .theme-dark
    .js-swiper-careers-2x4-view .swiper-button-next, .theme-dark
    .js-swiper-careers-2x4-view .swiper-button-prev, .theme-dark
    .js-swiper-4-view .swiper-button-next, .theme-dark
    .js-swiper-4-view .swiper-button-prev{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.js-swiper-2x4-view .swiper-button-next:hover, .js-swiper-2x4-view .swiper-button-prev:hover, .js-swiper-1x6-view .swiper-button-next:hover, .js-swiper-1x6-view .swiper-button-prev:hover, .js-swiper-careers-2x4-view .swiper-button-next:hover, .js-swiper-careers-2x4-view .swiper-button-prev:hover, .js-swiper-4-view .swiper-button-next:hover, .js-swiper-4-view .swiper-button-prev:hover{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(101, 101, 104, var(--tw-bg-opacity));
}
.js-swiper-2x4-view .swiper-button-next:hover:after, .js-swiper-2x4-view .swiper-button-prev:hover:after, .js-swiper-1x6-view .swiper-button-next:hover:after, .js-swiper-1x6-view .swiper-button-prev:hover:after, .js-swiper-careers-2x4-view .swiper-button-next:hover:after, .js-swiper-careers-2x4-view .swiper-button-prev:hover:after, .js-swiper-4-view .swiper-button-next:hover:after, .js-swiper-4-view .swiper-button-prev:hover:after{
	filter: none;
}
.js-swiper-2x4-view .swiper-button-next:after, .js-swiper-2x4-view .swiper-button-prev:after, .js-swiper-1x6-view .swiper-button-next:after, .js-swiper-1x6-view .swiper-button-prev:after, .js-swiper-careers-2x4-view .swiper-button-next:after, .js-swiper-careers-2x4-view .swiper-button-prev:after, .js-swiper-4-view .swiper-button-next:after, .js-swiper-4-view .swiper-button-prev:after{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.theme-dark .js-swiper-2x4-view .swiper-button-next:after, .theme-dark .js-swiper-2x4-view .swiper-button-prev:after, .theme-dark
      .js-swiper-1x6-view .swiper-button-next:after, .theme-dark
      .js-swiper-1x6-view .swiper-button-prev:after, .theme-dark
      .js-swiper-careers-2x4-view .swiper-button-next:after, .theme-dark
      .js-swiper-careers-2x4-view .swiper-button-prev:after, .theme-dark
      .js-swiper-4-view .swiper-button-next:after, .theme-dark
      .js-swiper-4-view .swiper-button-prev:after{
	filter: none;
}
.js-swiper-careers-2x4-view.swiper-container .swiper-slide{
	height: auto;
}
.swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    top: 150%;
    transform: rotate(180deg) scaleX(1.2) scaleY(1.5); }
@media (min-width: 768px) {
    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after {
      top: 129%; } }
.swiper-pagination {
    counter-reset: images-counter;
    top: 2.5rem;
    overflow: hidden;
    text-align: right;
    font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    .swiper-pagination {
      line-height: 20px; } }
.swiper-pagination{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .swiper-pagination{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .swiper-pagination{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .swiper-pagination{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 640px) {
    .swiper-pagination{
		top: 1rem;
	} }
@media (min-width: 768px) {
    .swiper-pagination{
		top: 2.25rem;
	} }
@media (min-width: 1024px) {
    .swiper-pagination{
		top: 2.5rem;
	} }
.swiper-pagination .swiper-pagination-bullet {
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: unset;
      background: none;
      opacity: .2;
      margin: 0 0 0 0.5rem;
      position: relative;
      top: -20px;
      transition: margin 0.3s, opacity 0.3s; }
.swiper-pagination .swiper-pagination-bullet:hover{
	opacity: 0.8;
}
.swiper-pagination .swiper-pagination-bullet:before {
        content: counter(images-counter, decimal-leading-zero);
        counter-increment: images-counter;
        margin-top: 20px;
        position: relative;
        top: 20px;
        letter-spacing: 0.05rem; }
.swiper-pagination .swiper-pagination-bullet:after{
	position: relative;
	display: block;
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.2;
        transition: width 0.3s;
        content: "";
        width: 0px;
        height: 1px;
        top: 10px;
        left: 20px;
}
.theme-dark .swiper-pagination .swiper-pagination-bullet:after{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	margin-right: 1.5rem;
	opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
          width: 20px; }
.bk_careers{
	display: flex;
	height: auto;
	justify-content: center;
	border-width: 0.5px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#big-menu .bk_careers {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
#big-menu .darkblock .bk_careers {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
.bk_careers{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.theme-dark .bk_careers{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-dark .bk_careers{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-blue .bk_careers{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
@media (min-width: 768px){
	.bk_careers{
		width: 50%;
	}
	.bk_careers{
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}
@media (min-width: 1024px){
	.bk_careers{
		width: 100%;
	}
	.bk_careers{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
.swiper-slide .bk_careers{
	height: 100%;
	width: 100%;
}
.content-blog-container {
    text-align: center; }
.content-blog-container a {
      color: #072BFF; }
.content-blog-container img {
      display: inline-block;
      margin-top: 40px; }
.content-blog-container .content-blog {
      font-size: 14px;
      line-height: 24px; }
.content-blog-container .content-blog h3 {
        font-size: 18px;
        line-height: 30px;
        color: #242428;
        margin-bottom: 20px; }
.content-blog-container .content-blog h2 {
        color: #072BFF;
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 20px;
        margin-top: 60px;
        position: relative; }
.content-blog-container .content-blog h2:before {
          position: absolute;
          content: "\00a0";
          width: 50px;
          height: 1px;
          top: -20px;
          border-top: 1px solid rgba(36, 36, 40, 0.3); }
.content-blog-container .content-blog ul {
        font-size: 13px; }
.content-blog-container .content-blog ul li {
          margin-bottom: 20px; }
.content-blog-container .content-blog .wp-caption {
        width: 100% !important;
        text-align: center; }
.content-blog-container .content-blog img {
        width: 100%; }
.content-blog-container .content-blog blockquote {
        color: #072BFF;
        font-size: 18px;
        line-height: 30px;
        border-left: 1px solid #072BFF;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 40px; }
.content-blog-container .content-blog .learnmore {
        width: 425px;
        max-width: 90%;
        padding-top: 40px;
        padding-bottom: 40px;
        border: 1px solid #072BFF;
        color: #072BFF;
        text-align: center;
        position: relative;
        margin: 40px auto; }
.content-blog-container .content-blog .learnmore img {
          margin-top: 20px;
          margin-bottom: 20px;
          width: 30%;
          display: inline-block; }
.stickymenublog {
    background: white;
    position: fixed;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 100;
    text-align: center;
    text-overflow: ellipsis;
    display: none;
    transition: opacity ease-in 0.5s; }
.stickymenublog .items-center {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .items-center div {
        padding-top: 2px;
        padding-bottom: 2px; }
.stickymenublog.showinfo {
      display: block; }
.stickymenublog .md\:w-1\/4 {
      display: none; }
.stickymenublog .md\:w-1\/2 {
      width: 100%; }
@media (min-width: 1024px) {
    .stickymenublog {
      top: 80px; }
      .stickymenublog .items-center {
        height: 80px; }
    .md\:w-1\/4 {
      display: block !important; } }
.split {
    position: relative; }
.split .split {
    height: 100%; }
.split .split .inner-wrapper {
    height: 100%; }
.split.split-no-anim {
    transition: all 0s !important; }
.split.split-no-anim * {
    transition: all 0s !important; }
.split .slides{
	position: relative;
	height: 44.44444%;
	width: 100%;
	overflow: hidden;
}
@media (min-width: 1024px){
	.split .slides{
		height: 100%;
	}
	.split .slides{
		width: 50%;
	}
}
.split .slides.photo{
	height: 55.55555%;
}
@media (min-width: 1024px){
	.split .slides.photo{
		height: 100%;
	}
}
.split .slides .slide{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.split .slides .slide a:hover .arrow{
	margin-left: 1.5rem;
}
.split .slides .slide .slide-section {
    position: relative; }
.split .navigation-wrapper{
	position: absolute;
	bottom: 44.44444%;
	z-index: 40;
	display: flex;
	height: 4rem;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	border-bottom-width: 1px;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.stickymenublog .split .navigation-wrapper {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .split .navigation-wrapper div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .navigation-wrapper {
        height: 80px; }
     {
      display: block; }
    .split .navigation-wrapper{
		bottom: 0px;
	}
    .split .navigation-wrapper{
		height: auto;
	}
    .split .navigation-wrapper{
		justify-content: center;
	}
    .split .navigation-wrapper{
		border-bottom-width: 0px;
	} }
.split .navigation-wrapper .navigation-arrow.prevent {
    pointer-events: none; }
.split .navigation-wrapper .navigation-arrow.disable {
    pointer-events: none;
    opacity: 0.25; }
.split .navigation-wrapper .navigation-arrow{
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	display: flex;
	height: 2.5rem;
	width: 2.5rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.stickymenublog .split .navigation-wrapper .navigation-arrow {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .split .navigation-wrapper .navigation-arrow div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .navigation-wrapper .navigation-arrow {
        height: 80px; }
     {
      display: block; } }
.split .navigation-wrapper .navigation-arrow{
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.split .navigation-wrapper .navigation-arrow > img{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
	filter: var(--tw-filter);
}
.split .navigation-wrapper .navigation-arrow:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.split .navigation-wrapper .navigation-arrow:hover > img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
.split .navigation-wrapper .navigation-arrow.prev{
	margin-right: 0px;
}
@media (min-width: 1024px){
	.split .navigation-wrapper .navigation-arrow.prev{
		margin-right: 0.625rem;
	}
}
.split .navigation-wrapper .navigation-arrow.prev > img{
	--tw-rotate: 180deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
.split .dots-container{
	pointer-events: none;
	position: absolute;
	bottom: 44.44444%;
	z-index: 50;
	display: flex;
	height: 4rem;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.stickymenublog .split .dots-container {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .split .dots-container div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .dots-container {
        height: 80px; }
     {
      display: block; }
    .split .dots-container{
		bottom: 0px;
	}
    .split .dots-container{
		height: auto;
	}
    .split .dots-container{
		width: 50%;
	}
    .split .dots-container{
		justify-content: center;
	} }
.split .dots-container .dots-wrapper {
      counter-reset: slides-counter;
      height: auto;
      width: 27rem;
      overflow: hidden;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    .split .dots-container .dots-wrapper {
      line-height: 20px; } }
.split .dots-container .dots-wrapper .dot {
        pointer-events: auto;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: unset;
        background: none;
        opacity: .3;
        margin: 0 0 0 1rem;
        position: relative;
        top: -20px;
        transition: margin 0.3s, opacity 0.3s; }
@media (min-width: 1024px){
	.split .dots-container .dots-wrapper .dot:first-child{
		margin-left: 0px;
	}
}
.split .dots-container .dots-wrapper .dot:hover{
	opacity: 0.8;
}
.split .dots-container .dots-wrapper .dot:before {
          content: counter(slides-counter, decimal-leading-zero);
          counter-increment: slides-counter;
          margin-top: 20px;
          position: relative;
          top: 20px;
          letter-spacing: 0.05rem; }
.split .dots-container .dots-wrapper .dot:after{
	position: relative;
	display: block;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-bg-opacity: 0.3;
          transition: width 0.3s;
          content: "";
          width: 0px;
          height: 1px;
          top: 10px;
          left: 20px;
}
.split .dots-container .dots-wrapper .dot.active{
	margin-right: 1.75rem;
	opacity: 1;
}
.split .dots-container .dots-wrapper .dot.active:after {
            width: 20px; }
.split .dots-wrapper .dot.thumb {
    pointer-events: none; }
.split .dots-wrapper .dot.thumb.visible {
    display: inline-block;
    pointer-events: initial; }
.split .dots-wrapper.default .dot {
    height: 10px;
    width: 10px;
    border: 1px solid #000; }
.split .dots-wrapper.default .dot.thumb {
    opacity: 0.25; }
.split .dots-wrapper.default .dot.thumb.visible {
    opacity: 1; }
.split.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    transition: background-color 0.15s; }
.split.fullscreen > .inner-wrapper {
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
:root {
    --split-animation: 0.8s;
    --split-animation-fade-out: 0.3s; }
.theme-right-to-left-width-rtl > .slide {
    top: 0;
    left: 100%;
    z-index: 1;
    transition: transform var(--split-animation); }
.theme-right-to-left-width-rtl > .slide > .image {
      -webkit-clip-path: inset(0 0 0 100%);
              clip-path: inset(0 0 0 100%);
      transition: -webkit-clip-path var(--split-animation);
      transition: clip-path var(--split-animation);
      transition: clip-path var(--split-animation), -webkit-clip-path var(--split-animation); }
.theme-right-to-left-width-rtl > .slide.current {
    z-index: 5; }
.theme-right-to-left-width-rtl > .slide.init {
    transform: translateX(-100%); }
.theme-right-to-left-width-rtl > .slide.init > .image {
      -webkit-clip-path: inset(0 0 0 0%);
              clip-path: inset(0 0 0 0%); }
.theme-right-to-left-width-rtl > .slide.previous {
    transform: translateX(0);
    transition-delay: var(--split-animation); }
.theme-right-to-left-width-rtl > .slide.previous > .image {
      -webkit-clip-path: inset(0 0 0 100%);
              clip-path: inset(0 0 0 100%);
      transition-delay: var(--split-animation); }
.theme-right-to-left-width-rtl > .slide.next {
    transform: translateX(0);
    transition-delay: var(--split-animation); }
.theme-right-to-left-width-rtl > .slide.next > .image {
      -webkit-clip-path: inset(0 0 0 100%);
              clip-path: inset(0 0 0 100%);
      transition-delay: var(--split-animation); }
.theme-left-to-right-fade-out > .slide {
    top: 0;
    left: -60px;
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: var(--split-animation-fade-out), var(--split-animation-fade-out);
    transition-delay: var(--split-animation-fade-out), 0s; }
.theme-left-to-right-fade-out > .slide.current {
    z-index: 5; }
.theme-left-to-right-fade-out > .slide.init {
    transform: translateX(60px);
    opacity: 1;
    transition-delay: var(--split-animation-fade-out); }
.theme-left-to-right-fade-out > .slide.reverse,
  .theme-left-to-right-fade-out > .slide.previous {
    transform: translateX(0);
    opacity: 0;
    transition-delay: var(--split-animation-fade-out), 0s; }
.theme-left-to-right-fade-out > .slide.next {
    transform: translateX(0);
    opacity: 1;
    transition-delay: var(--split-animation-fade-out), 0s; }
.searchwp-live-search-results {
    border-radius: 0 !important; }
.searchwp-live-search-results .searchwp-live-search-result{
	--tw-text-opacity: 1 !important;
	color: rgba(36, 36, 40, var(--tw-text-opacity)) !important;
	--tw-text-opacity: 0.7 !important;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.searchwp-live-search-results .searchwp-live-search-result:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#schema-trame .app-item{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
	height: 3.25rem;
	width: 3.25rem;
}
@media (min-width: 768px){
	#schema-trame .app-item{
		margin-bottom: 0px;
	}
}
@media (min-width: 1024px){
	#schema-trame .app-item{
		height: 4rem;
	}
	#schema-trame .app-item{
		width: 4rem;
	}
}
#schema-trame .app-item .js-app-tools{
	display: flex;
	height: 100%;
	width: 100%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.stickymenublog #schema-trame .app-item .js-app-tools {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog #schema-trame .app-item .js-app-tools div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog #schema-trame .app-item .js-app-tools {
        height: 80px; }
     {
      display: block; } }
#schema-trame .app-item .js-app-tools > p{
	font-weight: 700;
	letter-spacing: .025em;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-family: 'Aeonik-Bold';
    font-feature-settings: "ss01";
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1024px) {
    #schema-trame .app-item .js-app-tools > p {
      font-size: 18px; }
    #schema-trame .app-item .js-app-tools > p{
		line-height: 1.75rem;
	} }
#schema-trame .app-item.fuse .js-app-tools{
	border-radius: 9999px;
}
#schema-trame .app-item.fuse .js-app-tools:hover{
	--tw-border-opacity: 1;
	border-color: rgba(0, 231, 255, var(--tw-border-opacity));
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	background-color: rgba(0, 231, 255, var(--tw-bg-opacity));
}
#schema-trame .app-item.build .js-app-tools{
	border-radius: 0.5rem;
}
#schema-trame .app-item.build .js-app-tools:hover{
	--tw-border-opacity: 1;
	border-color: rgba(49, 197, 255, var(--tw-border-opacity));
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
}
#schema-trame .app-item.deploy .js-app-tools{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	height: 2.75rem;
	width: 2.75rem;
	--tw-rotate: 45deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	border-radius: 0.5rem;
}
@media (min-width: 768px){
	#schema-trame .app-item.deploy .js-app-tools{
		margin-left: 0px;
		margin-right: 0px;
	}
	#schema-trame .app-item.deploy .js-app-tools{
		margin-top: 0.25rem;
	}
}
@media (min-width: 1024px){
	#schema-trame .app-item.deploy .js-app-tools{
		height: 3.5rem;
	}
	#schema-trame .app-item.deploy .js-app-tools{
		width: 3.5rem;
	}
}
#schema-trame .app-item.deploy .js-app-tools > p{
	--tw-rotate: -45deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
#schema-trame .app-item.deploy .js-app-tools:hover {
        /*@apply bg-blue-deploy border-blue-deploy border-opacity-100*/
        --tw-border-opacity: 1;
        border-color: rgba(49, 197, 255, var(--tw-border-opacity));
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: rgba(49, 197, 255, var(--tw-bg-opacity)); }
input::-moz-placeholder, textarea::-moz-placeholder{
	opacity: 0.7;
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
	opacity: 0.7;
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
input::placeholder, textarea::placeholder{
	opacity: 0.7;
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue input::-moz-placeholder, .section-blue textarea::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-blue input:-ms-input-placeholder, .section-blue textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-blue input::placeholder, .section-blue textarea::placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark input::-moz-placeholder, .section-dark textarea::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark input:-ms-input-placeholder, .section-dark textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark input::placeholder, .section-dark textarea::placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark input::-moz-placeholder, .theme-dark textarea::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark input:-ms-input-placeholder, .theme-dark textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark input::placeholder, .theme-dark textarea::placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover input::-moz-placeholder, a:hover textarea::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
a:hover input:-ms-input-placeholder, a:hover textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
a:hover input::placeholder, a:hover textarea::placeholder{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover input::-moz-placeholder, .section-blue a:hover textarea::-moz-placeholder{
	--tw-text-opacity: 1;
}
.section-blue a:hover input:-ms-input-placeholder, .section-blue a:hover textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
}
.section-blue a:hover input::placeholder, .section-blue a:hover textarea::placeholder{
	--tw-text-opacity: 1;
}
.section-dark a:hover input::-moz-placeholder, .section-dark a:hover textarea::-moz-placeholder{
	--tw-text-opacity: 1;
}
.section-dark a:hover input:-ms-input-placeholder, .section-dark a:hover textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
}
.section-dark a:hover input::placeholder, .section-dark a:hover textarea::placeholder{
	--tw-text-opacity: 1;
}
.theme-dark a:hover input::-moz-placeholder, .theme-dark a:hover textarea::-moz-placeholder{
	--tw-text-opacity: 1;
}
.theme-dark a:hover input:-ms-input-placeholder, .theme-dark a:hover textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
}
.theme-dark a:hover input::placeholder, .theme-dark a:hover textarea::placeholder{
	--tw-text-opacity: 1;
}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
	display: block;
	width: 100%;
	border-bottom-width: 1px;
	background-color: transparent;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
#big-menu textarea, #big-menu input[type="text"], #big-menu input[type="email"], #big-menu input[type="tel"], #big-menu input[type="number"] {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"] {
    font-size: 12px;
    line-height: 18px; }
@media (min-width: 1024px) {
    textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"] {
      font-size: 14px;
      line-height: 24px; } }
#big-menu .darkblock textarea, #big-menu .darkblock input[type="text"], #big-menu .darkblock input[type="email"], #big-menu .darkblock input[type="tel"], #big-menu .darkblock input[type="number"] {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue textarea, .section-blue input[type="text"], .section-blue input[type="email"], .section-blue input[type="tel"], .section-blue input[type="number"]{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark textarea, .section-dark input[type="text"], .section-dark input[type="email"], .section-dark input[type="tel"], .section-dark input[type="number"]{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark textarea, .theme-dark input[type="text"], .theme-dark input[type="email"], .theme-dark input[type="tel"], .theme-dark input[type="number"]{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.theme-dark textarea, .theme-dark input[type="text"], .theme-dark input[type="email"], .theme-dark input[type="tel"], .theme-dark input[type="number"]{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-dark textarea, .section-dark input[type="text"], .section-dark input[type="email"], .section-dark input[type="tel"], .section-dark input[type="number"]{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-blue textarea, .section-blue input[type="text"], .section-blue input[type="email"], .section-blue input[type="tel"], .section-blue input[type="number"]{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search{
	border-width: 0px;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1024px) {
    textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search {
      font-size: 18px; }
    textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search{
		line-height: 1.75rem;
	} }
textarea.input-search::-moz-placeholder, input[type="text"].input-search::-moz-placeholder, input[type="email"].input-search::-moz-placeholder, input[type="tel"].input-search::-moz-placeholder, input[type="number"].input-search::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
textarea.input-search:-ms-input-placeholder, input[type="text"].input-search:-ms-input-placeholder, input[type="email"].input-search:-ms-input-placeholder, input[type="tel"].input-search:-ms-input-placeholder, input[type="number"].input-search:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
textarea.input-search::placeholder, input[type="text"].input-search::placeholder, input[type="email"].input-search::placeholder, input[type="tel"].input-search::placeholder, input[type="number"].input-search::placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
label{
	display: block;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    label {
      font-size: 14px;
      line-height: 24px; } }
label{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue label{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark label{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark label{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover label{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover label{
	--tw-text-opacity: 1;
}
.section-dark a:hover label{
	--tw-text-opacity: 1;
}
.theme-dark a:hover label{
	--tw-text-opacity: 1;
}
/* Customm input File */
.file-input{
	position: relative;
}
.file-input input[type="file"] {
      opacity: 0;
      width: 0.1px;
      height: 0.1px;
      position: absolute; }
/*input:hover + label,
	input:focus + label {
		transform: scale(1.02);
	}

	input:focus + label {
		outline: 1px solid #000;
		outline: -webkit-focus-ring-color auto 2px;
	}*/
/*  CHECKBOX */
/* position relative pour le container */
[type="checkbox"]:not(:checked),
  [type="checkbox"]:checked {
    /* Cache la checkbox sans
		   la rendre invisible aux
		   lecteurs d'écran */
    position: absolute;
    left: 0px;
    opacity: 0.01; }
/* Preparer le label */
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{
	position: relative;
	cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
      font-size: 14px;
      line-height: 20px; } }
[type="checkbox"]:not(:checked) + label,
  [type="checkbox"]:checked + label {
    padding-left: 2.3em;
    /* place pour la box */
    line-height: 1.7; }
/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
  [type="checkbox"]:checked + label::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    --tw-border-opacity: 0.3;
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 200ms; }
.section-white [type="checkbox"]:not(:checked) + label::before, .section-white
    [type="checkbox"]:checked + label::before{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after{
	position: absolute;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 200ms;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
      font-size: 14px;
      line-height: 24px; } }
[type="checkbox"]:not(:checked) + label::after,
  [type="checkbox"]:checked + label::after {
    content: '✕';
    speak: never;
    /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
    top: 12px;
    left: 6px;
    line-height: 0; }
/* Aspect non cochée */
[type="checkbox"]:not(:checked) + label::after {
    opacity: 0; }
/* Aspect cochée */
[type="checkbox"]:checked + label::after {
    opacity: 1; }
.wpcf7-form br{
	display: none;
}
.wpcf7-form .wpcf7-list-item{
	margin: 0px;
}
.wpcf7-form label {
    /* Preparer le label */
    /* Aspect de la case */
    /* Aspect de la coche */
    /* Aspect non cochée */
    /* Aspect cochée */ }
.wpcf7-form label [type="checkbox"]:not(:checked),
    .wpcf7-form label [type="checkbox"]:checked {
      /* Cache la checkbox sans
				   la rendre invisible aux
				   lecteurs d'écran */
      position: absolute;
      left: 0px;
      opacity: 0.01; }
.wpcf7-form label [type="checkbox"]:not(:checked) + span, .wpcf7-form label [type="checkbox"]:checked + span{
	position: relative;
	cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em;
}
@media (min-width: 1024px) {
    .wpcf7-form label [type="checkbox"]:not(:checked) + span, .wpcf7-form label [type="checkbox"]:checked + span {
      font-size: 14px;
      line-height: 20px; } }
.wpcf7-form label [type="checkbox"]:not(:checked) + span,
    .wpcf7-form label [type="checkbox"]:checked + span {
      padding-left: 2.3em;
      /* place pour la box */
      line-height: 1.7; }
.wpcf7-form label [type="checkbox"]:not(:checked) + span::before,
    .wpcf7-form label [type="checkbox"]:checked + span::before {
      content: '';
      width: 24px;
      height: 24px;
      top: -4px;
      left: 0px;
      position: absolute;
      border-width: 1px;
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 200ms; }
#big-menu .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, #big-menu .wpcf7-form label [type="checkbox"]:checked + span::before {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
#big-menu .darkblock .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, #big-menu .darkblock .wpcf7-form label [type="checkbox"]:checked + span::before {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
.wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .wpcf7-form label [type="checkbox"]:checked + span::before{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.theme-dark .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .theme-dark .wpcf7-form label [type="checkbox"]:checked + span::before{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-dark .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-dark .wpcf7-form label [type="checkbox"]:checked + span::before{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-blue .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-blue .wpcf7-form label [type="checkbox"]:checked + span::before{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.wpcf7-form label [type="checkbox"]:not(:checked) + span::before,
    .wpcf7-form label [type="checkbox"]:checked + span::before {
      background: var(--color-blue-deploy); }
.section-white .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-white
      .wpcf7-form label [type="checkbox"]:checked + span::before{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.wpcf7-form label [type="checkbox"]:not(:checked) + span::after, .wpcf7-form label [type="checkbox"]:checked + span::after{
	position: absolute;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 200ms;
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    .wpcf7-form label [type="checkbox"]:not(:checked) + span::after, .wpcf7-form label [type="checkbox"]:checked + span::after {
      font-size: 14px;
      line-height: 24px; } }
.wpcf7-form label [type="checkbox"]:not(:checked) + span::after,
    .wpcf7-form label [type="checkbox"]:checked + span::after {
      content: '✕';
      speak: never;
      /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
      top: 8px;
      left: 6.5px;
      line-height: 0; }
.wpcf7-form label [type="checkbox"]:not(:checked) + span::after {
      opacity: 0; }
.wpcf7-form label [type="checkbox"]:checked + span::after {
      opacity: 1; }
.wpcf7 form.sent .wpcf7-response-output{
	--tw-border-opacity: 1 !important;
	border-color: rgba(7, 43, 255, var(--tw-border-opacity)) !important;
	letter-spacing: .05em !important;
    font-size: 12px !important;
    line-height: 18px !important;
}
@media (min-width: 1024px) {
    .wpcf7 form.sent .wpcf7-response-output {
      font-size: 14px !important;
      line-height: 24px !important; } }
.wpcf7 form.sent .wpcf7-response-output{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .wpcf7 form.sent .wpcf7-response-output{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .wpcf7 form.sent .wpcf7-response-output{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .wpcf7 form.sent .wpcf7-response-output{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #dc3232;
    --tw-border-opacity: 1 !important;
    border-color: rgba(7, 43, 255, var(--tw-border-opacity)) !important;
    letter-spacing: .05em !important;
    font-size: 12px !important;
    line-height: 18px !important; }
@media (min-width: 1024px) {
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
      font-size: 14px !important;
      line-height: 24px !important; } }
.js-search-form {
    top: -101%; }
.js-search-form .searchform{
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.js-search-form .searchform > div{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	padding-left: 1rem;
	padding-right: 1rem;
}
.stickymenublog .js-search-form .searchform > div {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .js-search-form .searchform > div div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .js-search-form .searchform > div {
        height: 80px; }
     {
      display: block; } }
.js-search-form .searchform > div label{
	width: 0px;
	opacity: 0;
}
.js-search-form .searchform > div input[type='text']{
	width: 100%;
	flex-grow: 1;
	border-width: 0px;
	padding-left: 1rem;
	padding-right: 1rem;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1024px) {
    .js-search-form .searchform > div input[type='text'] {
      font-size: 18px; }
    .js-search-form .searchform > div input[type='text']{
		line-height: 1.75rem;
	} }
.js-search-form .searchform > div #searchsubmit {
          text-indent: -9999px;
          background: url("../img/search.svg") no-repeat center center;
          margin-right: 1rem;
          margin-top: 0.25rem;
          margin-right: 1rem;
          display: inline-block;
          height: 1.5rem;
          width: 3rem;
          flex-grow: 0;
          cursor: pointer;
          --tw-invert: invert(100%);
          filter: var(--tw-filter);
          filter: var(--tw-filter); }
@media (min-width: 640px){
	.js-search-form .searchform > div #searchsubmit{
		margin-right: 0px;
	}
}
.js-search-form .searchform > div input::-moz-placeholder, .js-search-form .searchform > div textarea::-moz-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	opacity: 0.3;
}
.js-search-form .searchform > div input:-ms-input-placeholder, .js-search-form .searchform > div textarea:-ms-input-placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	opacity: 0.3;
}
.js-search-form .searchform > div input::placeholder, .js-search-form .searchform > div textarea::placeholder{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	opacity: 0.3;
}
#submit-email{
	display: block;
	width: 100%;
}
header.darkhover #submit-email {
        border-color: white;
        color: white; }
header #submit-email {
      border-color: var(--color-grey-dark2);
      color: var(--color-grey-dark2);
      text-transform: none; }
header #submit-email .btn-small {
        padding-left: 1rem;
        padding-right: 1rem; }
.first-is-blue header:not(.header-bg-color) #submit-email{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.first-is-blue header:not(.header-bg-color) #submit-email:hover, .first-is-blue header:not(.header-bg-color) #submit-email:focus {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.theme-dark .header-bg-color #submit-email {
        border-color: white;
        color: white; }
.theme-dark .header-bg-color.active:not(.darkhover) #submit-email {
          border-color: var(--color-grey-dark2);
          color: var(--color-grey-dark2); }
#big-menu #submit-email {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      width: 90%;
      line-height: 24px; }
#submit-email{
	display: inline-block;
	cursor: pointer;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	background-color: transparent;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    font-size: 12px;
    line-height: 18px;
}
@media (min-width: 1024px) {
    #submit-email {
      font-size: 14px;
      line-height: 24px; } }
.section-white #submit-email{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.section-blue #submit-email{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark #submit-email{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark #submit-email{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.bgwhite #submit-email{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.bgwhite #submit-email img {
        filter: invert(1); }
header.active #submit-email {
      border-color: #242428;
      color: #242428; }
#submit-email:hover, #submit-email.active {
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.section-blue #submit-email:hover, .section-blue #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.section-blue #submit-email:hover img, .section-blue #submit-email.active img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%);
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
.section-dark #submit-email:hover, .section-dark #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.theme-dark #submit-email:hover, .theme-dark #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }
.bgwhite #submit-email:hover, .bgwhite #submit-email.active {
        box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
        --tw-border-opacity: 1;
        border-color: rgba(7, 43, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
        --tw-border-opacity: 1;
        border-color: rgba(7, 43, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.bgwhite #submit-email:hover img, .bgwhite #submit-email.active img {
          filter: invert(0);
          filter: invert(0); }
#submit-email{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.saas-app-pictos8-container #submit-email {
      position: absolute;
      bottom: 0; }
@media (min-width: 768px){
	#submit-email{
		display: inline-block;
	}
	#submit-email{
		width: auto;
	}
}
.container{
	width: 100%;
}
@media (min-width: 640px){
	.container{
		max-width: 640px;
	}
}
@media (min-width: 768px){
	.container{
		max-width: 768px;
	}
}
@media (min-width: 1024px){
	.container{
		max-width: 1024px;
	}
}
@media (min-width: 1280px){
	.container{
		max-width: 1280px;
	}
}
@media (min-width: 1536px){
	.container{
		max-width: 1536px;
	}
}
@media (min-width: 1800px){
	.container{
		max-width: 1800px;
	}
}
.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{
	position: relative;
	padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.aspect-w-5{
	--tw-aspect-w: 5;
}
.aspect-w-9{
	--tw-aspect-w: 9;
}
.aspect-w-10{
	--tw-aspect-w: 10;
}
.aspect-h-3{
	--tw-aspect-h: 3;
}
.aspect-h-6{
	--tw-aspect-h: 6;
}
.aspect-h-7{
	--tw-aspect-h: 7;
}
.aspect-h-9{
	--tw-aspect-h: 9;
}
.pointer-events-none{
	pointer-events: none;
}
.invisible{
	visibility: hidden;
}
.static{
	position: static;
}
.fixed{
	position: fixed;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.sticky{
	position: -webkit-sticky;
	position: sticky;
}
.inset-0{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.left-0{
	left: 0px;
}
.bottom-0{
	bottom: 0px;
}
.top-0{
	top: 0px;
}
.top-full{
	top: 100%;
}
.-top-8{
	top: -2rem;
}
.right-0{
	right: 0px;
}
.right-4{
	right: 1rem;
}
.top-1\/2{
	top: 50%;
}
.left-1\/5{
	left: 20%;
}
.bottom-12{
	bottom: 3rem;
}
.left-1\/3{
	left: 33.333333%;
}
.top-10{
	top: 2.5rem;
}
.left-32{
	left: 8rem;
}
.left-1\/2{
	left: 50%;
}
.-top-72{
	top: -18rem;
}
.-left-72{
	left: -18rem;
}
.top-88{
	top: 22rem;
}
.top-2{
	top: 0.5rem;
}
.left-2{
	left: 0.5rem;
}
.top-22{
	top: 5.5rem;
}
.top-4\.4{
	top: 1.12rem;
}
.left-4\.4{
	left: 1.12rem;
}
.top-4{
	top: 1rem;
}
.left-4{
	left: 1rem;
}
.top-5\.8{
	top: 1.45rem;
}
.left-5\.8{
	left: 1.45rem;
}
.top-5{
	top: 1.25rem;
}
.left-5{
	left: 1.25rem;
}
.top-16{
	top: 4rem;
}
.top-8{
	top: 2rem;
}
.-top-1{
	top: -0.25rem;
}
.-right-4{
	right: -1rem;
}
.right-10{
	right: 2.5rem;
}
.top-7{
	top: 1.75rem;
}
.top-2\/3{
	top: 66.666667%;
}
.top-3\/4{
	top: 75%;
}
.-top-0\.5{
	top: -0.125rem;
}
.-top-0{
	top: 0px;
}
.top-24{
	top: 6rem;
}
.top-3{
	top: 0.75rem;
}
.left-3{
	left: 0.75rem;
}
.top-1{
	top: 0.25rem;
}
.z-5{
	z-index: 5;
}
.z-100{
	z-index: 100;
}
.z-50{
	z-index: 50;
}
.z-10{
	z-index: 10;
}
.z-101{
	z-index: 101;
}
.order-first{
	order: -9999;
}
.order-last{
	order: 9999;
}
.col-span-5{
	grid-column: span 5 / span 5;
}
.col-span-1{
	grid-column: span 1 / span 1;
}
.col-span-4{
	grid-column: span 4 / span 4;
}
.col-span-6{
	grid-column: span 6 / span 6;
}
.col-span-3{
	grid-column: span 3 / span 3;
}
.col-span-full{
	grid-column: 1 / -1;
}
.col-span-2{
	grid-column: span 2 / span 2;
}
.col-auto{
	grid-column: auto;
}
.col-start-2{
	grid-column-start: 2;
}
.col-end-7{
	grid-column-end: 7;
}
.float-right{
	float: right;
}
.clear-both{
	clear: both;
}
.m-1{
	margin: 0.25rem;
}
.m-0{
	margin: 0px;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.my-8{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.mx-4{
	margin-left: 1rem;
	margin-right: 1rem;
}
.my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.mx-0{
	margin-left: 0px;
	margin-right: 0px;
}
.my-6{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.my-12{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.my-2{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.mx-6{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.my-0{
	margin-top: 0px;
	margin-bottom: 0px;
}
.my-5{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.mt-16{
	margin-top: 4rem;
}
.mt-4{
	margin-top: 1rem;
}
.-mt-6{
	margin-top: -1.5rem;
}
.mb-6{
	margin-bottom: 1.5rem;
}
.mt-2{
	margin-top: 0.5rem;
}
.mt-8{
	margin-top: 2rem;
}
.-mt-4{
	margin-top: -1rem;
}
.mb-8{
	margin-bottom: 2rem;
}
.-mt-2{
	margin-top: -0.5rem;
}
.mr-2\.5{
	margin-right: 0.625rem;
}
.mr-2{
	margin-right: 0.5rem;
}
.mt-6{
	margin-top: 1.5rem;
}
.-mt-16{
	margin-top: -4rem;
}
.mt-12{
	margin-top: 3rem;
}
.-mt-8{
	margin-top: -2rem;
}
.-mt-1{
	margin-top: -0.25rem;
}
.mb-10{
	margin-bottom: 2.5rem;
}
.ml-4{
	margin-left: 1rem;
}
.mb-4{
	margin-bottom: 1rem;
}
.mb-12{
	margin-bottom: 3rem;
}
.mb-24{
	margin-bottom: 6rem;
}
.-mt-12{
	margin-top: -3rem;
}
.ml-2{
	margin-left: 0.5rem;
}
.mb-52{
	margin-bottom: 13rem;
}
.ml-8{
	margin-left: 2rem;
}
.-mt-36{
	margin-top: -9rem;
}
.-ml-2{
	margin-left: -0.5rem;
}
.mr-5{
	margin-right: 1.25rem;
}
.ml-5{
	margin-left: 1.25rem;
}
.ml-0{
	margin-left: 0px;
}
.mr-4{
	margin-right: 1rem;
}
.mr-0{
	margin-right: 0px;
}
.mb-3{
	margin-bottom: 0.75rem;
}
.mt-28{
	margin-top: 7rem;
}
.mt-20{
	margin-top: 5rem;
}
.mt-10{
	margin-top: 2.5rem;
}
.mb-1{
	margin-bottom: 0.25rem;
}
.mb-5{
	margin-bottom: 1.25rem;
}
.ml-12{
	margin-left: 3rem;
}
.mt-5{
	margin-top: 1.25rem;
}
.mb-2{
	margin-bottom: 0.5rem;
}
.mt-1{
	margin-top: 0.25rem;
}
.ml-18{
	margin-left: 4.5rem;
}
.-mt-1\.5{
	margin-top: -0.375rem;
}
.ml-7{
	margin-left: 1.75rem;
}
.mb-0{
	margin-bottom: 0px;
}
.mt-3{
	margin-top: 0.75rem;
}
.mr-8{
	margin-right: 2rem;
}
.mb-1\.5{
	margin-bottom: 0.375rem;
}
.-ml-4{
	margin-left: -1rem;
}
.-mb-3{
	margin-bottom: -0.75rem;
}
.-ml-32{
	margin-left: -8rem;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.inline{
	display: inline;
}
.flex{
	display: flex;
}
.table{
	display: table;
}
.grid{
	display: grid;
}
.hidden{
	display: none;
}
.h-1\.5{
	height: 0.375rem;
}
.h-1{
	height: 0.25rem;
}
.h-auto{
	height: auto;
}
.h-full{
	height: 100%;
}
.h-18{
	height: 4.5rem;
}
.h-16{
	height: 4rem;
}
.h-75vh{
	height: 75vh;
}
.h-screen{
	height: 100vh;
}
.h-8{
	height: 2rem;
}
.h-96{
	height: 24rem;
}
.h-12{
	height: 3rem;
}
.h-0{
	height: 0px;
}
.h-10{
	height: 2.5rem;
}
.h-80{
	height: 20rem;
}
.h-90vh{
	height: 90vh;
}
.h-24{
	height: 6rem;
}
.h-50vh{
	height: 50vh;
}
.h-144{
	height: 36rem;
}
.h-32{
	height: 8rem;
}
.h-6{
	height: 1.5rem;
}
.h-15{
	height: 3.75rem;
}
.h-14{
	height: 3.5rem;
}
.h-64{
	height: 16rem;
}
.h-6\.5{
	height: 1.625rem;
}
.h-4\.5{
	height: 1.125rem;
}
.h-4{
	height: 1rem;
}
.h-px{
	height: 1px;
}
.h-20{
	height: 5rem;
}
.max-h-screen{
	max-height: 100vh;
}
.max-h-14{
	max-height: 3.5rem;
}
.max-h-16{
	max-height: 4rem;
}
.w-full{
	width: 100%;
}
.w-screen{
	width: 100vw;
}
.w-5\/6{
	width: 83.333333%;
}
.w-1\/2{
	width: 50%;
}
.w-auto{
	width: auto;
}
.w-16{
	width: 4rem;
}
.w-24{
	width: 6rem;
}
.w-3\/4{
	width: 75%;
}
.w-8{
	width: 2rem;
}
.w-7\/8{
	width: 87.5%;
}
.w-1\/5{
	width: 20%;
}
.w-4\/5{
	width: 80%;
}
.w-4\/6{
	width: 66.666667%;
}
.w-1\/3{
	width: 33.333333%;
}
.w-2\/3{
	width: 66.666667%;
}
.w-18{
	width: 4.5rem;
}
.w-10{
	width: 2.5rem;
}
.w-6{
	width: 1.5rem;
}
.w-15{
	width: 3.75rem;
}
.w-11\/12{
	width: 91.666667%;
}
.w-10\/12{
	width: 83.333333%;
}
.w-28{
	width: 7rem;
}
.w-0{
	width: 0px;
}
.w-144{
	width: 36rem;
}
.w-3\/5{
	width: 60%;
}
.w-7\/10{
	width: 70%;
}
.w-95{
	width: 95%;
}
.w-12{
	width: 3rem;
}
.w-6\.5{
	width: 1.625rem;
}
.w-4\.5{
	width: 1.125rem;
}
.w-4{
	width: 1rem;
}
.w-40{
	width: 10rem;
}
.w-2\/12{
	width: 16.666667%;
}
.w-3\/12{
	width: 25%;
}
.w-60{
	width: 15rem;
}
.max-w-none{
	max-width: none;
}
.max-w-md{
	max-width: 28rem;
}
.flex-none{
	flex: none;
}
.flex-shrink-0{
	flex-shrink: 0;
}
.flex-shrink{
	flex-shrink: 1;
}
.flex-grow{
	flex-grow: 1;
}
.flex-grow-0{
	flex-grow: 0;
}
.table-fixed{
	table-layout: fixed;
}
.border-collapse{
	border-collapse: collapse;
}
.origin-left{
	transform-origin: left;
}
.origin-top{
	transform-origin: top;
}
.origin-center{
	transform-origin: center;
}
.rotate-180{
	--tw-rotate: 180deg;
	transform: var(--tw-transform);
}
.rotate-45{
	--tw-rotate: 45deg;
	transform: var(--tw-transform);
}
.-rotate-45{
	--tw-rotate: -45deg;
	transform: var(--tw-transform);
}
.rotate-90{
	--tw-rotate: 90deg;
	transform: var(--tw-transform);
}
.scale-120{
	--tw-scale-x: 1.2;
	--tw-scale-y: 1.2;
	transform: var(--tw-transform);
}
.scale-110{
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform: var(--tw-transform);
}
.scale-75{
	--tw-scale-x: .75;
	--tw-scale-y: .75;
	transform: var(--tw-transform);
}
.scale-115{
	--tw-scale-x: 1.15;
	--tw-scale-y: 1.15;
	transform: var(--tw-transform);
}
.scale-90{
	--tw-scale-x: .9;
	--tw-scale-y: .9;
	transform: var(--tw-transform);
}
.scale-100{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
}
.scale-x-0{
	--tw-scale-x: 0;
	transform: var(--tw-transform);
}
.transform{
	transform: var(--tw-transform);
}
.cursor-pointer{
	cursor: pointer;
}
.list-disc{
	list-style-type: disc;
}
.grid-cols-6{
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.content-start{
	align-content: flex-start;
}
.content-between{
	align-content: space-between;
}
.items-start{
	align-items: flex-start;
}
.items-center{
	align-items: center;
}
.items-stretch{
	align-items: stretch;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.gap-2\.5{
	gap: 0.625rem;
}
.gap-2{
	gap: 0.5rem;
}
.gap-0{
	gap: 0px;
}
.gap-1{
	gap: 0.25rem;
}
.gap-4{
	gap: 1rem;
}
.self-center{
	align-self: center;
}
.justify-self-end{
	justify-self: end;
}
.overflow-hidden{
	overflow: hidden;
}
.overflow-visible{
	overflow: visible;
}
.overflow-x-auto{
	overflow-x: auto;
}
.overflow-y-auto{
	overflow-y: auto;
}
.overflow-x-hidden{
	overflow-x: hidden;
}
.rounded-full{
	border-radius: 9999px;
}
.rounded-md{
	border-radius: 0.375rem;
}
.rounded-xl{
	border-radius: 0.75rem;
}
.rounded-lg{
	border-radius: 0.5rem;
}
.rounded-fuse{
	border-radius: 24px;
}
.border{
	border-width: 1px;
}
.border-2{
	border-width: 2px;
}
.border-b{
	border-bottom-width: 1px;
}
.border-t{
	border-top-width: 1px;
}
.border-r{
	border-right-width: 1px;
}
.border-l{
	border-left-width: 1px;
}
.border-l-thin{
	border-left-width: 0.5px;
}
.border-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-grey-dark{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
}
.border-grey-medium{
	--tw-border-opacity: 1;
	border-color: rgba(101, 101, 104, var(--tw-border-opacity));
}
.border-grey-xlight{
	--tw-border-opacity: 1;
	border-color: rgba(188, 188, 190, var(--tw-border-opacity));
}
.border-blue-fuse{
	--tw-border-opacity: 1;
	border-color: rgba(0, 231, 255, var(--tw-border-opacity));
}
.border-blue-build{
	--tw-border-opacity: 1;
	border-color: rgba(49, 197, 255, var(--tw-border-opacity));
}
.border-blue-deploy{
	--tw-border-opacity: 1;
	border-color: rgba(7, 43, 255, var(--tw-border-opacity));
}
.border-red-900{
	--tw-border-opacity: 1;
	border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}
.border-black{
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-opacity-30{
	--tw-border-opacity: 0.3;
}
.bg-blue-fuse{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 231, 255, var(--tw-bg-opacity));
}
.bg-blue-build{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
}
.bg-blue-deploy{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-grey-dark{
	--tw-bg-opacity: 1;
	background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
}
.bg-blue-100{
	--tw-bg-opacity: 1;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}
.bg-gray-500{
	--tw-bg-opacity: 1;
	background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}
.bg-opacity-70{
	--tw-bg-opacity: 0.7;
}
.bg-clip-content{
	background-clip: content-box;
}
.object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}
.p-1{
	padding: 0.25rem;
}
.p-0{
	padding: 0px;
}
.p-8{
	padding: 2rem;
}
.p-10{
	padding: 2.5rem;
}
.p-6{
	padding: 1.5rem;
}
.py-0{
	padding-top: 0px;
	padding-bottom: 0px;
}
.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-2{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.py-12{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-8{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.py-10{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.px-12{
	padding-left: 3rem;
	padding-right: 3rem;
}
.px-0{
	padding-left: 0px;
	padding-right: 0px;
}
.px-4{
	padding-left: 1rem;
	padding-right: 1rem;
}
.px-8{
	padding-left: 2rem;
	padding-right: 2rem;
}
.pt-0{
	padding-top: 0px;
}
.pt-36{
	padding-top: 9rem;
}
.pb-24{
	padding-bottom: 6rem;
}
.pb-4{
	padding-bottom: 1rem;
}
.pt-8{
	padding-top: 2rem;
}
.pb-8{
	padding-bottom: 2rem;
}
.pb-0{
	padding-bottom: 0px;
}
.pb-3{
	padding-bottom: 0.75rem;
}
.pb-2{
	padding-bottom: 0.5rem;
}
.pr-2\.5{
	padding-right: 0.625rem;
}
.pr-2{
	padding-right: 0.5rem;
}
.pb-16{
	padding-bottom: 4rem;
}
.pt-32{
	padding-top: 8rem;
}
.pb-12{
	padding-bottom: 3rem;
}
.pt-16{
	padding-top: 4rem;
}
.pr-12{
	padding-right: 3rem;
}
.pb-6{
	padding-bottom: 1.5rem;
}
.pt-6{
	padding-top: 1.5rem;
}
.pt-12{
	padding-top: 3rem;
}
.pb-20{
	padding-bottom: 5rem;
}
.pb-28{
	padding-bottom: 7rem;
}
.pl-4{
	padding-left: 1rem;
}
.pb-5{
	padding-bottom: 1.25rem;
}
.pl-2{
	padding-left: 0.5rem;
}
.pt-4{
	padding-top: 1rem;
}
.pl-12{
	padding-left: 3rem;
}
.pl-0{
	padding-left: 0px;
}
.pt-3{
	padding-top: 0.75rem;
}
.pr-3{
	padding-right: 0.75rem;
}
.pt-24{
	padding-top: 6rem;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.align-top{
	vertical-align: top;
}
.align-middle{
	vertical-align: middle;
}
.text-5xl{
	font-size: 3rem;
	line-height: 1;
}
.text-xs{
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-sm{
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.font-light{
	font-weight: 300;
}
.font-medium{
	font-weight: 500;
}
.font-normal{
	font-weight: 400;
}
.font-bold{
	font-weight: 700;
}
.uppercase{
	text-transform: uppercase;
}
.capitalize{
	text-transform: capitalize;
}
.leading-3{
	line-height: .75rem;
}
.leading-2{
	line-height: 0.5rem;
}
.leading-7{
	line-height: 1.75rem;
}
.leading-tight{
	line-height: 1.25;
}
.tracking-wider{
	letter-spacing: .05em;
}
.tracking-widest{
	letter-spacing: .1em;
}
.tracking-normal{
	letter-spacing: 0;
}
.tracking-wide{
	letter-spacing: .025em;
}
.text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-grey-dark{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.text-blue-deploy{
	--tw-text-opacity: 1;
	color: rgba(7, 43, 255, var(--tw-text-opacity));
}
.text-red-600{
	--tw-text-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.text-green-600{
	--tw-text-opacity: 1;
	color: rgba(5, 150, 105, var(--tw-text-opacity));
}
.text-gray-200{
	--tw-text-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-text-opacity));
}
.text-opacity-80{
	--tw-text-opacity: 0.8;
}
.text-opacity-70{
	--tw-text-opacity: 0.7;
}
.opacity-30{
	opacity: 0.3;
}
.opacity-50{
	opacity: 0.5;
}
.opacity-0{
	opacity: 0;
}
.opacity-70{
	opacity: 0.7;
}
.opacity-60{
	opacity: 0.6;
}
.opacity-80{
	opacity: 0.8;
}
.opacity-20{
	opacity: 0.2;
}
.brightness-40{
	--tw-brightness: brightness(.4);
	filter: var(--tw-filter);
}
.invert{
	--tw-invert: invert(100%);
	filter: var(--tw-filter);
}
.filter{
	filter: var(--tw-filter);
}
.transition-all{
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-transform{
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.delay-100{
	transition-delay: 100ms;
}
.duration-400{
	transition-duration: 400ms;
}
.duration-300{
	transition-duration: 300ms;
}
.duration-1000{
	transition-duration: 1000ms;
}
@font-face {
    font-family: 'Aeonik-Bold';
    src: url("./fonts/Aeonik-Bold.woff2") format("woff2"), url("./fonts/Aeonik-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "ss01"; }
@font-face {
    font-family: 'Aeonik-Light';
    src: url("./fonts/Aeonik-Light.woff2") format("woff2"), url("./fonts/Aeonik-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "ss01"; }
@font-face {
    font-family: 'Aeonik-Medium';
    src: url("./fonts/Aeonik-Medium.woff2") format("woff2"), url("./fonts/Aeonik-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "ss01"; }
@font-face {
    font-family: 'Aeonik-Regular';
    src: url("./fonts/Aeonik-Regular.woff2") format("woff2"), url("./fonts/Aeonik-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "ss01"; }
/******************************/
/******* FONT FAMILIES ********/
/******************************/
.font-light {
    font-family: 'Aeonik-Light';
    font-feature-settings: "ss01"; }
.font-regular {
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01"; }
.font-medium {
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01"; }
.font-bold {
    font-family: 'Aeonik-Bold';
    font-feature-settings: "ss01"; }
/******************************/
/********* FONT SIZES *********/
/******************************/
/*
    * @Size : 3XL   : 50 / 64 -> Big / KeyInfos
    */
/*
    * @Size : 2XL   : 36 / 50 -> Big / KeyInfos
    */
.font-2xl {
    font-size: 24px;
    line-height: 32px; }
@media (min-width: 768px) {
    .font-2xl {
      font-size: 28px;
      line-height: 36px; } }
@media (min-width: 1024px) {
    .font-2xl {
      font-size: 32px;
      line-height: 42px; } }
@media (min-width: 1280px) {
    .font-2xl {
      font-size: 36px;
      line-height: 50px; } }
/*
    * @Size : XL    : 28 / 36 -> Nom parenthèse
    */
/*
    * @Size : XL-H1    : 28 / 38 -> H1
    */
/*
    * 
    */
.font-xls {
    font-size: 18px;
    line-height: 24px; }
@media (min-width: 1024px) {
    .font-xls {
      font-size: 23px;
      line-height: 36px; } }
@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .font-xls {
        line-height: 30px; } }
/*
	* @Size : 2LG    : 20 / 28 -> H2
    */
.font-2lg {
    font-size: 14px;
    line-height: 18px; }
@media (min-width: 1024px) {
    .font-2lg {
      font-size: 20px;
      line-height: 28px; } }
/*
	* @Size : LG    : 18 / 30 -> Tools
    */
.font-lg {
    font-size: 14px;
    line-height: 20px; }
@media (min-width: 1024px) {
    .font-lg {
      font-size: 18px; }
    .font-lg{
		line-height: 1.75rem;
	} }
/*
	* @Size : 2MD    : 15 / 24 -> Emphase
    */
/*
	* @Size : MD    : 14 / 24 -> Button
    */
.font-md {
    font-size: 12px;
    line-height: 18px; }
@media (min-width: 1024px) {
    .font-md {
      font-size: 14px;
      line-height: 24px; } }
/*
	* @Size : P    : 13 / 22 -> Paragraph
    */
.font-p {
    font-size: 13px;
    line-height: 22px; }
/*
	* @Size : SM    : 12 / 22 -> Chapeau / Pagination
    */
.font-sm {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
@media (min-width: 1024px) {
    .font-sm {
      font-size: 14px;
      line-height: 20px; } }
/*
	* @Size : XSM    : 12 / 20 -> ariane
    */
.font-xsm {
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    .font-xsm {
      line-height: 20px; } }
.font-dark-white-100{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue .font-dark-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .font-dark-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .font-dark-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.font-medium-white-70{
	--tw-text-opacity: 1;
	color: rgba(101, 101, 104, var(--tw-text-opacity));
}
.section-blue .font-medium-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .font-medium-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .font-medium-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
a:hover .font-medium-white-70{
	--tw-text-opacity: 1;
	color: rgba(36, 36, 40, var(--tw-text-opacity));
}
.section-blue a:hover .font-medium-white-70{
	--tw-text-opacity: 1;
}
.section-dark a:hover .font-medium-white-70{
	--tw-text-opacity: 1;
}
.theme-dark a:hover .font-medium-white-70{
	--tw-text-opacity: 1;
}
.section-blue .font-light-white-30{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
.section-dark .font-light-white-30{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
.theme-dark .font-light-white-30{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.3;
}
.section-blue .font-blue-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-dark .font-blue-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.theme-dark .font-blue-white-100{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.section-blue .font-blue-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.section-dark .font-blue-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
.theme-dark .font-blue-white-70{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-text-opacity: 0.7;
}
/* POSITION */
.border-grey-white{
	--tw-border-opacity: 1;
	border-color: rgba(36, 36, 40, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.theme-dark .border-grey-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-dark .border-grey-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.section-blue .border-grey-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
	--tw-border-opacity: 0.3;
}
.bk-partners{
	position: relative;
    /*img { 
    		@apply filter grayscale; 
    	}

		&:after {
			position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%;
			background: #072BFF;
			mix-blend-mode: screen
		}*/
}
:root {
  --color-grey-dark: #242428;
  --color-grey-DEFAULT: #242428;
  --color-grey-medium: #656568;
  --color-grey-light: #F4F4F4;
  --color-grey-xlight: #bcbcbe;
  --color-grey-dark2:#1a1a1a;
  --color-blue-fuse: #00E7FF;
  --color-blue-build: #31C5FF;
  --color-blue-deploy: #072BFF;
  --color-blue-DEFAULT: #072BFF;
  /* ... */ }
.hover\:h-18:hover{
	height: 4.5rem;
}
.hover\:w-18:hover{
	width: 4.5rem;
}
.hover\:border-blue-fuse:hover{
	--tw-border-opacity: 1;
	border-color: rgba(0, 231, 255, var(--tw-border-opacity));
}
.hover\:border-blue-build:hover{
	--tw-border-opacity: 1;
	border-color: rgba(49, 197, 255, var(--tw-border-opacity));
}
.hover\:border-blue-deploy:hover{
	--tw-border-opacity: 1;
	border-color: rgba(7, 43, 255, var(--tw-border-opacity));
}
.hover\:border-opacity-100:hover{
	--tw-border-opacity: 1;
}
.hover\:bg-blue-fuse:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 231, 255, var(--tw-bg-opacity));
}
.hover\:bg-blue-build:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
}
.hover\:bg-blue-deploy:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
}
.hover\:underline:hover{
	text-decoration: underline;
}
.hover\:opacity-100:hover{
	opacity: 1;
}
@media (min-width: 640px){
	.sm\:aspect-h-7{
		--tw-aspect-h: 7;
	}
	.sm\:top-3{
		top: 0.75rem;
	}
	.sm\:left-3{
		left: 0.75rem;
	}
	.sm\:top-28{
		top: 7rem;
	}
	.sm\:top-7{
		top: 1.75rem;
	}
	.sm\:left-7{
		left: 1.75rem;
	}
	.sm\:top-9{
		top: 2.25rem;
	}
	.sm\:left-9{
		left: 2.25rem;
	}
	.sm\:order-none{
		order: 0;
	}
	.sm\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.sm\:col-span-3{
		grid-column: span 3 / span 3;
	}
	.sm\:col-span-4{
		grid-column: span 4 / span 4;
	}
	.sm\:col-start-2{
		grid-column-start: 2;
	}
	.sm\:col-end-9{
		grid-column-end: 9;
	}
	.sm\:float-left{
		float: left;
	}
	.sm\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}
	.sm\:mx-auto{
		margin-left: auto;
		margin-right: auto;
	}
	.sm\:my-auto{
		margin-top: auto;
		margin-bottom: auto;
	}
	.sm\:my-3{
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}
	.sm\:my-0{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.sm\:mt-0{
		margin-top: 0px;
	}
	.sm\:mt-6{
		margin-top: 1.5rem;
	}
	.sm\:mt-4{
		margin-top: 1rem;
	}
	.sm\:mr-0{
		margin-right: 0px;
	}
	.sm\:inline-block{
		display: inline-block;
	}
	.sm\:h-auto{
		height: auto;
	}
	.sm\:h-24{
		height: 6rem;
	}
	.sm\:h-18{
		height: 4.5rem;
	}
	.sm\:h-10{
		height: 2.5rem;
	}
	.sm\:h-6{
		height: 1.5rem;
	}
	.sm\:h-22{
		height: 5.5rem;
	}
	.sm\:w-1\/2{
		width: 50%;
	}
	.sm\:w-4\/5{
		width: 80%;
	}
	.sm\:w-1\/3{
		width: 33.333333%;
	}
	.sm\:w-2\/3{
		width: 66.666667%;
	}
	.sm\:w-8\/12{
		width: 66.666667%;
	}
	.sm\:w-full{
		width: 100%;
	}
	.sm\:w-32{
		width: 8rem;
	}
	.sm\:w-24{
		width: 6rem;
	}
	.sm\:w-18{
		width: 4.5rem;
	}
	.sm\:w-10{
		width: 2.5rem;
	}
	.sm\:w-6{
		width: 1.5rem;
	}
	.sm\:w-64{
		width: 16rem;
	}
	.sm\:max-w-none{
		max-width: none;
	}
	.sm\:scale-90{
		--tw-scale-x: .9;
		--tw-scale-y: .9;
		transform: var(--tw-transform);
	}
	.sm\:grid-cols-10{
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
	.sm\:grid-cols-8{
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	.sm\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sm\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.sm\:border-b-0{
		border-bottom-width: 0px;
	}
	.sm\:border-r{
		border-right-width: 1px;
	}
	.sm\:border-r-thin{
		border-right-width: 0.5px;
	}
	.sm\:border-black{
		--tw-border-opacity: 1;
		border-color: rgba(0, 0, 0, var(--tw-border-opacity));
	}
	.sm\:border-grey-medium{
		--tw-border-opacity: 1;
		border-color: rgba(101, 101, 104, var(--tw-border-opacity));
	}
	.sm\:border-opacity-30{
		--tw-border-opacity: 0.3;
	}
	.sm\:px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.sm\:pr-2\.5{
		padding-right: 0.625rem;
	}
	.sm\:pr-2{
		padding-right: 0.5rem;
	}
	.sm\:pb-0{
		padding-bottom: 0px;
	}
	.sm\:pt-0{
		padding-top: 0px;
	}
	.sm\:pt-4{
		padding-top: 1rem;
	}
	.sm\:text-left{
		text-align: left;
	}
	.sm\:text-right{
		text-align: right;
	}
  .sm\:font-sm {
    font-size: 12px;
    line-height: 22px; }
  .sm\:font-sm{
		letter-spacing: .1em;
	}
  @media (min-width: 1024px) {
    .sm\:font-sm {
      font-size: 14px;
      line-height: 20px; } }
}
@media (min-width: 768px){
  .md\:h1-span-normal{
		grid-column: span 5 / span 5;
	}
  .md\:h1-span-normal{
		grid-column-start: auto;
	}
  @media (min-width: 1024px){
		.md\:h1-span-normal{
			grid-column: span 3 / span 3;
		}
	}
  .md\:aspect-h-9{
		--tw-aspect-h: 9;
	}
  .md\:static{
		position: static;
	}
  .md\:absolute{
		position: absolute;
	}
  .md\:relative{
		position: relative;
	}
  .md\:left-full{
		left: 100%;
	}
  .md\:right-8{
		right: 2rem;
	}
  .md\:left-1\/2{
		left: 50%;
	}
  .md\:left-0{
		left: 0px;
	}
  .md\:top-6\.5{
		top: 1.625rem;
	}
  .md\:top-6{
		top: 1.5rem;
	}
  .md\:right-4{
		right: 1rem;
	}
  .md\:col-span-4{
		grid-column: span 4 / span 4;
	}
  .md\:col-span-3{
		grid-column: span 3 / span 3;
	}
  .md\:col-span-2{
		grid-column: span 2 / span 2;
	}
  .md\:col-span-5{
		grid-column: span 5 / span 5;
	}
  .md\:col-start-2{
		grid-column-start: 2;
	}
  .md\:col-start-auto{
		grid-column-start: auto;
	}
  .md\:col-start-1{
		grid-column-start: 1;
	}
  .md\:col-end-7{
		grid-column-end: 7;
	}
  .md\:float-right{
		float: right;
	}
  .md\:float-left{
		float: left;
	}
  .md\:float-none{
		float: none;
	}
  .md\:my-0{
		margin-top: 0px;
		margin-bottom: 0px;
	}
  .md\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}
  .md\:my-12{
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
  .md\:mx-auto{
		margin-left: auto;
		margin-right: auto;
	}
  .md\:my-4{
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
  .md\:mx-8{
		margin-left: 2rem;
		margin-right: 2rem;
	}
  .md\:mt-0{
		margin-top: 0px;
	}
  .md\:ml-2{
		margin-left: 0.5rem;
	}
  .md\:mr-4{
		margin-right: 1rem;
	}
  .md\:mt-8{
		margin-top: 2rem;
	}
  .md\:mb-8{
		margin-bottom: 2rem;
	}
  .md\:mb-16{
		margin-bottom: 4rem;
	}
  .md\:mb-40{
		margin-bottom: 10rem;
	}
  .md\:mb-4{
		margin-bottom: 1rem;
	}
  .md\:mt-4{
		margin-top: 1rem;
	}
  .md\:-mt-24{
		margin-top: -6rem;
	}
  .md\:ml-auto{
		margin-left: auto;
	}
  .md\:mr-8{
		margin-right: 2rem;
	}
  .md\:ml-0{
		margin-left: 0px;
	}
  .md\:ml-66{
		margin-left: 16.5rem;
	}
  .md\:-ml-66{
		margin-left: -16.5rem;
	}
  .md\:mt-12{
		margin-top: 3rem;
	}
  .md\:-mt-0{
		margin-top: 0px;
	}
  .md\:mb-0{
		margin-bottom: 0px;
	}
  .md\:mb-6{
		margin-bottom: 1.5rem;
	}
  .md\:mb-12{
		margin-bottom: 3rem;
	}
  .md\:mr-20{
		margin-right: 5rem;
	}
  .md\:-ml-8{
		margin-left: -2rem;
	}
  .md\:mt-20{
		margin-top: 5rem;
	}
  .md\:mb-14{
		margin-bottom: 3.5rem;
	}
  .md\:block{
		display: block;
	}
  .md\:inline-block{
		display: inline-block;
	}
  .md\:inline{
		display: inline;
	}
  .md\:flex{
		display: flex;
	}
  .md\:hidden{
		display: none;
	}
  .md\:h-14\.7{
		height: 3.435rem;
	}
  .md\:h-14{
		height: 3.5rem;
	}
  .md\:h-auto{
		height: auto;
	}
  .md\:h-20{
		height: 5rem;
	}
  .md\:h-120{
		height: 30rem;
	}
  .md\:h-16{
		height: 4rem;
	}
  .md\:h-96{
		height: 24rem;
	}
  .md\:h-50vh{
		height: 50vh;
	}
  .md\:h-32{
		height: 8rem;
	}
  .md\:h-12{
		height: 3rem;
	}
  .md\:h-10{
		height: 2.5rem;
	}
  .md\:h-1{
		height: 0.25rem;
	}
  .md\:h-40{
		height: 10rem;
	}
  .md\:h-4\/5{
		height: 80%;
	}
  .md\:h-56{
		height: 14rem;
	}
  .md\:min-h-96{
		min-height: 24rem;
	}
  .md\:w-1\/2{
		width: 50%;
	}
  .md\:w-1\/4{
		width: 25%;
	}
  .md\:w-4\/6{
		width: 66.666667%;
	}
  .md\:w-20{
		width: 5rem;
	}
  .md\:w-32{
		width: 8rem;
	}
  .md\:w-full{
		width: 100%;
	}
  .md\:w-4\/5{
		width: 80%;
	}
  .md\:w-5\/6{
		width: 83.333333%;
	}
  .md\:w-3\/4{
		width: 75%;
	}
  .md\:w-1\/3{
		width: 33.333333%;
	}
  .md\:w-10{
		width: 2.5rem;
	}
  .md\:w-auto{
		width: auto;
	}
  .md\:w-168{
		width: 42rem;
	}
  .md\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
  .md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  .md\:grid-cols-5{
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
  .md\:flex-row{
		flex-direction: row;
	}
  .md\:flex-wrap{
		flex-wrap: wrap;
	}
  .md\:items-start{
		align-items: flex-start;
	}
  .md\:items-stretch{
		align-items: stretch;
	}
  .md\:justify-center{
		justify-content: center;
	}
  .md\:justify-between{
		justify-content: space-between;
	}
  .md\:self-auto{
		align-self: auto;
	}
  .md\:border-b-0{
		border-bottom-width: 0px;
	}
  .md\:border-r{
		border-right-width: 1px;
	}
  .md\:border-l-0{
		border-left-width: 0px;
	}
  .md\:border-t{
		border-top-width: 1px;
	}
  .md\:object-cover{
		-o-object-fit: cover;
		   object-fit: cover;
	}
  .md\:py-12{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
  .md\:px-0{
		padding-left: 0px;
		padding-right: 0px;
	}
  .md\:px-6{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
  .md\:py-0{
		padding-top: 0px;
		padding-bottom: 0px;
	}
  .md\:pt-0{
		padding-top: 0px;
	}
  .md\:pt-10{
		padding-top: 2.5rem;
	}
  .md\:pb-0{
		padding-bottom: 0px;
	}
  .md\:pt-12{
		padding-top: 3rem;
	}
  .md\:pt-16{
		padding-top: 4rem;
	}
  .md\:pr-6{
		padding-right: 1.5rem;
	}
  .md\:pl-6{
		padding-left: 1.5rem;
	}
  .md\:pb-24{
		padding-bottom: 6rem;
	}
  .md\:pt-5{
		padding-top: 1.25rem;
	}
  .md\:pt-32{
		padding-top: 8rem;
	}
  .md\:text-left{
		text-align: left;
	}
  .md\:text-center{
		text-align: center;
	}
  .md\:font-2xl {
    font-size: 24px;
    line-height: 32px; }
  @media (min-width: 768px) {
    .md\:font-2xl {
      font-size: 28px;
      line-height: 36px; } }
  @media (min-width: 1024px) {
    .md\:font-2xl {
      font-size: 32px;
      line-height: 42px; } }
  @media (min-width: 1280px) {
    .md\:font-2xl {
      font-size: 36px;
      line-height: 50px; } }
}
@media (min-width: 1024px){
  .lg\:h1-span-normal{
		grid-column: span 5 / span 5;
	}
  .lg\:h1-span-normal{
		grid-column-start: auto;
	}
  @media (min-width: 1024px){
		.lg\:h1-span-normal{
			grid-column: span 3 / span 3;
		}
	}
  .lg\:h-rest-24 {
    height: calc(100vh - 7rem); }
  @media (min-width: 1024px) {
    .lg\:h-rest-24 {
      height: calc(100vh - 10rem); } }
    .stickymenublog .lg\:items-center {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
    @media (min-width: 1024px){
    .stickymenublog .lg\:lg\:items-center {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
	}
      .stickymenublog .lg\:items-center div {
        padding-top: 2px;
        padding-bottom: 2px; }
      @media (min-width: 1024px){
      .stickymenublog .lg\:lg\:items-center div {
        padding-top: 2px;
        padding-bottom: 2px; }
	}
  @media (min-width: 1024px) {
    .lg\:stickymenublog {
      top: 80px; }
      .stickymenublog .lg\:items-center {
        height: 80px; }
    .lg\:md\:w-1\/4 {
      display: block !important; } }
  @media (min-width: 1024px){
  @media (min-width: 1024px) {
    .lg\:lg\:stickymenublog {
      top: 80px; }
      .stickymenublog .lg\:lg\:items-center {
        height: 80px; }
    .lg\:lg\:md\:w-1\/4 {
      display: block !important; } }
	}
  .split .dots-wrapper .dot.thumb.lg\:visible {
    display: inline-block;
    pointer-events: initial; }
  .split .dots-wrapper.default .dot.thumb.lg\:visible {
    opacity: 1; }
  .lg\:aspect-h-8{
		--tw-aspect-h: 8;
	}
  .lg\:visible{
		visibility: visible;
	}
  .lg\:static{
		position: static;
	}
  .lg\:absolute{
		position: absolute;
	}
  .lg\:relative{
		position: relative;
	}
  .lg\:top-28{
		top: 7rem;
	}
  .lg\:left-0{
		left: 0px;
	}
  .lg\:top-8{
		top: 2rem;
	}
  .lg\:top-24{
		top: 6rem;
	}
  .lg\:top-9{
		top: 2.25rem;
	}
  .lg\:-right-4{
		right: -1rem;
	}
  .lg\:-top-6{
		top: -1.5rem;
	}
  .lg\:top-0{
		top: 0px;
	}
  .lg\:left-3{
		left: 0.75rem;
	}
  .lg\:order-none{
		order: 0;
	}
  .lg\:col-span-1{
		grid-column: span 1 / span 1;
	}
  .lg\:col-span-2{
		grid-column: span 2 / span 2;
	}
  .lg\:col-span-5{
		grid-column: span 5 / span 5;
	}
  .lg\:col-span-3{
		grid-column: span 3 / span 3;
	}
  .lg\:col-span-4{
		grid-column: span 4 / span 4;
	}
  .lg\:col-span-6{
		grid-column: span 6 / span 6;
	}
  .lg\:col-auto{
		grid-column: auto;
	}
  .lg\:col-start-2{
		grid-column-start: 2;
	}
  .lg\:col-end-9{
		grid-column-end: 9;
	}
  .lg\:col-end-8{
		grid-column-end: 8;
	}
  .lg\:m-2{
		margin: 0.5rem;
	}
  .lg\:my-20{
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
  .lg\:mx-auto{
		margin-left: auto;
		margin-right: auto;
	}
  .lg\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}
  .lg\:my-6{
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
  .lg\:my-7{
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}
  .lg\:mx-1{
		margin-left: 0.25rem;
		margin-right: 0.25rem;
	}
  .lg\:my-4{
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
  .lg\:my-0{
		margin-top: 0px;
		margin-bottom: 0px;
	}
  .lg\:mt-8{
		margin-top: 2rem;
	}
  .lg\:-mt-0{
		margin-top: 0px;
	}
  .lg\:mb-12{
		margin-bottom: 3rem;
	}
  .lg\:mt-4{
		margin-top: 1rem;
	}
  .lg\:-mt-4{
		margin-top: -1rem;
	}
  .lg\:ml-8{
		margin-left: 2rem;
	}
  .lg\:mb-0{
		margin-bottom: 0px;
	}
  .lg\:-mt-10{
		margin-top: -2.5rem;
	}
  .lg\:mt-0\.5{
		margin-top: 0.125rem;
	}
  .lg\:mt-0{
		margin-top: 0px;
	}
  .lg\:mb-8{
		margin-bottom: 2rem;
	}
  .lg\:mb-24{
		margin-bottom: 6rem;
	}
  .lg\:-mt-8{
		margin-top: -2rem;
	}
  .lg\:-mt-6{
		margin-top: -1.5rem;
	}
  .lg\:mt-3{
		margin-top: 0.75rem;
	}
  .lg\:ml-10{
		margin-left: 2.5rem;
	}
  .lg\:-mt-48{
		margin-top: -12rem;
	}
  .lg\:ml-74{
		margin-left: 18.5rem;
	}
  .lg\:mb-5{
		margin-bottom: 1.25rem;
	}
  .lg\:mr-0{
		margin-right: 0px;
	}
  .lg\:-ml-74{
		margin-left: -18.5rem;
	}
  .lg\:mt-48{
		margin-top: 12rem;
	}
  .lg\:ml-1{
		margin-left: 0.25rem;
	}
  .lg\:mr-1{
		margin-right: 0.25rem;
	}
  .lg\:mb-16{
		margin-bottom: 4rem;
	}
  .lg\:mt-28{
		margin-top: 7rem;
	}
  .lg\:mb-4{
		margin-bottom: 1rem;
	}
  .lg\:mt-16{
		margin-top: 4rem;
	}
  .lg\:-ml-24{
		margin-left: -6rem;
	}
  .lg\:mb-20{
		margin-bottom: 5rem;
	}
  .lg\:mt-10{
		margin-top: 2.5rem;
	}
  .lg\:mt-24{
		margin-top: 6rem;
	}
  .lg\:mb-18{
		margin-bottom: 4.5rem;
	}
  .lg\:block{
		display: block;
	}
  .lg\:inline-block{
		display: inline-block;
	}
  .lg\:hidden{
		display: none;
	}
  .lg\:h-17\.5{
		height: 4.325rem;
	}
  .lg\:h-17{
		height: 4.25rem;
	}
  .lg\:h-screen{
		height: 100vh;
	}
  .lg\:h-144{
		height: 36rem;
	}
  .lg\:h-20{
		height: 5rem;
	}
  .lg\:h-12{
		height: 3rem;
	}
  .lg\:h-48{
		height: 12rem;
	}
  .lg\:h-50vh{
		height: 50vh;
	}
  .lg\:h-75vh{
		height: 75vh;
	}
  .lg\:h-full{
		height: 100%;
	}
  .lg\:h-19{
		height: 4.75rem;
	}
  .lg\:h-56{
		height: 14rem;
	}
  .lg\:h-auto{
		height: auto;
	}
  .lg\:h-28{
		height: 7rem;
	}
  .lg\:h-72{
		height: 18rem;
	}
  .lg\:max-h-20{
		max-height: 5rem;
	}
  .lg\:min-h-144{
		min-height: 36rem;
	}
  .lg\:w-3\/4{
		width: 75%;
	}
  .lg\:w-3\/8{
		width: 37.5%;
	}
  .lg\:w-40{
		width: 10rem;
	}
  .lg\:w-1\/4{
		width: 25%;
	}
  .lg\:w-1\/2{
		width: 50%;
	}
  .lg\:w-1\/3{
		width: 33.333333%;
	}
  .lg\:w-full{
		width: 100%;
	}
  .lg\:w-2\/3{
		width: 66.666667%;
	}
  .lg\:w-3\/5{
		width: 60%;
	}
  .lg\:w-6\/8{
		width: 75%;
	}
  .lg\:w-1\/5{
		width: 20%;
	}
  .lg\:w-4\/5{
		width: 80%;
	}
  .lg\:w-7\/8{
		width: 87.5%;
	}
  .lg\:w-1\/6{
		width: 16.666667%;
	}
  .lg\:w-19{
		width: 4.75rem;
	}
  .lg\:w-17{
		width: 4.25rem;
	}
  .lg\:w-24{
		width: 6rem;
	}
  .lg\:w-216{
		width: 54rem;
	}
  .lg\:w-108{
		width: 27rem;
	}
  .lg\:w-px{
		width: 1px;
	}
  .lg\:w-72{
		width: 18rem;
	}
  .lg\:w-1\/8{
		width: 12.5%;
	}
  .lg\:w-2\/12{
		width: 16.666667%;
	}
  .lg\:w-3\/12{
		width: 25%;
	}
  .lg\:w-auto{
		width: auto;
	}
  .lg\:w-64{
		width: 16rem;
	}
  .lg\:grid-flow-row{
		grid-auto-flow: row;
	}
  .lg\:grid-cols-8{
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
  .lg\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  .lg\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
  .lg\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
  .lg\:grid-cols-1{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
  .lg\:flex-row{
		flex-direction: row;
	}
  .lg\:flex-col{
		flex-direction: column;
	}
  .lg\:items-center{
		align-items: center;
	}
  @media (min-width: 1024px){
		.lg\:lg\:items-center{
			align-items: center;
		}
	}
  .lg\:justify-end{
		justify-content: flex-end;
	}
  .lg\:justify-between{
		justify-content: space-between;
	}
  .lg\:overflow-y-hidden{
		overflow-y: hidden;
	}
  .lg\:border-t-0{
		border-top-width: 0px;
	}
  .lg\:border-r{
		border-right-width: 1px;
	}
  .lg\:object-cover{
		-o-object-fit: cover;
		   object-fit: cover;
	}
  .lg\:p-12{
		padding: 3rem;
	}
  .lg\:py-6{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
  .lg\:py-12{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
  .lg\:py-16{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
  .lg\:pt-52{
		padding-top: 13rem;
	}
  .lg\:pb-36{
		padding-bottom: 9rem;
	}
  .lg\:pb-6{
		padding-bottom: 1.5rem;
	}
  .lg\:pb-12{
		padding-bottom: 3rem;
	}
  .lg\:pb-24{
		padding-bottom: 6rem;
	}
  .lg\:pt-40{
		padding-top: 10rem;
	}
  .lg\:pt-12{
		padding-top: 3rem;
	}
  .lg\:pt-0{
		padding-top: 0px;
	}
  .lg\:pb-16{
		padding-bottom: 4rem;
	}
  .lg\:pt-24{
		padding-top: 6rem;
	}
  .lg\:pb-40{
		padding-bottom: 10rem;
	}
  .lg\:pb-48{
		padding-bottom: 12rem;
	}
  .lg\:pr-5{
		padding-right: 1.25rem;
	}
  .lg\:pt-7{
		padding-top: 1.75rem;
	}
  .lg\:pb-0{
		padding-bottom: 0px;
	}
  .lg\:pt-4{
		padding-top: 1rem;
	}
  .lg\:pr-4{
		padding-right: 1rem;
	}
  .lg\:text-left{
		text-align: left;
	}
  .lg\:text-center{
		text-align: center;
	}
  .lg\:text-6xl{
		font-size: 3.75rem;
		line-height: 1;
	}
  .lg\:font-2md {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .lg\:font-2md {
      font-size: 15px;
      line-height: 24px; } }
  .lg\:font-sm {
    font-size: 12px;
    line-height: 22px; }
  .lg\:font-sm{
		letter-spacing: .1em;
	}
  @media (min-width: 1024px) {
    .lg\:font-sm {
      font-size: 14px;
      line-height: 20px; } }
  .lg\:justify-unset {
    justify-content: unset; }
}
@media (min-width: 1280px){
	.xl\:col-span-4{
		grid-column: span 4 / span 4;
	}
	.xl\:col-start-3{
		grid-column-start: 3;
	}
	.xl\:mx-3{
		margin-left: 0.75rem;
		margin-right: 0.75rem;
	}
	.xl\:my-6{
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.xl\:my-7{
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}
	.xl\:-ml-0{
		margin-left: 0px;
	}
	.xl\:ml-14{
		margin-left: 3.5rem;
	}
	.xl\:ml-92{
		margin-left: 23rem;
	}
	.xl\:mr-0{
		margin-right: 0px;
	}
	.xl\:-ml-92{
		margin-left: -23rem;
	}
	.xl\:mb-24{
		margin-bottom: 6rem;
	}
	.xl\:mt-6{
		margin-top: 1.5rem;
	}
	.xl\:mt-12{
		margin-top: 3rem;
	}
	.xl\:mb-4{
		margin-bottom: 1rem;
	}
	.xl\:mb-8{
		margin-bottom: 2rem;
	}
	.xl\:mt-32{
		margin-top: 8rem;
	}
	.xl\:block{
		display: block;
	}
	.xl\:hidden{
		display: none;
	}
	.xl\:h-176{
		height: 48rem;
	}
	.xl\:h-3\/5{
		height: 60%;
	}
	.xl\:w-80{
		width: 20rem;
	}
	.xl\:w-216{
		width: 54rem;
	}
	.xl\:w-4\/5{
		width: 80%;
	}
	.xl\:w-40{
		width: 10rem;
	}
	.xl\:w-84{
		width: 21rem;
	}
	.xl\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.xl\:p-14{
		padding: 3.5rem;
	}
	.xl\:p-8{
		padding: 2rem;
	}
	.xl\:py-16{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.xl\:px-0{
		padding-left: 0px;
		padding-right: 0px;
	}
	.xl\:pt-24{
		padding-top: 6rem;
	}
	.xl\:pb-16{
		padding-bottom: 4rem;
	}
	.xl\:pt-32{
		padding-top: 8rem;
	}
	.xl\:pt-8{
		padding-top: 2rem;
	}
	.xl\:pt-64{
		padding-top: 16rem;
	}
	.xl\:pt-7{
		padding-top: 1.75rem;
	}
  .xl\:font-xls {
    font-size: 18px;
    line-height: 24px; }
  @media (min-width: 1024px) {
    .xl\:font-xls {
      font-size: 23px;
      line-height: 36px; } }
    @media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .xl\:font-xls {
        line-height: 30px; } }
  .xl\:font-lg {
    font-size: 14px;
    line-height: 20px; }
  @media (min-width: 1024px) {
    .xl\:font-lg {
      font-size: 18px; }
    .xl\:font-lg{
			line-height: 1.75rem;
		} }
}

#schema-trame .app-item {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0.5rem;
      height: 3.25rem;
      width: 3.25rem; }
@media (min-width: 768px) {
      #schema-trame .app-item {
            margin-bottom: 0px; } }
@media (min-width: 1024px) {
      #schema-trame .app-item {
            height: 4rem; }
      #schema-trame .app-item {
            width: 4rem; } }
  #schema-trame .app-item .js-app-tools {
      display: flex;
      height: 100%;
      width: 100%;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3;
      --tw-bg-opacity: 1;
      background-color: rgba(7, 43, 255, var(--tw-bg-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 300ms; }
  .stickymenublog #schema-trame .app-item .js-app-tools {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
  .stickymenublog #schema-trame .app-item .js-app-tools div {
        padding-top: 2px;
        padding-bottom: 2px; }
  @media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog #schema-trame .app-item .js-app-tools {
        height: 80px; }
     {
      display: block; } }
    #schema-trame .app-item .js-app-tools > p {
      font-weight: 700;
      letter-spacing: .025em;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-family: 'Aeonik-Bold';
    font-feature-settings: "ss01";
    font-size: 14px;
    line-height: 20px; }
    @media (min-width: 1024px) {
    #schema-trame .app-item .js-app-tools > p {
      font-size: 18px; }
    #schema-trame .app-item .js-app-tools > p {
            line-height: 1.75rem; } }
  #schema-trame .app-item.fuse .js-app-tools {
      border-radius: 9999px; }
    #schema-trame .app-item.fuse .js-app-tools:hover {
      --tw-border-opacity: 1;
      border-color: rgba(0, 231, 255, var(--tw-border-opacity));
      --tw-border-opacity: 1;
      --tw-bg-opacity: 1;
      background-color: rgba(0, 231, 255, var(--tw-bg-opacity)); }
  #schema-trame .app-item.build .js-app-tools {
      border-radius: 0.5rem; }
    #schema-trame .app-item.build .js-app-tools:hover {
      --tw-border-opacity: 1;
      border-color: rgba(49, 197, 255, var(--tw-border-opacity));
      --tw-border-opacity: 1;
      --tw-bg-opacity: 1;
      background-color: rgba(49, 197, 255, var(--tw-bg-opacity)); }
  #schema-trame .app-item.deploy .js-app-tools {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
      height: 2.75rem;
      width: 2.75rem;
      --tw-rotate: 45deg;
      transform: var(--tw-transform);
      transform: var(--tw-transform);
      border-radius: 0.5rem; }
  @media (min-width: 768px) {
      #schema-trame .app-item.deploy .js-app-tools {
            margin-left: 0px;
            margin-right: 0px; }
      #schema-trame .app-item.deploy .js-app-tools {
            margin-top: 0.25rem; } }
  @media (min-width: 1024px) {
      #schema-trame .app-item.deploy .js-app-tools {
            height: 3.5rem; }
      #schema-trame .app-item.deploy .js-app-tools {
            width: 3.5rem; } }
    #schema-trame .app-item.deploy .js-app-tools > p {
      --tw-rotate: -45deg;
      transform: var(--tw-transform);
      transform: var(--tw-transform); }
    #schema-trame .app-item.deploy .js-app-tools:hover {
      /*@apply bg-blue-deploy border-blue-deploy border-opacity-100*/
      --tw-border-opacity: 1;
      border-color: rgba(49, 197, 255, var(--tw-border-opacity));
      --tw-border-opacity: 1;
      --tw-bg-opacity: 1;
      background-color: rgba(49, 197, 255, var(--tw-bg-opacity)); }

.autocomplete-suggestions {
  overflow: auto;
  top: 4rem !important;
  left: 0px !important;
  width: 100% !important;
  overflow: auto !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; }@media (min-width: 1024px) {.autocomplete-suggestions {
    top: 5rem !important; } }

.autocomplete-suggestion {
  white-space: nowrap;
  overflow: hidden;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(36, 36, 40, var(--tw-text-opacity));
    font-size: 14px;
    line-height: 20px; }

@media (min-width: 1024px) {
    .autocomplete-suggestion {
      font-size: 18px; }
    .autocomplete-suggestion {
    line-height: 1.75rem; }
    .autocomplete-suggestion {
    padding: 1rem; } }

.autocomplete-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); }

.autocomplete-suggestions strong {
  --tw-text-opacity: 1;
  color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }

.searchwp-live-search-results {
  border-radius: 0 !important; }
  .searchwp-live-search-results .searchwp-live-search-result {
  --tw-text-opacity: 1 !important;
  color: rgba(36, 36, 40, var(--tw-text-opacity)) !important;
  --tw-text-opacity: 0.7 !important;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms; }
    .searchwp-live-search-results .searchwp-live-search-result:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 197, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.btn {
    display: inline-block;
    cursor: pointer;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .btn {
      font-size: 14px;
      line-height: 24px; } }
  .section-white .btn {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
  .section-blue .btn {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .section-dark .btn {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .theme-dark .btn {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .bgwhite .btn {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
    .bgwhite .btn img {
      filter: invert(1); }
  header.active .btn {
    border-color: #242428 !important;
    color: #242428 !important; }
  .btn:hover, .btn.active {
    box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
    --tw-border-opacity: 1;
    border-color: rgba(7, 43, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .section-blue .btn:hover, .section-blue .btn.active {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
      .section-blue .btn:hover img, .section-blue .btn.active img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
    .section-dark .btn:hover, .section-dark .btn.active {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
    .theme-dark .btn:hover, .theme-dark .btn.active {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
    .bgwhite .btn:hover, .bgwhite .btn.active {
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }
      .bgwhite .btn:hover img, .bgwhite .btn.active img {
        filter: invert(0); }

.btn-h-min {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

.btn-small {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

.btn-invert {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .btn-invert:hover, .btn-invert:focus {
    box-shadow: inset 0 -54px 0 0 white;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.arrow-link {
    display: inline-block;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .theme-dark .arrow-link img {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  .section-dark .arrow-link img {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  .section-blue .arrow-link img {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  #big-menu a:hover .arrow-link img {
    right: -0.5rem; }
  #big-menu a:focus .arrow-link img {
    right: -0.5rem; }
  a:hover .arrow-link {
    margin-left: 1.25rem; }
  a:focus .arrow-link {
    margin-left: 1.25rem; }

@media (min-width: 1280px) {
  #big-menu .section-title .arrow-link {
        display: none; } }

a.hover-blue:hover {
    --tw-text-opacity: 1;
    color: rgba(7, 43, 255, var(--tw-text-opacity));
    opacity: 1; }
  .section-blue a.hover-blue:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  a.hover-blue:hover p, a.hover-blue:hover h3, a.hover-blue:hover .p-text {
    --tw-text-opacity: 1;
    color: rgba(7, 43, 255, var(--tw-text-opacity));
    opacity: 1; }
    .section-blue a.hover-blue:hover p, .section-blue a.hover-blue:hover h3, .section-blue a.hover-blue:hover .p-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  a.hover-blue:hover .arrow-link {
    right: -2rem;
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }
    .section-blue a.hover-blue:hover .arrow-link {
    filter: none; }

a.rsc-prev-next:hover > div {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }

a.rsc-prev-next:hover img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }

a.title-rsc-prev-next {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  a.title-rsc-prev-next img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  a.title-rsc-prev-next:hover > div {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
  a.title-rsc-prev-next:hover img {
    filter: none; }

.social-svg {
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: auto; }
  .section-blue .social-svg {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  .section-dark .social-svg {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  .theme-dark .social-svg {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  #big-menu .social-svg {
    /*@apply filter invert;*/
    filter: none; }

.mentions a:hover {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue .mentions a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark .mentions a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark .mentions a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.customer:hover .img-wrapper {
  transform: scale(1.25); }

.customer:hover .layer-blue {
    top: 0px; }

.customer:hover .layer-text {
    top: 33.333333%; }

.customer:hover .c-description {
    opacity: 1; }

.industry:hover .img-wrapper {
  transform: scale(1.25); }

.industry:hover .layer-blue {
    top: 0px; }

.industry:hover .layer-text {
    top: 50%; }

.pagination-pages {
  counter-reset: images-counter;
  position: relative;
  overflow: hidden; }
  .pagination-pages li {
    display: inline-block;
    position: relative;
    top: -1.25rem;
    margin-left: 0.25rem;
    opacity: .2;
    transition: opacity 0.3s;
    cursor: pointer; }
    .pagination-pages li:hover {
      opacity: 0.8; }
    .pagination-pages li:before {
      content: counter(images-counter, decimal-leading-zero);
      counter-increment: images-counter;
      margin-top: 20px;
      position: relative;
      top: 20px;
      letter-spacing: 0.05rem; }
    .pagination-pages li:after {
      transition: width 0.3s;
      content: "";
      display: block;
      width: 0px;
      height: 1px;
      background: rgba(255, 255, 255, 0.2);
      position: relative;
      top: 10px;
      left: 20px; }
    .pagination-pages li.page-active {
      opacity: 1;
      margin-right: 1.25rem; }
      .pagination-pages li.page-active:after {
        width: 20px;
        background: rgba(255, 255, 255, 0.2); }

.pagination-prev-next:hover > div {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.pagination-prev-next:hover img {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }

.customers-menu {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 400ms; }
  .customers-menu.sticky-32 {
    top: calc(5.25rem + 3px) !important; }

@media (min-width: 768px) {
  .customers-menu.sticky-32 {
    top: calc(6rem + 3px) !important; } }

@media (min-width: 1024px) {
  .customers-menu.sticky-32 {
    top: calc(8rem + 3px) !important; } }
  .customers-menu .menu-container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 400ms; }
  @media (min-width: 768px) {
    .customers-menu .menu-container {
        padding-left: 2rem;
        padding-right: 2rem; } }
  @media (min-width: 1024px) {
    .customers-menu .menu-container {
        padding-left: 3rem;
        padding-right: 3rem; } }
  .customers-menu.real-w-full .menu-container {
    padding-left: 0px;
    padding-right: 0px; }

.customer-section-first {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.stickymenublog .customer-section-first {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .customer-section-first div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .customer-section-first {
        height: 80px; }
     {
      display: block; }
    .customer-section-first {
        padding-left: 1rem; } }
  #js-submenu-cat-list-btn .customer-section-first {
    padding-left: 2rem; }
  .customer-section-first:hover {
    --tw-text-opacity: 1; }

.customer-section {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity));
    --tw-text-opacity: 0.7;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.stickymenublog .customer-section {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .customer-section div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .customer-section {
        height: 80px; }
     {
      display: block; } }
  #js-submenu-cat-list .customer-section {
    margin-left: 1.5rem;
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
  @media (min-width: 1024px) {
    #js-submenu-cat-list .customer-section {
        margin-left: 0px; } }
  @media (min-width: 1280px) {
    #js-submenu-cat-list .customer-section {
        margin-left: 0.5rem; } }
    #js-submenu-cat-list .customer-section:hover {
    --tw-text-opacity: 1; }
  .customer-section:hover {
    --tw-text-opacity: 1; }

.normaltxt {
  text-transform: none; }

.bk-card-blog .hover-text {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  .bk-card-blog .hover-text > img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }

.bk-card-blog:hover .hover-text > p {
    --tw-text-opacity: 1;
    color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.bk-card-blog:hover .hover-text > img {
    margin-left: 2.5rem;
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }

@media (min-width: 1024px) {
    .bk-card-blog:hover .hover-text > img {
        margin-left: 3.5rem; } }

@media (min-width: 1280px) {
    .bk-card-blog:hover .hover-text > img {
        margin-left: 4.5rem; } }

.bk-card-blog:hover .blog-img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: var(--tw-transform); }

.js-pause-vid, .js-play-vid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }

.stickymenublog .js-pause-vid, .stickymenublog .js-play-vid {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .js-pause-vid div, .stickymenublog .js-play-vid div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .js-pause-vid, .stickymenublog .js-play-vid {
        height: 80px; }
    ,  {
      display: block; } }
  .js-pause-vid .border-play-pause, .js-play-vid .border-play-pause {
    height: 4rem;
    width: 4rem;
    transform-origin: center;
    transform: var(--tw-transform);
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    background-color: transparent;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  .js-pause-vid:hover .border-play-pause, .js-play-vid:hover .border-play-pause {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: var(--tw-transform); }

.js-sound-on {
  top: 10px;
  right: 10px;
  border-radius: 23px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  height: 46px;
  width: 46px;
  line-height: 40px; }
  .js-sound-on img {
    display: inline-block; }

.js-pause-vid {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }

/*.js-pause-wrapper:hover {
		.js-pause-vid {
			@apply opacity-100;
		}
	}*/
.saas-app-pictos {
    display: flex;
    height: 100%;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
.stickymenublog .saas-app-pictos {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
.stickymenublog .saas-app-pictos div {
        padding-top: 2px;
        padding-bottom: 2px; }
@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos {
        height: 80px; }
     {
      display: block; } }
  .saas-app-pictos img {
    position: relative;
    display: block;
    height: auto;
    width: 50%;
    transform-origin: center;
    --tw-scale-x: .80;
    --tw-scale-y: .80;
    transform: var(--tw-transform);
    transform: var(--tw-transform);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  @media (min-width: 640px) {
    .saas-app-pictos img {
        width: 40%; } }
  @media (min-width: 768px) {
    .saas-app-pictos img {
        height: auto; } }
  .saas-app-pictos:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }
    .saas-app-pictos:hover img {
      transform: translateY(-10px) scale(0.8); }

@media (min-width: 1024px) {
  .saas-app-pictos:hover img {
    transform: translateY(-15px) scale(0.8); } }

@media (min-width: 1280px) {
  .saas-app-pictos:hover img {
    transform: translateY(-20px) scale(0.8); } }

.saas-app-pictos2 {
  padding-top: 10%;
  padding-bottom: 10%;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms; }

.stickymenublog .saas-app-pictos2 {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .saas-app-pictos2 div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos2 {
        height: 80px; }
     {
      display: block; } }
  .saas-app-pictos2 img {
    width: 15%; }
  .saas-app-pictos2:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }

.saas-app-pictos3 {
  padding-top: 10%;
  padding-bottom: 10%;
  color: var(--color-grey-dark);
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.stickymenublog .saas-app-pictos3 {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .saas-app-pictos3 div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .saas-app-pictos3 {
        height: 80px; }
     {
      display: block; } }
  .saas-app-pictos3 img {
    width: 100%; }
  .saas-app-pictos3 ul {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px; }
    .saas-app-pictos3 ul li {
      list-style: disc; }

.saas-app-pictos4 {
  padding-top: 5%;
  padding-bottom: 5%;
  /*color:var(--color-grey-dark);*/
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .saas-app-pictos4 img {
    width: 100%; }
  .saas-app-pictos4 a {
    margin-top: 20px;
    margin-bottom: 20px;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    text-decoration: underline; }
    .saas-app-pictos4 a img {
      height: auto;
      width: auto; }
  .saas-app-pictos4 ul {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px; }
    .saas-app-pictos4 ul li {
      list-style: disc; }

.saas-app-pictos5 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .saas-app-pictos5 li {
    margin-bottom: 40px;
    opacity: 0.7;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .saas-app-pictos5 li span {
      width: 40px;
      margin-right: 45px;
      display: inline-block; }
      .saas-app-pictos5 li span img {
        height: auto;
        max-width: 40px;
        max-height: 40px;
        display: inline-block;
        filter: brightness(0) invert(1); }

.saas-app-pictos6 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .saas-app-pictos6 img {
    /*margin-top:20px;*/
    /*height:80px;*/
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 20px !important;
    margin-left: 20px !important; }

.saas-app-pictos7 {
  padding-top: 5%;
  padding-bottom: 5%; }
  .saas-app-pictos7 ul {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .saas-app-pictos7 ul li {
      list-style: disc; }

.saas-app-pictos8 {
  padding-top: 5%;
  padding-bottom: 5%; }

.saas-app-pictos8-container {
  position: relative;
  padding-bottom: 40px; }
  .saas-app-pictos8-container .btn {
    position: absolute;
    bottom: 0; }

.applications-item {
    margin: 0px;
    display: flex;
    width: 33.333333%;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem; }

@media (min-width: 1024px) {
    .applications-item {
        margin-bottom: 2rem; }
    .applications-item {
        width: 80%; }
    .applications-item {
        flex-direction: row; }
    .applications-item {
        align-items: center; }
    .applications-item {
        padding-left: 0px;
        padding-right: 0px; }
    .stickymenublog .applications-item {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
      .stickymenublog .applications-item div {
        padding-top: 2px;
        padding-bottom: 2px; }
  @media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .applications-item {
        height: 80px; }
     {
      display: block; } } }
  .applications-item > img {
    margin-left: auto;
    margin-right: auto;
    width: 5rem; }
  @media (min-width: 1024px) {
    .applications-item > img {
        margin-left: 0px;
        margin-right: 0px; } }
  .applications-item > p {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    opacity: 0.8;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .applications-item > p {
      font-size: 14px;
      line-height: 24px; }
    .applications-item > p {
        margin-top: 0px; }
    .applications-item > p {
        margin-left: 2rem; }
    .applications-item > p {
        text-align: left; } }
  .applications-item:hover > p {
    opacity: 1; }

.navigation.pagination {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%; }

@media (min-width: 768px) {
    .navigation.pagination {
        margin-top: 2rem;
        margin-bottom: 2rem; } }
  .navigation.pagination h2.screen-reader-text {
    display: none; }
  .navigation.pagination .nav-links {
    position: relative;
    height: 2rem;
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
  @media (min-width: 1024px) {
    .navigation.pagination .nav-links {
      font-size: 14px;
      line-height: 20px; } }
  .navigation.pagination .nav-links {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }
  .section-blue .navigation.pagination .nav-links {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
  .section-dark .navigation.pagination .nav-links {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
  .theme-dark .navigation.pagination .nav-links {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
  a:hover .navigation.pagination .nav-links {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
  .section-blue a:hover .navigation.pagination .nav-links {
    --tw-text-opacity: 1; }
  .section-dark a:hover .navigation.pagination .nav-links {
    --tw-text-opacity: 1; }
  .theme-dark a:hover .navigation.pagination .nav-links {
    --tw-text-opacity: 1; }
  @media (min-width: 768px) {
    .navigation.pagination .nav-links {
        height: 2.5rem; } }
    .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
      text-indent: -9999px;
      left: 2.5rem;
      position: relative;
      z-index: 10;
      float: right;
      margin-left: 0.5rem;
      display: flex;
      height: 2rem;
      width: 2rem;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    .stickymenublog .navigation.pagination .nav-links .prev, .stickymenublog .navigation.pagination .nav-links .next {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
    .stickymenublog .navigation.pagination .nav-links .prev div, .stickymenublog .navigation.pagination .nav-links .next div {
        padding-top: 2px;
        padding-bottom: 2px; }
    @media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .navigation.pagination .nav-links .prev, .stickymenublog .navigation.pagination .nav-links .next {
        height: 80px; }
    ,  {
      display: block; } }
    @media (min-width: 768px) {
    .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
        height: 2.5rem; }
    .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
        width: 2.5rem; }
  .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next {
    left: 2.9rem; } }
      .navigation.pagination .nav-links .prev:hover, .navigation.pagination .nav-links .next:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
        .navigation.pagination .nav-links .prev:hover:after, .navigation.pagination .nav-links .next:hover:after {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
      .navigation.pagination .nav-links .prev:after, .navigation.pagination .nav-links .next:after {
        content: "";
        background: url("../img/arrow-black.svg") no-repeat center center;
        width: 6px;
        height: 16px;
        display: block;
        position: absolute;
        transform: scaleX(1.2) scaleY(1.5); }
    .navigation.pagination .nav-links .prev {
    left: -2.5rem; }

@media (min-width: 768px) {
  .navigation.pagination .nav-links .prev {
        left: -3rem; } }
      .navigation.pagination .nav-links .prev:after {
        transform: scaleX(1.2) scaleY(1.5) rotate(180deg); }
    .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev) {
    position: relative;
    margin-right: 0.5rem;
    display: inline-block;
    border-width: 0px;
    background-image: none;
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity));
    opacity: 0.6;
      width: 15px;
      height: 15px;
      top: 9px;
      transition: margin 0.3s, opacity 0.3s; }
      .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):hover {
    opacity: 0.8; }
      .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):after {
    position: relative;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
        transition: width 0.3s;
        content: "";
        width: 0px;
        height: 1px;
        top: -9px;
        left: 20px; }
        .theme-dark .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev):after {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
      .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev).current {
    margin-right: 1.5rem;
    opacity: 1; }
        .navigation.pagination .nav-links .page-numbers:not(.next):not(.prev).current:after {
          width: 20px; }

.bk_careers {
      display: flex;
      height: auto;
      justify-content: center;
      border-width: 0.5px;
      padding-top: 2rem;
      padding-bottom: 2rem; }
    #big-menu .bk_careers {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
      #big-menu .darkblock .bk_careers {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
  .bk_careers {
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
    .theme-dark .bk_careers {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
    .section-dark .bk_careers {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
    .section-blue .bk_careers {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
@media (min-width: 768px) {
      .bk_careers {
            width: 50%; }
      .bk_careers {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem; } }
@media (min-width: 1024px) {
      .bk_careers {
            width: 100%; }
      .bk_careers {
            padding-top: 3rem;
            padding-bottom: 3rem; } }
  .swiper-slide .bk_careers {
      height: 100%;
      width: 100%; }

.content-blog-container {
  text-align: center; }
  .content-blog-container a {
    color: #072BFF; }
  .content-blog-container img {
    display: inline-block;
    margin-top: 40px; }
  .content-blog-container .content-blog {
    font-size: 14px;
    line-height: 24px; }
    .content-blog-container .content-blog h3 {
      font-size: 18px;
      line-height: 30px;
      color: #242428;
      margin-bottom: 20px; }
    .content-blog-container .content-blog h2 {
      color: #072BFF;
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
      margin-bottom: 20px;
      margin-top: 60px;
      position: relative; }
      .content-blog-container .content-blog h2:before {
        position: absolute;
        content: "\00a0";
        width: 50px;
        height: 1px;
        top: -20px;
        border-top: 1px solid rgba(36, 36, 40, 0.3); }
    .content-blog-container .content-blog ul {
      font-size: 13px; }
      .content-blog-container .content-blog ul li {
        margin-bottom: 20px; }
    .content-blog-container .content-blog .wp-caption {
      width: 100% !important;
      text-align: center; }
    .content-blog-container .content-blog img {
      width: 100%; }
    .content-blog-container .content-blog blockquote {
      color: #072BFF;
      font-size: 18px;
      line-height: 30px;
      border-left: 1px solid #072BFF;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 40px; }
    .content-blog-container .content-blog .learnmore {
      width: 425px;
      max-width: 90%;
      padding-top: 40px;
      padding-bottom: 40px;
      border: 1px solid #072BFF;
      color: #072BFF;
      text-align: center;
      position: relative;
      margin: 40px auto; }
      .content-blog-container .content-blog .learnmore img {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 30%;
        display: inline-block; }

.stickymenublog {
  background: white;
  position: fixed;
  top: 50px;
  left: 0px;
  width: 100%;
  z-index: 100;
  text-align: center;
  text-overflow: ellipsis;
  display: none;
  transition: opacity ease-in 0.5s; }
  .stickymenublog .items-center {
    height: auto;
    font-size: 14px;
    color: #072BFF; }
    .stickymenublog .items-center div {
      padding-top: 2px;
      padding-bottom: 2px; }
  .stickymenublog.showinfo {
    display: block; }
  .stickymenublog .md\:w-1\/4 {
    display: none; }
  .stickymenublog .md\:w-1\/2 {
    width: 100%; }

@media (min-width: 1024px) {
  .stickymenublog {
    top: 80px; }
    .stickymenublog .items-center {
      height: 80px; }
  .md\:w-1\/4 {
    display: block !important; } }

.like-h1 {
    margin-bottom: 2rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity));
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01";
    font-size: 24px;
    line-height: 32px; }
  @media (min-width: 768px) {
    .like-h1 {
      font-size: 28px;
      line-height: 36px; } }
  @media (min-width: 1024px) {
    .like-h1 {
      font-size: 32px;
      line-height: 42px; } }
  @media (min-width: 1280px) {
    .like-h1 {
      font-size: 36px;
      line-height: 50px; } }
  .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
    .section-blue .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .section-dark .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .theme-dark .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .section-blue .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .section-dark .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .theme-dark .like-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .like-h1.like-h1-xl {
    font-size: 30px;
    line-height: 40px;
    /*@screen md {
    		font-size: 30px;
    		line-height: 40px;
    	}*/ }
  @media (min-width: 1024px) {
    .like-h1.like-h1-xl {
      font-size: 40px;
      line-height: 48px; } }
  @media (min-width: 1280px) {
    .like-h1.like-h1-xl {
      font-size: 50px;
      line-height: 64px; } }
  .like-h1.like-h1-xls {
    font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 18px;
    line-height: 24px; }
  @media (min-width: 1024px) {
    .like-h1.like-h1-xls {
      font-size: 23px;
      line-height: 36px; } }
  @media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .like-h1.like-h1-xls {
        line-height: 30px; } }
  .like-h1-xl .like-h1 {
    font-size: 30px;
    line-height: 40px;
    /*@screen md {
    		font-size: 30px;
    		line-height: 40px;
    	}*/ }
  @media (min-width: 1024px) {
    .like-h1-xl .like-h1 {
      font-size: 40px;
      line-height: 48px; } }
  @media (min-width: 1280px) {
    .like-h1-xl .like-h1 {
      font-size: 50px;
      line-height: 64px; } }
  .like-h1-xls .like-h1 {
    font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 18px;
    line-height: 24px; }
  @media (min-width: 1024px) {
    .like-h1-xls .like-h1 {
      font-size: 23px;
      line-height: 36px; } }
  @media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .like-h1-xls .like-h1 {
        line-height: 30px; } }

/*&.like-h1-xl {
		.like-h1 { @apply font-3xl; }
	}

	&.like-h1-xls {
		.like-h1 { @apply font-xls font-medium; }
	}*/
.h1-span-normal {
    grid-column: span 5 / span 5;
    grid-column-start: auto; }
@media (min-width: 1024px) {
    .h1-span-normal {
        grid-column: span 3 / span 3; } }

.h1-span-lg {
    grid-column: span 5 / span 5;
    grid-column-start: auto; }

@media (min-width: 1024px) {
    .h1-span-lg {
        grid-column: span 4 / span 4; } }

.h1-span-xl {
    grid-column: span 5 / span 5;
    grid-column-start: auto; }

.h1-span-centered {
    grid-column: 1 / -1; }

#big-menu .h1-span-centered.w-screen {
      width: 100%; }

@media (min-width: 768px) {
    .h1-span-centered {
        grid-column: span 4 / span 4; }
    .h1-span-centered {
        grid-column-start: 2; } }

@media (min-width: 1024px) {
    .h1-span-centered {
        grid-column: span 3 / span 3; }
    .h1-span-centered {
        grid-column-start: 1; } }

.chapeau {
    text-transform: uppercase;
    letter-spacing: .1em;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }

@media (min-width: 1024px) {
    .chapeau {
      font-size: 14px;
      line-height: 20px; } }

.chapeau {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.section-dark .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.theme-dark .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

a:hover .chapeau {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover .chapeau {
    --tw-text-opacity: 1; }

.section-dark a:hover .chapeau {
    --tw-text-opacity: 1; }

.theme-dark a:hover .chapeau {
    --tw-text-opacity: 1; }
  .bgwhite .chapeau {
    color: var(--color-grey-medium); }
  a:hover .chapeau {
    --tw-text-opacity: 1; }
    .theme-dark a:hover .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .section-dark a:hover .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .section-blue a:hover .chapeau {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.chapeau-sm {
    grid-column: span 1 / span 1; }

.chapeau-medium {
    margin-top: -0.25rem;
    margin-bottom: 1rem;
    font-size: 18px;
    line-height: 24px; }

@media (min-width: 1024px) {
    .chapeau-medium {
      font-size: 23px;
      line-height: 36px; } }

@media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .chapeau-medium {
        line-height: 30px; } }

.chapeau-medium {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue .chapeau-medium {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark .chapeau-medium {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark .chapeau-medium {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

@media (min-width: 1024px) {
    .chapeau-medium {
        margin-top: -0.5rem; }
    .chapeau-medium {
        margin-bottom: 1.5rem; } }

.p-h1 {
    font-size: 14px;
    line-height: 20px; }

@media (min-width: 1024px) {
    .p-h1 {
      font-size: 18px; }
    .p-h1 {
        line-height: 1.75rem; } }

.p-h1 {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue .p-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark .p-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark .p-h1 {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.p-text {
    font-size: 14px;
    line-height: 20px; }

@media (min-width: 1024px) {
    .p-text {
      font-size: 18px; }
    .p-text {
        line-height: 1.75rem; } }

.p-text {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue .p-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.section-dark .p-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.theme-dark .p-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

a:hover .p-text {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover .p-text {
    --tw-text-opacity: 1; }

.section-dark a:hover .p-text {
    --tw-text-opacity: 1; }

.theme-dark a:hover .p-text {
    --tw-text-opacity: 1; }

.p-text {
  /*.section-blue a:hover &,
		.section-blue a:focus & {
			@apply text-white text-opacity-100 transition-all duration-300 ease-linear;
		}*/ }
  .p-text.p-text-sm {
    font-size: 12px;
    line-height: 1.375; }
  @media (min-width: 768px) {
    .p-text.p-text-sm {
      line-height: 20px; } }

@media (min-width: 1024px) {
  .p-text.p-text-sm {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .p-text.p-text-sm {
      font-size: 14px;
      line-height: 24px; } } }
  a:hover .p-text, a:focus .p-text {
    --tw-text-opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: linear; }
    .theme-dark a:hover .p-text, .section-dark a:hover .p-text, .section-blue a:hover .p-text, .theme-dark
    a:focus .p-text, .section-dark
    a:focus .p-text, .section-blue
    a:focus .p-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .p-text ul {
    margin-bottom: 2.5rem;
    margin-left: 1rem;
    list-style-type: disc; }
    .p-text ul ul {
      list-style: circle;
      margin-left: 1rem; }

.tech-feature-benefits ul {
    list-style-type: disc;
    padding-left: 1rem; }

.overview_about {
    font-size: 14px;
    line-height: 20px; }

@media (min-width: 1024px) {
    .overview_about {
      font-size: 18px; }
    .overview_about {
        line-height: 1.75rem; } }
  .overview_about ul {
    margin-bottom: 2.5rem;
    margin-left: 1rem;
    list-style-type: disc;
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
  .section-blue .overview_about ul {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .section-dark .overview_about ul {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .theme-dark .overview_about ul {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.usescases, .highlights {
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 1024px) {
    .usescases, .highlights {
      font-size: 14px;
      line-height: 24px; } }

.usescases, .highlights {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue .usescases, .section-blue .highlights {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.section-dark .usescases, .section-dark .highlights {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.theme-dark .usescases, .theme-dark .highlights {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

a:hover .usescases, a:hover .highlights {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover .usescases, .section-blue a:hover .highlights {
    --tw-text-opacity: 1; }

.section-dark a:hover .usescases, .section-dark a:hover .highlights {
    --tw-text-opacity: 1; }

.theme-dark a:hover .usescases, .theme-dark a:hover .highlights {
    --tw-text-opacity: 1; }
  .usescases ul, .highlights ul {
    margin-bottom: 2.5rem;
    margin-left: 1rem;
    list-style-type: disc; }
    .usescases ul ul,
    .highlights ul ul {
      list-style: circle;
      margin-left: 1rem; }

.css-content {
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01";
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue .css-content {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.section-dark .css-content {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.theme-dark .css-content {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

a:hover .css-content {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover .css-content {
    --tw-text-opacity: 1; }

.section-dark a:hover .css-content {
    --tw-text-opacity: 1; }

.theme-dark a:hover .css-content {
    --tw-text-opacity: 1; }
  .css-content h1 {
    margin-bottom: 2rem;
    font-size: 24px;
    line-height: 32px; }
  @media (min-width: 768px) {
    .css-content h1 {
      font-size: 28px;
      line-height: 36px; } }
  @media (min-width: 1024px) {
    .css-content h1 {
      font-size: 32px;
      line-height: 42px; } }
  @media (min-width: 1280px) {
    .css-content h1 {
      font-size: 36px;
      line-height: 50px; } }
  .css-content h2 {
    margin-bottom: 2rem;
    font-size: 18px;
    line-height: 24px; }
  @media (min-width: 1024px) {
    .css-content h2 {
      font-size: 28px;
      line-height: 36px; } }
  .css-content h3 {
    margin-bottom: 1.5rem;
    font-size: 18px;
    line-height: 24px; }
  @media (min-width: 1024px) {
    .css-content h3 {
      font-size: 23px;
      line-height: 36px; } }
  @media (min-width: 1024px) and (max-height: 800px) {
      #big-menu .css-content h3 {
        line-height: 30px; } }
  .css-content h4 {
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .css-content h4 {
      font-size: 20px;
      line-height: 28px; } }
  .css-content h5 {
    margin-bottom: 0.75rem;
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .css-content h5 {
      font-size: 14px;
      line-height: 24px; } }
  .css-content h6 {
    margin-bottom: 0.5rem;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
  @media (min-width: 1024px) {
    .css-content h6 {
      font-size: 14px;
      line-height: 20px; } }
  .css-content p, .css-content span {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .css-content p, .css-content span {
      font-size: 14px;
      line-height: 24px; } }
  .css-content strong {
    font-weight: 700;
    font-family: 'Aeonik-Bold';
    font-feature-settings: "ss01"; }
  .css-content ul, .css-content ol {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    list-style-type: disc;
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .css-content ul, .css-content ol {
      font-size: 14px;
      line-height: 24px; } }
    .css-content ul li, .css-content ol li {
    margin-bottom: 0.5rem; }
    .css-content ul span, .css-content ol span {
    margin-top: 0px;
    margin-bottom: 0px; }
  .css-content ol {
    list-style-type: decimal; }
  .css-content a {
    text-decoration: underline; }

@charset "UTF-8";
input::-moz-placeholder, textarea::-moz-placeholder{
      opacity: 0.7;
      --tw-text-opacity: 1;
      color: rgba(101, 101, 104, var(--tw-text-opacity)); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
      opacity: 0.7;
      --tw-text-opacity: 1;
      color: rgba(101, 101, 104, var(--tw-text-opacity)); }
input::placeholder, textarea::placeholder{
      opacity: 0.7;
      --tw-text-opacity: 1;
      color: rgba(101, 101, 104, var(--tw-text-opacity)); }
.section-blue input::-moz-placeholder, .section-blue textarea::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.section-blue input:-ms-input-placeholder, .section-blue textarea:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.section-blue input::placeholder, .section-blue textarea::placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.section-dark input::-moz-placeholder, .section-dark textarea::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.section-dark input:-ms-input-placeholder, .section-dark textarea:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.section-dark input::placeholder, .section-dark textarea::placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.theme-dark input::-moz-placeholder, .theme-dark textarea::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.theme-dark input:-ms-input-placeholder, .theme-dark textarea:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
.theme-dark input::placeholder, .theme-dark textarea::placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }
a:hover input::-moz-placeholder, a:hover textarea::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }
a:hover input:-ms-input-placeholder, a:hover textarea:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }
a:hover input::placeholder, a:hover textarea::placeholder{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }
.section-blue a:hover input::-moz-placeholder, .section-blue a:hover textarea::-moz-placeholder{
      --tw-text-opacity: 1; }
.section-blue a:hover input:-ms-input-placeholder, .section-blue a:hover textarea:-ms-input-placeholder{
      --tw-text-opacity: 1; }
.section-blue a:hover input::placeholder, .section-blue a:hover textarea::placeholder{
      --tw-text-opacity: 1; }
.section-dark a:hover input::-moz-placeholder, .section-dark a:hover textarea::-moz-placeholder{
      --tw-text-opacity: 1; }
.section-dark a:hover input:-ms-input-placeholder, .section-dark a:hover textarea:-ms-input-placeholder{
      --tw-text-opacity: 1; }
.section-dark a:hover input::placeholder, .section-dark a:hover textarea::placeholder{
      --tw-text-opacity: 1; }
.theme-dark a:hover input::-moz-placeholder, .theme-dark a:hover textarea::-moz-placeholder{
      --tw-text-opacity: 1; }
.theme-dark a:hover input:-ms-input-placeholder, .theme-dark a:hover textarea:-ms-input-placeholder{
      --tw-text-opacity: 1; }
.theme-dark a:hover input::placeholder, .theme-dark a:hover textarea::placeholder{
      --tw-text-opacity: 1; }

textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
      display: block;
      width: 100%;
      border-bottom-width: 1px;
      background-color: transparent;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }

#big-menu textarea, #big-menu input[type="text"], #big-menu input[type="email"], #big-menu input[type="tel"], #big-menu input[type="number"] {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }

#big-menu .darkblock textarea, #big-menu .darkblock input[type="text"], #big-menu .darkblock input[type="email"], #big-menu .darkblock input[type="tel"], #big-menu .darkblock input[type="number"] {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }

textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"] {
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 1024px) {
    textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"] {
      font-size: 14px;
      line-height: 24px; } }

textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue textarea, .section-blue input[type="text"], .section-blue input[type="email"], .section-blue input[type="tel"], .section-blue input[type="number"]{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark textarea, .section-dark input[type="text"], .section-dark input[type="email"], .section-dark input[type="tel"], .section-dark input[type="number"]{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark textarea, .theme-dark input[type="text"], .theme-dark input[type="email"], .theme-dark input[type="tel"], .theme-dark input[type="number"]{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }

.theme-dark textarea, .theme-dark input[type="text"], .theme-dark input[type="email"], .theme-dark input[type="tel"], .theme-dark input[type="number"]{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }

.section-dark textarea, .section-dark input[type="text"], .section-dark input[type="email"], .section-dark input[type="tel"], .section-dark input[type="number"]{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }

.section-blue textarea, .section-blue input[type="text"], .section-blue input[type="email"], .section-blue input[type="tel"], .section-blue input[type="number"]{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
  textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search{
      border-width: 0px;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 14px;
    line-height: 20px; }
  @media (min-width: 1024px) {
    textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search {
      font-size: 18px; }
    textarea.input-search, input[type="text"].input-search, input[type="email"].input-search, input[type="tel"].input-search, input[type="number"].input-search{
            line-height: 1.75rem; } }
    textarea.input-search::-moz-placeholder, input[type="text"].input-search::-moz-placeholder, input[type="email"].input-search::-moz-placeholder, input[type="tel"].input-search::-moz-placeholder, input[type="number"].input-search::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.3; }
    textarea.input-search:-ms-input-placeholder, input[type="text"].input-search:-ms-input-placeholder, input[type="email"].input-search:-ms-input-placeholder, input[type="tel"].input-search:-ms-input-placeholder, input[type="number"].input-search:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.3; }
    textarea.input-search::placeholder, input[type="text"].input-search::placeholder, input[type="email"].input-search::placeholder, input[type="tel"].input-search::placeholder, input[type="number"].input-search::placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.3; }

label{
      display: block;
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 1024px) {
    label {
      font-size: 14px;
      line-height: 24px; } }

label{
      --tw-text-opacity: 1;
      color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue label{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }

.section-dark label{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }

.theme-dark label{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      --tw-text-opacity: 0.7; }

a:hover label{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover label{
      --tw-text-opacity: 1; }

.section-dark a:hover label{
      --tw-text-opacity: 1; }

.theme-dark a:hover label{
      --tw-text-opacity: 1; }

/* Customm input File */
.file-input{
      position: relative; }
  .file-input input[type="file"] {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute; }

/*input:hover + label,
	input:focus + label {
		transform: scale(1.02);
	}

	input:focus + label {
		outline: 1px solid #000;
		outline: -webkit-focus-ring-color auto 2px;
	}*/
/*  CHECKBOX */
/* position relative pour le container */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  /* Cache la checkbox sans
		   la rendre invisible aux
		   lecteurs d'écran */
  position: absolute;
  left: 0px;
  opacity: 0.01; }

/* Preparer le label */
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{
      position: relative;
      cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
@media (min-width: 1024px) {
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
      font-size: 14px;
      line-height: 20px; } }
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  padding-left: 2.3em;
  /* place pour la box */
  line-height: 1.7; }

/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(36, 36, 40, var(--tw-border-opacity));
  --tw-border-opacity: 0.3;
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms; }
  .section-white [type="checkbox"]:not(:checked) + label::before, .section-white
  [type="checkbox"]:checked + label::before{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after{
      position: absolute;
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 200ms;
    font-size: 12px;
    line-height: 18px; }
@media (min-width: 1024px) {
    [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
      font-size: 14px;
      line-height: 24px; } }
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after {
  content: '✕';
  speak: never;
  /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  top: 12px;
  left: 6px;
  line-height: 0; }

/* Aspect non cochée */
[type="checkbox"]:not(:checked) + label::after {
  opacity: 0; }

/* Aspect cochée */
[type="checkbox"]:checked + label::after {
  opacity: 1; }

.wpcf7-form br{
      display: none; }

.wpcf7-form .wpcf7-list-item{
      margin: 0px; }

.wpcf7-form label {
  /* Preparer le label */
  /* Aspect de la case */
  /* Aspect de la coche */
  /* Aspect non cochée */
  /* Aspect cochée */ }
  .wpcf7-form label [type="checkbox"]:not(:checked),
  .wpcf7-form label [type="checkbox"]:checked {
    /* Cache la checkbox sans
				   la rendre invisible aux
				   lecteurs d'écran */
    position: absolute;
    left: 0px;
    opacity: 0.01; }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span, .wpcf7-form label [type="checkbox"]:checked + span{
      position: relative;
      cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
  @media (min-width: 1024px) {
    .wpcf7-form label [type="checkbox"]:not(:checked) + span, .wpcf7-form label [type="checkbox"]:checked + span {
      font-size: 14px;
      line-height: 20px; } }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span,
  .wpcf7-form label [type="checkbox"]:checked + span {
    padding-left: 2.3em;
    /* place pour la box */
    line-height: 1.7; }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::before,
  .wpcf7-form label [type="checkbox"]:checked + span::before {
    content: '';
    width: 24px;
    height: 24px;
    top: -4px;
    left: 0px;
    position: absolute;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 200ms; }
  #big-menu .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, #big-menu .wpcf7-form label [type="checkbox"]:checked + span::before {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
  #big-menu .darkblock .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, #big-menu .darkblock .wpcf7-form label [type="checkbox"]:checked + span::before {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .wpcf7-form label [type="checkbox"]:checked + span::before{
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
  .theme-dark .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .theme-dark .wpcf7-form label [type="checkbox"]:checked + span::before{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
  .section-dark .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-dark .wpcf7-form label [type="checkbox"]:checked + span::before{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
  .section-blue .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-blue .wpcf7-form label [type="checkbox"]:checked + span::before{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-border-opacity: 0.3; }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::before,
  .wpcf7-form label [type="checkbox"]:checked + span::before {
    background: var(--color-blue-deploy); }
    .section-white .wpcf7-form label [type="checkbox"]:not(:checked) + span::before, .section-white
    .wpcf7-form label [type="checkbox"]:checked + span::before{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::after, .wpcf7-form label [type="checkbox"]:checked + span::after{
      position: absolute;
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 200ms;
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .wpcf7-form label [type="checkbox"]:not(:checked) + span::after, .wpcf7-form label [type="checkbox"]:checked + span::after {
      font-size: 14px;
      line-height: 24px; } }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::after,
  .wpcf7-form label [type="checkbox"]:checked + span::after {
    content: '✕';
    speak: never;
    /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
    top: 8px;
    left: 6.5px;
    line-height: 0; }
  .wpcf7-form label [type="checkbox"]:not(:checked) + span::after {
    opacity: 0; }
  .wpcf7-form label [type="checkbox"]:checked + span::after {
    opacity: 1; }

.wpcf7 form.sent .wpcf7-response-output{
      --tw-border-opacity: 1 !important;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity)) !important;
      letter-spacing: .05em !important;
    font-size: 12px !important;
    line-height: 18px !important; }

@media (min-width: 1024px) {
    .wpcf7 form.sent .wpcf7-response-output {
      font-size: 14px !important;
      line-height: 24px !important; } }

.wpcf7 form.sent .wpcf7-response-output{
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue .wpcf7 form.sent .wpcf7-response-output{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark .wpcf7 form.sent .wpcf7-response-output{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark .wpcf7 form.sent .wpcf7-response-output{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  color: #dc3232;
  --tw-border-opacity: 1 !important;
  border-color: rgba(7, 43, 255, var(--tw-border-opacity)) !important;
  letter-spacing: .05em !important;
    font-size: 12px !important;
    line-height: 18px !important; }

@media (min-width: 1024px) {
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
      font-size: 14px !important;
      line-height: 24px !important; } }

.js-search-form {
  top: -101%; }
  .js-search-form .searchform{
      display: flex;
      width: 100%;
      justify-content: flex-end; }
    .js-search-form .searchform > div{
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: flex-start;
      padding-left: 1rem;
      padding-right: 1rem; }
    .stickymenublog .js-search-form .searchform > div {
      height: auto;
      font-size: 14px;
      color: #072BFF; }
    .stickymenublog .js-search-form .searchform > div div {
        padding-top: 2px;
        padding-bottom: 2px; }
    @media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .js-search-form .searchform > div {
        height: 80px; }
     {
      display: block; } }
      .js-search-form .searchform > div label{
      width: 0px;
      opacity: 0; }
      .js-search-form .searchform > div input[type='text']{
      width: 100%;
      flex-grow: 1;
      border-width: 0px;
      padding-left: 1rem;
      padding-right: 1rem;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 14px;
    line-height: 20px; }
      @media (min-width: 1024px) {
    .js-search-form .searchform > div input[type='text'] {
      font-size: 18px; }
    .js-search-form .searchform > div input[type='text']{
            line-height: 1.75rem; } }
      .js-search-form .searchform > div #searchsubmit {
        text-indent: -9999px;
        background: url("../img/search.svg") no-repeat center center;
        margin-right: 1rem;
        margin-top: 0.25rem;
        margin-right: 1rem;
        display: inline-block;
        height: 1.5rem;
        width: 3rem;
        flex-grow: 0;
        cursor: pointer;
        --tw-invert: invert(100%);
        filter: var(--tw-filter);
        filter: var(--tw-filter); }
      @media (min-width: 640px){
      .js-search-form .searchform > div #searchsubmit{
            margin-right: 0px; } }
      .js-search-form .searchform > div input::-moz-placeholder, .js-search-form .searchform > div textarea::-moz-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      opacity: 0.3; }
      .js-search-form .searchform > div input:-ms-input-placeholder, .js-search-form .searchform > div textarea:-ms-input-placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      opacity: 0.3; }
      .js-search-form .searchform > div input::placeholder, .js-search-form .searchform > div textarea::placeholder{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      opacity: 0.3; }

#submit-email{
      display: block;
      width: 100%; }

header.darkhover #submit-email {
        border-color: white;
        color: white; }

header #submit-email {
      border-color: var(--color-grey-dark2);
      color: var(--color-grey-dark2);
      text-transform: none; }

header #submit-email .btn-small {
        padding-left: 1rem;
        padding-right: 1rem; }

.first-is-blue header:not(.header-bg-color) #submit-email{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.first-is-blue header:not(.header-bg-color) #submit-email:hover, .first-is-blue header:not(.header-bg-color) #submit-email:focus {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.theme-dark .header-bg-color #submit-email {
        border-color: white;
        color: white; }

.theme-dark .header-bg-color.active:not(.darkhover) #submit-email {
          border-color: var(--color-grey-dark2);
          color: var(--color-grey-dark2); }

#big-menu #submit-email {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      width: 90%;
      line-height: 24px; }

#submit-email{
      display: inline-block;
      cursor: pointer;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      background-color: transparent;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 1024px) {
    #submit-email {
      font-size: 14px;
      line-height: 24px; } }

.section-white #submit-email{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.section-blue #submit-email{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark #submit-email{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark #submit-email{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.bgwhite #submit-email{
      --tw-border-opacity: 1;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.bgwhite #submit-email img {
        filter: invert(1); }

header.active #submit-email {
      border-color: #242428;
      color: #242428; }

#submit-email:hover, #submit-email.active {
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
      --tw-border-opacity: 1;
      border-color: rgba(7, 43, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-blue #submit-email:hover, .section-blue #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.section-blue #submit-email:hover img, .section-blue #submit-email.active img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%);
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }

.section-dark #submit-email:hover, .section-dark #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.theme-dark #submit-email:hover, .theme-dark #submit-email.active {
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 white;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(7, 43, 255, var(--tw-text-opacity)); }

.bgwhite #submit-email:hover, .bgwhite #submit-email.active {
        box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
        --tw-border-opacity: 1;
        border-color: rgba(7, 43, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        box-shadow: inset 0 -54px 0 0 var(--color-blue-deploy);
        --tw-border-opacity: 1;
        border-color: rgba(7, 43, 255, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.bgwhite #submit-email:hover img, .bgwhite #submit-email.active img {
          filter: invert(0);
          filter: invert(0); }

#submit-email{
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }

.saas-app-pictos8-container #submit-email {
      position: absolute;
      bottom: 0; }

@media (min-width: 768px){
      #submit-email{
            display: inline-block; }
      #submit-email{
            width: auto; } }

.chapter {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  letter-spacing: 1px; }
  .chapter span {
    text-transform: uppercase;
    font-weight: bold; }
    .chapter span:after {
      content: "\A";
      white-space: pre; }

.videogif {
  display: flex;
  align-items: center;
  justify-content: center; }
  .videogif .js-video-wrapper {
    width: 450px;
    border: 1px solid #777777; }

.alteia-container-fbd {
  position: relative;
  /*width: calc(100% - 20px);*/
  width: calc(100% - 20px);
  padding: 0 40px 30px 40px;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 768px) {
  .alteia-container-fbd {
    max-width: 848px;
    padding: 0 50px 20px 50px; } }

@media (min-width: 1024px) {
  .alteia-container-fbd {
    width: calc(80% + 50px);
    max-width: 1420px;
    padding: 0 50px 20px 50px; } }
  .alteia-container-fbd .icon {
    background: var(--color-grey-dark);
    position: absolute;
    top: -15px;
    left: -25px;
    z-index: 10; }
    .alteia-container-fbd .icon img {
      width: 50px; }
  .alteia-container-fbd .icon2 {
    left: -28px; }
    .alteia-container-fbd .icon2 img {
      width: 56px; }
  .alteia-container-fbd .followline {
    position: absolute;
    left: -1px;
    background: linear-gradient(180deg, #00e7ff 0%, #31c5ff 100%);
    width: 1px;
    height: 0px;
    border-bottom: 1px solid white; }
  .alteia-container-fbd.borderl {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.3); }

.fusebuilddeploy {
  font-size: 14px;
  color: white; }
  .fusebuilddeploy .intro {
    /*
        border-bottom:1px solid ;
        border-color: rgba(255,255,255,0.3);
        */
    padding-bottom: 40px; }
    .fusebuilddeploy .intro h2 {
      font-size: 60px; }
    .fusebuilddeploy .intro h3 {
      font-size: 18px;
      font-weight: 400;
      line-height: 30px;
      margin-bottom: 20px; }
    .fusebuilddeploy .intro li {
      list-style: disc;
      margin-left: 20px;
      margin-bottom: 5px;
      line-height: 24px; }
  .fusebuilddeploy .content {
    padding: 40px 0; }
    .fusebuilddeploy .content a:not(.btn) {
      display: block;
      border-bottom: 1px solid;
      border-color: rgba(255, 255, 255, 0.3);
      line-height: 60px;
      opacity: 0.7; }
      .fusebuilddeploy .content a:not(.btn):hover, .fusebuilddeploy .content a:not(.btn).active {
        opacity: 1; }
    .fusebuilddeploy .content .btn {
      /*margin-top:40px;*/
      position: absolute;
      bottom: 60px; }
      .fusebuilddeploy .content .btn img {
        display: inline-block; }
    .fusebuilddeploy .content .col-span-6 img.visuel {
      width: 100%;
      margin-bottom: 30px; }
    .fusebuilddeploy .content .col-span-6 .js-video-wrapper {
      margin-bottom: 30px; }
    .fusebuilddeploy .content .col-span-6 .btn img {
      width: auto;
      margin: 0; }
    .fusebuilddeploy .content .col-span-6 .rub {
      margin-bottom: 30px; }
    .fusebuilddeploy .content .cat:not(:first-child) {
      display: none; }
    .fusebuilddeploy .content .col-span-6 .btn {
      display: none; }

#ongletwhite {
  color: var(--color-grey-dark2);
  font-size: 14px; }
  #ongletwhite h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px; }
  #ongletwhite .onglet {
    margin-top: 30px;
    border-bottom: 1px solid;
    border-color: rgba(26, 26, 26, 0.3);
    height: 25px;
    overflow: auto; }
    #ongletwhite .onglet ul {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      #ongletwhite .onglet ul li {
        float: left; }
        #ongletwhite .onglet ul li a {
          display: block;
          padding: 0 30px;
          opacity: 0.7;
          font-size: 14px;
          font-weight: 500;
          line-height: 22px;
          text-transform: uppercase;
          letter-spacing: 2px;
          border-bottom: 2px solid white; }
          #ongletwhite .onglet ul li a:hover, #ongletwhite .onglet ul li a.active {
            opacity: 1;
            color: var(--color-blue-deploy);
            border-bottom: 2px solid var(--color-blue-deploy); }
  #ongletwhite .content {
    clear: both;
    padding-top: 50px;
    display: none; }
    #ongletwhite .content.client1 {
      display: grid; }
    #ongletwhite .content .col-span-3 h2 {
      font-size: 36px;
      font-weight: 400;
      line-height: 50px;
      margin-bottom: 30px; }
    #ongletwhite .content .col-span-3 img.visuel {
      width: 100%;
      margin-top: 30px; }
    #ongletwhite .content .col-span-3 .js-video-wrapper {
      margin-top: 30px; }
    #ongletwhite .content .col-span-3 li {
      list-style: disc;
      margin-left: 20px;
      margin-bottom: 5px;
      line-height: 24px; }
    #ongletwhite .content .col-span-4 .grid-cols-2.desc .col-span-1 {
      font-size: 14px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 20px; }
      #ongletwhite .content .col-span-4 .grid-cols-2.desc .col-span-1 div {
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase;
        letter-spacing: 2px;
        opacity: 0.7; }
    #ongletwhite .content .col-span-4 .abstract {
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
      padding: 20px 0;
      border-bottom: 1px solid;
      border-top: 1px solid;
      border-color: rgba(26, 26, 26, 0.3);
      margin-bottom: 30px; }
      #ongletwhite .content .col-span-4 .abstract .author {
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-top: 20px; }
      #ongletwhite .content .col-span-4 .abstract .function {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        opacity: 0.7; }
    #ongletwhite .content .col-span-4 .result h4 {
      font-size: 12px;
      font-weight: 500;
      line-height: 22px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    #ongletwhite .content .col-span-4 .result .col-span-1 {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      text-transform: normal; }
      #ongletwhite .content .col-span-4 .result .col-span-1 div {
        margin-top: 10px;
        font-size: 24px;
        font-weight: 500;
        line-height: 36px; }
    #ongletwhite .content .col-span-4 .result .btn {
      margin-top: 30px; }

#formaiplatform {
  color: white;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px; }
  #formaiplatform h4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px; }

@media (max-width: 575px) {
  .alteia-container.w-fullmb {
    width: 100%; }
  .fusebuilddeploy .content .col-span-3 .btn {
    display: none; }
  .fusebuilddeploy .content .col-span-6 .btn {
    display: inline-block; }
  .chapter span:after {
    content: '\A';
    white-space: pre; } }

/* IMPORT tailwind */
/*@tailwind base;
@tailwind components;
@tailwind utilities;

@import "./a.utilities.scss";

@import "./fonts.scss";

@import "./menus.scss";

@import "./buttons.scss";

@import "./workflow-table.scss";

@import "./forms.scss";

@import "./slider.scss";

@import "./company.scss";

@import "./fusebuilddeploy.scss";
*/
body.theme-light {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); }

body.theme-dark {
      --tw-bg-opacity: 1;
      background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }

section {
      overflow-x: hidden;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }

@media (min-width: 768px) {
      section {
            padding-top: 4rem; }
      section {
            padding-bottom: 2rem; } }

@media (min-width: 1024px) {
      section {
            padding-top: 5.5rem; }
      section {
            padding-bottom: 2.5rem; } }
  section.first {
      padding-top: 6rem; }
  @media (min-width: 768px) {
      section.first {
            padding-top: 9rem; } }
  @media (min-width: 1024px) {
      section.first {
            padding-top: 12rem; } }
  section.heading {
      padding-top: 0px; }
    section.heading video {
      max-width: unset; }
  .theme-light section {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); }
  .theme-dark section {
      --tw-bg-opacity: 1;
      background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
  section.section-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
  section.section-light {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); }
  section.section-blue {
      --tw-bg-opacity: 1;
      background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }
  section.section-dark {
      --tw-bg-opacity: 1;
      background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
  section.bgwhite {
    background: white; }

#import_export {
  padding-top: 0 !important; }

.section-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.section-light {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); }

.section-blue {
      --tw-bg-opacity: 1;
      background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }

.section-dark {
      --tw-bg-opacity: 1;
      background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }

.alteia-container {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 768px) {
  .alteia-container {
    max-width: 748px; } }

@media (min-width: 1024px) {
  .alteia-container {
    width: calc(80% - 20px);
    max-width: 1420px; } }

.container-framed-parent .mobile, .container-framed-parent .desktop {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 768px) {
  .container-framed-parent .mobile, .container-framed-parent .desktop {
    max-width: 748px; } }

@media (min-width: 1024px) {
  .container-framed-parent .mobile, .container-framed-parent .desktop {
    max-width: unset;
    width: calc(100% - 4rem); } }

.container-framed {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  margin-top: -1rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 1.5rem; }

@media (min-width: 1024px) {
      .container-framed {
            margin-left: 2rem;
            margin-right: 2rem; }
      .container-framed {
            padding-top: 4rem; }
      .container-framed {
            padding-bottom: 2.5rem; } }

@media (min-width: 1280px) {
      .container-framed {
            padding-top: 5rem; }
      .container-framed {
            padding-bottom: 3rem; } }

.container-framed {
  margin-top: -2px;
  margin-bottom: -2px;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #FF0082;
  /*
        &:before{
            content:url('../img/border/desktop_haut.svg');
            width:100%;
        }
        &:after{
            content:url('../img/border/desktop_bas.svg');
            width:100%;
        }*/ }

@media (min-width: 768px) {
  .container-framed {
    max-width: 748px; } }

@media (min-width: 1024px) {
  .container-framed {
    max-width: unset;
    width: calc(100% - 4rem); } }
  .container-framed .alteia-container {
      width: 100%; }

@media (min-width: 1024px) {
  .container-framed .alteia-container {
    width: calc(80% + 30px); } }

.half-container {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 768px) {
  .half-container {
    max-width: 374px; }
  .half-container {
            margin-left: 0px;
            margin-right: 0px; } }

@media (min-width: 1024px) {
  .half-container {
    width: calc(80% - 10px);
    max-width: 710px; } }

.header-image {
      position: static;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      z-index: 5;
      padding-top: 4rem;
      padding-bottom: 4rem;
      padding-top: 8rem; }

@media (min-width: 768px) {
      .header-image {
            position: absolute; } }

@media (min-width: 1024px) {
      .header-image {
            padding-bottom: 0px; }
      .header-image {
            padding-top: 18rem; } }

@media (min-width: 1280px) {
      .header-image {
            padding-top: 16rem; } }

@media (min-width: 768px) {
  .header-image {
    padding-top: 17%; } }

.st-parallax-header > img {
      transform-origin: top;
      --tw-scale-x: 1.15;
      --tw-scale-y: 1.15;
      transform: var(--tw-transform);
      transform: var(--tw-transform); }

.visual-overlay {
      position: relative;
      --tw-bg-opacity: 1;
      background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }
  .visual-overlay > img {
      opacity: 0.7;
    /*&:after {
                content:"";
                @apply block absolute inset-0 w-full h-full bg-grey-dark opacity-20
            }*/ }

.desktopbreakline {
  display: block; }

.mt2rm {
  margin-top: 2rem; }

.minh700 {
  min-height: 700px; }

.bg-whiteimp {
  background-color: white !important; }

.formlandingpage .formcontainer {
  position: absolute;
  top: 200px;
  width: 40%;
  padding: 30px;
  background-color: white; }
  .formlandingpage .formcontainer .wpcf7-select {
    width: 100%;
    background-color: white;
    border-color: rgba(36, 36, 40, 0.3);
    border-bottom-width: 1px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 41px; }

.landingdisclaimer {
  font-size: 24px; }

.disclaimer-container {
  display: none; }

.bg-whiteimp .half-container {
  min-height: 520px; }

.linkdownload {
  margin: 10px auto;
  display: none;
  text-align: center; }

.mobile {
  display: none; }

.lettersp2 {
  letter-spacing: 2px; }

@media (max-width: 575px) {
  .alteia-container.-mt-16 {
    margin-top: 0; }
  .mt-mobile {
    margin-top: 20px; }
  .desktopbreakline {
    display: inline; }
  .desktopbreakline:before {
    content: "\00a0 "; }
  .formlandingpage form {
    position: relative;
    top: auto;
    width: 100%; }
  .mobile {
    display: block; }
  .desktop {
    display: none; } }

header, #big-menu .header {
    position: fixed;
    background-color: transparent;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
  @media (min-width: 1024px) {
    header, #big-menu .header {
      font-size: 14px;
      line-height: 20px; } }
  header, #big-menu .header {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }
    .section-blue header, .section-blue #big-menu .header {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
    .section-dark header, .section-dark #big-menu .header {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
    .theme-dark header, .theme-dark #big-menu .header {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
    a:hover header, a:hover #big-menu .header {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
      .section-blue a:hover header, .section-blue a:hover #big-menu .header {
    --tw-text-opacity: 1; }
      .section-dark a:hover header, .section-dark a:hover #big-menu .header {
    --tw-text-opacity: 1; }
      .theme-dark a:hover header, .theme-dark a:hover #big-menu .header {
    --tw-text-opacity: 1; }
@media (min-width: 1280px) {
  header, #big-menu .header {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    header, #big-menu .header {
      font-size: 14px;
      line-height: 24px; } } }

header {
  /*.theme-dark & { @apply border-white border-opacity-30; }*/
  background-color: white;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  /*
		#Alteia-logo_DARK,
		.picto-search {
			.theme-dark & { @apply filter invert brightness-0; }
		}*/
  /*
		.careers{
			display:none;
			background:#072bff;
			color:white;
			width:90px;
			height:80px;
			text-align:left;
			padding-left:9px;
			line-height:80px;
			text-transform:none;
			border-left:1px solid white;
			border-color: rgba(255, 255, 255, 0.3) !important;
		}*/ }
  header.active {
    box-shadow: none !important;
    color: var(--color-grey-dark2);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: rgba(36, 36, 40, 0.3) !important; }
    header.active #Alteia-logo_DARK, header.active .picto-search {
      filter: none !important; }
    header.active .logo {
      border-color: rgba(36, 36, 40, 0.3) !important; }
  header.darkhover {
    background: var(--color-grey-dark2);
    border-color: rgba(255, 255, 255, 0.3) !important; }
    header.darkhover #Alteia-logo_DARK, header.darkhover .picto-search {
      filter: brightness(0) invert(1) !important; }
    header.darkhover .logo {
      border-color: rgba(255, 255, 255, 0.3) !important; }
    header.darkhover a.main {
      color: white; }
    header.darkhover .btn {
      border-color: white !important;
      color: white !important; }
  header a.main {
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--color-grey-dark2); }
  header .burger, header .logo {
    /*.theme-dark & { @apply border-white border-opacity-30; }*/
    height: 55px;
    border-color: rgba(36, 36, 40, 0.3) !important; }
    header .burger .burger-line, header .logo .burger-line {
      background: rgba(36, 36, 40, 0.3) !important; }
  header .btn {
    border-color: var(--color-grey-dark2) !important;
    color: var(--color-grey-dark2) !important;
    text-transform: none; }
    header .btn .btn-small {
      padding-left: 1rem;
      padding-right: 1rem; }
  header .login {
    display: none;
    background: #072bff;
    color: white;
    width: 125px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    text-transform: none; }
    header .login img {
      height: 20px;
      width: 20px;
      margin-left: 10px;
      display: inline-block;
      filter: none !important; }
  header .js-search-form {
    transition: top .4s; }

.first-is-blue {
  /*.breadcrumb:not(.header-bg-color) {
			@apply border-white border-opacity-30;

			ul {
			 	li {
			 		@apply text-white text-opacity-70;

			 		&:hover { @apply text-white text-opacity-100; }

			 		&:after {
			 			@apply filter-none;
			 		}
			 	}
			}
		}*/ }
  .first-is-blue header:not(.header-bg-color) {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
    .first-is-blue header:not(.header-bg-color) #Alteia-logo_DARK, .first-is-blue header:not(.header-bg-color) .picto-search {
    --tw-brightness: brightness(0);
    filter: var(--tw-filter);
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
    .first-is-blue header:not(.header-bg-color) .burger, .first-is-blue header:not(.header-bg-color) .logo {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
      .first-is-blue header:not(.header-bg-color) .burger .burger-line, .first-is-blue header:not(.header-bg-color) .logo .burger-line {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    .first-is-blue header:not(.header-bg-color) .btn {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
    .first-is-blue header:not(.header-bg-color) .btn:hover, .first-is-blue header:not(.header-bg-color) .btn:focus {
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity));
      box-shadow: inset 0 -54px 0 0 white;
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgba(7, 43, 255, var(--tw-text-opacity)); }
    .first-is-blue header:not(.header-bg-color) .main-menu ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
      .first-is-blue header:not(.header-bg-color) .main-menu ul li > a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 1; }
  .first-is-blue #breadcrumbs:not(.header-bg-color) {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
    .first-is-blue #breadcrumbs:not(.header-bg-color) a {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
      .first-is-blue #breadcrumbs:not(.header-bg-color) a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 1; }
      .first-is-blue #breadcrumbs:not(.header-bg-color) a:after {
    filter: none; }

/*.breadcrumb {
		@apply z-99 fixed top-14 lg:top-20 -m-0.5 w-screen py-2 md:py-4 px-6 md:px-8 xl:px-10 
				border-b border-grey-dark border-opacity-30;

		.theme-dark & { @apply border-white border-opacity-30; }

		ul {

		 	li {

		 		&:after {
		 			content: url("../img/arrow.svg");
		 			width: 6px;
		 			height: 13px;
		 			display: inline-block;
		 			margin: 0px 12px 0;
		 			position: relative;
		 			top: 0;
		 			@apply filter invert;

		 			.theme-dark & { @apply filter-none; }
		 		}
		 	}
		}
	}*/
#breadcrumbs {
    position: fixed;
    top: 3.5rem;
    z-index: 99;
    margin: -0.125rem;
    display: block;
    width: 100vw;
    border-bottom-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: .025em;
    font-family: 'Aeonik-Regular';
    font-feature-settings: "ss01"; }
#big-menu #breadcrumbs {
      --tw-border-opacity: 0.3;
      border-color: rgba(36, 36, 40, var(--tw-border-opacity)); }
#big-menu .col-span-full#breadcrumbs {
      width: 100%; }
#big-menu .darkblock #breadcrumbs {
        border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
#breadcrumbs {
    font-size: 12px;
    line-height: 1.375; }
@media (min-width: 768px) {
    #breadcrumbs {
      line-height: 20px; } }
#breadcrumbs {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }
.section-blue #breadcrumbs {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
.section-dark #breadcrumbs {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
.theme-dark #breadcrumbs {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
a:hover #breadcrumbs {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
.section-blue a:hover #breadcrumbs {
    --tw-text-opacity: 1; }
.section-dark a:hover #breadcrumbs {
    --tw-text-opacity: 1; }
.theme-dark a:hover #breadcrumbs {
    --tw-text-opacity: 1; }
#breadcrumbs {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
.theme-dark #breadcrumbs {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
.section-dark #breadcrumbs {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
.section-blue #breadcrumbs {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3; }
@media (min-width: 768px) {
    #breadcrumbs {
        padding-top: 1rem;
        padding-bottom: 1rem; }
    #breadcrumbs {
        padding-left: 2rem;
        padding-right: 2rem; } }
@media (min-width: 1024px) {
    #breadcrumbs {
        top: 5rem; } }
@media (min-width: 1280px) {
    #breadcrumbs {
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }
  #breadcrumbs .breadcrumb_last {
    display: none; }
  #breadcrumbs a:after {
    content: url("../img/arrow.svg");
    width: 6px;
    height: 13px;
    display: inline-block;
    margin: 0px 12px 0;
    position: relative;
    top: 0;
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
    .theme-dark #breadcrumbs a:after {
    filter: none; }

.header-bg-color {
  box-shadow: inset 0 200px 0 0 var(--color-grey-light); }
  .theme-light .header-bg-color {
    box-shadow: inset 0 200px 0 0 var(--color-grey-light); }
  .theme-dark .header-bg-color {
    box-shadow: inset 0 200px 0 0 var(--color-grey-dark);
    border-color: rgba(255, 255, 255, 0.3) !important; }
    .theme-dark .header-bg-color #Alteia-logo_DARK, .theme-dark .header-bg-color .picto-search {
      filter: brightness(0) invert(1) !important; }
    .theme-dark .header-bg-color a.main {
      color: white; }
    .theme-dark .header-bg-color .btn {
      border-color: white !important;
      color: white !important; }
    .theme-dark .header-bg-color .burger, .theme-dark .header-bg-color .logo {
      border-color: rgba(255, 255, 255, 0.3) !important; }
      .theme-dark .header-bg-color .burger .burger-line, .theme-dark .header-bg-color .logo .burger-line {
        background: rgba(255, 255, 255, 0.3) !important; }
    .theme-dark .header-bg-color.active:not(.darkhover) {
      border-color: rgba(36, 36, 40, 0.3) !important; }
      .theme-dark .header-bg-color.active:not(.darkhover) #Alteia-logo_DARK, .theme-dark .header-bg-color.active:not(.darkhover) .picto-search {
        filter: none !important; }
      .theme-dark .header-bg-color.active:not(.darkhover) a.main {
        color: var(--color-grey-dark2); }
      .theme-dark .header-bg-color.active:not(.darkhover) .burger, .theme-dark .header-bg-color.active:not(.darkhover) .logo {
        border-color: rgba(36, 36, 40, 0.3) !important; }
        .theme-dark .header-bg-color.active:not(.darkhover) .burger .burger-line, .theme-dark .header-bg-color.active:not(.darkhover) .logo .burger-line {
          background: rgba(36, 36, 40, 0.3) !important; }
      .theme-dark .header-bg-color.active:not(.darkhover) .btn {
        border-color: var(--color-grey-dark2) !important;
        color: var(--color-grey-dark2) !important; }

#big-menu {
  background: #F4F4F4;
  /*
		.header {
			#Alteia-logo_DARK,
			.picto-search {
				@apply filter invert;
			}
		}*/ }
  #big-menu .border-grey-white {
    --tw-border-opacity: 0.3;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity)) !important; }
  #big-menu .btn {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    width: 90%;
    line-height: 24px; }
  #big-menu .loginmenu {
    background: #072bff;
    color: white;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    text-transform: none; }
    #big-menu .loginmenu img {
      margin-left: 5px;
      filter: none;
      display: inline;
      width: 20px; }
  #big-menu .careersmenu {
    background: #072bff;
    color: white;
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    text-transform: none;
    border-right: 1px solid white;
    border-color: rgba(255, 255, 255, 0.3) !important; }
    #big-menu .careersmenu img {
      margin-left: 5px;
      --tw-invert: invert(100%);
      filter: var(--tw-filter);
      filter: var(--tw-filter);
      display: inline; }
  #big-menu .col-span-full.w-screen {
    width: 100% !important; }
  #big-menu .darkblock {
    background: var(--color-grey-dark2);
    color: white; }
    #big-menu .darkblock a {
      color: white; }
    #big-menu .darkblock .arrow-link img {
      filter: invert(1); }
    #big-menu .darkblock .border-grey-white {
      border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important; }

.main-menu ul li, .policy-menu ul li {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }

.section-blue .main-menu ul li, .section-blue .policy-menu ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.section-dark .main-menu ul li, .section-dark .policy-menu ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

.theme-dark .main-menu ul li, .theme-dark .policy-menu ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }

a:hover .main-menu ul li, a:hover .policy-menu ul li {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue a:hover .main-menu ul li, .section-blue a:hover .policy-menu ul li {
    --tw-text-opacity: 1; }

.section-dark a:hover .main-menu ul li, .section-dark a:hover .policy-menu ul li {
    --tw-text-opacity: 1; }

.theme-dark a:hover .main-menu ul li, .theme-dark a:hover .policy-menu ul li {
    --tw-text-opacity: 1; }

@media (min-width: 1280px) {
    .main-menu ul li, .policy-menu ul li {
        margin-left: 1.25rem;
        margin-right: 1.25rem; } }
  .main-menu ul li:first-child, .policy-menu ul li:first-child {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem; }
  .main-menu ul li > a:hover, .policy-menu ul li > a:hover {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
  .section-blue .main-menu ul li > a:hover, .section-blue .policy-menu ul li > a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .section-dark .main-menu ul li > a:hover, .section-dark .policy-menu ul li > a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .theme-dark .main-menu ul li > a:hover, .theme-dark .policy-menu ul li > a:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.menu-burger {
  margin-top: 0.3rem;
  margin-bottom: 0.4rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  padding-top: 1.5rem; }

@media (min-width: 1024px) {
    .menu-burger {
        margin-left: 1.25rem;
        margin-right: 1.25rem; }
  .menu-burger {
    margin-top: 1.2rem;
    margin-bottom: 1.1rem; } }
  .js-search-form .menu-burger, #big-menu .menu-burger {
    margin-top: 0.5rem;
    --tw-rotate: 45deg;
    transform: var(--tw-transform);
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: var(--tw-transform);
    transform: var(--tw-transform);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
  @media (min-width: 1024px) {
    .js-search-form .menu-burger, #big-menu .menu-burger {
        margin-top: 1rem; }
    .js-search-form .menu-burger, #big-menu .menu-burger {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: var(--tw-transform); } }
  .menu-burger .burger-line {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    width: 2rem;
    transform-origin: center;
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }
    .theme-dark .menu-burger .burger-line {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    #big-menu .menu-burger .burger-line {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); }
    .js-search-form .menu-burger .burger-line {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
  .menu-burger .burger-line:first-child {
    top: -0.25rem;
    left: 0px; }
    #big-menu .menu-burger .burger-line:first-child {
    top: 0px; }
    .js-search-form .menu-burger .burger-line:first-child {
    top: 0px; }
  .menu-burger .burger-line:last-child {
    top: 0.25rem;
    right: 0px; }
    #big-menu .menu-burger .burger-line:last-child {
    top: -1px;
    --tw-rotate: 90deg;
    transform: var(--tw-transform);
    transform: var(--tw-transform); }
    .js-search-form .menu-burger .burger-line:last-child {
    top: -1px;
    --tw-rotate: 90deg;
    transform: var(--tw-transform);
    transform: var(--tw-transform); }
  .menu-burger:hover .burger-line:first-child, .menu-burger.active .burger-line:first-child {
    left: 0.5rem; }
    .js-search-form .menu-burger:hover .burger-line:first-child, #big-menu .menu-burger:hover .burger-line:first-child, .js-search-form .menu-burger.active .burger-line:first-child, #big-menu .menu-burger.active .burger-line:first-child {
    left: 0px; }
  .menu-burger:hover .burger-line:last-child, .menu-burger.active .burger-line:last-child {
    right: 0.5rem; }
    .js-search-form .menu-burger:hover .burger-line:last-child, #big-menu .menu-burger:hover .burger-line:last-child, .js-search-form .menu-burger.active .burger-line:last-child, #big-menu .menu-burger.active .burger-line:last-child {
    right: 0px; }

#big-menu ul.bg-links .li {
    margin-bottom: 0.5rem; }
  #big-menu ul.bg-links .li a {
    font-weight: 500;
    letter-spacing: .1em;
    opacity: 0.8;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
  @media (min-width: 1024px) {
    #big-menu ul.bg-links .li a {
      font-size: 14px;
      line-height: 20px; } }
    #big-menu ul.bg-links .li a:hover {
    opacity: 1; }

.bullet-separator {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  height: 0.5px; }
  .bullet-separator:before {
    position: absolute;
    display: block;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    content: ""; }

.h-rest-48 {
  height: calc(100vh - 12rem); }

.h-rest-24 {
  height: calc(100vh - 7rem); }

@media (min-width: 1024px) {
  .h-rest-24 {
    height: calc(100vh - 10rem); } }

/* SOFTWARE AI Platform */
.ai-platform {
    position: relative;
    width: auto;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .1em; }
@media (min-width: 1024px) {
    .ai-platform {
      font-size: 14px;
      line-height: 20px; } }
.ai-platform {
    --tw-text-opacity: 1;
    color: rgba(101, 101, 104, var(--tw-text-opacity)); }
.section-blue .ai-platform {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
.section-dark .ai-platform {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
.theme-dark .ai-platform {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-text-opacity: 0.7; }
a:hover .ai-platform {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }
.section-blue a:hover .ai-platform {
    --tw-text-opacity: 1; }
.section-dark a:hover .ai-platform {
    --tw-text-opacity: 1; }
.theme-dark a:hover .ai-platform {
    --tw-text-opacity: 1; }
@media (min-width: 1280px) {
  .ai-platform {
    font-size: 12px;
    line-height: 18px; }
  @media (min-width: 1024px) {
    .ai-platform {
      font-size: 14px;
      line-height: 24px; } } }
  .ai-platform li {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: block;
    text-align: center;
    vertical-align: middle; }
  @media (min-width: 768px) {
    .ai-platform li {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem; }
    .ai-platform li {
        display: inline-block; }
    .ai-platform li {
        width: 5rem; } }
  @media (min-width: 1024px) {
    .ai-platform li {
        width: 6rem; } }
  @media (min-width: 1280px) {
    .ai-platform li {
        width: 8rem; } }
    .ai-platform li a {
    position: relative; }
    .ai-platform li.active {
    pointer-events: none;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    width: 9rem;
    font-weight: 300;
    letter-spacing: .4rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-family: 'Aeonik-Light';
    font-feature-settings: "ss01";
    font-size: 24px;
    line-height: 32px; }
    @media (min-width: 768px) {
    .ai-platform li.active {
      font-size: 28px;
      line-height: 36px; } }
    @media (min-width: 1024px) {
    .ai-platform li.active {
      font-size: 32px;
      line-height: 42px; } }
    @media (min-width: 1280px) {
    .ai-platform li.active {
      font-size: 36px;
      line-height: 50px; } }
    .ai-platform li.active {
      white-space: nowrap; }
      .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
        opacity: 1;
        top: -71%; }

@media (min-width: 768px) {
  .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
    top: -50%;
    transform: scale(0.9); } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
    top: -40%;
    transform: scale(1); } }

@media (min-width: 1280px) {
  .ai-platform li.active.item-fuse:before, .ai-platform li.active.item-build:before, .ai-platform li.active.item-deploy:before {
    top: -30%; } }
      .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
        opacity: 1;
        top: -71%; }

@media (min-width: 768px) {
  .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
    top: -50%;
    transform: scaleX(-0.9) scaleY(0.9); } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
    top: -40%;
    transform: scaleX(-1) scaleY(1); } }

@media (min-width: 1280px) {
  .ai-platform li.active.item-fuse:after, .ai-platform li.active.item-build:after, .ai-platform li.active.item-deploy:after {
    top: -30%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-fuse:before {
    left: 94%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-fuse:before {
    left: 123%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-fuse:after {
    left: -14%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-fuse:after {
    left: -34%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-build:before {
    left: 98%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-build:before {
    left: 126%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-build:after {
    left: -16%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-build:after {
    left: -36%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-deploy:before {
    left: 99%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-deploy:before {
    left: 119%; } }

@media (min-width: 768px) {
  .ai-platform li.active.item-deploy:after {
    left: -16%; } }

@media (min-width: 1024px) {
  .ai-platform li.active.item-deploy:after {
    left: -28%; } }
      .ai-platform li.active.to-reveal {
    overflow: hidden; }
        .ai-platform li.active.to-reveal.item-fuse:before {
          left: 80%;
          opacity: 0; }
        .ai-platform li.active.to-reveal.item-fuse:after {
          left: -3%;
          opacity: 0; }
        .ai-platform li.active.to-reveal.item-build:before {
          left: 67%;
          opacity: 0; }
        .ai-platform li.active.to-reveal.item-build:after {
          left: 12%;
          opacity: 0; }
        .ai-platform li.active.to-reveal.item-deploy:before {
          left: 52%;
          opacity: 0; }
        .ai-platform li.active.to-reveal.item-deploy:after {
          left: 38%;
          opacity: 0; }
    .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
    position: absolute;
    display: block;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
      content: url("../img/bracket-build.svg");
      height: 77px;
      width: 16px;
      top: -126%;
      left: 95%;
      transform: scale(0.4);
      opacity: 0; }

@media (min-width: 768px) {
  .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
    left: 50%;
    top: -126%; } }

@media (min-width: 1024px) {
  .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
    left: 50%;
    top: -143%; } }

@media (min-width: 1280px) {
  .ai-platform li.item-fuse:before, .ai-platform li.item-deploy:before, .ai-platform li.item-build:before {
    left: 50%;
    top: -110%; } }
    .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
    position: absolute;
    display: block;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
      content: url("../img/bracket-build.svg");
      height: 77px;
      width: 16px;
      top: -126%;
      left: -10%;
      transform: rotate(180deg) scale(0.4);
      opacity: 0; }

@media (min-width: 768px) {
  .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
    left: 50%;
    top: -126%; } }

@media (min-width: 1024px) {
  .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
    left: 40%;
    top: -143%; } }

@media (min-width: 1280px) {
  .ai-platform li.item-fuse:after, .ai-platform li.item-deploy:after, .ai-platform li.item-build:after {
    left: 40%;
    top: -110%; } }
    .ai-platform li.item-fuse:hover, .ai-platform li.item-deploy:hover, .ai-platform li.item-build:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }
      .ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
        left: 70%;
        opacity: 1; }

@media (min-width: 768px) {
  .ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
    left: 85%; } }

@media (min-width: 1280px) {
  .ai-platform li.item-fuse:hover:before, .ai-platform li.item-deploy:hover:before, .ai-platform li.item-build:hover:before {
    left: 80%; } }
      .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
        left: 18%;
        opacity: 1; }

@media (min-width: 768px) {
  .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
    left: -14%; } }

@media (min-width: 1024px) {
  .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
    left: -6%; } }

@media (min-width: 1280px) {
  .ai-platform li.item-fuse:hover:after, .ai-platform li.item-deploy:hover:after, .ai-platform li.item-build:hover:after {
    left: 3.5%; } }
    .ai-platform li.item-build:before {
      content: url("../img/bracket-build.svg"); }
    .ai-platform li.item-build:after {
      content: url("../img/bracket-build.svg"); }
    .ai-platform li.item-fuse:before {
      content: url("../img/bracket-fuse.svg"); }
    .ai-platform li.item-fuse:after {
      content: url("../img/bracket-fuse.svg"); }
    .ai-platform li.item-deploy:before {
      content: url("../img/bracket-deploy.svg"); }
    .ai-platform li.item-deploy:after {
      content: url("../img/bracket-deploy.svg"); }

/* SOFTWARE AI Platform new */
.aethermenu {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white; }
  .aethermenu span {
    opacity: 0.3; }
  .aethermenu a {
    opacity: 0.3;
    color: white; }
    .aethermenu a:hover, .aethermenu a.active {
      opacity: 1; }
  .aethermenu .line {
    border-bottom: 1px solid white;
    width: calc(100% - 220px);
    float: right;
    height: 12px; }

.custom-cursor {
    pointer-events: none;
    position: absolute;
    z-index: 100;
    height: 3rem;
    width: 3rem;
    opacity: 0; }
  .custom-cursor.fuse {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 231, 255, var(--tw-bg-opacity)); }
  .custom-cursor.build {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(49, 197, 255, var(--tw-bg-opacity)); }
  .custom-cursor.deploy {
    --tw-rotate: 45deg;
    transform: var(--tw-transform);
    transform: var(--tw-transform);
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }

#fuse .js-accordion, #fuse .js-accordion a {
  cursor: url("../img/cursor-fuse.png") 7 7, auto; }

#build .js-accordion, #build .js-accordion a {
  cursor: url("../img/cursor-build.png") 7 7, auto; }

#deploy .js-accordion, #deploy .js-accordion a {
  cursor: url("../img/cursor-deploy.png") 7 7, auto; }

.js-accordion .accordion-item-arrow {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms; }

.js-accordion .active .accordion-item-arrow {
    --tw-rotate: -90deg;
    transform: var(--tw-transform); }

.nofilter {
  filter: none !important; }

.menuline {
  line-height: 78px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  font-size: 12px;
  border-bottom: 2px solid transparent;
  opacity: 0.7; }
  .menuline a {
    color: var(--color-grey-dark2); }
  .menuline .industriesmenu span {
    display: flex;
    height: 45px;
    line-height: normal;
    align-items: center; }
  .menuline .submenu {
    color: var(--color-grey-dark2);
    /*display:none;*/
    /*display:flex;*/
    position: absolute;
    /*top:-600px;*/
    top: 80px;
    max-height: 0px;
    overflow: hidden;
    left: 0px;
    width: 100%;
    /*min-height:135px;*/
    background: white;
    text-align: center;
    z-index: 1001;
    line-height: normal;
    text-transform: none;
    font-size: 14px;
    /*@apply transition-all duration-400 ease-out;*/
    opacity: 0;
    transition: max-height 0.5s ease-out;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    /*
		ul{
			li{
				margin-left:3rem;
				margin-right:3rem;
				max-width:360px;
			}
		}
		
		.h-135{
			height:135px;
		}
		.h-220{
			height:220px;
			padding-top:40px;
		}
		.h-150{
			height:150px;
			padding-top:20px;
			li{
				margin-left:0.5rem;
				margin-right:0.5rem;
				width:23%;
				span{
					width:40px;
					margin-right:15px;
					img{
						max-width:40px;
						max-height:40px;
						display:inline-block;
						filter: saturate(0);
					}
				}
			}
			a:hover img{
				filter:none;
			}		
		}*/ }
    .menuline .submenu .grid {
      padding: 50px 70px 50px 70px; }
      .menuline .submenu .grid h4 {
        font-size: 16px;
        font-weight: normal; }
    .menuline .submenu lottie-player {
      float: left;
      margin-right: 20px; }
      .menuline .submenu lottie-player.off {
        filter: invert(1) brightness(0); }
    .menuline .submenu a {
      color: var(--color-grey-dark2);
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      display: block;
      padding-top: 10px;
      border-top: 1px solid rgba(26, 26, 26, 0.3);
      min-height: 60px; }
      .menuline .submenu a span {
        font-size: 12px;
        letter-spacing: 2px; }
    .menuline .submenu a:hover {
      color: var(--color-blue-DEFAULT) !important; }

.menuline:hover {
  border-bottom: 2px solid var(--color-blue-DEFAULT);
  opacity: 1; }
  .menuline:hover a.main {
    color: var(--color-blue-DEFAULT) !important; }
  .menuline:hover .submenu {
    /*display:block;*/
    /*top:80px;*/
    /*max-height:fit-content;*/
    /*max-height:135px;*/
    max-height: 600px;
    opacity: 1;
    /*@apply transition-all duration-400 ease-out;*/
    transition: all 0.5s ease-out; }

.menuline.darkhover:hover {
  border-bottom: 2px solid white; }
  .menuline.darkhover:hover a.main {
    color: white !important; }
  .menuline.darkhover:hover .submenu {
    background: var(--color-grey-dark2);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-weight: 500;
    line-height: 36px;
    text-align: left; }
    .menuline.darkhover:hover .submenu .grid {
      padding: 30px 50px 30px 50px; }
      .menuline.darkhover:hover .submenu .grid a {
        line-height: 24px;
        padding-top: 30px;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
        opacity: 0.7;
        border-top: 1px solid white; }
        .menuline.darkhover:hover .submenu .grid a:hover {
          opacity: 1;
          color: white !important; }
    .menuline.darkhover:hover .submenu img {
      width: 100%;
      margin-bottom: 50px; }

/*
.menuline:hover ~ .stickymenublog {
	display:none !important;
}*/
.menuline:hover ~ body {
  display: none !important; }

@media (min-width: 1024px) {
  .burger {
    display: none; }
  .careers, .login {
    display: inline-block !important; }
  .burger, .logo {
    height: 80px !important; } }

@media (min-width: 1280px) {
  .menuline {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 14px; } }

.switchlang a {
  color: white; }
  .switchlang a:hover {
    text-decoration: underline; }

.dateinfo {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.line-news {
  margin-top: -1px;
  padding-right: 5px; }

.share {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: white;
  background-color: #072bff !important;
  text-align: center;
  font-size: 18px; }
  .share span {
    font-size: 14px;
    opacity: 0.7; }
  .share img {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2.select2-container {
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-grey-dark); }

.select2.select2-container .selection {
  width: 100%;
  height: 4rem; }

@media (min-width: 768px) {
  .select2.select2-container .selection {
    height: 5rem; } }

.select2.select2-container .select2-selection {
  border: none;
  border-radius: 0;
  height: 100%;
  margin-bottom: 15px;
  outline: none !important;
  transition: all .15s ease-in-out;
  background: var(--color-blue-deploy);
  height: 4rem; }

@media (min-width: 768px) {
  .select2.select2-container .select2-selection {
    height: 5rem; } }

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: white;
  line-height: 32px;
  padding-right: 33px;
  padding-top: 1rem;
  padding-left: 4rem; }

@media (min-width: 768px) {
  .select2.select2-container .select2-selection .select2-selection__rendered {
    height: 100%; }
  .select2.select2-container .select2-selection .select2-selection__rendered {
    padding-top: 1.5rem; }
  .select2.select2-container .select2-selection .select2-selection__rendered {
    padding-left: 5rem; } }

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: transparent;
  border-left: none;
  border-radius: 0;
  height: 32px;
  width: 33px;
  position: absolute;
  top: 16px;
  left: calc(100% - 35px); }

@media (min-width: 768px) {
  .select2.select2-container .select2-selection .select2-selection__arrow {
    top: 22px; } }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: white; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: -9px;
  position: absolute;
  background: transparent; }
  .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    display: block;
    content: url("../img/arrow.svg");
    height: 20px;
    width: 6px;
    transform: rotate(90deg) scale(1.5); }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 500;
  margin-right: 65px;
  padding-right: 0px;
  font-size: 22px;
  color: white;
  margin-top: 0.8rem; }

@media (min-width: 768px) {
  .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 1.4rem; } }

.select2-container--default .select2-results__option--selected {
  background-color: var(--color-grey-xlight); }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  border-radius: 0; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: none; }

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px; }

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px; }

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px; }

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: none;
  border-radius: 0;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative; }

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px; }

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: 0; }

.select2-container .select2-dropdown .select2-search {
  padding: 0; }

.select2-container .select2-dropdown .select2-search input {
  outline: none !important;
  border: 1px solid var(--color-grey-xlight) !important;
  border-bottom: none !important;
  padding: 4px 6px !important;
  color: var(--color-grey-dark);
  height: 54px; }

.select2-container .select2-dropdown .select2-results {
  padding: 0; }

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid var(--color-grey-xlight); }

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-blue-deploy); }

.select2-results__option {
  padding: 12px;
  border-bottom: var(--color-grey-xlight) 1px solid; }

/*************************/
/**** CENTERED SWIPER ****/
/*************************/
.js-swiper-full-w.swiper-container, .js-swipper-centered.swiper-container {
    position: relative;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    list-style-type: none;
    overflow: visible;
    padding: 0px; }
  .js-swiper-full-w.swiper-container .swiper-wrapper, .js-swipper-centered.swiper-container .swiper-wrapper {
    position: relative;
    z-index: 5;
    box-sizing: content-box;
    display: flex;
    height: 100%;
    width: auto;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms; }
  .js-swiper-full-w.swiper-container .swiper-slide,
  .js-swipper-centered.swiper-container .swiper-slide {
    width: 70%;
    position: relative;
    flex-shrink: 0;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms; }

@media (min-width: 640px) {
  .js-swiper-full-w.swiper-container .swiper-slide,
  .js-swipper-centered.swiper-container .swiper-slide {
    width: 550px; } }

@media (min-width: 768px) {
  .js-swiper-full-w.swiper-container .swiper-slide,
  .js-swipper-centered.swiper-container .swiper-slide {
    width: 650px; } }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-slide,
  .js-swipper-centered.swiper-container .swiper-slide {
    width: 856px; } }
    .js-swiper-full-w.swiper-container .swiper-slide > img, .js-swipper-centered.swiper-container .swiper-slide > img {
    transform-origin: center;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: var(--tw-transform);
    transform: var(--tw-transform);
    opacity: 0.4;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms; }
  .js-swiper-full-w.swiper-container .swiper-slide-active > img, .js-swipper-centered.swiper-container .swiper-slide-active > img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: var(--tw-transform);
    opacity: 1; }
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 6%; }

@media (min-width: 640px) {
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(50% + 280px);
    right: auto; } }

@media (min-width: 768px) {
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(50% + 340px); } }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(50% + 450px); } }

@media (min-width: 1280px) {
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(50% + 470px); } }
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
    left: 6%;
    right: auto; }

@media (min-width: 640px) {
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
    left: calc(50% - 315px); } }

@media (min-width: 768px) {
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
    left: calc(50% - 380px); } }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
    left: calc(50% - 490px); } }

@media (min-width: 1280px) {
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next,
  .js-swipper-centered.swiper-container .swiper-button-prev,
  .js-swipper-centered.swiper-container .swiper-container-rtl .swiper-button-next {
    left: calc(50% - 510px); } }
  .js-swiper-full-w.swiper-container .swiper-pagination,
  .js-swiper-full-w.swiper-container .swiper-legend,
  .js-swipper-centered.swiper-container .swiper-pagination,
  .js-swipper-centered.swiper-container .swiper-legend {
    width: 70%;
    position: relative;
    top: 0px;
    margin-left: auto;
    margin-right: auto; }

@media (min-width: 640px) {
  .js-swiper-full-w.swiper-container .swiper-pagination,
  .js-swiper-full-w.swiper-container .swiper-legend,
  .js-swipper-centered.swiper-container .swiper-pagination,
  .js-swipper-centered.swiper-container .swiper-legend {
    width: 550px; } }

@media (min-width: 768px) {
  .js-swiper-full-w.swiper-container .swiper-pagination,
  .js-swiper-full-w.swiper-container .swiper-legend,
  .js-swipper-centered.swiper-container .swiper-pagination,
  .js-swipper-centered.swiper-container .swiper-legend {
    width: 650px; }
  .js-swiper-full-w.swiper-container .swiper-pagination, .js-swiper-full-w.swiper-container .swiper-legend, .js-swipper-centered.swiper-container .swiper-pagination, .js-swipper-centered.swiper-container .swiper-legend {
        top: 1rem; } }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-pagination,
  .js-swiper-full-w.swiper-container .swiper-legend,
  .js-swipper-centered.swiper-container .swiper-pagination,
  .js-swipper-centered.swiper-container .swiper-legend {
    width: 856px; } }

/*************************/
/**** /CENTERED SWIPER ****/
/*************************/
.js-swiper-full-w.swiper-container .swiper-slide {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms; }
  .js-swiper-full-w.swiper-container .swiper-slide img {
    transform-origin: center;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: var(--tw-transform);
    transform: var(--tw-transform);
    opacity: 0.4;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms; }

.js-swiper-full-w.swiper-container .swiper-slide-active img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: var(--tw-transform);
    opacity: 1; }

.js-swiper-full-w.swiper-container .swiper-button-next, .js-swiper-full-w.swiper-container .swiper-button-prev {
  top: 50%; }

.js-swiper-full-w.swiper-container .swiper-button-next,
.js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev {
  left: calc(99% - 40px);
  right: auto; }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-button-next,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-prev {
    left: calc(100% + 40px); } }

.js-swiper-full-w.swiper-container .swiper-button-prev,
.js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next {
  left: 1%;
  right: auto; }

@media (min-width: 1024px) {
  .js-swiper-full-w.swiper-container .swiper-button-prev,
  .js-swiper-full-w.swiper-container .swiper-container-rtl .swiper-button-next {
    left: -80px; } }

.js-swiper-full-w.swiper-container .swiper-legend {
    position: static;
    top: 0px;
    margin: 0px;
    width: 100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 0.3;
    padding-bottom: 1rem; }

@media (min-width: 768px) {
  .js-swiper-full-w.swiper-container .swiper-legend {
        padding-bottom: 1.5rem; } }

.js-swiper-full-w.swiper-container .swiper-pagination {
    position: static;
    top: 0px;
    margin: 0px;
    width: 100%;
    padding-bottom: 1rem;
    text-align: left; }

@media (min-width: 768px) {
    .js-swiper-full-w.swiper-container .swiper-pagination {
        padding-bottom: 2rem; } }

.js-swiper-4-view.swiper-container .swiper-pagination, .js-swiper-2x4-view.swiper-container .swiper-pagination, .js-swiper-1x6-view.swiper-container .swiper-pagination, .js-swiper-careers-2x4-view.swiper-container .swiper-pagination, .js-swiper-2-view.swiper-container .swiper-pagination, .js-swiper-2-view-news.swiper-container .swiper-pagination, .js-swiper-2-view-application.swiper-container .swiper-pagination {
    position: static;
    top: 0px;
    margin: 0px;
    width: 100%;
    padding-bottom: 1rem;
    text-align: left; }

@media (min-width: 768px) {
    .js-swiper-4-view.swiper-container .swiper-pagination, .js-swiper-2x4-view.swiper-container .swiper-pagination, .js-swiper-1x6-view.swiper-container .swiper-pagination, .js-swiper-careers-2x4-view.swiper-container .swiper-pagination, .js-swiper-2-view.swiper-container .swiper-pagination, .js-swiper-2-view-news.swiper-container .swiper-pagination, .js-swiper-2-view-application.swiper-container .swiper-pagination {
        padding-bottom: 2rem; } }

.js-swiper-2-view-application .swiper-button-next,
.js-swiper-2-view-application .swiper-button-prev {
  bottom: 0px;
  right: 0px;
  top: auto; }

.js-swiper-2-view-application .swiper-button-prev {
  left: calc(100% - 90px); }

.swiper-button-next, .swiper-button-prev {
  top: 45%;
  position: absolute;
  z-index: 10;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(36, 36, 40, var(--tw-bg-opacity)); }

.stickymenublog .swiper-button-next, .stickymenublog .swiper-button-prev {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .swiper-button-next div, .stickymenublog .swiper-button-prev div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
    ,  {
      top: 80px; }
      .stickymenublog .swiper-button-next, .stickymenublog .swiper-button-prev {
        height: 80px; }
    ,  {
      display: block; } }

@media (min-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
        height: 2.5rem; }
    .swiper-button-next, .swiper-button-prev {
        width: 2.5rem; } }

@media (min-width: 640px) {
  .swiper-button-next, .swiper-button-prev {
    top: 50%; } }
  .swiper-button-next:hover, .swiper-button-prev:hover {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 40, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    .swiper-button-next:hover:after, .swiper-button-prev:hover:after {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
  .swiper-button-next:after, .swiper-button-prev:after {
    content: url("../img/arrow.svg");
    width: 6px;
    height: 16px;
    display: block;
    position: absolute;
    top: -103%;
    transform: scaleX(1.2) scaleY(1.5); }

@media (min-width: 768px) {
  .swiper-button-next:after, .swiper-button-prev:after {
    top: -73%; } }

.js-swiper-2x4-view .swiper-button-next, .js-swiper-2x4-view .swiper-button-prev, .js-swiper-1x6-view .swiper-button-next, .js-swiper-1x6-view .swiper-button-prev, .js-swiper-careers-2x4-view .swiper-button-next, .js-swiper-careers-2x4-view .swiper-button-prev, .js-swiper-4-view .swiper-button-next, .js-swiper-4-view .swiper-button-prev {
    position: relative;
    left: 0px;
    right: 0px;
    top: 0.375rem;
    float: left;
    margin-right: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgba(101, 101, 104, var(--tw-border-opacity));
    background-color: transparent; }
  .theme-dark .js-swiper-2x4-view .swiper-button-next, .theme-dark .js-swiper-2x4-view .swiper-button-prev, .theme-dark
  .js-swiper-1x6-view .swiper-button-next, .theme-dark
  .js-swiper-1x6-view .swiper-button-prev, .theme-dark
  .js-swiper-careers-2x4-view .swiper-button-next, .theme-dark
  .js-swiper-careers-2x4-view .swiper-button-prev, .theme-dark
  .js-swiper-4-view .swiper-button-next, .theme-dark
  .js-swiper-4-view .swiper-button-prev {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }
  .js-swiper-2x4-view .swiper-button-next:hover, .js-swiper-2x4-view .swiper-button-prev:hover, .js-swiper-1x6-view .swiper-button-next:hover, .js-swiper-1x6-view .swiper-button-prev:hover, .js-swiper-careers-2x4-view .swiper-button-next:hover, .js-swiper-careers-2x4-view .swiper-button-prev:hover, .js-swiper-4-view .swiper-button-next:hover, .js-swiper-4-view .swiper-button-prev:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(101, 101, 104, var(--tw-bg-opacity)); }
    .js-swiper-2x4-view .swiper-button-next:hover:after, .js-swiper-2x4-view .swiper-button-prev:hover:after, .js-swiper-1x6-view .swiper-button-next:hover:after, .js-swiper-1x6-view .swiper-button-prev:hover:after, .js-swiper-careers-2x4-view .swiper-button-next:hover:after, .js-swiper-careers-2x4-view .swiper-button-prev:hover:after, .js-swiper-4-view .swiper-button-next:hover:after, .js-swiper-4-view .swiper-button-prev:hover:after {
    filter: none; }
  .js-swiper-2x4-view .swiper-button-next:after, .js-swiper-2x4-view .swiper-button-prev:after, .js-swiper-1x6-view .swiper-button-next:after, .js-swiper-1x6-view .swiper-button-prev:after, .js-swiper-careers-2x4-view .swiper-button-next:after, .js-swiper-careers-2x4-view .swiper-button-prev:after, .js-swiper-4-view .swiper-button-next:after, .js-swiper-4-view .swiper-button-prev:after {
    --tw-invert: invert(100%);
    filter: var(--tw-filter);
    filter: var(--tw-filter); }
    .theme-dark .js-swiper-2x4-view .swiper-button-next:after, .theme-dark .js-swiper-2x4-view .swiper-button-prev:after, .theme-dark
    .js-swiper-1x6-view .swiper-button-next:after, .theme-dark
    .js-swiper-1x6-view .swiper-button-prev:after, .theme-dark
    .js-swiper-careers-2x4-view .swiper-button-next:after, .theme-dark
    .js-swiper-careers-2x4-view .swiper-button-prev:after, .theme-dark
    .js-swiper-4-view .swiper-button-next:after, .theme-dark
    .js-swiper-4-view .swiper-button-prev:after {
    filter: none; }

.js-swiper-careers-2x4-view.swiper-container .swiper-slide {
    height: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  top: 150%;
  transform: rotate(180deg) scaleX(1.2) scaleY(1.5); }

@media (min-width: 768px) {
  .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    top: 129%; } }

.swiper-pagination {
  counter-reset: images-counter;
  top: 2.5rem;
  overflow: hidden;
  text-align: right;
  font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01";
    font-size: 12px;
    line-height: 1.375; }

@media (min-width: 768px) {
    .swiper-pagination {
      line-height: 20px; } }

.swiper-pagination {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 40, var(--tw-text-opacity)); }

.section-blue .swiper-pagination {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-dark .swiper-pagination {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.theme-dark .swiper-pagination {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity)); }

@media (min-width: 640px) {
  .swiper-pagination {
        top: 1rem; } }

@media (min-width: 768px) {
  .swiper-pagination {
        top: 2.25rem; } }

@media (min-width: 1024px) {
  .swiper-pagination {
        top: 2.5rem; } }
  .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: unset;
    background: none;
    opacity: .2;
    margin: 0 0 0 0.5rem;
    position: relative;
    top: -20px;
    transition: margin 0.3s, opacity 0.3s; }
    .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 0.8; }
    .swiper-pagination .swiper-pagination-bullet:before {
      content: counter(images-counter, decimal-leading-zero);
      counter-increment: images-counter;
      margin-top: 20px;
      position: relative;
      top: 20px;
      letter-spacing: 0.05rem; }
    .swiper-pagination .swiper-pagination-bullet:after {
    position: relative;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgba(36, 36, 40, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
      transition: width 0.3s;
      content: "";
      width: 0px;
      height: 1px;
      top: 10px;
      left: 20px; }
      .theme-dark .swiper-pagination .swiper-pagination-bullet:after {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    margin-right: 1.5rem;
    opacity: 1; }
      .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
        width: 20px; }

.js-tools-active-fuse {
    --tw-border-opacity: 1;
    border-color: rgba(0, 231, 255, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 231, 255, var(--tw-bg-opacity)); }

.js-tools-active-build {
    --tw-border-opacity: 1;
    border-color: rgba(49, 197, 255, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(49, 197, 255, var(--tw-bg-opacity)); }

.js-tools-active-deploy {
    --tw-border-opacity: 1;
    border-color: rgba(7, 43, 255, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(7, 43, 255, var(--tw-bg-opacity)); }

.details ul {
    margin-left: 1rem;
    list-style-type: disc; }
  .details ul ul {
    list-style: circle;
    margin-left: 1rem; }

.split {
  position: relative; }

.split .split {
  height: 100%; }

.split .split .inner-wrapper {
  height: 100%; }

.split.split-no-anim {
  transition: all 0s !important; }

.split.split-no-anim * {
  transition: all 0s !important; }

.split .slides {
  position: relative;
  height: 44.44444%;
  width: 100%;
  overflow: hidden; }

@media (min-width: 1024px) {

  .split .slides {
    height: 100%; }

  .split .slides {
    width: 50%; } }
  .split .slides.photo {
  height: 55.55555%; }
  @media (min-width: 1024px) {

  .split .slides.photo {
    height: 100%; } }

.split .slides .slide {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .split .slides .slide a:hover .arrow {
  margin-left: 1.5rem; }

.split .slides .slide .slide-section {
  position: relative; }

.split .navigation-wrapper {
  position: absolute;
  bottom: 44.44444%;
  z-index: 40;
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-border-opacity: 0.3;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.stickymenublog .split .navigation-wrapper {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .split .navigation-wrapper div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .navigation-wrapper {
        height: 80px; }
     {
      display: block; }
    .split .navigation-wrapper {
    bottom: 0px; }
    .split .navigation-wrapper {
    height: auto; }
    .split .navigation-wrapper {
    justify-content: center; }
    .split .navigation-wrapper {
    border-bottom-width: 0px; } }

.split .navigation-wrapper .navigation-arrow.prevent {
  pointer-events: none; }

.split .navigation-wrapper .navigation-arrow.disable {
  pointer-events: none;
  opacity: 0.25; }

.split .navigation-wrapper .navigation-arrow {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }

.stickymenublog .split .navigation-wrapper .navigation-arrow {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .split .navigation-wrapper .navigation-arrow div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .navigation-wrapper .navigation-arrow {
        height: 80px; }
     {
      display: block; } }

.split .navigation-wrapper .navigation-arrow {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms; }
  .split .navigation-wrapper .navigation-arrow > img {
  --tw-invert: invert(100%);
  filter: var(--tw-filter);
  filter: var(--tw-filter); }
  .split .navigation-wrapper .navigation-arrow:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
    .split .navigation-wrapper .navigation-arrow:hover > img {
    filter: invert(10%) sepia(89%) saturate(7261%) hue-rotate(241deg) brightness(100%) contrast(114%); }

.split .navigation-wrapper .navigation-arrow.prev {
  margin-right: 0px; }

@media (min-width: 1024px) {

  .split .navigation-wrapper .navigation-arrow.prev {
    margin-right: 0.625rem; } }
  .split .navigation-wrapper .navigation-arrow.prev > img {
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
  transform: var(--tw-transform); }

.split .dots-container {
  pointer-events: none;
  position: absolute;
  bottom: 44.44444%;
  z-index: 50;
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.stickymenublog .split .dots-container {
      height: auto;
      font-size: 14px;
      color: #072BFF; }

.stickymenublog .split .dots-container div {
        padding-top: 2px;
        padding-bottom: 2px; }

@media (min-width: 1024px) {
     {
      top: 80px; }
      .stickymenublog .split .dots-container {
        height: 80px; }
     {
      display: block; }
    .split .dots-container {
    bottom: 0px; }
    .split .dots-container {
    height: auto; }
    .split .dots-container {
    width: 50%; }
    .split .dots-container {
    justify-content: center; } }
  .split .dots-container .dots-wrapper {
    counter-reset: slides-counter;
    height: auto;
    width: 27rem;
    overflow: hidden;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1.375; }
  @media (min-width: 768px) {
    .split .dots-container .dots-wrapper {
      line-height: 20px; } }
    .split .dots-container .dots-wrapper .dot {
      pointer-events: auto;
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: unset;
      background: none;
      opacity: .3;
      margin: 0 0 0 1rem;
      position: relative;
      top: -20px;
      transition: margin 0.3s, opacity 0.3s; }
      @media (min-width: 1024px) {

  .split .dots-container .dots-wrapper .dot:first-child {
    margin-left: 0px; } }
      .split .dots-container .dots-wrapper .dot:hover {
  opacity: 0.8; }
      .split .dots-container .dots-wrapper .dot:before {
        content: counter(slides-counter, decimal-leading-zero);
        counter-increment: slides-counter;
        margin-top: 20px;
        position: relative;
        top: 20px;
        letter-spacing: 0.05rem; }
      .split .dots-container .dots-wrapper .dot:after {
  position: relative;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
        transition: width 0.3s;
        content: "";
        width: 0px;
        height: 1px;
        top: 10px;
        left: 20px; }
      .split .dots-container .dots-wrapper .dot.active {
  margin-right: 1.75rem;
  opacity: 1; }
        .split .dots-container .dots-wrapper .dot.active:after {
          width: 20px; }

.split .dots-wrapper .dot.thumb {
  pointer-events: none; }

.split .dots-wrapper .dot.thumb.visible {
  display: inline-block;
  pointer-events: initial; }

.split .dots-wrapper.default .dot {
  height: 10px;
  width: 10px;
  border: 1px solid #000; }

.split .dots-wrapper.default .dot.thumb {
  opacity: 0.25; }

.split .dots-wrapper.default .dot.thumb.visible {
  opacity: 1; }

.split.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  transition: background-color 0.15s; }

.split.fullscreen > .inner-wrapper {
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

:root {
  --split-animation: 0.8s;
  --split-animation-fade-out: 0.3s; }

.theme-right-to-left-width-rtl > .slide {
  top: 0;
  left: 100%;
  z-index: 1;
  transition: transform var(--split-animation); }
  .theme-right-to-left-width-rtl > .slide > .image {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    transition: -webkit-clip-path var(--split-animation);
    transition: clip-path var(--split-animation);
    transition: clip-path var(--split-animation), -webkit-clip-path var(--split-animation); }

.theme-right-to-left-width-rtl > .slide.current {
  z-index: 5; }

.theme-right-to-left-width-rtl > .slide.init {
  transform: translateX(-100%); }
  .theme-right-to-left-width-rtl > .slide.init > .image {
    -webkit-clip-path: inset(0 0 0 0%);
            clip-path: inset(0 0 0 0%); }

.theme-right-to-left-width-rtl > .slide.previous {
  transform: translateX(0);
  transition-delay: var(--split-animation); }
  .theme-right-to-left-width-rtl > .slide.previous > .image {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    transition-delay: var(--split-animation); }

.theme-right-to-left-width-rtl > .slide.next {
  transform: translateX(0);
  transition-delay: var(--split-animation); }
  .theme-right-to-left-width-rtl > .slide.next > .image {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    transition-delay: var(--split-animation); }

.theme-left-to-right-fade-out > .slide {
  top: 0;
  left: -60px;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: var(--split-animation-fade-out), var(--split-animation-fade-out);
  transition-delay: var(--split-animation-fade-out), 0s; }

.theme-left-to-right-fade-out > .slide.current {
  z-index: 5; }

.theme-left-to-right-fade-out > .slide.init {
  transform: translateX(60px);
  opacity: 1;
  transition-delay: var(--split-animation-fade-out); }

.theme-left-to-right-fade-out > .slide.reverse,
.theme-left-to-right-fade-out > .slide.previous {
  transform: translateX(0);
  opacity: 0;
  transition-delay: var(--split-animation-fade-out), 0s; }

.theme-left-to-right-fade-out > .slide.next {
  transform: translateX(0);
  opacity: 1;
  transition-delay: var(--split-animation-fade-out), 0s; }

.workflow-table th p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
    font-family: 'Aeonik-Medium';
    font-feature-settings: "ss01"; }

@media (min-width: 1024px) {
  .workflow-table th p {
    font-size: 18px;
    line-height: 30px; } }

.workflow-table td p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.8;
    font-family: 'Aeonik-Light';
    font-feature-settings: "ss01"; }

@media (min-width: 1024px) {
  .workflow-table td p {
    line-height: 20px; } }
