.prose.prose-slate.dark\:prose-invert.max-w-none.leading-8.text-\[var\(--mx-text\)\] {
    text-align: justify !important;
}
.rich-content.max-w-none.text-slate-700.dark\:text-slate-200.leading-\[1\.8\] {
    text-align: justify !important;
}

.mx-section {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

@media (min-width: 1024px) {
  .mx-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

.mx-section-heading {
  margin-bottom: 2rem !important;
}
@media (min-width: 1024px) {
  .mx-section-heading {
    margin-bottom: 3rem !important;
  }
}

h1.text-3xl.md\:text-5xl.font-black.leading-tight
 {
    line-height: 1.8 !important;
}

h1.text-4xl.md\:text-6xl.font-black.leading-tight.text-\[var\(--mx-text\)\]
 {
    line-height: 1.8 !important;
    text-align: justify !important;
}

p.mt-5.text-lg.text-\[var\(--mx-muted\)\].leading-9.max-w-3xl {
    text-align: justify !important;
}

/* #################### */
figure.table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important; 
    margin: 2rem 0 !important;
    border-radius: 10px !important;
    background-color: var(--mx-surface, transparent) !important;
    direction: rtl !important;
    border: 1px solid var(--mx-border, transparent) !important;
}
figure.table table {
    width: 100% !important;
    min-width: 500px !important; 
    border-collapse: collapse !important;
    font-family: inherit !important;
    margin: 0 !important;
    background-color: transparent !important;
}
figure.table th,
figure.table td {
    padding: 16px 20px !important;
    text-align: center !important;
    border: 1px solid var(--mx-border, #ccc) !important;
    color: var(--mx-text, inherit) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
figure.table thead th {
    background-color: var(--mx-surface-strong, rgba(0,0,0,0.05)) !important;
    color: var(--mx-text, inherit) !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-bottom: 3px solid var(--mx-primary, #3b82f6) !important;
}
figure.table tbody tr:nth-child(even) {
    background-color: var(--mx-bg-2, rgba(0,0,0,0.02)) !important;
}
figure.table tbody tr:hover {
    background-color: var(--mx-surface-strong, rgba(0,0,0,0.05)) !important; 
    transition: background-color 0.2s ease-in-out !important;
}

.max-w-3xl.mx-auto.text-center h1.text-4xl.md\:text-6xl.font-black.leading-tight.text-\[var\(--mx-text\)\] {
  text-align: center !important;
}