.review-button {
     text-align: center;
     padding: 20px;
     border: 1px solid #ddd;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     background-color: #f4f4f4;
 }

 .review-button h2 {
     margin-top: 0;
 }

 .review-button button {
     padding: 10px 20px;
     background-color: #007BFF;
     color: white;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 .review-button button:hover {
     background-color: #0056b3;
 }

 .stars {
     color: #f8b805;
 }


 .happy-customers {
     padding: 80px 0;
     background: #f8f9fa;
 }

 .section-title {
     text-align: center;
     margin-bottom: 40px;
 }

 .section-title h2 {
     font-size: 38px;
     font-weight: 700;
 }

 .section-title p {
     color: #777;
 }

 .branch-filter {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-bottom: 40px;
     flex-wrap: wrap;
 }

 .branch-filter button {
     border: none;
     padding: 12px 28px;
     border-radius: 50px;
     background: #fff;
     cursor: pointer;
     transition: .3s;
     font-weight: 600;
     box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
 }

 .branch-filter button:hover,
 .branch-filter button.active {
     background: #ff008a;
     color: #fff;
 }

 .customer-card {

     max-width: 850px;
     margin: auto;
     background: #fff;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

 }

 .customer-image img {

     width: 100%;
     display: block;
     height: 500px;
     object-fit: cover;

 }

 .customer-info {

     padding: 30px;
     text-align: center;

 }

 .customer-info h4 {

     margin-top: 10px;
     font-size: 28px;

 }

 .customer-info p {

     color: #555;

 }

 .branch {

     display: inline-block;
     padding: 8px 18px;
     background: #83c000;
     color: #fff;
     border-radius: 30px;
     font-size: 14px;

 }

 .rating {

     margin-top: 15px;
     font-size: 22px;

 }