/*
! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: 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"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
	overflow-x: hidden;
	font-family: 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"; /* 4 */
}

.no-scroll {
    overflow: hidden;
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
}
.elementor-testimonial-name {
	font-size: 1.1rem;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
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)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.service {
	  padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 11px;
        padding-right: 11px;
	}
@media (min-width: 320px){
  .container{
    max-width: 342px;
  }
  #outil {
	padding-left: 0;
    padding-right: 0;
  }
	.first-card p {
		margin-right: 33px;
	}
	
	.desc {
	  margin-right: 42px;
	}
	.four-div h3 {
		margin-right: 0; 
	}
	.tab-contenu {
		flex-wrap: wrap;
	}
	.tab-contenu button {
		margin-bottom: 10px;
	}
	.tab-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.faq-desc {
		padding-left: 15px;
        padding-right: 15px;
	}
	.desc-content {
		width: 280px;
	}
}
@media (min-width: 400px){
	.desc-content {
		width: 330px;
	}
}
@media (min-width: 600px){
	.desc-content {
		width: 462px;
	}
}
@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
	.tab-contenu {
		padding-left: 8px;
		padding-right: 8px;
	}
	.tab-content {
		padding-left: 101px;
		padding-right: 101px;
	}
	.faq-desc {
		padding-left: 0;
        padding-right: 0;
	}
	.desc-content {
		width: 462px;
	}
}
@media (min-width: 700px){

  .tab-content {
		padding-left: 112px;
		padding-right: 112px;
	}
	.faq-desc {
		padding-left: 0;
        padding-right: 0;
	}
}
@media (min-width: 992px){

  .container{
    max-width: 992px;
  }
  #outil {
	  padding-left: 44px;
      padding-right: 47px;
	}
	.first-card p {
		margin-right: 52px;
	}
	.four-div h3 {
        margin-right: 0;
    }
	.desc {
        margin-right: 42px;
    }
	.four-div img {
	  margin-top: 186px;
	}
	.tab-contenu {
		flex-wrap: initial;
	}
	.tab-contenu button {
		margin-bottom: 0;
	}
	.tab-content {
		padding-left: 200px;
		padding-right: 200px;
	}
	.faq-desc {
		padding-left: 0;
        padding-right: 0;
	}
}
@media (min-width: 1070px){
	.tab-content {
		padding-left: 246px;
		padding-right: 246px;
	}
}

@media (min-width: 1096px){
	.tab-content {
		padding-left: 253px;
		padding-right: 253px;
	}
}

@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
	.service {
	  padding: 16px;
	}
	.testimonial-pink h3 {
		font-size: 2.4rem !important;
	}
	#outil {
	  padding-left: 44px;
      padding-right: 47px;
	}
	.first-card p {
		margin-right: 52px;
	}
	.four-div h3 {
        margin-right: 223px;
    }
	.desc {
		margin-right: 138px;
	}
	.four-div img {
	  margin-top: 122px;
	}
	.tab-content {
		padding-left: 419px;
		padding-right: 419px;
	}
	.faq-desc {
		padding-left: 0;
        padding-right: 0;
	}
}
@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
	.faq-desc {
		padding-left: 0;
        padding-right: 0;
	}
}
.pointer-events-none{
  pointer-events: none;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.-left-6{
  left: -1.5rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-5{
  bottom: 1.25rem;
}
.col-first-text {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.7;
}
.col-nav-2 {
	padding-left: 2.5rem;
}
.navi-menu li a {
	font-size: 14px;
    font-weight: 200;
}
.sol-menu li a {
	font-size: 14px;
    font-weight: 200;
}
.sol-menu li a:hover {
	color: #718dff !important;
	text-decoration: underline;
}
.navi-menu li a:hover {
	color: #718dff !important;
	text-decoration: underline;
}
.outil-menu li a:hover {
	color: #718dff !important;
	text-decoration: underline;
}
.gest-menu li a:hover {
	color: #718dff !important;
	text-decoration: underline;
}
.outil-menu li a {
	font-size: 14px;
    font-weight: 200;
}
.gest-menu li a {
	font-size: 14px;
    font-weight: 200;
}
.col-nav-2 img {
	width: 130px;
}
.sol-col img {
	width: 130px;
}
.text-h4 {
	font-size: 0.8rem;
	font-weight: bold;
	color: black;
}
.home-logo {
	width: 180px;
}
.ul-first li span {
	font-size: 14px;
font-weight: 200;
}
.ul-first li a {
	font-size: 14px;
	font-weight: 200;
}
.ul-first li div {
	background: #657EE938;
    padding: 10px;
    border-radius: 10px;
}
.ul-first li div img {
	width: 12px;
}

.reseau-icon a div {
	background: #718DFF;
	padding: 10px;
	border-radius: 10px;
}
.reseau-icon a div img {
	width: 12px;
}
@media (max-width: 1024px) {
  .elementor-457 .elementor-element.elementor-element-3d18324 {
   margin-top: -236px;
  }
  .elementor-457 .elementor-element.elementor-element-53340e1 {
   margin-top: -2.5rem;
	  margin-bottom: 0;
  }
	.text-h1-first {
        font-size: 1.5rem !important;
		line-height: 31px !important;
	}
	h1 {
		font-size: 1.5rem !important;
		line-height: 36px !important;
	}
	h2 {
		font-size: 1.3rem !important;
	}
	h3 {
		font-size: 1.1rem !important;
	}
	p {
		font-size: 14px !important;
		font-weight: 300 !important;
	}
	.list-qhare li {
		font-size: 14px !important;
	}
	.elementor-457 .elementor-element.elementor-element-7b3d9d59 {
		margin-top: 0%;
		padding-top: 0;
		padding-left: 0;
		padding-bottom: 0
	}
	#btn-header a, #simplifie, #booste, #intervention, .elementor-button-text, .je-me-lance, .btn-lance, .elementor-element-75642b1 .elementor-widget-container a, #demo-zone a {
        font-size: 0.75rem !important;
    }
	.je-me-lance {
		display: none;
	}
}
.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
	margin: 29px 300px 0px 0300px;
}
.elementor-element-c111603 .elementor-widget-container .lg\:px-20.accordions-desktop {
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.plus-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.plus-icone {
	width: 20px;
	height: 20px;
}
.plus-text {
	font-size: 1.1rem !important;
	color: black;
}
@media (max-width: 1024px) {
  html, body {
    overflow-x: hidden !important;
  }
}
@media (width: 1024px) and (height: 1366px) {
  .elementor-457 .elementor-element.elementor-element-beae746 {
        width: 44% !important;
        margin-left: 30px !important;
    }
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
    	margin: 29px 150px 0px 150px !important;
	}
}

@media (width: 1024px) {
	.text-h1-first {
        font-size: 1.5rem !important;
		line-height: 31px !important;
	}
	h1 {
		font-size: 1.5rem !important;
		line-height: 36px !important;
	}
	h2 {
		font-size: 1.3rem !important;
	}
	h3 {
		font-size: 1.1rem !important;
	}
	p {
		font-size: 14px !important;
		font-weight: 300 !important;
	}
	.list-qhare li {
		font-size: 14px !important;
	}
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.tele-mobile {
		display: none;
	}
	.col-nav-2 {
		padding-top: 5rem;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
    	margin: 29px 150px 0px 150px !important;
	}
	
	.btn-lance {
		padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		padding-left: 3%;
        padding-right: 3%;
	}
	.elementor-457 .elementor-element.elementor-element-1f263da6 {
		--row-gap: 40px !important;
		--justify-content: auto !important;
		gap: 1.5rem !important;
	}
	.text-h1-first {
		line-height: 30px !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		margin-top: -100px !important;
	}
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		--margin-top: -8% !important;
	}
	.elementor-element-8b54297 .lg\:px-20.accordions-desktop {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.elementor-782 .elementor-element.elementor-element-eb26855 {
		margin-top: 0 !important;
	}
	.elementor-782 .elementor-element.elementor-element-f11f379 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-ee20002 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-b5988e7 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-8af817b {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-7e04e7c {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-35138fd > .elementor-widget-container {
		margin-left: 40px !important;
	}
	#btn-header a, #simplifie, #booste, #intervention, .elementor-button-text, .je-me-lance, .btn-lance, .elementor-element-75642b1 .elementor-widget-container a, #demo-zone a {
        font-size: 0.75rem !important;
    }
	.je-me-lance {
		display: none !important;
	}
	.plus-container {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
	}

	.plus-icone {
		width: 20px;
		height: 20px;
	}
	.plus-text {
		font-size: 1.1rem !important;
		color: black;
	}
}

@media (min-width: 1280px) {
  .col-nav-2 {
    padding-top: 4.5rem; /* Affiché sur PC */
  }
	.header-logo {
		width: 135px;
	}
	.mobile-play {
		display: none;
	}
	.tele-mobile {
		display: none;
	}
	.text-h1-first {
		line-height: 1.5 !important;
		margin-bottom: 0px !important; 
	}
	h1 {
		font-size: 2rem !important;
	}
	h2 {
		font-size: 1.4rem !important;
	}
	h3 {
		font-size: 1.15rem !important;
	}
	p {
		font-size: 18px !important;
		font-weight: 350 !important;
	}
	.elementor-457 .elementor-element.elementor-element-7b3d9d59 {
        width: 825px !important;
		padding-left: 0 !important;
    }
	.text-h2 {
		font-size: 20px !important;
	}
	
}
@media (width: 550px) {
	.first-lot.-ml-8 {
        margin-left: -15rem !important;
    }
}
@media (width: 768px) {
	#btn-header a:first-of-type {
        width: auto !important;
    }
	.text-h1-first {
        line-height: 21px !important;
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }
	#btn-header a {
        font-size: 0.6rem !important;
    }
	.first-lot.-ml-8 {
        margin-left: 1rem !important;
    }
	.second-lot {
        margin-left: 1rem !important;
    }
	
}
@media (max-width: 768px) {
  * {
    animation: none !important;
    transition: none !important;
  }
	
/* 1) Désactiver les effets "hover / focus / active" (grow, etc.) */
  .elementor-animation-grow,
  .elementor-animation-pulse,
  .elementor-animation-zoom,
  .elementor-animation-float {
    transform: none !important;
    transition: none !important;
  }
  .elementor-animation-grow:active,
  .elementor-animation-grow:focus,
  .elementor-animation-grow:hover,
  .elementor-animation-pulse:active,
  .elementor-animation-pulse:focus,
  .elementor-animation-pulse:hover {
    transform: none !important;
    transition: none !important;
  }

  /* 2) Neutraliser les fade-in / animations d'entrée gérées par Elementor (JS + classes) */
  .elementor-invisible,
  .elementor-animated,
  [data-settings*="fade"],
  [data-animation*="fade"],
  [class*="elementor-animation-"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
  }
}

@media (min-width: 770px) and (max-width: 835px) {
	#btn-header a {
		text-align: center !important;
		font-size: 0.75rem !important;
    }
	.text-h1-first {
        line-height: 21px !important;
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }
	.first-lot.-ml-8 {
        margin-left: 1rem !important;
    }
	.second-lot {
        margin-left: 1rem !important;
    }
}
@media (min-width: 836px) and (max-width: 991px) {
	#btn-header a {
        font-size: 0.6rem !important;
    }
	#btn-header a:first-of-type {
        width: auto !important;
    }
	.text-h1-first {
        line-height: 21px !important;
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }
}

@media (width: 1280px) {
	#footer {
		padding-left: 1.25rem;
    	padding-right: 1.25rem;
	}
}
.play-img {
	margin-top: 3.37rem
}
@media (min-width: 836px) and (max-width: 991px) {
	#main-menu {
		max-width: 827px !important;
	}
	#demo-zone a:nth-child(2) {
		margin-left: 20px;
	}
	#btn-header a:first-child {
		text-align: center !important;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 29px 200px 0px 200px !important;
	}
	 .first-lot.-ml-8 {
        margin-left: 5rem !important;
    }
	.second-lot {
		margin-right: 0 !important;
		margin-left: 5rem !important;
	}
	
}
@media (min-width: 992px) and (max-width: 1023px) {
	.tele-mobile {
		display: none !important;
	}
	.telechargement {
		display: block !important;
	}
	#btn-header a {
		font-size: 0.8rem !important;
	}
	#footer {
		padding-left: 2%;
    	padding-right: 2%;
	}
	#btn-header.max-lg\:flex-col {
        flex-direction: row !important;
    }
	div h4 {
		font-size: 0.6rem;
	}
	div li {
		font-size: 0.5rem;
	}
	.col-nav-2 {
		margin-top: 3.5rem;
	}
	.tele-title {
		display: block !important;
	}
	.sol-div {
        margin-top: 0 !important;
    }
	.outil_int {
		margin-top: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 29px 200px 0px 200px !important;
	}
	
}
@media (min-width: 1025px) and (max-width: 1250px) {
	 .elementor-457 .elementor-element.elementor-element-7b3d9d59 {
        --width: 600px !important;
    }
	.elementor-element-4e67bcb2 .elementor-widget-container p {
		font-size: 18px !important;
		margin-bottom: 0 !important;
	}
	.text-h1-first {
		font-size: 15px !important;
		line-height: 26px !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		padding-left: 1% !important;
	}
	#btn-header a {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.elementor-457 .elementor-element.elementor-element-6839b2e0 {
		padding-right: 0 !important;
		padding-left: 3% !important;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		margin-top: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		padding-left: 2% !important;
		padding-right: 2% !important;
		margin-top: -8% !important;
	}
	.elementor-element-b99db9c {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-element-781d2a4 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-element-3d18324 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-element-53340e1 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
		padding-left: 2% !important;
		padding-right: 2% !important;
		margin-top: -3rem !important;
		margin-bottom: 0 important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272 {
		margin-top: 0 !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-457 .elementor-element.elementor-element-deab743 {
		margin-top: 27px !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-457 .elementor-element.elementor-element-214de8f {
		margin-top: 20px !important;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 29px 150px 0px 150px !important;
	}
	.btn-lance {
		padding-top: 20px !important;
    	padding-bottom: 20px !important;
	}
	.tele-mobile {
		display: none !important;
	}
	.col-nav-2 {
		margin-top: 70px !important;
	}
	.elementor-element-75642b1 .elementor-widget-container h1 {
        font-size: 33px !important;
		line-height: 56px !important;
    }
	.elementor-element-75642b1 .elementor-widget-container p {
        font-size: 13px !important;
    }
	.elementor-element-136fbed .elementor-widget-container h2 {
		font-size: 2rem !important;
    	line-height: 3rem !important;
	}
	.elementor-element-136fbed .elementor-widget-container p {
		font-size: 0.8rem !important;
    	line-height: 1.9 !important;
	}
	.elementor-element-65b5688 {
		margin-top: -1.5rem !important;
	}
	.elementor-674 .elementor-element.elementor-element-b6ecb65 {
		margin-top: 50px !important;
	}
	.elementor-674 .elementor-element.elementor-element-b146f1b {
		margin-bottom: 0 !important;
	}
	.elementor-782 .elementor-element.elementor-element-eb26855 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-782 .elementor-element.elementor-element-4ea0134 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-782 .elementor-element.elementor-element-093df24 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-782 .elementor-element.elementor-element-fce215e {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-782 .elementor-element.elementor-element-9872a6d {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-782 .elementor-element.elementor-element-413a005 {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	.elementor-element-d0b8c78 .elementor-widget-container h1 {
		font-size: 2rem !important;
		line-height: 3rem !important;
	}
	.elementor-element-d0b8c78 .elementor-widget-container p {
		font-size: 1.1rem !important;
	}
	.first-lot {
		gap: 33px !important;
	}
	.first-lot.-ml-8 {
        margin-left: 0.5rem !important;
    }
	.second-lot {
    	gap: 24px !important;
		margin-left: 1rem !important;
	}
}
@media (min-width: 1250px) {
	.text-h1-first {
		line-height: 1.5 !important;
		margin-bottom: 0px !important; 
	}
	h1 {
		font-size: 2rem !important;
	}
	h2 {
		font-size: 1.6rem !important;
	}
	h3 {
		font-size: 1.15rem !important;
	}
	p {
		font-size: 16px !important;
		font-weight: 350 !important;
	}
	.list-qhare li {
		font-size: 16px !important;
	}
	.mandataire .feature-card-solutions img {
		width: 1.5rem !important;
	}
	.mandataire .feature-card-solutions h3 {
        font-size: 1rem !important;
		padding-left: 0 !important;
    }
	.elementor-element-7ad72f7 .elementor-widget-container p img {
		    height: 35rem !important;
    		object-fit: cover !important;
	}
	.elementor-testimonial-content {
		font-size: 18px !important;
		font-weight: 350 !important;
	}
	.elementor-element-136fbed .elementor-widget-container h2 {
		line-height: 30px !important;
	}
	.je-me-lance {
		font-size: 1rem !important;
	}
	.text-h4 {
		font-size: 17px !important;
	}
	.navi-menu li a, .sol-menu li a, .outil-menu li a, .gest-menu li a, ul-first { 
		font-size: 1rem !important;
	}
	.elementor-element-d0b8c78 h1 {
		line-height: 1.5 !important;
	}
	#btn-header a {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		font-size: 1rem;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		margin-top: 0px;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		margin-top: -7%;
	}
	.elementor-457 .elementor-element.elementor-element-214de8f {
		margin-top: 40px;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
    	margin: 29px 300px 0px 0300px !important;
	}
	.elementor-457 .elementor-element.elementor-element-6839b2e0 {
		padding-left: 4%;
		padding-right: 0%;
	}
	.elementor-457 .elementor-element.elementor-element-4e726eb {
		font-size: 18px !important;
	}
	.tele-mobile {
		display: none;
	}
	.elementor-element-75642b1 .elementor-widget-container h1, .elementor-element-136fbed .elementor-widget-container h2 {
		line-height: 1.5;
	}
	.elementor-element-16e2d71 .elementor-widget-container a.btn-lance, .elementor-element-be136cb .elementor-widget-container a.btn-lance {
		font-size: 1.1rem;
        padding-top: 10px;
    	padding-bottom: 10px;
		padding-left: 1.25rem;
    	padding-right: 1.25rem;
        margin-top: 30px;
    }
}

.first-card p, .four-div p, .third-card p, .elementor-element-4e67bcb2 .elementor-widget-container p, .elementor-element-ab1c927 .elementor-widget-container p, .elementor-element-781d2a4 p, .elementor-element-1258a1d .elementor-widget-container, .elementor-element-17926f4 .elementor-widget-container, .elementor-element-687543d .elementor-widget-container, .elementor-element-684087d .elementor-widget-container, .elementor-element-c91ebd3 .elementor-widget-container, .elementor-element-4e726eb .elementor-widget-container, .elementor-element-989c335 .elementor-widget-container, .elementor-element-87ca430 .elementor-widget-container p, .elementor-element-8c4e399 .elementor-widget-container p, .elementor-testimonial-content, .e-n-accordion p, .elementor-element-51515ac .elementor-widget-container p, .elementor-element-75642b1 .elementor-widget-container p, .elementor-element-435d745 .elementor-widget-container p, .elementor-element-7e194dd .elementor-widget-container p, .elementor-element-866b585 .elementor-widget-container p, .elementor-element-82cf869 .elementor-widget-container p, .elementor-element-136fbed .elementor-widget-container p, .elementor-element-9b2e218 .elementor-widget-container p, .elementor-element-6afaf93 .elementor-widget-container p, .elementor-element-922cc99 .elementor-widget-container p, .elementor-element-20b1f9f .elementor-widget-container p, .elementor-element-283b8cc .elementor-widget-container p, .elementor-element-5f93f7e .elementor-widget-container p, .page-id-1192 p, .page-id-782 p, .page-id-801 p {
	--tw-text-opacity: 1 !important;
	color: rgb(117 111 111 / var(--tw-text-opacity)) !important;
	font-weight: 300 !important;
}
.content-explanation {
	--tw-text-opacity: 1 !important;
	font-weight: 300 !important;
}
@media (min-width: 1280px) and (max-width: 1799px) {
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		margin-top: 0;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		margin-top: -8%;
	}
	.elementor-457 .elementor-element.elementor-element-214de8f {
		margin-top: 68px;
	}
	.elementor-element.elementor-element-dbc004e > .elementor-widget-container {
    	margin: 29px 300px 0px 0300px !important;
	}
}

@media (min-width: 1500px) {
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		--content-width: 1336px !important;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		--content-width: 1336px !important;
		margin-top: 0;
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		--content-width: 1336px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		--content-width: 1336px !important;
	}
	.elementor-457 .elementor-element.elementor-element-21e83b8 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-db3a815 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-07e5d94 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-52fc93b {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-68d2754 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-251b404 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-654abb6 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-722a432 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-214de8f {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-bbc2103 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-781d2a4 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-3d18324 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-53340e1 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-45ca4223 {
        --content-width: 1336px !important;
    }
	.elementor-457 .elementor-element.elementor-element-0685f43 {
		--content-width: 1336px !important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272, .elementor-457 .elementor-element.elementor-element-deab743 		{
		--content-width: none !important;
	}
}

@media (min-width: 1630px) {
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-21e83b8 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-db3a815 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-07e5d94 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-52fc93b {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-68d2754 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-251b404 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-654abb6 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
        --content-width: 1490px!important;
    }
	.elementor-457 .elementor-element.elementor-element-722a432 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-214de8f {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-bbc2103 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-781d2a4 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-3d18324 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-53340e1 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-45ca4223 {
        --content-width: 1490px !important;
    }
	.elementor-457 .elementor-element.elementor-element-0685f43 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272 {
		--content-width: 1490px !important;
	}
	.elementor-element-81ec1be.elementor-widget-image {
		text-align: left !important;
	}
	.elementor-457 .elementor-element.elementor-element-81ec1be img {
		width: 86.5% !important;
		height: 97px !important;
		object-fit: contain;
		object-position: center center;
	}
	.elementor-457 .elementor-element.elementor-element-23f878c > .elementor-widget-container {
		margin: -345px 0px 0px 0px !important;
		padding: 0px 0px 0px 87px;
	}
}
@media (min-width: 1610px) {
	.elementor-element-deab743 {
		--content-width: 1490px;
	}
	.first-lot.-ml-8, .second-lot {
		margin-left: 0 !important;
	}
}

@media (min-width: 1800px) and (max-width: 2000px) {
  /* styles appliqués seulement autour de 1920x1080 */
  .play-img {
	margin-top: 4.7rem
	}
.header-logo {
		width: 160px;
	}
	.mobile-play {
		display: none;
	}
	.tele-mobile {
		display: none;
	}
	#menu-main-navigation {
		padding-left: 2.2rem;
    	font-size: 1.25rem;
	}
	.elementor-457 .elementor-element.elementor-element-7b3d9d59 {
        width: 916px !important;
	}
	.text-h1-first {
        line-height: 49px !important;
	}
	.elementor-457 .elementor-element.elementor-element-6839b2e0.e-con {
		width: 654px !important;
		
	}
	.elementor-457 .elementor-element.elementor-element-b99db9c {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		--content-width: 1526px !important;
		margin-top: 0;
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		--content-width: 1526px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		--content-width: 1526px !important;
	}
	.elementor-457 .elementor-element.elementor-element-21e83b8 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-db3a815 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-07e5d94 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-52fc93b {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-68d2754 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-251b404 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-654abb6 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-722a432 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-214de8f {
        --content-width: 1526px !important;
		margin-top: 68px;
    }
	.elementor-457 .elementor-element.elementor-element-bbc2103 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-781d2a4 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-3d18324 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-53340e1 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-45ca4223 {
        --content-width: 1526px !important;
    }
	.elementor-457 .elementor-element.elementor-element-0685f43 {
		--content-width: 1526px !important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272 {
		--content-width: 1526px !important;
	}
	.elementor-457 .elementor-element.elementor-element-23f878c > .elementor-widget-container {
		margin: -359px 0px 0px 0px;
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		margin-bottom: 0;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		margin-top: -8%
	}
	.elementor-457 .elementor-element.elementor-element-deab743 {
		--content-width: 1526px !important;
		padding-left: 0;
		padding-right: 0;
	}
	.elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 29px 300px 0px 0300px !important;
	}
}
@media (min-width: 2000px) {
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		--content-width: 1530px !important;
		padding-left: 0 !important;
        margin-top: 0;
	}
	.elementor-457 .elementor-element.elementor-element-7b3d9d59 {
		padding-right: 0;
	}
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		--content-width: 1530px !important;
		margin-top: 0;
		
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		--content-width: 1530px !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		--content-width: 1530px !important;
		margin-top: -9vh;
	}
	.elementor-457 .elementor-element.elementor-element-21e83b8 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-db3a815 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-07e5d94 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-52fc93b {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-68d2754 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-251b404 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-654abb6 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-722a432 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-214de8f {
		--content-width: 1530px !important;
		margin-top: 70px;
	}
	.elementor-457 .elementor-element.elementor-element-781d2a4 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-3d18324 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-53340e1 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272 {
		--content-width: 1530px !important;
	}
	.elementor-457 .elementor-element.elementor-element-deab743 {
		--content-width: 1530px !important;
	}
	.elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 29px 300px 0px 0300px !important;
	}
	.elementor-674 .elementor-element.elementor-element-b6ecb65 {
		margin-top: 54px !important;
	}
	.elementor-674 .elementor-element.elementor-element-b146f1b {
		margin-bottom: 0 !important;
	}
	.elementor-674 .elementor-element.elementor-element-65b5688 {
		margin-top: 0 !important;
	}
	.elementor-element-c111603 .lg\:py-\[168px\] {
		padding-top: 30px !important;
		padding-bottom: 0 !important;
	}
	.first-lot.-ml-8 {
        margin-left: 0.5rem !important;
    }
	.second-lot {
        margin-left: 1rem !important;
    }
	
}

@media (min-width: 3000px) {
  .elementor-457 .elementor-element.elementor-element-d09bdee {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2096cd3 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		--content-width: 1490px !important;
		margin-top: -9vh;
	}
	.elementor-457 .elementor-element.elementor-element-21e83b8 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-db3a815 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-07e5d94 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-52fc93b {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-68d2754 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-251b404 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-654abb6 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-722a432 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-214de8f {
		--content-width: 1490px !important;
		margin-top: 70px;
	}
	.elementor-457 .elementor-element.elementor-element-781d2a4 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-3d18324 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-53340e1 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-8da4272 {
		--content-width: 1490px !important;
	}
	.elementor-457 .elementor-element.elementor-element-deab743 {
		--content-width: 1490px !important;
	}
	.header-logo {
        width: 186px;
    }
}
@media (min-width: 4200px) {
	.elementor-457 .elementor-element.elementor-element-2d90e2d {
		margin-top: -6vh;
	}
	
}
.accordion-header-content img {
	filter: invert(49%) sepia(82%) saturate(1891%) hue-rotate(207deg) brightness(94%) contrast(97%);
	width: 1.5rem;
} 
.elementor-element-781d2a4 .elementor-icon svg {
	filter: invert(49%) sepia(82%) saturate(1891%) hue-rotate(207deg) brightness(94%) contrast(97%);
	width: 1.5rem;	
}
.elementor-element-3d18324 .elementor-icon svg {
	filter: invert(49%) sepia(82%) saturate(1891%) hue-rotate(207deg) brightness(94%) contrast(97%);
	width: 1.5rem;	
}
@media (orientation: landscape) and (max-width: 767px) {
	#btn-header a:first-child {
		width: 15rem;
    	text-align: center;
	}
	.elementor-457 .elementor-element.elementor-element-fccf0a7.elementor-element {
        width: 100%;
    }
	    
	.elementor-457 .elementor-element.elementor-element-ed4b6ac {
		margin-top: -18px !important;
	}
	.elementor-457 .elementor-element.elementor-element-1f263da6 {
		margin-top: 0%;
	}
	.elementor-457 .elementor-element.elementor-element-7a20bb5 .elementor-heading-title {
		margin-top: 27px;
	}
	.elementor-image-box-img img {
		width: 100% !important;
	}
	.elementor-457 .elementor-element.elementor-element-2d90e2d, .elementor-457 .elementor-element.elementor-element-8da4272 	{
		margin-top: 10px !important;
	}
}

@media (orientation: landscape) and (min-width: 1300px) and (max-width: 1500px) {
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		padding-left: 2% !important; 
	}
	.elementor-457 .elementor-element.elementor-element-7b3d9d59 {
		width: 750px !important;
	}
	html, body {
		overflow-x: hidden !important;
	  }

}
@media (orientation: landscape) and (min-width: 1100px) and (max-width: 1200px) {
	.btn-lance {
		font-size: 0.75rem !important;
		padding-top: 10px !important;
        padding-bottom: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-fb8c1da, .elementor-782 .elementor-element.elementor-element-44351bf  {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	html, body {
		overflow-x: hidden !important;
	  }
}
p {
	font-size: 18px !important;
	font-weight: 300 !important;
}
.text-h2 {
	font-size: 20px !important;
	font-weight: 300 !important;
}
@media (min-width: 200px) and (max-width: 767px) {
	.page-id-457 .elementor-457 .elementor-element.elementor-element-81ec1be img {
        width: 48%;
    }
	.page-id-457 .elementor-element-6c27e3f, .page-id-457 .elementor-element-153e3a6 {
		margin-top: 10px;
	}
	.page-id-457 .elementor-element-4565b01 {
		padding-top: 3%;
	}
	.secnd-btn {
		text-align: center !important;
		margin-top: -15px !important;
	}
	#btn-header a {
		width: 19rem !important;
		text-align: center !important;
	}
	#btn-header a:first-of-type {
		margin-top: -20px !important;
	}
	.elementor-element-4e67bcb2 .elementor-widget-container p:first-of-type {
		margin-top: -26px !important;
	}
	.text-h1-first {
		margin-top: 15px !important;
	}
	#btn-header a, #simplifie, #booste, #intervention, .elementor-button-text, .je-me-lance, .btn-lance, .elementor-element-75642b1 .elementor-widget-container a, #demo-zone a {
        font-size: 0.75rem !important;
    }
	.list-qhare li {
		font-size: 14px !important;
	}
	h2 {
        font-size: 1.1rem !important;
    }
	h3 {
        font-size: 0.95rem !important;
    }
	.elementor-element-73d01b46, .elementor-element-beae746, .elementor-element-dbc8cbb {
		margin-bottom: 20px !important;
	}
	.header #main-menu {
        margin-bottom: 1rem !important;
    }
	#btn-header.max-lg\:flex-col, #demo-zone {
        flex-direction: column !important;
    }
	#demo-zone a {
		text-align: center !important;
		width: 12rem !important;
	}
	#demo-zone a:nth-child(2) {
		margin-top: 5px !important;
	}
	#demo-zone {
		margin-top: -5px !important;
	}
}
@media (max-width: 600px) {
	.first-lot.-ml-8 {
       margin-left: -2rem !important;
    }
	.second-lot {
        margin-top: 1rem !important;
		margin-bottom: 0.5rem !important;
    }
}
@media (max-width: 760px) {
	.elementor-457 .elementor-element.elementor-element-fccf0a7.elementor-element {
		width: 100% !important;
	}
}
@media (min-width: 600px) and (max-width: 759px) {
	#text-header h1 {
        line-height: 39px;
    }
	.text-h2 {
		font-size: 1rem !important;
	}
}
@media screen and (min-width: 760px) and (max-width: 834px) {
    #btn-header a:first-of-type {
        width: auto !important;
    }
}

@media (max-width: 767px) {
	#menu-main-navigation > .menu-item > a {
		padding-left: 0 !important;
		padding-bottom: 4px !important;
	}
	#logo .order-2 button {
		margin-top: 24px !important;
	}
  .header-logo {
		width: 127px;
	}
	.col-nav-2 {
    	padding-left: 0;
	}
	.ul-first {
		align-items: flex-start !important;
	}
	.footer-first-div {
		align-items: flex-start !important;
	}
	.home-logo {
		width: 100px;
	}
	.mobile-play {
		display: inline-block;
		margin-top: 0.5rem;
	}
	.desktop-play {
		display: none;
	}
	.telechargement {
		display: none;
	}
	.outil_int {
		margin-top: -1.5rem;
	}
	.col-first-text {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.7;
	}
	.tele-title {
		display: none;
	}
	.sol-div {
		margin-top: -1rem;
	}
	.text-h1-first {
		font-size: 1.2rem !important;
	}
	.text-h2 {
		font-size: 0.7rem;
		margin-top: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#first-section {
		background-image: none;
	}
	.second-lot {
        margin-top: 1rem;
    }
	.alter-product {
		margin-top: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-0cf245f > .elementor-widget-container {
		margin-top: 0 !important;
		padding: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-1b5b475 > .elementor-widget-container {
		margin-top: 0 !important;
		padding: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-3f21e8d > .elementor-widget-container {
		margin-top: 0 !important;
		padding: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-3b74539 > .elementor-widget-container {
		margin-top: 0 !important;
		padding: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-1a22c6e > .elementor-widget-container {
		margin-top: 0 !important;
		padding: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-086d8d4 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-52fc93b {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-251b404 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-f26ff71 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-722a432 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-3d18324 {
        margin-top: -287px !important;
    }
	.elementor-457 .elementor-element.elementor-element-53340e1 {
        margin-top: -6.5rem !important;
        margin-bottom: 0 !important;
    }
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
		margin-top: -4rem !important;
	}
	.elementor-457 .elementor-element.elementor-element-5dc14c4 .elementor-button {
		width: 100% !important;
	}
	#general_first .e-n-accordion-item-title-icon {
		margin-left: 9rem !important;
	}
	#general_third .e-n-accordion-item-title-icon {
    	margin-left: 9.5rem !important;
	}
	#general_four .e-n-accordion-item-title-icon {
    	margin-left: 12rem !important;
	}
	.elementor-element-33b612c #e-n-accordion-item-5420 .e-n-accordion-item-title-icon {
    	margin-left: 6rem !important;
	}
	#e-n-accordion-item-1020 .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    	margin-left: 1rem !important;
	}
	#e-n-accordion-item-1026 .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    	margin-left: 4rem !important;
	}
	#e-n-accordion-item-1029 .e-n-accordion-item-title-icon {
    	margin-left: 5rem;
	}
	#e-n-accordion-item-7262 .e-n-accordion-item-title-icon {
		margin-left: 4rem;
	}
	.elementor-457 .elementor-element.elementor-element-782b1ef {
		margin-top: 18px;
	}
	.text-pourquoi {
		font-size: 1.5rem !important;
	}
	.btn-lance {
		padding-top: 7px !important;
    	padding-bottom: 7px !important;
		font-size: 0.75rem;
	}
	.elementor-674 .elementor-element.elementor-element-b6ecb65 {
		margin-top: 37px;
	}
	.elementor-element-82cf869 .elementor-widget-container p {
		font-size: 0.85rem;
    	line-height: 1.5;
		font-weight: 400;
		margin-top: -10px;
	}
	#demo-zone a:nth-child(2) {
		margin-top: 13px;
	}
	.elementor-element-35138fd {
		margin-left: 15px;
	}
	.elementor-457 .elementor-element.elementor-element-35a1552 .elementor-heading-title {
		font-size: 2rem;
	}
	.elementor-457 .elementor-element.elementor-element-ea87465 .elementor-heading-title {
		font-size: 1rem;
	}
	.container.accordions-mobile {
		max-width: 727px;
	}
	.five-p {
		margin-top: 18px;
	}
	.six-p {
		margin-top: 18px;
	}
	h1 {
		font-size: 1.2rem !important;
	}
	h2 {
		font-size: 1.15rem !important;
		line-height: 1.3 !important;
	}
	h3 {
		font-size: 1.1rem !important;
	}
	p {
		font-size: 14px !important;
		font-weight: 300 !important;
	}
	.text-h1-first {
        font-size: 18px !important;
        line-height: 28px;
    }
	.elementor-element-d0b8c78 h1 {
		line-height: 1.3 !important;
	}
	.elementor-element-c111603 main {
		padding-top: 0 !important;
	}
	.elementor-element-136fbed .elementor-widget-container h2 {
		line-height: 1.3 !important;
	}
	.feature-card-solutions div {
		gap: 0 !important;
		justify-content: start !important;
	}
	.elementor-element-d0b8c78 p, .elementor-element-c942503 p, .first-card p, .four-div p, .third-card p, .elementor-element-4e67bcb2 .elementor-widget-container p, .elementor-element-87ca430 .elementor-widget-container p, .elementor-element-8c4e399 .elementor-widget-container p, .page-id-1192 p, .elementor-element-9b2e218 p, .elementor-element-9b2e218 .elementor-widget-container p, .elementor-element-6afaf93 .elementor-widget-container p, .elementor-element-922cc99 .elementor-widget-container p, .elementor-element-20b1f9f .elementor-widget-container p, .elementor-element-989c335 .elementor-widget-container, .elementor-element-4e726eb .elementor-widget-container, .elementor-element-c91ebd3 .elementor-widget-container, .elementor-element-684087d .elementor-widget-container, .elementor-element-687543d .elementor-widget-container, .elementor-element-17926f4 .elementor-widget-container, .elementor-element-1258a1d .elementor-widget-container, .elementor-element-fdc1b85 .elementor-widget-container   {
		font-weight: 300 !important;
        font-size: 14px !important;
        --tw-text-opacity: 1 !important;
        color: rgb(117 111 111 / var(--tw-text-opacity)) !important;
	}
	.elementor-element-9b2e218 h3, .elementor-element-6afaf93 .elementor-widget-container h3, .elementor-element-922cc99 .elementor-widget-container h3, .elementor-element-20b1f9f .elementor-widget-container h3  { 
		font-size: 1.1rem !important;
		--tw-text-opacity: 1;
    	color: rgb(72 80 86 / var(--tw-text-opacity)) !important;
	}
	.elementor-element-9b2e218 p, .elementor-element-6afaf93 .elementor-widget-container p, .elementor-element-922cc99 .elementor-widget-container p, .elementor-element-20b1f9f .elementor-widget-container p  { 
		--tw-text-opacity: 1 !important;
        color: rgb(117 111 111 / var(--tw-text-opacity)) !important;
		margin-top: 5px !important;
	}
	#main-menu {
		margin-bottom: 3rem !important;
		padding-bottom: 0 !important;
	}
	.elementor-element-ab1c927 .elementor-widget-container p {
		font-weight: 400;
    	line-height: 1.8rem;
	}
	.elementor-element-b99db9c {
		padding-bottom: 0 !important;
	}
	.elementor-element-ab1c927 .elementor-widget-container p {
		margin-bottom: 1rem;
	}
	.elementor-457 .elementor-element.elementor-element-2b934e9 .elementor-image-box-wrapper .elementor-image-box-img {
		width: 100%;
	} 
	.elementor-element-4e67bcb2 .elementor-widget-container p {
		font-size: 1rem;
	}
	.elementor-image-box-description {
		padding-bottom: 15px;
	}
	.elementor-element-75642b1 .elementor-widget-container p, .elementor-element-435d745 .elementor-widget-container p, .elementor-element-7e194dd .elementor-widget-container p, .elementor-element-866b585 .elementor-widget-container p, .elementor-element-136fbed .elementor-widget-container p, .elementor-element-afbedc8 .elementor-widget-container p, .elementor-element-cfbd6b0 .elementor-testimonial-content p {
		font-weight: 300;
	}
	.elementor-testimonial-content {
		font-weight: 300 !important;
		font-size: 14px !important;
		--tw-text-opacity: 1 !important;
    	color: rgb(117 111 111 / var(--tw-text-opacity)) !important;
	}
	.elementor-element-283b8cc .elementor-widget-container p {
		font-weight: 400;
		margin-top: -10px;
	}
	.accordions-mobile .accordion-body-inner > div p {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(117 111 111 / var(--tw-text-opacity));
		font-size: 1rem;
		font-weight: 400;
	}
	.page-id-674 .pc-version {
		display: none;
	}
	.elementor-457 .elementor-element.elementor-element-4299765 img {
		width: 10.2rem !important;
	}
	.page-id-457 .elementor-457 .elementor-element.elementor-element-81ec1be img {
		width: 10.5rem !important;
	}
}
@media (width: 767px) {
	p {
		font-size: 14px !important;
		font-weight: 300 !important;
	}
	.list-qhare li {
		font-size: 14px !important;
	}
	.elementor-element-e892d67 .elementor-widget-container #btn-header {
		align-items: center;
	}
}
@media (width: 768px) {
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	#btn-header a {
        width: auto !important;
    }
}
@media (max-width: 509px) {
	.first-lot.-ml-8 {
        margin-left: -10rem !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* Styles spécifiques aux tablettes */
	h3 {
		font-size: 1rem !important;
	}
	h2 {
		font-size: 1.12rem !important;
		line-height: 1.5 !important;
	}
	h1 {
		font-size: 1.15rem !important;
	}
	.page-id-674 .pc-version {
		display: none;
	}
	.page-id-457 .elementor-image-box-title a {
		font-size: 1rem;
	}
	.page-id-457 .btn-lance {
		font-size: 1.1rem;
		padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	#why-section .elementor-widget-container p a {
		font-size: 1.1rem;
	}
	.header-logo {
		width: 135px;
	}
	.col-nav-2 {
    	padding-left: 0;
	}
	.ul-first {
		align-items: flex-start !important;
	}
	.footer-first-div {
		align-items: flex-start !important;
	}
	.home-logo {
		width: 130px;
	}
	.mobile-play {
		display: inline-block;
		margin-top: 0.5rem;
	}
	.desktop-play {
		display: none;
	}
	.telechargement {
		display: none;
	}
	.outil_int {
		margin-top: -1.5rem;
	}
	.tele-title {
		display: none;
	}
	.sol-div {
		margin-top: -1rem;
	}
	.elementor-457 .elementor-element.elementor-element-d09bdee {
		margin-top: -8rem !important;
	}
	.text-h1-first {
		font-size: 1.15rem !important;
		line-height: 25px !important;
		margin-bottom: 0 !important;
	}
	.elementor-testimonial-content, p, .elementor-element-fdc1b85 .elementor-widget-container p, .elementor-element-1258a1d .elementor-widget-container p, .elementor-element-687543d .elementor-widget-container, .elementor-element-989c335 .elementor-widget-container {
		font-size: 14px !important;
	}
	#btn-header a, #simplifie, #booste, #intervention, .elementor-button-text, .je-me-lance, .btn-lance, .btn-demo-solution, #demo-zone a {
        font-size: 0.75rem !important;
    }
	#btn-header a.px-5 {
		padding-left: 1rem !important;
    	padding-right: 1rem !important;
	}
	.text-h2 {
		font-size: 14px !important;
		margin-bottom: 0 !important;
	}
	.elementor-457 .elementor-element.elementor-element-b99db9c {
		margin-top: -6rem;
	}
	.elementor-782 .elementor-element.elementor-element-eb26855 {
		margin-top: 0 !important;
	}
	.elementor-782 .elementor-element.elementor-element-f11f379 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-ee20002 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-b5988e7 {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-8af817b {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-7e04e7c {
		margin-top: 10px !important;
	}
	.elementor-782 .elementor-element.elementor-element-35138fd > .elementor-widget-container {
		margin-left: 40px !important;
	}
	.elementor-457 .elementor-element.elementor-element-1f263da6 {
		--row-gap: 40px !important;
		--justify-content: auto !important;
		gap: 1.5rem !important;
	}
	.elementor-457 .elementor-element.elementor-element-6da4ad4 {
		margin-top: -3rem !important;
		margin-bottom: 0 !important;
	}
	.btn-lance {
		padding-top: 20px !important;
    	padding-bottom: 20px !important;
	}
	.elementor-674 .elementor-element.elementor-element-ad2fb21 .elementor-heading-title {
		line-height: 1.2 !important;
	}
	.elementor-element-136fbed .elementor-widget-container h2 {
		font-size: 15px !important;
    	line-height: 1.8 !important;
	}
	.elementor-element-136fbed .elementor-widget-container p {
    	line-height: 1.5 !important;
	}
	.elementor-457 .elementor-element.elementor-element-dbc004e > .elementor-widget-container {
		margin: 0px 0px 0px 50px !important;
	}
	#demo-zone {
		flex-direction: column;
	}
	#demo-zone a:first-child {
		width: 9.5rem;
		text-align: center;
		margin-bottom: 8px;
	}
	#menu-main-navigation > .menu-item > a {
		padding-left: 0 !important;
		padding-bottom: 4px !important;
	}
}


.left-0{
  left: 0px;
}
.right-0{
  right: 0px;
}
.right-5{
  right: 1.25rem;
}
.top-0{
  top: 0px;
}
.z-10{
  z-index: 10;
}
.z-100{
  z-index: 100;
}
.z-50{
  z-index: 50;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-15{
  margin-bottom: 3.75rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[10px\]{
  margin-bottom: 10px;
}
.mb-\[18px\]{
  margin-bottom: 18px;
}
.mb-\[30px\]{
  margin-bottom: 30px;
}
.mb-\[42px\]{
  margin-bottom: 42px;
}
.mb-\[50px\]{
  margin-bottom: 50px;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-4{
  margin-right: 1rem;
}
.mr-\[10px\]{
  margin-right: 10px;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-\[10px\]{
  margin-top: 10px;
}
.mt-\[22px\]{
  margin-top: 22px;
}
.mt-auto{
  margin-top: auto;
}
.-ml-8{
  margin-left: -3rem;
}
.-ml-4{
  margin-left: -4rem;
  margin-right: -3rem;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-20{
  height: 5rem;
}
.h-4\/5{
  height: 80%;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-8{
  height: 2rem;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[465px\]{
  height: 765px;
}
.h-\[90\%\]{
  height: 90%;
}
.h-full{
  height: 100%;
}
.max-h-\[80\%\]{
  max-height: 80%;
}
.max-h-\[70\%\]{
  max-height: 70%;
}
.max-h-\[90\%\]{
  max-height: 90%;
}
.w-1\/2{
  width: 50%;
}
.w-11{
  width: 2.75rem;
}
.w-11\/12{
  width: 91.666667%;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-4\/5{
  width: 80%;
}
.w-48{
  width: 12rem;
}
.w-20{
  width: 20rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-8{
  width: 2rem;
}
.w-\[110px\]{
  width: 110px;
}
.w-\[180px\]{
  width: 180px;
}
.w-full{
  width: 100%;
}
.max-w-\[60\%\]{
  max-width: 60%;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[70\%\]{
  max-width: 70%;
}
.translate-y-1{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), 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));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), 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));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), 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));
}
.transform{
  transform: translate(var(--tw-translate-x), 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));
}
.cursor-pointer{
  cursor: pointer;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-evenly{
  justify-content: space-evenly;
}
.gap-1{
  gap: 0.25rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-\[30px\]{
  gap: 30px;
}
.gap-2{
  gap: 0.5rem;
}
.gap-x-12{
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-t{
  border-top-width: 1px;
}
.faq-desc {
	margin-top: 12px !important;
	line-height: 1.4 !important;
    font-weight: 300 !important;
}
.tab-active {
	background: #657EE9 !important;
	color: white !important;
}
.tab-border {
	border-color: #657EE9 !important;
	color: black;
	border: 1.5px solid;
	background: #fff !important;
}
.tab-contenu {
	margin-top: 64px !important;
}

.tab-margin {
	margin-left: 9px;
    margin-right: 9px;
}
.tab-desc {
	margin-left: 12px !important;
}
.tab-icon {
	width: 1rem !important;
}
.desc-content {
	padding-left: 64px;
    font-size: 0.89rem;
    line-height: 1.4;
	font-weight: 360 !important;
}
.icon-front {
	width: 1rem !important;
}

.foire_section {
  position: relative;
  padding-top: 65px !important;
  padding-bottom: 76px !important;
}

.foire_section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://stagingdemo.crm-qhare.fr/wp-content/uploads/2024/07/Design-sans-titre-1.svg);
  background-size: 50%;
  opacity: 50%; /* Ajustez l'opacité ici */
  z-index: -1; /* Placez le pseudo-élément derrière le contenu */
}

.icon-div {
	border: 1px solid #08070724;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 13.677429548815141px;
}

.margin-btm {
	margin-bottom: 29px !important;
}
.border-\[\#657ee9\]{
  --tw-border-opacity: 1;
  border-color: rgb(101 126 233 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-qhare-purple2{
  --tw-border-opacity: 1;
  border-color: rgb(101 126 233 / var(--tw-border-opacity));
}
.bg-\[\#E0E4F6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 246 / var(--tw-bg-opacity));
}
.bg-\[\#E9E5E5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 229 229 / var(--tw-bg-opacity));
}
.bg-\[\#F7F7FB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 251 / var(--tw-bg-opacity));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-qhare-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(1 21 103 / var(--tw-bg-opacity));
}
.bg-qhare-green1{
  --tw-bg-opacity: 1;
  background-color: rgb(186 242 213 / var(--tw-bg-opacity));
}
.bg-qhare-purple1{
  --tw-bg-opacity: 1;
  background-color: rgb(209 218 255 / var(--tw-bg-opacity));
}
.bg-qhare-purple2{
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
}
.bg-qhare-purple3{
  --tw-bg-opacity: 1;
  background-color: rgb(236 220 255 / var(--tw-bg-opacity));
}
.bg-qhare-yellow1{
  --tw-bg-opacity: 1;
  background-color: rgb(255 233 182 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-cover{
  background-size: cover;
}
.fill-current{
  fill: currentColor;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-8{
  padding: 2rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-\[30px\]{
  padding-bottom: 30px;
}
.pl-2{
  padding-left: 0.5rem;
}
.pr-4{
  padding-right: 1rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-justify{
  text-align: justify;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3_5xl{
  font-size: 2rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.\!leading-6{
  line-height: 1.5rem !important;
}
.\!leading-\[18\.75px\]{
  line-height: 18.75px !important;
}
.\!leading-\[56px\]{
  line-height: 56px !important;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-normal{
  line-height: 1.5;
}
.text-\[\#293845\]{
  --tw-text-opacity: 1;
  color: rgb(41 56 69 / var(--tw-text-opacity));
}
.text-\[\#5e6166\]{
  --tw-text-opacity: 1;
  color: rgb(94 97 102 / var(--tw-text-opacity));
}
.text-\[\#657EE9\]{
  --tw-text-opacity: 1;
  color: rgb(101 126 233 / var(--tw-text-opacity));
}
.text-\[\#657ee9\]{
  --tw-text-opacity: 1;
  color: rgb(101 126 233 / var(--tw-text-opacity));
}
.text-\[\#788896\]{
  --tw-text-opacity: 1;
  color: rgb(120 136 150 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-qhare-blue{
  --tw-text-opacity: 1;
  color: rgb(1 21 103 / var(--tw-text-opacity));
}
.text-qhare-dark1{
  --tw-text-opacity: 1;
  color: rgb(72 80 86 / var(--tw-text-opacity));
}
.text-qhare-dark2{
  --tw-text-opacity: 1;
  color: rgb(117 111 111 / var(--tw-text-opacity));
}
.text-qhare-green2{
  --tw-text-opacity: 1;
  color: rgb(2 107 53 / var(--tw-text-opacity));
}
.text-qhare-green3{
  --tw-text-opacity: 1;
  color: rgb(58 196 125 / var(--tw-text-opacity));
}
.text-qhare-purple2{
  --tw-text-opacity: 1;
  color: rgb(101 126 233 / var(--tw-text-opacity));
}
.text-qhare-purple4{
  --tw-text-opacity: 1;
  color: rgb(52 2 108 / var(--tw-text-opacity));
}
.text-qhare-purple5{
  --tw-text-opacity: 1;
  color: rgb(117 76 163 / var(--tw-text-opacity));
}
.text-qhare-yellow2{
  --tw-text-opacity: 1;
  color: rgb(199 142 8 / var(--tw-text-opacity));
}
.text-qhare-yellow3{
  --tw-text-opacity: 1;
  color: rgb(247 184 35 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-qhare-purple1{
  --tw-text-opacity: 1;
  color: rgb(209 218 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.opacity-50{
  opacity: 0.5;
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur{
  --tw-blur: blur(8px);
  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);
}
.invert{
  --tw-invert: invert(100%);
  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);
}
.sepia{
  --tw-sepia: sepia(100%);
  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);
}
.filter{
  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);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.unsticky{
  position: relative;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.collant{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  width: 100%;
  transition-delay: 500ms;
  transition: all 0.5s ease-in-out;
}
.collant #main-menu{
  margin-bottom: 0px;
}
body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  //@apply bg-[#F7F7FB];
}
#Tunnel {
	padding-top: 25px;
}
#Tunnel header {
	display: none;
}
#nav-toggle span{
  pointer-events: none;
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: #657ee9;
  transition: opacity 0.5s 0.3s ease-out;
}
#nav-toggle span:nth-child(1), #nav-toggle span:nth-child(3){
  transition: transform 0.5s ease-out;
}
#nav-toggle span:nth-child(1){
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), 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));
}
#nav-toggle span:nth-child(3){
  --tw-translate-y: 5px;
  transform: translate(var(--tw-translate-x), 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));
}
#nav-toggle span:nth-child(4){
  --tw-translate-y: 10px;
  transform: translate(var(--tw-translate-x), 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));
  transition: 0.5s all ease;
}
#nav-toggle.open span:nth-child(1){
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-rotate: 135deg;
  transform: translate(var(--tw-translate-x), 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));
}
#nav-toggle.open span:nth-child(2){
  opacity: 0;
  transition: opacity 0s ease-out;
}
#nav-toggle.open span:nth-child(3){
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  --tw-rotate: -135deg;
  transform: translate(var(--tw-translate-x), 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));
}
#nav-toggle.open span:nth-child(4){
  display: none;
  transition: 0.5s all ease;
}
/* Menu header*/
#menu-main-navigation .menu-item-has-children{
  position: relative;
}
#menu-main-navigation > .menu-item > a{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(72 80 86 / var(--tw-text-opacity));
}
#menu-main-navigation > .current-menu-item > a{
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(101 126 233);
  --tw-text-opacity: 1;
  color: rgb(1 21 103 / var(--tw-text-opacity));
}
#menu-main-navigation > .menu-item-has-children > a{
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 50px;
}
#menu-main-navigation > .menu-item-has-children > a:after{
  position: absolute;
  right: 20px;
    content: url('../img/arrow-down.svg');
}
#menu-main-navigation .menu-item-has-children .sub-menu{
  visibility: hidden;
  position: absolute;
  top: 3rem;
  z-index: 10;
  width: 100%;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 251 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  opacity: 0;
}
@media (min-width: 992px){

  #menu-main-navigation .menu-item-has-children .sub-menu{
    width: 232px;
    justify-content: center;
  }
}
#menu-main-navigation .menu-item-has-children .sub-menu{
  transform: translateY(48px);
  transition: 0.3s ease all;
  box-shadow: 0px 0px 20px 0px #0000001A;
}
.sub-menu > li{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sub-menu > li > a{
  --tw-text-opacity: 1;
  color: rgb(72 80 86 / var(--tw-text-opacity));
}
#menu-main-navigation a:hover, #footer ul li a:hover{
  color: #657EE9;
  transition: 1s ease;
}
#menu-main-navigation .menu-item-has-children:hover .sub-menu{
  transform: translateY(0px);
  transition: 0.3s ease all;
  visibility: visible;
  display: flex;
  flex-direction: column;
  opacity: 1;
}
/* End Menu Header */
.feature-card{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  box-shadow: 0px 4px 30px 0px #0000001F;
}
.feature-card-home{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-shadow: 0px 4px 30px 0px #0000001F;
}
.feature-card-home .desc{
  display: grid;
  padding-bottom: 1.5rem;
  font-weight: 500;
  line-height: 18.75px !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease-out;
}
.feature-card-home:hover .desc{
      grid-template-rows: 1fr;
    }
.feature-card-solutions{
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-shadow: 0px 4px 30px 0px #0000001F;
}
.cell{
  box-shadow: 0px 4px 30px 0px #0000001F;
  border-radius: 5px;
}
.list-qhare{
  display: flex;
  list-style-type: none;
  flex-direction: column;
}
.list-qhare > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.list-qhare{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 992px){

  .list-qhare > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(33px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(33px * var(--tw-space-y-reverse));
  }
}

.list-qhare li{
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(117 111 111 / var(--tw-text-opacity));
}
.list-qhare li:before{
      content: url('../img/check.svg');
      display: block;
      margin-right: 10px;
    }
.list-qhare-2{
  display: flex;
  list-style-type: none;
  flex-direction: column;
}
.list-qhare-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
@media (min-width: 992px){

  .list-qhare-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(18px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18px * var(--tw-space-y-reverse));
  }
}
.list-qhare-2 li{
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(117 111 111 / var(--tw-text-opacity));
}
.list-qhare-2 li:before{
      content: url('../img/bcheck.svg');
      display: block;
      margin-right: 0.5rem;
    }
.testimonial{
  box-shadow: 0px 4px 30px 0px #0000001F;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.25rem;
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(101 126 233 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 34px;
}
.testimonial-pink{
  box-shadow: 0px 4px 30px 0px #0000001F;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 34px;
}
.rounded-card{
  box-shadow: 0px 4px 30px 0px #0000001F;
  justify-content: space-between;
  border-radius: 1.5rem;
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(101 126 233 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 34px;
}
.rounded-card-pink{
  box-shadow: 0px 4px 30px 0px #0000001F;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
}
.rounded-block{
  box-shadow: 0px 4px 30px 0px #0000001F;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(101 126 233 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.faq {
	background
}
.py-13 {
	padding-top: 9rem;
	padding-bottom: 9rem;
}
#outil {
  position: relative;
}

#section2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://stagingdemo.crm-qhare.fr/wp-content/uploads/2024/07/Design-sans-titre-1.svg);
  background-size: 47%;
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 50%; /* Ajustez l'opacité ici */
  z-index: -1; /* Placez le pseudo-élément derrière le contenu */
}

.outil-div {
	margin-top: 30px;
}
.first-card h3 {
	margin-top: 50px;
	margin-left: 24px;
	margin-bottom: 20px;
}
.first-card h3, .third-card h3, .four-div h3 {
	color: black;
}
.first-card p {
	margin-left: 24px;
	margin-bottom: 33px;
}
.second-card .first-lot {
	margin-top: 50px;
}
.third-card h3 {
	margin-top: 50px;
	margin-left: 24px;
	margin-bottom: 20px;
}
.third-card p {
	margin-right: 31px;
	margin-bottom: 48px;
	margin-left: 24px;
}
.four-div h3{
	margin-top: 50px;
	margin-left: 24px;
}
.four-div p {
	margin-top: 20px;
	margin-left: 24px;
	margin-right: 37px;
}
.four-div img {
	margin-left: 26px;
	margin-right: 29px;
	width: 90% !important;
}
.five-card h3 {
	margin-top: 50px;
	margin-left: 24px;
}
.five-card p {
	margin-top: 20px;
	margin-left: 24px;
	margin-right: 28px;
	margin-bottom: 48px;
}
.first-lot {
	gap: 9px !important; 
}
.second-lot {
	gap: 9px !important; 
	margin-left: -5rem;
}
.second-lot .py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.second-lot .px-6 {
	padding-left: 11px !important;
    padding-right: 11px !important;
}

.first-lot .rounded-2xl, .second-lot .rounded-2xl {
	border-radius: 2rem;
}
.first-lot span, .second-lot span {
	font-size: 0.65rem;
	border-radius: 2rem;
}
.first-lot img, .second-lot img {
	width: 0.85rem;
	margin-right: 5px;
}
.alter-product {
	margin-left: 24px;
	margin-top: 35px;
	margin-bottom: 20px;
}
.desc {
	margin-left: 24px;
	margin-bottom: 37px;
}
.-mr-8 {
	margin-right: -10rem;
}
.modal-content {
	font-size: 0.9rem !important;
	overflow-y: scroll !important;
	-ms-overflow-style: none !important;  /* Internet Explorer 10+ */
	scrollbar-width: none !important;
}
.modal-content h3 {
	font-weight: bold;
}
.modal-content .description {
	margin-bottom: 26px !important;
	font-size: 18px !important;
}
.text-excerpt {
	color: #495057 !important;
}
.modal-content .content-explanation {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	row-gap: 18px; /* Espacement vertical ajusté */
    column-gap: 11px;
}

.content-explanation .first-p, .content-explanation .four-p, .content-explanation .five-p {
	border: 2px solid #657EE9;
	border-radius: 15px;
}
.content-explanation .first-p h3, .content-explanation .four-p h3, .content-explanation .second-p h3, .content-explanation .third-p h3, .content-explanation .five-p h3, .content-explanation .six-p h3  {
	margin-left: 22px !important;
	margin-right: 22px !important;
	margin-bottom: 10px !important;
	font-size: 17px !important;
	
}
.content-explanation .first-p p, .content-explanation .third-p p, .content-explanation .second-p p, .content-explanation .four-p p, .content-explanation .five-p p, .content-explanation .six-p p {
	margin-left: 22px !important;
	margin-right: 22px !important;
	
}
.content-explanation .third-p ul {
	margin-left: 22px !important;
	margin-right: 22px !important;
}
.content-explanation .third-p ul li {
	margin-top: 5px !important;
}
.content-explanation .first-p, .content-explanation .third-p, .content-explanation .second-p, .content-explanation .four-p, .content-explanation .five-p, .content-explanation .six-p {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	font-size: 15px !important;
	height: 100%;
}
.content-explanation .first-p {
	margin-bottom: 20px !important;
}
.content-explanation .second-p {
	margin-bottom: 20px !important;
}

.first-p h3, .four-p h3, .five-p h3 {
	--tw-text-opacity: 1;
    color: rgb(41 56 69 / var(--tw-text-opacity)) !important;
}

.first-lot .first,  .first-lot .last, .second-lot .first{
	padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.content-explanation .second-p, .content-explanation .third-p, .content-explanation .six-p {
	border-radius: 15px;
	background: #657EE9;
	color: white !important;
}

.content-explanation .third-p {
	margin-bottom: 20px !important;
}

.content-explanation .second-p p, .content-explanation .third-p p, .content-explanation .six-p p {
	color: white !important;
}

.mb-42 {
	margin-top: 25px !important;
}
@media screen and (max-width: 1536px) { 
	.first-lot.-ml-8 {
	  margin-left: -1.5rem; /* ou la nouvelle valeur que tu souhaites */
	}
	.-ml-4.second-lot {
        margin-right: -6rem;
    }
}

@media screen and (max-width: 1277px) { 
    .first-lot.-ml-8 {
        margin-left: -10rem;
    }
    .-ml-4.second-lot {
        margin-right: -20rem;
    }
}

@media screen and (max-width: 987px) { 
    .first-lot.-ml-8 {
        margin-left: -1rem;
    }
    .second-lot {
        margin-left: -2rem;
    }
}

@media screen and (max-width: 639px) { 
    .first-lot.-ml-8 {
        margin-left: -19rem;
    }
    .-ml-4.second-lot {
        margin-right: -28rem;
    }
}

@media screen and (max-width: 480px) { 
    .first-lot.-ml-8 {
        margin-left: -18rem;
    }
    .-ml-4.second-lot {
        margin-right: -28rem;
    }
}
@media screen and (min-width: 1539px) { /* Pour iMacs et grands écrans */
    .first-lot.-ml-8 {
        margin-left: -2rem;
    }
    .second-lot {
        margin-left: -1rem !important;
    }
	.h-\[465px\]{
	  height: 535px;
	}
}

@media screen and (min-width: 3840px) { /* Pour TV grand écran */
    .first-lot.-ml-8 {
        margin-left: -1rem;
    }
    .second-lot {
        margin-left: -1rem !important;
    }
}

@media (min-width: 992px) {
  #crm{
    background-image: url('../img/header_.webp');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position-x: 400px;
  }
}
@media (min-width: 1536px) {
  #crm{
    background-image: url('../img/header_.webp');
    background-repeat: no-repeat;
    background-size: 55%;
    background-position-x: 400px;
  }
}
@media screen and (min-width: 2000px){
  #crm{
    background-size: 45%;
  }
}
@media screen and (min-width: 2500px){
  #crm{
    background-size: 40%;
  }
}
@media screen and (min-width: 2800px){
  #crm{
    background-size: 35%;
  }
}
@media screen and (min-width: 1536px) and (max-width: 1660px) {
    #crm .mac-col{
      place-self: baseline;
    }
      #crm .mac-col .mac{
        top: 80px;
      }
}
@media screen and (min-width: 1050px) {
  #crm{
    background-position-x: 500px;
  }
}
@media (min-width: 1280px) {
  #crm{
    background-position-x: 600px;
  }
}
@media screen and (min-width: 1520px) {
  #crm{
    background-position-x: 700px;
  }
}
@media screen and (min-width: 1700px) {
  #crm{
    background-position-x: 800px;
  }
}
@media screen and (min-width: 1920px) {
  #crm{
    background-position-x: calc(850px + ((100vw - 1920px) / 100) * 40);
  }
}
#nf-form-1-cont form .nf-form-content{
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
#nf-form-1-cont form .nf-form-content .nf-field-container.html-container{
  margin-bottom: 0px;
}
#nf-form-1-cont form .nf-form-content .nf-field-container.html-container .field-wrap h3{
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(117 111 111 / var(--tw-text-opacity));
}
#nf-form-1-cont form .nf-form-content .textbox-container{
  margin-bottom: 1rem;
}
#nf-form-1-cont form .nf-form-content input[type="text"],#nf-form-1-cont form .nf-form-content input[type="email"],#nf-form-1-cont form .nf-form-content input[type="tel"],#nf-form-1-cont form .nf-form-content textarea{
  height: auto;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(117 111 111 / var(--tw-text-opacity));
}
#nf-form-1-cont form .nf-form-content input[type="submit"]{
  float: right;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(101 126 233 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#nf-form-1-cont .nf-before-form-content{
  display: none;
}
/* Swiper start */
/* Conteneur parent pour synchroniser les hauteurs */
.modal-flex {
  display: flex;
  align-items: stretch; /* Étend les enfants à la même hauteur */
}

/* Conteneur pour le texte */
.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centre verticalement le texte */
}

/* Conteneur pour Swiper */
.swiper-container {
  display: flex;
  align-items: stretch; /* Étire le swiper pour correspondre à la hauteur */
}

/* Synchronisation de la hauteur des slides et images */
.swiper.mySwiper3 {
  height: 100%; /* Le swiper s'étire à la hauteur du parent */
}

.swiper-slide {
  height: 100%; /* Les slides prennent toute la hauteur du swiper */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  object-fit: cover; /* Remplit le conteneur sans déformation */
  height: 100%; /* Suit la hauteur dynamique du slide */
  width: auto; /* Préserve le ratio des images */
}

/*Swiper End*/
/*Scroll out*/
#triple-img-commercial #img-1, #triple-img-commercial #img-3{
  transition: all 1s ease;
  transition-delay: 1.5s;
}
#triple-img-commercial #img-1[data-scroll="out"]{
  --tw-translate-x: 13rem;
  transform: translate(var(--tw-translate-x), 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));
  opacity: 0;
}
#triple-img-commercial #img-1[data-scroll="in"]{
  --tw-translate-x: 28px;
  transform: translate(var(--tw-translate-x), 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));
  opacity: 1;
}
#triple-img-commercial #img-3[data-scroll="out"]{
  --tw-translate-x: -13rem;
  transform: translate(var(--tw-translate-x), 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));
  opacity: 0;
}
#triple-img-commercial #img-3[data-scroll="in"]{
  --tw-translate-x: -28px;
  transform: translate(var(--tw-translate-x), 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));
  opacity: 1;
}
/*end scroll out*/
/* page */
body main#page-98 p,body main#page-97 p{
  margin-bottom: 1rem;
  text-align: justify;
}
body main#page-98 p:last-child,body main#page-97 p:last-child{
  margin-bottom: 0px;
}
body main#page-98 h4,body main#page-97 h4{
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 992px){

  body main#page-98 h4,body main#page-97 h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
body main#page-98 h3,body main#page-97 h3{
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 992px){

  body main#page-98 h3,body main#page-97 h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
body main#page-97 p:nth-child(1){
  margin-bottom: 1rem;
  text-align: center;
}
/* end page */
@media not all and (min-width: 640px){

  .accordions-desktop{
    display: none;
  }
}
.accordions-desktop .content p{
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(41 56 69 / var(--tw-text-opacity));
}
.accordions-desktop .content p:last-child{
  margin-bottom: 0px;
}
.accordions-desktop .content p strong{
  font-weight: 600;
}
.accordions-desktop .content{
    padding: 0;
}
@media (min-width: 640px){

  .accordions-mobile{
    display: none;
  }
}
.features{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 1280px){

  .features{
    gap: 0.75rem;
  }
}
.features {
  transition: 0.7s all ease;
}
.feature{
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 744px){
.elementor-element-ce892dc .elementor-widget-container .mandataire {
		gap: 7px !important;
	}
}

@media (width: 744px){
	.elementor-element-807e442, .elementor-element-8516b09 {
		margin-bottom: 20px !important;
	}
	.elementor-element-8516b09 {
		padding-top: 4% !important;
	}
	body {
		background: red;
	}
	#btn-header a {
        text-align: center;
    }
}

@media (min-width: 992px){
	
	.elementor-element-ce892dc .elementor-widget-container .mandataire {
		gap: 7px !important;
	}

  .feature{
    width: 24%;
  }
  #outil {
	padding-left: 44px;
	padding-right: 47px;
  }
}
.feature {
  transition: 0.5s width ease 0.7s;
}
.feature .feature-header{
  display: flex;
  cursor: pointer;
  align-items: flex-end;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  transition: 0.5s all ease;
}
.feature .feature-header:focus-visible {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.6);
  }
.feature .feature-header .icone{
    position: relative;
    margin-bottom: 1rem;
    transition: 0.5s ease all;
  }
.feature .feature-header .icone span{
      right: 36px;
	  bottom: 28px;
      height: 2px;
      width: 14px;
      display: block;
      background-color: black;
      margin: 0;
      padding: 0;
      position: fixed;
      transition: 0.5s ease all;
      transform: rotate(45deg) translateX(-6px);
    }
.feature .feature-header .icone span:nth-child(2){
        transform: rotate(-45deg) translateX(8px);
      }
/* accordions for features page */
.accordions{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 1280px){

  .accordions{
    gap: 0.75rem;
  }
}
.accordions {
  transition: 0.7s all ease;
}
.accordion{
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 992px){

  .accordion{
    width: 24%;
  }
}
.accordion {
  transition: 0.5s width ease 0.7s;
}
.accordion.open{
  width: 100%;
  transition: 0.05s width ease;
}
.accordion.open .accordion-header .icone span{
    transform: rotate(45deg);
      }
.accordion.open .accordion-header .icone span:nth-child(2){
          right: 10px;
  transform: rotate(-45deg);
        }
.accordion .accordion-header{
  display: flex;
  cursor: pointer;
  align-items: flex-end;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  transition: 0.5s all ease;
}
.accordion .accordion-header:focus-visible {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.6);
  }
.accordion .accordion-header .icone{
    position: relative;
    margin-bottom: 1rem;
    transition: 0.5s ease all;
  }
.accordion .accordion-header .icone span{
      right: 0;
      height: 2px;
      width: 14px;
      display: block;
      background-color: black;
      margin: 0;
      padding: 0;
      position: absolute;
      transition: 0.5s ease all;
      transform: rotate(45deg) translateX(-6px);
    }
.accordion .accordion-header .icone span:nth-child(2){
        transform: rotate(-45deg) translateX(8px);
      }
.accordion:has(.open) .accordion-header .accordion-header-content{
      display: flex;
      align-items: center;
      flex-direction: row;
      transition: 0.5s all ease 0.7s;
    }
.accordion .accordion-header .accordion-header-content{
  display: flex;
  width: 80%;
  flex-direction: column;
  gap: 0.75rem;
    transition: 0.5s all ease 0.7s;
}
.accordion .accordion-header .accordion-header-content .text{
  display: flex;
  flex-direction: column;
}
.accordion-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.05s ease-out;
}
.accordion-body.open{
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.05s ease-out 0.05s;
  }
.accordion-body-inner {
  overflow: hidden;
}
.accordion-body-inner > div p{
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(41 56 69 / var(--tw-text-opacity));
}
.accordion-body-inner > div p:last-child{
  margin-bottom: 0px;
}
.accordion-body-inner > div p strong{
  font-weight: 600;
}
.accordion-body-inner > div{
  padding: 16px 32px;
}
/* end accordions for features page */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%)}
}
.slider {
  background: white;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  overflow:hidden;
  position: relative;
}
.slider .slide-track{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1.5rem;
    animation: scroll 120s linear infinite;
    white-space: nowrap;
}
.slider .slide {
    height: 100px;
    width: 250px;
  }
.slider .slide img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.mod, .modal{
  transition-delay: 500ms;
  transition: 1s;
}
/* Largeur scroll-bar */
.left-content .content::-webkit-scrollbar {
    width: 0.3rem;
  }
/* Arrière-plan scroll-bar */
.left-content .content::-webkit-scrollbar-track {
    background-color: lightgray;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
/* the draggable scrolling handle. */
.left-content .content::-webkit-scrollbar-thumb{
  border-radius: 0.375rem;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
/* Handle on hover */
.left-content .content::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.h-available {
  height: 100%;
}
.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media not all and (min-width: 1280px){

  .max-xl\:hidden{
    display: none;
  }
}
@media not all and (min-width: 992px){

  .max-lg\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .max-lg\:flex-col{
    flex-direction: row;
  }

  .max-lg\:gap-y-18{
    row-gap: 4.5rem;
  }

  .max-lg\:gap-y-6{
    row-gap: 1.5rem;
  }

  .max-lg\:space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .max-lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
}
@media not all and (min-width: 640px){

  .max-md\:w-full{
    width: 100%;
  }
}
@media (min-width: 640px){

  .md\:h-\[200px\]{
    height: 200px;
  }

  .md\:w-3\/5{
    width: 60%;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px){

  .lg\:left-\[-42px\]{
    left: -42px;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

  .lg\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-16{
    margin-bottom: 4rem;
  }

  .lg\:mb-\[50px\]{
    margin-bottom: 50px;
  }

  .lg\:mr-10{
    margin-right: 2.5rem;
  }

  .lg\:mr-12{
    margin-right: 3rem;
  }

  .lg\:mr-auto{
    margin-right: auto;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[276px\]{
    height: 276px;
  }

  .lg\:h-\[480px\]{
    height: 480px;
  }

  .lg\:h-\[600px\]{
    height: 600px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-1\/5{
    width: 20%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-2\/5{
    width: 40%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-3\/5{
    width: 60%;
  }

  .lg\:w-4\/5{
    width: 80%;
  }

  .lg\:w-\[35\%\]{
    width: 35%;
  }

  .lg\:w-\[55\%\]{
    width: 55%;
  }

  .lg\:w-\[90\%\]{
    width: 90%;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-max{
    width: -moz-max-content;
    width: max-content;
  }

  .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\:flex-row{
    flex-direction: row;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:space-x-\[10px\] > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(10px * var(--tw-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-13{
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-18{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-\[168px\]{
    padding-top: 168px;
    padding-bottom: 168px;
  }

  .lg\:py-\[18px\]{
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .lg\:pb-16{
    padding-bottom: 4rem;
  }

  .lg\:pb-32{
    padding-bottom: 8rem;
  }

  .lg\:pb-\[264px\]{
    padding-bottom: 264px;
  }

  .lg\:pb-\[50px\]{
    padding-bottom: 50px;
  }

  .lg\:pb-\[58px\]{
    padding-bottom: 58px;
  }

  .lg\:pl-3{
    padding-left: 0.75rem;
  }

  .lg\:pl-4{
    padding-left: 1rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pl-\[15px\]{
    padding-left: 15px;
  }

  .lg\:pr-12{
    padding-right: 3rem;
  }

  .lg\:pr-3{
    padding-right: 0.75rem;
  }

  .lg\:pr-4{
    padding-right: 1rem;
  }

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

  .lg\:pr-\[15px\]{
    padding-right: 15px;
  }

  .lg\:pt-15{
    padding-top: 3.75rem;
  }

  .lg\:pt-2{
    padding-top: 0.5rem;
  }

  .lg\:pt-48{
    padding-top: 12rem;
  }

  .lg\:pt-\[50px\]{
    padding-top: 50px;
  }

  .lg\:pt-\[74px\]{
    padding-top: 74px;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3_5xl{
    font-size: 2rem;
    line-height: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-\[2\.75rem\]{
    font-size: 2.75rem;
  }

  .lg\:text-\[64px\]{
    font-size: 64px;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:\!leading-10{
    line-height: 2.5rem !important;
  }

  .lg\:\!leading-\[4rem\]{
    line-height: 4rem !important;
  }

  .lg\:leading-\[75px\]{
    line-height: 75px;
  }
}
@media (min-width: 1280px){

  .xl\:w-\[35\%\]{
    width: 35%;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:pl-12{
    padding-left: 3rem;
  }

  .xl\:pr-36{
    padding-right: 9rem;
  }
}
@media (min-width: 1440px){

  @media (max-width: 1900px){

    .min-\[1440px\]\:max-\[1900px\]\:bottom-\[-40px\]{
      bottom: -40px;
    }

    .min-\[1440px\]\:max-\[1900px\]\:h-\[232px\]{
      height: 232px;
    }
  }
}
@media (min-width: 1600px){

  .min-\[1600px\]\:\!translate-y-\[-40px\]{
    --tw-translate-y: -40px !important;
    transform: translate(var(--tw-translate-x), 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)) !important;
  }
}
@media (min-width: 1800px){

  .min-\[1800px\]\:\!translate-y-\[-100px\]{
    --tw-translate-y: -100px !important;
    transform: translate(var(--tw-translate-x), 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)) !important;
  }
}