.body_reviews {
overflow-x: hidden;
overflow-y: hidden;
margin: auto; 
padding: 2em;
justify-content: center;
align-items: center;
}
.wrapper-reviews {
background-color: #ffffff;
max-width: 600px;
min-height: 250px;
margin: auto;
text-align: center;
border-radius: 30px;
box-shadow: 0 0.7em 1em rgba(1, 17, 39, 0.15);
position: relative;
display: flex; /* استخدام Flexbox */
flex-direction: column; /* ترتيب المحتوى عمودياً */
justify-content: center; /* مركزة المحتوى عمودياً */
}
.testimonial-container {
display: flex; /* استخدام Flexbox */
flex-direction: column; /* ترتيب المحتوى عمودياً */
align-items: center; /* مركزة العناصر أفقياً */
}
.text_reviews {
  color: black;
  padding: 0em 1.5em 0em 1.5em;
  margin: auto;
  max-width: 530px;    /* نفس القياسات اللي كانت في textarea */
  text-align: center;
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.4;    /* لتحسين قراءة الأسطر */
  white-space: normal; /* يخلي النص يلتف تلقائي */
  word-break: break-word; /* يكسر الكلمات الطويلة */
}


.text_name {
  color: black;
  text-align: center;
  font-family: times;
  font-size: 22px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: -5px;
  word-break: break-word; /* لو الاسم طويل جداً ينكسر بدل ما يخرج عن الإطار */
  white-space: normal;    /* يلتف النص عادي */
}

.wrapper-reviews button {
font-size: 1.8em;
height: 2.2em;
width: 2.2em;
background-color: #ffffff;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
color: #0a69ed;
box-shadow: 0 0 1em rgba(1, 17, 39, 0.25);
border-radius: 50%;
}
button#prev {
left: -1.1em; /* تم تعديل الموضع ليكون مع حافة البطاقة */
}
button#next {
right: -1.1em; /* تم تعديل الموضع ليكون مع حافة البطاقة */
}
.testimonial-container img {
display: block;
margin: 1.8em auto 1.25em auto;
border-radius: 50%;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.473);
width: 110px;
height: 110px;
}
.testimonial-container h3 {
color: #2d3d67;
font-size: 1em;
text-align: center;
}
.testimonial-container h6 {
color: #bcc4da;
font-size: 0.9em;
letter-spacing: 0.03em;
font-weight: 400;
text-align: center;
}
.star-rating_reviews {
display: flex;
justify-content: center; /* يحدد المركزية أفقياً */
align-items: center; /* يحدد المركزية عمودياً */
margin-top: -10px;
}


.next-reviews:active,
.prev-reviews:active {
  background: rgb(220, 220, 220); /* يتغير فقط لحظة الضغط */
}
.testimonial {
  display: none; /* نخفي كل الآراء مباشرة */
  opacity: 0; 
  transition: opacity 0.5s ease; /* تأثير ظهور تدريجي */
}
.testimonial.show {
  display: block;
  opacity: 1;
}