.quote-container {
max-width: 800px;
margin: 15px 35px;
padding: 10px 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
background-color: #f0f3f2;
}
.arabic-quote {
font-family: 'Naskh Arabic';
font-size: 1.6em;
line-height: 1.5;
direction: rtl;
text-align: right;
color: #2d2d2d;
margin-bottom: 0px;
border-left: 0px solid #007bff;
padding-left: 5px;
}
.translation {
font-family: 'Times';
font-size: 1.3em;
color: #555;
text-align: left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
line-height: 1.4;
}
.span-ar {
font-size: 1.4em;
padding-top: 8px;
display: block;
text-align: left;
color: #5f5f5f;
}
.span-en {
padding-top: 5px;
display: block;
text-align: right;
font-style: italic;
color: #5f5f5f;
}