.review-section {

  padding: 55px 20px;

  background: #0b0b0b;

  font-family: Arial, sans-serif;

  color: #fff;

}



.review-container {

  max-width: 1100px;

  margin: 0 auto;

}



.review-header {

  text-align: center;

  margin-bottom: 35px;

}



.review-badge {

  display: inline-block;

  padding: 7px 16px;

  border-radius: 25px;

  background: linear-gradient(135deg, #c99a20, #ffd85a);

  color: #111;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 1px;

  margin-bottom: 12px;

}



.review-header h2 {

  margin: 0 0 12px;

  color: #ffd85a;

  font-size: 30px;

  line-height: 1.3;

}



.review-header p {

  max-width: 760px;

  margin: auto;

  color: #cfcfcf;

  line-height: 1.7;

}



.review-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;

}



.review-card {

  background: linear-gradient(180deg, #171717, #101010);

  border: 1px solid #4a3a12;

  border-radius: 15px;

  padding: 22px;

  box-shadow: 0 8px 25px rgba(0,0,0,.35);

  transition: transform .25s ease, border-color .25s ease;

}



.review-card:hover {

  transform: translateY(-5px);

  border-color: #d4af37;

}



.review-top {

  display: flex;

  align-items: center;

  gap: 13px;

  margin-bottom: 15px;

}



.review-avatar {

  width: 48px;

  height: 48px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(135deg, #d4af37, #ffe27a);

  color: #111;

  font-weight: 800;

}



.review-top h3 {

  margin: 0 0 5px;

  font-size: 17px;

  color: #fff;

}



.review-stars {

  color: #ffd700;

  font-size: 15px;

  letter-spacing: 1px;

}



.review-card p {

  margin: 0;

  color: #d5d5d5;

  line-height: 1.75;

  font-size: 15px;

  text-align: justify;

}



@media (max-width: 900px) {

  .review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 600px) {

  .review-grid {

    grid-template-columns: 1fr;

  }



  .review-header h2 {

    font-size: 24px;

  }

}