#avisClient .pagination li{
    cursor: pointer;
}

#avisClient .avisClient{
   font-size: 16px;
   font-style: normal;
   letter-spacing: 0px;
   color: #4B5B71;
   opacity: 1;
   line-height: 1.5;
}

#avisClient .bloc-avis{
   border: 1px solid #CED0D3;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#avisClient .bloc-avis:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#avisClient .bloc-avis .note{
   font-size: 22px;
   font-weight: 600;
}

#avisClient .text-seo span{
   font-size: 12px !important;
}

@media screen and (max-width: 767px) {
   #avisClient .bloc-avis{
      text-align: center;
   }
   .avis-container{
      max-width: 90% !important;
   }
   #avisClient .review-meta {
       margin-right: 0 !important;
       margin-bottom: 1rem !important;
       text-align: center;
       width: 100%;
   }
   #avisClient .d-flex.flex-column.flex-md-row {
       align-items: center;
   }
}

#avisClient h1{
   font-size: 30px;
}
#avisClient h2{
   font-size: 25px;
   font-weight: 300;
}

#avisClient .presentation{
   border: 1px solid #CED0D3;
}

#avisClient .note {
   font-size: 25px;
   font-weight: bold;
}

meter::-webkit-meter-optimum-value{
   background: none; /* Required to get rid of the default background property */
   background-color: #ffd900;
   box-shadow: #ffd900;
}

meter::-webkit-meter-bar {
   width: 150px;
   height: 7px;
   border: none !important;
}

meter{
   width: 150px;
   height: 7px;
   margin-bottom: 5px;
   background-color: #ffd900;
}

#avisClient .name_dealership {
font-size: 24px !important;
}

#avisClient .adresse_dealership, .city_dealership, .phone_dealership{
   font-size: 18px !important;
}

#avisClient .asterix{
   font-size: 10px !important;
}

#avisClient .asterix sup{
   font-size: 10px !important;
}

.nbNote {
   align-items: flex-end;
}

.rating .position-absolute {
   overflow-x: hidden;
}

@media screen and (max-width: 575px) {
   .presentation{
      flex-wrap: wrap;
   }
}

/* New Styles for UX/UI Optimization */
.golden-star {
   color: #ffd900;
}

.colored {
   color: #e0e0e0;
}

#avisClient .avatar {
   width: 50px; 
   height: 50px;
   border-radius: 50% !important;
}

#avisClient .avatar i{
   font-size: 24px;
   color: #6c757d;
}

#avisClient .review-meta {
   min-width: 140px;
}

#avisClient .review-meta .rating-display {
   color: #ffd900;
}

#avisClient .review-meta .text-muted {
   color: #6c757d !important;
}

#avisClient .reviews-header h4 span{
   font-size: 14px;
   font-weight: lighter;
   font-style: italic;
}

#avisClient .page-link{
   display: flex;
   align-items: center;
}

#avisClient .page-item.active .page-link {
   background-color: #6c757d;
   color: white;
}

#avisClient .page-link:focus, 
#avisClient .page-link:hover{
   color: #000;
}