/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 17 2026 | 21:40:11 */
/* Preloader */
#loading-icon img{
	width:36px;
}
/* Header */
.header-version-1 {
	position:absolute;
	z-index:999;
}

/* On reset le compteur sur la pagination du slider dans la zone hero */
.hero-slider .ekit-slider-wrapper > .swiper-pagination {
    counter-reset: hero-bullet;
    text-align: center;
}

/* On neutralise le style "rond" des bullets */
.hero-slider .elementskit-advanced-slider .ekit-slider-wrapper > .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: auto !important;
    height: auto !important;
    margin: 0 6px !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;

    text-indent: 0 !important;
    overflow: visible !important;
}

/* On écrase complètement le ::before par défaut (les ronds) */
.hero-slider .elementskit-advanced-slider .ekit-slider-wrapper > .swiper-pagination .swiper-pagination-bullet::before {
    counter-increment: hero-bullet;
    content: counter(hero-bullet);

    position: static;              /* on annule le position:absolute */
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    transform: none;
    top: auto;
    left: auto;

    display: inline-block;
    font-size: 20px;
	font-weight: bold;
    line-height: 1;
    color: #ffffff;

}

/* Style du bullet actif */
.hero-slider .elementskit-advanced-slider .ekit-slider-wrapper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    font-weight: 700;
    text-decoration: none;
	 width: 32px;
    height: 32px;
	border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
	color:var(--e-global-color-primary);
}

.hero-slider .elementskit-advanced-slider .ekit-slider-wrapper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet::before {
    font-weight: 700;
    text-decoration: none;
	width: 32px;
    height: 32px;
	border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color:#fff;
	color:var(--e-global-color-primary);
}
/* Slider Overlay */ 
/* Overlay custom sur toutes les sections avec background dans le hero-slider */
.hero-slider  [data-settings*="background_background"]::before {
    background-color: transparent !important;
    --background-overlay: '' !important;

    /* Ton dégradé en RGBA, à adapter comme tu veux */
    background-image: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.8) 0%
        /*rgba(0, 0, 0, 0.8) 70.86%*/
    ) !important;
}

/* Slider Overlay */

.hero-slider .elementskit-advanced-slider .swiper-horizontal .swiper-pagination {
    left: 0!important;
    bottom: 10%;
	right: 0;
    transform: translateX(0) !important;
}

.service-box-image img {
    aspect-ratio: auto;
}

.testimonial-slider .swiper-slide::before {
	background:rgba(0,0,0,.5)!important;
	border-radius:20px!important;
}

@media only screen and (max-width: 991px) {
	
	.testimonial-slider .swiper-slide::after {
		background:rgba(0,0,0,.5)!important;
		border-radius:20px!important;
	}
	
}