.elementor-kit-6{--e-global-color-primary:#173363;--e-global-color-secondary:#E84A2D;--e-global-color-text:#173363;--e-global-color-accent:#173363;--e-global-color-763e8a7:#FFFFFF;--e-global-color-4a11501:#000000;--e-global-color-5fec290:#F3F5F7;--e-global-color-4166aa1:#F3F5F721;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Grimblade";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Grimblade";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;--e-preloader-animation:tada;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:150px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-763e8a7 );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-5fec290 );color:var( --e-global-color-primary );border-radius:150px 150px 150px 150px;}.elementor-kit-6 e-page-transition{background-color:#FFFFFF8A;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === CARTE === */
.card {
  position: relative;
  cursor: pointer;
  height: 560px;
  overflow: visible !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  transform: scale(0.98);
  box-shadow: 0 6px 20px rgba(23, 51, 99, 0.10);
}

/* === IMAGE monte et dépasse vers le haut === */
.card .card-img-wrapper {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 3;
}
.card.hovered .card-img-wrapper {
  transform: translateY(-55px);
}

/* === CATÉGORIE monte === */
.card .card-category-wrapper {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 2;
}
.card.hovered .card-category-wrapper {
  transform: translateY(-45px);
}

/* === CONTAINER DATA CLIENTS : visible, monte au hover === */
.card .container-data-clients {
  position: relative;
  z-index: 2;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.card.hovered .container-data-clients {
  transform: translateY(-35px);
}

/* === CARD TEXT (bouton "Voir +") : visible par défaut, monte au hover === */
.card .card-text {
  position: relative;
  z-index: 2;
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.card.hovered .card-text {
  transform: translateY(-30px);
}

/* === PHRASE COURTE : cachée, révélée au hover en dessous === */
.card .card-phrasecourte-wrapper {
  position: relative;
  z-index: 1;
  opacity: 0;
  max-height: 0;
  transition:
    opacity 0.4s ease 0s,
    max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s,
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(10px);
}
.card.hovered .card-phrasecourte-wrapper {
  opacity: 1;
  max-height: 200px;
  transform: translateY(-30px);
  transition:
    opacity 0.4s ease 0.15s,
    max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* === TEXT EN ORANGE / LIENS === */
.highlight-orange {
  color: #E84A2D !important;
}

/* === CARTE CLIENT === */
.card-client {
  height: 320px;
}
.card-client.hovered .card-img-wrapper {
  transform: translateY(-35px);
}
.card-client.hovered .card-category-wrapper {
  transform: translateY(-25px);
}
.card-client.hovered .container-data-clients {
  transform: translateY(-20px);
}
.card-client.hovered .card-text {
  transform: translateY(-20px);
}
.card-client.hovered .card-phrasecourte-wrapper {
  transform: translateY(-20px);
}

/* === TABLETTE : pas de hover → état "ouvert" permanent === */
@media (min-width: 768px) and (max-width: 1024px) {
  .card {
    height: auto;
    overflow: hidden !important;
    transform: none !important;
  }
  .card .card-img-wrapper,
  .card .card-category-wrapper,
  .card .container-data-clients,
  .card .card-text {
    transform: none !important;
    transition: none !important;
  }
  .card .card-phrasecourte-wrapper {
    opacity: 1 !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
    overflow: visible !important;
  }
}

/* === MOBILE === */
@media (max-width: 767px) {
  .card {
    height: auto;
    overflow: hidden !important;
    transform: none !important;
  }
  .card .card-img-wrapper,
  .card .card-category-wrapper,
  .card .container-data-clients,
  .card .card-text {
    transform: none !important;
    transition: none !important;
  }
  .card .card-phrasecourte-wrapper {
    opacity: 1 !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
    overflow: visible !important;
  }
  .card-client {
    height: auto;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Grimblade';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mylsolutions.com/wp-content/uploads/2026/02/Grimblade.woff') format('woff'),
		url('https://mylsolutions.com/wp-content/uploads/2026/02/Grimblade.ttf') format('truetype');
}
/* End Custom Fonts CSS */