.elementor-kit-5{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#111111;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:120px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-780f4aa-font-family:"Bebas Neue";--e-global-typography-780f4aa-font-size:80px;--e-global-typography-780f4aa-font-weight:500;--e-global-typography-71ec3e6-font-family:"Poppins";--e-global-typography-71ec3e6-font-size:21px;--e-global-typography-71ec3e6-font-weight:400;background-color:var( --e-global-color-secondary );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:60%;}.elementor-kit-5 e-page-transition{background-color:#121212;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-5{--e-global-typography-primary-font-size:50px;--e-global-typography-780f4aa-font-size:42px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.gradient-text-container {
  position: relative;
  display: inline-block;
  height: auto;
  overflow: visible;
}

.text {
  position: relative;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 180px;
  font-weight: 400;
  color: white;
  z-index: 2;
  white-space: nowrap;
}

.gradient-bar {
  position: absolute;
  left: 0;
  top: 46%;
  height: 31px;
  background: linear-gradient(135deg, #FFAC00 0%, #C5872C 15%, #3B4783 70%, #3056AF 100%);
  transform: translateY(-50%);
  z-index: 1;
  animation: revealBar 2s ease-in-out forwards;
  width: 0%;
}

@keyframes revealBar {
  0% {
    width: 0%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

/* ✅ Responsive : taille du texte sur petits écrans */
@media (max-width: 768px) {
  .text {
    font-size: 100px;
  }

  .gradient-bar {
    height: 20px;
  }
}

@media (max-width: 480px) {
  .text {
    font-size: 80px;
  }

  .gradient-bar {
    height: 15px;
  }
}


/* Applique un soulignement en gradient sur le texte */
.soulinger {
  position: relative;
  display: inline-block;
  overflow: hidden; /* Empêche le dépassement du soulignement au début */
}

.soulinger::after {
  content: '';
  position: absolute;
  left: -100%; /* Commence en dehors du texte à gauche */
  bottom: 0;
  width: 100%;
  height: 3px; /* Épaisseur du soulignement */
  background: linear-gradient(135deg, #FFAC00 0%, #C5872C 15%, #3B4783 70%, #3056AF 100%);
 /* Gradient du texte */
  border-radius: 2px;
  transition: left 1s ease; /* Animation du déplacement du soulignement */
}

/* Animation pour faire apparaître le soulignement */
@keyframes slideIn {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}

/* Classe pour activer l'animation à l'apparition du texte */
.soulinger.visible::after {
  animation: slideIn 1s forwards;
}


.btn-hover-delay {
  transition: all 0.3s ease;
}

.btn-hover-delay:hover {
  transition-delay: 1s; /* délai de 1 seconde avant de commencer l'effet */
  transform: scale(1.05); /* exemple d'effet */
  background-color: #5EFCE8; /* exemple de couleur changée */
  color: #000; /* changement de texte éventuel */
}

body {
    overflow-x: hidden !important;
}

/* Style pour la barre de défilement sur desktop */
::-webkit-scrollbar {
  width: 15px; /* Largeur de la barre de défilement */
}

::-webkit-scrollbar-thumb {
  background-color: #121212; /* Couleur de la barre */
  border-radius: 10px; /* Coins arrondis */
}

::-webkit-scrollbar-track {
  background-color: #fff; /* Couleur de l'arrière-plan de la barre */
}

/* Masquer la barre de défilement sur mobile */
@media (max-width: 768px) {
  ::-webkit-scrollbar {
    display: none;
  }
}

html, body {
  overflow-x: hidden;
}

.elementor-section {
  max-width: 100% !important;
}/* End custom CSS */