:root {
  --first-color: #0064a5;
  --light-text-color: #fff;
  --size-text: 1rem;
  --text-color: #333;
  --background-color-white: #fff;
  --background-color-smoke: whitesmoke;
  --title-font: Montserrat, sans-serif;
  
    --font-size: 16px;
    --font-weight-medium: 500;
    --font-weight-normal: 400;

}
* {
  font: var(--size-text) / 1.42 sans-serif, Roboto, Verdana, Arial;
  color: var(--text-color);
}
body {

}
h1 {
      /* font-size: 1.5rem; */
      font-weight: var(--font-weight-medium);
      line-height: 1.5;
}

h2 {
      /* font-size: 1.3rem; */
      font-weight: var(--font-weight-medium);
      line-height: 1.5;
}
h3 {
      /* font-size: 1.1rem; */
      font-weight: var(--font-weight-medium);
      line-height: 1.5;
}
p {
  /* font-size: 0.8rem; */
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

.black-link {
  text-decoration: none;
  color: var(--text-color) !important;
}
.card-br {

}
.card-bx {

}
.card-bt {

}
.card-img-top {

}
.card-produit {

}
.img-produit {

}
.no-bullets {
    list-style: none;

}
.img-head {
    height: 25rem;
    width: 80%;
    object-fit: cover;
}
.bg-blue {
  background-color: var(--first-color);
}
.bg-smoke {
  background-color: var(--background-color-smoke);
}
.bg-white {
  background-color: var(--background-color-white);
}
.bg-filtre-bleu {
    background-image: url('/images/services/cablage-contact.jfif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.bg-filtre-bleu::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 80, 255, 0.35); /* filtre bleu */
    backdrop-filter: blur(6px);          /* flou sur l’image */
}