.elementor-kit-6{--e-global-color-c6c6811:#091931;--e-global-color-879f08f:#3F444D;--e-global-color-f11711d:#15171A;--e-global-color-ea1fd10:#8C8C8C;--e-global-color-43e5b85:#FFFFFF;--e-global-color-bb6c984:#D6D6D6;--e-global-color-6a361a2:#0354D1;--e-global-color-589888d:#48FF8E;--e-global-color-6e05a6f:#0354D1;--e-global-color-25362d3:#F8F9FB;--e-global-color-4075f17:#E3EEFF;--e-global-color-d8ea39f:#062452;--e-global-color-c20d5a0:#FFFFFF;--e-global-color-5d2caad:#D8D8D8;--e-global-color-557fd87:#02010100;--e-global-typography-4ed873e-font-family:"Afacad";--e-global-typography-4ed873e-font-size:clamp(2.875rem, 2.125rem + 3.2vw, 4.8125rem);--e-global-typography-4ed873e-font-weight:600;--e-global-typography-4ed873e-line-height:0.9;--e-global-typography-e7e71c2-font-family:"Afacad";--e-global-typography-e7e71c2-font-size:clamp(2.5rem, 1.875rem + 2.2vw, 3.25rem);--e-global-typography-e7e71c2-font-weight:700;--e-global-typography-e7e71c2-line-height:1.1;--e-global-typography-8ae9c68-font-family:"Afacad";--e-global-typography-8ae9c68-font-size:clamp(2.25rem, 1.875rem + 1.6vw, 2.75rem);--e-global-typography-8ae9c68-font-weight:700;--e-global-typography-8ae9c68-line-height:1;--e-global-typography-5f8f320-font-family:"Afacad";--e-global-typography-5f8f320-font-size:clamp(2rem, 1.75rem + 1vw, 2.375rem);--e-global-typography-5f8f320-font-weight:700;--e-global-typography-5f8f320-line-height:1;--e-global-typography-1584627-font-family:"Afacad";--e-global-typography-1584627-font-size:clamp(1.875rem, 1.75rem + 0.6vw, 2.125rem);--e-global-typography-1584627-font-weight:700;--e-global-typography-1584627-line-height:1;--e-global-typography-6514012-font-family:"Afacad";--e-global-typography-6514012-font-size:28px;--e-global-typography-6514012-font-weight:600;--e-global-typography-6514012-line-height:1;--e-global-typography-0ff98f1-font-family:"Afacad";--e-global-typography-0ff98f1-font-size:24px;--e-global-typography-0ff98f1-font-weight:500;--e-global-typography-0ff98f1-line-height:1.2;--e-global-typography-6c1f465-font-family:"Afacad";--e-global-typography-6c1f465-font-size:24px;--e-global-typography-6c1f465-font-weight:500;--e-global-typography-6c1f465-line-height:1.2;--e-global-typography-232df49-font-family:"Afacad";--e-global-typography-232df49-font-size:22px;--e-global-typography-232df49-font-weight:600;--e-global-typography-232df49-line-height:1.2;--e-global-typography-182341e-font-family:"Afacad";--e-global-typography-182341e-font-size:20px;--e-global-typography-182341e-font-weight:400;--e-global-typography-182341e-line-height:1.5;--e-global-typography-2744eb7-font-family:"Afacad";--e-global-typography-2744eb7-font-size:20px;--e-global-typography-2744eb7-font-weight:400;--e-global-typography-2744eb7-text-decoration:underline;--e-global-typography-2744eb7-line-height:1.5;--e-global-typography-438ff0f-font-family:"Afacad";--e-global-typography-438ff0f-font-size:20px;--e-global-typography-438ff0f-font-weight:600;--e-global-typography-4a0fe19-font-family:"Afacad";--e-global-typography-4a0fe19-font-size:18px;--e-global-typography-4a0fe19-font-weight:400;--e-global-typography-4a0fe19-line-height:1.5;--e-global-typography-341b33b-font-family:"Afacad";--e-global-typography-341b33b-font-size:16px;--e-global-typography-341b33b-font-weight:400;--e-global-typography-341b33b-line-height:1.5;--e-global-typography-0c22563-font-family:"Afacad";--e-global-typography-0c22563-font-size:14px;--e-global-typography-0c22563-font-weight:400;--e-global-typography-6b85e91-font-family:"Afacad";--e-global-typography-6b85e91-font-size:22px;--e-global-typography-6b85e91-font-weight:600;--e-global-typography-ad11651-font-family:"Afacad";--e-global-typography-ad11651-font-size:20px;--e-global-typography-ad11651-font-weight:600;}.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-6a361a2 );font-family:var( --e-global-typography-ad11651-font-family ), Sans-serif;font-size:var( --e-global-typography-ad11651-font-size );font-weight:var( --e-global-typography-ad11651-font-weight );color:var( --e-global-color-43e5b85 );border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#0201016B;--lightbox-ui-color-hover:var( --e-global-color-6a361a2 );}.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-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-ad11651-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-ad11651-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */::-webkit-scrollbar{
        width: 0.2vw;
        background: white;
}
    ::-webkit-scrollbar-thumb{
        background-color: #0354d1;
        border-radius: 0px;
}

html {
    scrollbar-gutter: stable;
}

body {
    overflow-x: hidden;
  /* ===================== */
  /* COLORS */
  /* ===================== */
  --color-accent-primary: var(--e-global-color-6a361a2);
  --color-inverse: var(--e-global-color-43e5b85);
  --color-body: var(--e-global-color-879f08f);

  /* ===================== */
  /* TYPOGRAPHY */
  /* ===================== */
  --font-family-base: "Afacad", sans-serif;

  --font-body-1:
    var(--e-global-typography-232df49-font-weight)
    var(--e-global-typography-232df49-font-size) /
    var(--e-global-typography-232df49-line-height)
    var(--font-family-base);

  --font-body-2-underline: 
        var(--e-global-typography-2744eb7-font-weight) 
        var(--e-global-typography-2744eb7-font-size) / 
        var(--e-global-typography-2744eb7-line-height) 
        var(--e-global-typography-2744eb7-font-family), Sans-serif;
    --font-body-2-decoration: var(--e-global-typography-2744eb7-text-decoration)!important;
    
    

  --font-button:
    var(--e-global-typography-ad11651-font-weight)
    var(--e-global-typography-ad11651-font-size)
    var(--font-family-base);
}

[id] {
    scroll-margin-top: 40px;
}

p:last-child {
    margin-block-end: 0;
}

.elementor-icon {
    display: block;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    padding-left: 1em;
    list-style-position: outside;
    text-indent: -0.1em;
}

li::marker {
    font-size: 15px;
}

.padding-x {
  padding-left: 24px;
  padding-right: 24px;
}

/* ===== BOUTONS ===== */
/* RESET du container */
.btn--outline-primary,
.btn--outline,
.btn--inverse {
  border: none !important;
}

/* Outline primary */
.elementor-element.btn--outline-primary .elementor-button {
  background-color: transparent !important;
  border: 2px solid var(--color-accent-primary);
  color: var(--color-accent-primary) !important;
  display: inline-flex;
  align-items: center;
}

/* Outline inverse */
.elementor-element.btn--outline-inverse .elementor-button {
  background-color: transparent !important;
  border: 2px solid var(--color-inverse);
  color: var(--color-inverse) !important;
  display: inline-flex;
  align-items: center;
}

/* Inverse */
.elementor-element.btn--inverse .elementor-button {
  background-color: var(--color-inverse) !important;
  color: var(--color-accent-primary) !important;
  display: inline-flex;
  align-items: center;
}



@media (min-width: 768px) and (max-width: 1024px) {
  .padding-x {
    padding-left: 40px;
    padding-right: 40px;
  }
  .col-full {
    width: 100vw;
    margin-left: -40px;
  }
}

@media (max-width: 767px) {
  .col-full {
    width: 100vw;
    margin-left: -24px;
  }
}

.gradient-overlay-primary::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(3, 84, 209, 0.2), transparent);
    pointer-events: none;
    z-index: 2;
}

.gradient-overlay-primary .e-con-inner {
    position: relative;
    z-index: 3;
}

/* Dégradé radial en haut */
.gradient-radial-secondary {
    position: relative;
}

.gradient-radial-secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 50%;
    background: radial-gradient(ellipse at top, rgba(72, 255, 142, 0.3), transparent 70%);
    pointer-events: none;
    z-index: 2;
}

.gradient-radial-secondary .elementor-absolute {
    z-index: 4;
}

/* Spaces */

.space-xl { 
    margin-top: clamp(96px, 5.7vw + 77.6px, 160px) !important; 
}

.space-l { 
    margin-top: clamp(80px, 4.3vw + 66.2px, 128px) !important; 
}

.space-m { 
    margin-top: clamp(64px, 2.8vw + 55.1px, 96px) !important; 
}

.space-s { 
    margin-top: clamp(48px, 1.4vw + 43.5px, 64px) !important; 
}

.space-bottom {
    margin-bottom: clamp(80px, 4.3vw + 66.2px, 128px) !important;
}


/* ANIMATIONS */

/* Animation de fondu simple */
@keyframes heroFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Classe principale à appliquer sur Elementor */
.hero-fade-in {
    opacity: 0;
    animation-name: heroFade;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

/* Variantes délai effet en cascade */
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }

/* Lightbox */
.elementor-lightbox-image {
    box-shadow: none !important;
    background-color: #ffffff !important;
    padding: 4px !important;
    border-radius: 32px !important;
    clip-path: inset(0% round 16px) !important;
    display: block !important;
    box-sizing: border-box !important;
}

.elementor-lightbox .swiper-zoom-container {
    box-shadow: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Afacad';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://siopel.eu/wp-content/uploads/2026/05/Afacad-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Afacad';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://siopel.eu/wp-content/uploads/2026/05/Afacad-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Afacad';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://siopel.eu/wp-content/uploads/2026/05/Afacad-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Afacad';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://siopel.eu/wp-content/uploads/2026/05/Afacad-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */