h1{
  font-size: 44px;
}

h2{
  font-size:24px
}


.mt-6{
	margin-top: 5rem;
}

.mb-6{
	margin-bottom: 5rem;
}

.mt-5{
	margin-top: 2rem;
}

.mt-4{
	margin-top: 1.5rem;
}

.ms-4{
	margin-left: 1.5rem;
}

.me-4{
	margin-right: 1.5rem;
}

.me-3{
	margin-right: 1rem;
}

.ms-3{
  margin-left: 1rem;
}

.pd-4{
	padding: 4rem;
}

.ps-2{
	padding-left: 3rem;
}

.pe-2{
	padding-right: 3rem;
}

.d-flex{
	display: flex;
}

.justify-between{
	justify-content: space-between;
}

.vertical-middle{
	vertical-align: middle;
}

.bold{
	font-weight: bold!important;
}

.capitalize{
	text-transform: capitalize;
}

.opinionMain{
	background-color: #102d69;
  padding: 5rem 3rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.opinionMain .rate {
  display: flex;
}
.opinionMain span{
	color: white;
	font-size: 48px;
  font-weight:bold;
  display: inherit;
}

.big-stars img{
  width: 55px;
  height: auto;
}

.opinionMain p{
	color: white;
	font-size: 18px;
  font-weight: bold;
}

.opinion{
	background-color: white;
	padding: 3rem;
	box-shadow: 0px 4px 8px #a0eaf5;
}

.opinion h2{
	font-weight: bold!important;
  font-size: 22px;
}

.small-stars{
  font-size: 16px;
}

.opinion .small-stars img{
	width: 17.11px;
	height: auto;
}

.opinion p{
	font-size: 18px;
  font-style: italic;
}

.footAvis{
  font-size: 20px;
}

.light-grey{
	color: #B8B8B8;
}

.gauge-container {
  position: relative;
  width: 100%; /* Ou la largeur maximale souhaitée */
  
  display: inline-block; /* Ou block selon la disposition souhaitée */
  margin: 20px 0; /* Espacement autour des jauges */
}

.gaugeInfo {
  position: absolute;
  width: 100%; /* Utilise la largeur complète du conteneur pour le centrage */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: montserratbold, sans-serif;
}

.gaugeInfo .percentage {
  font-size: 80px; /* Taille du pourcentage */
  color: black;
  font-weight: bold;
  line-height: 1;
}

.gaugeInfo .percentage span{
  font-size: 40px;
}

.gaugeInfo .label {
  display: block;
   color: black;
  font-size: 20px; /* Taille du label */
  font-weight: bold;
}
canvas {
  display: block;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 4px 4px 10px rgba(160, 234, 245, 1);
  width: 100%;
  margin: auto;
}

.gauge-container2 {
  margin: 30px auto;
  width: 100%;
}

.gauge-label {
  color: black;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}

.gauge {
  width: 100%;
  padding: 4px; /* Ajout d'un padding pour laisser de la place au fond */
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 4px 8px rgba(160, 234, 245, 0.5);
  overflow: hidden;
}

.gauge-back {
  width: 100%;
  height: 30px; /* Hauteur définie pour le fond de la jauge */
  background: #fff;
  border-radius: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.gauge-front {
  width: 0;
  height: 20px; /* Hauteur réduite pour la barre de progression */
  background-color: #00c7e6;
  border-radius: 25px; /* Arrondi des côtés pour la barre de progression */
  position: relative;
  transition: width 1s ease-in-out; /* Transition pour l'animation */
}
/*-- RESPONSIVE --*/
@media (max-width: 991px) {
  .ps-2{
    padding-left: 15px;
  }
  .pe-2{
    padding-right:15px;
  }
}
@media (max-width: 576px) {
  .opinionMain span {
    font-size: 28px;
  }
  .big-stars img {
    width: 30px;
  }
  .opinion .col-lg-2 {
    text-align:center;
  }
  .text-right {
    text-align: center;
  }
}