@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");

[x-cloak]{ display:none !important;}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: 'Montserrat', Arial, sans-serif;
  font-display: swap;
  overflow-x: hidden;
}

address {
    margin: 0; /* Supprimer la marge par défaut */
    padding: 0; /* Supprimer le padding par défaut */
    background: none; /* Annuler tout fond appliqué */
    border: none; /* Annuler toute bordure */
    list-style:none;
    color : #e80d56
}

details {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    list-style: none;
}

summary {
    list-style: none; /* Masquer la flèche par défaut */
    padding-left: 0;  /* Enlever le padding gauche */
}

summary::-webkit-details-marker {
    display: none; /* Masquer la flèche sur les navigateurs Webkit (Chrome, Safari) */
}

.nav-item {
  position: relative;
  padding-bottom: 4px;
}

.nav-item.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor; 
  border-radius: 2px;
  transition: all 0.3s ease;
}


@keyframes fadeIn {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}

.fade-in-start {
  opacity: 0;
}

.fade-in-end {
  animation: fadeIn 0.4s ease-out forwards;
}

.about-text,
.about-image-main,
.about-image-secondary,
#ordre_bg,
#hero-anim-track,
.service-card{
  will-change: transform;
}

#hero-anim-track {
  overflow: hidden;
  box-shadow: 0 24px 43px rgba(0, 0, 0, 0.60), 0 20px 17px rgba(0, 0, 0, 0.6);
}

.hero {
  display: flex;
  min-height: 100vh;
  background-image: linear-gradient(-45deg, purple, blue);
  background-image: linear-gradient(-45deg, rgb(44, 35, 228), rgb(72, 51, 168));
  background-image: linear-gradient(-45deg, rgb(38, 30, 181), rgb(26, 13, 86));
  background-image: linear-gradient(-45deg, rgb(46, 39, 184), rgb(18, 7, 66));
  color: white;
  align-items: end;
  overflow: hidden;
  position: relative;
}
.hero img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  opacity: 0.25;
}
.pole-icon {
	font-size: 3rem;
	margin-bottom: 20px;
	background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
	background: linear-gradient(45deg, #d93e3e, rgb(37, 37, 231));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #1e3a8a;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #0d1b3d;
  border-radius: 6px;
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #0d1b3d #1e3a8a;
}