/* Conteneur du slide */
.slider-item {
  position: relative;
  overflow: hidden; /* évite que l'overlay déborde */
}

/* Overlay sombre sur l'image */
.slider-item::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; left:0; right:0; bottom:0 */
  background: rgba(0, 0, 0, 0.6); /* ajuste 0.6 → 0.7 si nécessaire */
  z-index: 1;
}

@media (max-width: 767.98px) {
    .menu-area {
        padding: 2px;
    }
}

/* Image de fond derrière le texte */
.slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* Texte du slider au-dessus de l'overlay */
.slider-content {
  position: relative;
  z-index: 2;
  max-width: 700px; /* limite la largeur pour lisibilité */
  padding: 20px; /* espace autour du texte */
  color: #ffffff;
  /* Optionnel : fond semi-transparent avec blur */
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  border-radius: 10px;
}

/* Titres et paragraphes avec ombre pour lisibilité */
.slider-content .title,
.slider-content .sub-title,
.slider-content p {
  color: #ffffff;
  text-shadow: 0 3px 15px rgba(0,0,0,0.9);
  line-height: 1.4;
}

/* Titres et paragraphes avec ombre pour lisibilité */
.slider-content .title {
  color: var(--primary-color);
  text-shadow: 0 3px 15px rgba(0,0,0,0.9);
  line-height: 1.4;
}

/* Texte des éléments de la liste des services */
.services-cat-list ul.list-wrap li a span {
    font-size: 15px; /* ajuste ici la taille que tu veux, ex: 12px ou 14px */
}

.services-cat-list ul.list-wrap li a {
    font-size: 15px; /* pour s’assurer que le texte principal suit la même taille */
}

/* Réduire les icônes SVG des liens de services */
.services-cat-list ul.list-wrap li a svg {
    width: 14px;   /* ajuste la largeur selon ton besoin */
    height: 9px;   /* ajuste la hauteur pour garder les proportions */
}

.slider-content .btn:hover {
  background: #000000;
  color: #ffffff;
}

.services-thumb-two:after {
    background: linear-gradient(1turn, rgba(0, 25, 76, .55) 52.77%, rgba(0, 25, 76, 0) 100%, #222222 0);
    opacity: 0;
    transition: .3s linear;
}