/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
.blende .elementor-widget-container{background-blend-mode:soft-light !important; height:200px !important; display: flex !important; align-items:center !important; justify-content:center !important;}
.brightness img{filter:brightness(4.5) !important}
.user-img .elementor-button-text:after{content:url('https://sitewebclemenceau.live-website.com/wp-content/uploads/2025/02/user-circle-svgrepo-com-1.svg') ; widows:20px ; height:20px ; position:absolute; left:13px !important; top:13px !important; }
.user-img {position:relative !important;}
.element {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  box-sizing: border-box;
  animation: none;
}

.element:hover::before {
  border-color: #A05534;
  animation: borderAnimation 1.5s linear forwards;
}

@keyframes borderAnimation {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #A05534;

  }
  25% {
    width: 100%;
    height: 0;
    border-top-color: #A05534;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #A05534;

  }
  50% {
    width: 100%;
    height: 100%;
    border-top-color: #A05534;
    border-right-color: #A05534;
    border-bottom-color: transparent;
    border-left-color: #A05534;

  }
  75% {
    width: 100%;
    height: 100%;
    border-top-color: #A05534;
    border-right-color: #A05534;
    border-bottom-color: #A05534;
    border-left-color: #A05534;

  }
  100% {
    width: 100%;
    height: 100%;

    border-color: #A05534;
  }
}
@media only screen and (max-width: 768px) {
	.absolute{position:absolute!important; top:0px !important;}}
.icon-bg .elementor-icon-box-icon{background-image: url(https://sitewebclemenceau.live-website.com/wp-content/uploads/2025/02/background-2.svg);
    padding: 26px;
    background-repeat: no-repeat;
    background-position: center;}
.bloc1:hover .elementor-icon-box-icon i{color:#5f0232 !important}
.bloc1:hover .elementor-icon-box-title{color:#5f0232 !important}
/* Cacher le texte par défaut */
.jkit-button-wrapper {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
	visibility:hidden !important;
	 transition: visibility 0.3s ease;
}

.jkit-button-wrapper i {
  transition: transform 0.3s ease; /* Animation de l'icône */
	visibility:visible !important;
}

.jkit-button-wrapper span {
  display: inline; /* Le texte reste visible en ligne */
  margin-left: 0;
  transition: margin-left 0.3s ease; /* Transition pour le texte */
	

}

/* Survol du bloc */
.bloc1:hover .jkit-button-wrapper i {
  transform: translateX(10px); /* Faire glisser l'icône vers la droite */
	color:#5f0232 !important;
}

.bloc1:hover .jkit-button-wrapper{
		visibility:visible !important;
  margin-left: 10px; /* Espacer le texte du bouton */
		 transition: visibility 0.3s ease;
		color:#5f0232 !important;
}
.elementor-counter-title{position:absolute !important; left:30% !important}
.hideblc{display: none }
.hidehover:hover>.hideblc{display: block !important }
/* @media only screen and (min-width: 769px) {
  .classe1 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}

.classe1.visible {
    opacity: 1;
    transform: translateY(0);
	}  } */
.elementor-slides .swiper-slide-inner .elementor-slide-description{max-width:1440px !important;}
/* .hidehover{
    background-size: cover !important;
    background-position: center !important;
    transition: background-size 0.5s ease-in-out !important;
}

.hidehover:hover {
    background-size: 120% !important; 
}
 */
.min-height-bloc .elementskit-infobox {min-height:308px !important;}
/*  .min-height-bloc .elementskit-info-box-title{min-height:87px !important;}  */
.ekit-wid-con .elementskit-infobox .box-footer{position:absolute !important; top:155px !important}
.twae-horizontal-timeline.twae-wrapper .twae-content{min-height:300px !important}
/* .twae-wrapper .twae-content:hover{background:#DBC7BD !important;} */
.twae-wrapper .twae-content {
    position: relative;
    overflow: hidden;
}

.twae-wrapper .twae-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #DBC7BD !important; /* Couleur de survol */
    transition: height 0.5s ease-in-out;
    z-index: 0;
}

.twae-wrapper .twae-content:hover::before {
    height: 100%;
}
.elementor-widget.elementor-widget-timeline-widget-addon .twae-wrapper .twae-description , .twae-wrapper .twae-title{z-index:2 !important}
.jki.jki-menu-7-light{font-size:35px !important}
/* Conteneur principal */
.mixedmediatextblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Section avec l'image et le texte */
.rad-mixed-media-and-text {
    display: flex;
    width: 100%;
    height: 100vh; /* Initialement, l'image occupe 100% de la hauteur */
    transition: all 0.5s ease-out;
}

/* Colonne image */
.rad-mixed-media-and-text__media {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.rad-mixed-media-and-text__primary-media {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    transition: all 0.5s ease-out;
}

/* Colonne texte */
.rad-mixed-media-and-text__text {
    width: 50%;
    padding: 40px;
}

/* Lorsque l'on scrolle, l'image rétrécit */
.rad-mixed-media-and-text__primary-media.shrink {
    height: 50vh; /* Réduit la hauteur de l'image */
}

/* Effet sur la colonne contenant l'image */
.rad-mixed-media-and-text.shrink {
    height: 50vh; /* La section entière devient de moitié taille */
}
.service .elementor-widget-container{height:160px !important;}

.custom-section {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1200px;
    width: 100%;
    overflow: hidden;
    padding: 50px;
}

.left-content, .right-content {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://sitewebclemenceau.live-website.com/wp-content/uploads/2025/03/cofinaudit-expert-comptable-cote-azur-accompagnement-sur-mesure-1024x680-1.jpg'); /* Remplace par ton image */
    background-size: cover;
    background-position: center;
    transition: transform 1s ease-in-out;
    z-index: -1;
}

/* Effet de réduction et affichage du texte */
.custom-section.scrolled .parallax-image {
    transform: scale(0.5);
}

.custom-section.scrolled .left-content,
.custom-section.scrolled .right-content {
    opacity: 1;
}



.btn-serv{display: block;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 500;
/*     border-bottom: 1px solid #a100ff; */
    padding-bottom: 5px;
    width: fit-content;
    padding-right: 3px;
    position: absolute;
	bottom:23px !important; text-decoration:none !important; color:#a100ff !important;
}
.btn-serv i{color: #fff;
    padding: 5px 10px;
    background: #a100ff;
    margin-left: 5px;}

.elementor-testimonial--align-left .elementor-testimonial{margin-bottom:-30px !important}
.elementor-1209 .elementor-element.elementor-element-54d8ceb .elementor-swiper-button.elementor-swiper-button-prev{    position: absolute;
    top: 94%;
    left: 66vw;
    background: #fff;}
.elementor-1209 .elementor-element.elementor-element-54d8ceb .elementor-swiper-button svg {
    fill: #673AB7;
}
.elementor-1209 .elementor-element.elementor-element-54d8ceb .elementor-swiper-button.elementor-swiper-button-next{position: absolute;
    top: 94%;
    left: 70vw;
    background: #fff;
    width: fit-content;}
@media only screen and (max-width: 768px) {.btn-serv{margin: auto !important;
    text-align: center;
    width: 100%;}
.service .elementor-widget-container{height:220px !important;}
	.elementor-1209 .elementor-element.elementor-element-54d8ceb .elementor-swiper-button.elementor-swiper-button-prev {
    position: absolute;
    top: 98%;
    left: 66vw;
    background: #fff;
}
	.elementor-1209 .elementor-element.elementor-element-54d8ceb .elementor-swiper-button.elementor-swiper-button-next {
    position: absolute;
    top: 98%;
    left: 81vw;
    background: #fff;
    width: fit-content;
}
	.service{position:relative !important;left: 0 !important;
        top: auto !important; right:0 !important;
        margin-top: 20px;}
	.service .elementor-widget-container{left: auto !important;
        top: auto !important; right: auto !important; margin:0 auto !important;}
}
.invert{filter:invert(1) !important;}
.btn-flip{color: #fff;
    text-decoration: none !important;
    padding: 5px 15px;
    background: #000;
    margin-top: 20px !important;
    display: inline-block !important;}
@media only screen and (min-width: 769px) {
.sub-menu.sub-menu-open{    position: absolute !important;
    left: 19vw !important;
	top: -11em !important;}}
/* Masquer le curseur de base */
.masque-sim{position: relative !important;
    top: -13vh !important;
    z-index: 999999 !important;}
div[aria-label="Donner votre avis"] {
    display: none !important;
}
@media only screen and (max-width: 769px) {.masque-sim{top: 3vh !important;}}
#statusSelect{    color: #000 !important;
    background: transparent;
    width: fit-content;
    border: 1px solid;
    border-radius: 25px; max-width:100% !important;}
.calendly-inline-widget iframe, .calendly-badge-widget iframe, .calendly-overlay iframe {
    display: inline;
    width: fit-content !important;
    height: 100%;
    min-width: 450px !important;
}
.calendly-inline-widget{min-height:600px !important;}