#splide-wrapper {
    position: relative;
}

#splide-wrapper::before,
#splide-wrapper::after {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
}

#splide-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #fff, #ffffff00);
}

#splide-wrapper::after {
    right: 0;
    background: linear-gradient(to right, #ffffff00, #fff);
}


/* Forçage du timing linéaire */
.splide__track--draggable {
    transition-timing-function: linear !important;
}

.splide__slide {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Styles des slides */
.splide__slide .slide {
    width: 100%;
    max-height: 65px;
    object-fit: contain;
}

#process {
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20217%20342%22%3E%3Cpath%20d%3D%22M%20124.389%2020%20C%20111.993%2087.227%20-27.257%20157.027%2036.739%20199.887%20C%2092.496%20237.228%20148.441%2082.987%20190.136%20122.45%20C%20231.831%20161.913%2071.846%20314.856%2025.57%20322%22%20fill%3D%22transparent%22%20stroke-width%3D%2240%22%20stroke%3D%22rgb(0%2C%2096%2C%2052)%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-dasharray%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 220px 345px;
    background-position: 10px 200px;




}

#benefits {
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20193%20245%22%3E%3Cpath%20d%3D%22M%2020.5%2020.5%20C%20107.792%2020.5%20205.778%20134.046%20161.843%20199.323%20C%20133.521%20241.403%2047.731%20230.722%2027.049%20174.906%20C%206.367%20119.09%2085.5%2065%20109.5%20162.5%22%20fill%3D%22transparent%22%20stroke-width%3D%2240%22%20stroke%3D%22rgba(237%2C%20237%2C%20213%2C%200.7)%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-dasharray%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 193px 245px;
    background-position: calc(100% - 10px) 60px;




}

#services .bgi {
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20416%20276%22%3E%3Cpath%20d%3D%22M%2022.126%2084.402%20C%201.626%20198.509%20143.122%20273.673%20218.447%20196.23%20C%20316.441%2095.481%20138.171%2024.547%20125.264%20172.888%20C%20112.357%20321.229%20333.477%20269.512%20395.881%2020.394%22%20fill%3D%22transparent%22%20stroke-width%3D%2240%22%20stroke%3D%22rgba(237%2C%20237%2C%20213%2C%200.7)%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-dasharray%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
}

#services .heading {
    max-width: 740px;
}

/* Zomm image on hover */
#work .project .cover-img {
    transition: .4s 0s;
}

#work .project:hover .cover-img {
    transform: scale(1.1);
}

#pricing .elementor-icon-list-icon {
    background: #00b865;
    width: 28px;
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#pricing .pro .elementor-icon-list-icon {
    background: #1a1a1a;
}

#pricing .elementor-icon-list-icon svg {
    margin: 0;
}

#pricing .elementor-icon-list-text {
    margin-left: 5px;
}

#pricing .btn a {
    width: 100%;
}

#service-list .splide__list {
    gap: 80px;
    align-items: center;
    /* Ajout pour alignement vertical global */
}

#service-list .splide__track--draggable {
    transition-timing-function: linear !important;
}

#service-list .splide__slide {
    min-height: 200px;
    width: max-content;
    display: flex;
    /* Centrage vertical */
    align-items: center;
    /* Centrage vertical */
}

/* Styles généraux */
#service-list .slide {
    font-size: 76px;
    font-weight: 600;
    color: rgb(0, 96, 52);
    margin: 0;
    /* Suppression des marges par défaut */
    line-height: 1;
    /* Correction hauteur de ligne */
}

/* Style spécifique pour les séparateurs */
#service-list .splide__slide:nth-child(odd) .slide {
    font-family: "Rethink Sans", serif, sans-serif;
    vertical-align: middle;
    transform: translateY(.2em);
}

@media screen and (max-width: 500px) {
	.splide__slide {
		width: 33%;
	}
    #service-list .slide {
        font-size: 56px;
    }
}

#faq {
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20416%20276%22%3E%3Cpath%20d%3D%22M%2022.126%2084.402%20C%201.626%20198.509%20143.122%20273.673%20218.447%20196.23%20C%20316.441%2095.481%20138.171%2024.547%20125.264%20172.888%20C%20112.357%20321.229%20333.477%20269.512%20395.881%2020.394%22%20fill%3D%22transparent%22%20stroke-width%3D%2240%22%20stroke%3D%22rgba(237%2C%20237%2C%20213%2C%200.7)%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-dasharray%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 415px;
    background-position: calc(100% - 10px) 90px;
}

#faq .wrapper {
    max-width: 900px;
}

#faq .card {
    user-select: none;
}

/* FAQ Header: always visible */
#faq .card .header {
    transition: .3s;
}

#faq .card .header:hover {
    padding: 21px 45px;
}

/*
    Icon box:
        + while FAQ Body is extended
        - while reduced
    */
#faq .card .indicator {
    width: 22px;
    height: 22px;
    position: relative;
}

#faq .card .indicator::before,
#faq .card .indicator::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: rgb(26, 26, 26);
    transition: .3s;
}

#faq .card .indicator::after {
    transform: translateY(-50%) rotate(90deg);
}

#faq .card.hide .header .indicator::after {
    opacity: 0;
    transform: translateY(-50%);
}



/* Prepare FAQ Body to height changements */
#faq .card .body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: .3s;
}

#faq .card.hide .body {
    height: 0 !important;
}

#faq .card .body .answer p {
    padding: 0 40px;
    font-family: "DM Sans", serif, Sans-Serif;
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    color: #4a4a4a;
}

@media screen and (max-width: 420px) {
    #faq .card .body .answer p {
        font-size: 16px;
        line-height: 1.6em;
    }
}