.elementor-kit-6{--e-global-color-primary:#857352;--e-global-color-secondary:#221F20;--e-global-color-text:#221F20;--e-global-color-accent:#857352;--e-global-color-272e61f:#FFFFFF;--e-global-color-9ce666c:#221F20;--e-global-color-bc7f5b7:#857352;--e-global-color-d36fe28:#62C2C5;--e-global-color-60cda01:#566887;--e-global-color-8b093e0:#C4797B;--e-global-color-05a736c:#DFDBD5;--e-global-color-76dd7df:#323435;--e-global-color-d056ecc:#3A444F;--e-global-typography-primary-font-family:"Space Grotesk Locale";font-family:"Cairo", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:20px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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;}}:root { --font-space-grotesk:Space Grotesk Locale; --dark-grey:#221f20; --white:#ffffff; --font-cairo:Cairo Locale; --dark-golden:#857352; --lagoon:#6ec2c5; --pastel:#566887; --light-coral:#c4797b; --pearl-grey:#dfdbd5; --aspida-grey:#323435; --e-gv-47099f8:48px; --e-gv-937e964:26px; --e-gv-38d8507:20px; --shark-100:#f0eeee; --shark-50:#f8f7f8; --shark-600:#6A5F63; --java-400:#62c2c5; }
/* Start custom CSS *//*** ANIMATIONS GSAP ***/

.gsap-expand {
    will-change: clip-path, transform;
    transform-origin: center center;
}

.line-mask {
    overflow: hidden;
    display: block;
}

.line {
    display: block;
}

/*** FORMULAIRES ***/

.case-cocher-brochure {
    appearance: none;
}

.case-cocher-brochure:checked::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: 2px solid white;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.case-cocher-rgpd {
    appearance: none;
}

.case-cocher-rgpd:checked::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: 2px solid white;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

/*** COMPTEURS ***/

.elementor-kit-6 .elementor-counter-title {
    text-align: center;
}
.elementor-kit-6 .elementor-counter-number {
    font-variant-numeric: tabular-nums;
}

/*** BOUTONS ***/

.elementor .btn-small {
    transition: opacity 0.3s ease;
}

.elementor .btn-small:hover {
    opacity: 0.9;
}

.btn-big {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 0 100%, 0 0);
    transition: clip-path 0.3s ease;
}

.btn-big:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}

.btn-rond {
    border-radius: 50%;
    transition: box-shadow 0.3s ease; 
}

.btn-rond:hover {
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--lagoon) 20%, transparent);
}

.btn-rond-fleche-droite-blanc {
  border-radius: 50%;
  transition: box-shadow 0.3s ease;
}

.btn-rond-fleche-droite-blanc:hover {
  box-shadow: 0 0 0 12px color-mix(in srgb, var(--white) 25%, transparent);
}

.btn-rond-fleche-droite-golden {
  border-radius: 50%;
  transition: box-shadow 0.3s ease;
}

.btn-rond-fleche-droite-golden:hover {
  box-shadow: 0 0 0 12px color-mix(in srgb, var(--dark-golden) 25%, transparent);
}

.btn-en-savoir-plus svg {
    border-radius: 50%;
    transition: box-shadow 0.3s ease;
}

.btn-en-savoir-plus h6 {
    transition: color 0.3s ease;
}

.btn-en-savoir-plus:hover svg {
    box-shadow: 0 0 0 10px color-mix(in srgb, var(--dark-golden) 25%, transparent);
}

.btn-en-savoir-plus:hover h6 {
    color: var(--dark-golden) !important;
}

/*** BG VIDEO FIX ***/
.elementor-background-video-container {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*** ACCORDION HOME ***/
.elementor .accordion-horizontal .e-div-block-base {
  min-width: 0 !important;
}
.accordion-horizontal .bloc-accordion {
  --position: static !important;
  background-position: center center !important;
}
.accordion-horizontal .bloc-accordion:hover .btn-rond-fleche-droite-blanc {
  box-shadow: 0 0 0 15px color-mix(in srgb, var(--lagoon) 25%, transparent);
}

/* ── Conteneur principal ── */
.accordion-horizontal {
  display: flex !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  height: 450px;
}

/* ── Fond qui s'étend ── */
.accordion-horizontal .bloc-accordion {
  width: calc(1 / 4 * 100%);
  min-width: 0;
  height: 450px;
  background-size: cover;
  background-position: 50%;
  transition: width 0.7s ease, min-width 0.7s ease;
  padding: 0 !important;
}
.accordion-horizontal .bloc-accordion:hover {
  width: 100%;
  min-width: 100% !important;
}

/* ── Contenu fixe positionné par rapport au conteneur ── */
.accordion-horizontal .content-accordion {
  position: absolute !important;
  height: 450px !important;
  z-index: 2;
  padding: 24px 32px !important;
  box-sizing: border-box;
  background: rgba(18, 18, 18, 0.5);
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}

/* ── Séparateur ── */
.accordion-horizontal .bloc-accordion:not(:last-child) .content-accordion {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

/* ── Responsive ── */
@media (max-width: 960px) {
  .accordion-horizontal {
    flex-wrap: wrap !important;
    height: auto !important;
  }
  .accordion-horizontal .bloc-accordion {
    width: 100% !important;
    min-width: 100% !important;
    height: 250px !important;
  }
  .accordion-horizontal .content-accordion {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: 250px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Space Grotesk Locale';
	font-display: auto;
	src: url('https://v2.aspida.global/wp-content/uploads/2026/05/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cairo Locale';
	font-display: auto;
	src: url('https://v2.aspida.global/wp-content/uploads/2026/05/Cairo-VariableFont_slntwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */