/* STYLE COMMUN */
.gradient-title {
  font-size: 32px;
  font-family: 'Inter', sans-serif;
  font-weight: bold;
  background: linear-gradient(90deg, var(--color1), #FFFFFF, #FFFFFF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* COULEURS (1 classe = 1 couleur) */
.gradient-title--un {
  --color1: #37517E;
}

.gradient-title--deux {
  --color1: #9F7052;
}

.gradient-title--trois {
  --color1: #DDBD54;
}

.gradient-title--quatre {
  --color1: #D25F3B;
}

.gradient-title--cinq {
  --color1: #8B19D7;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
  .gradient-title {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .gradient-title {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .gradient-title {
    font-size: 20px;
  }
}