h1 {
  font-size: 1.5rem;
  margin-bottom: 32px;
}
p,
ul, ol, li {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
pre, code{
  color:black;
}
/* .the-content * {
  color: #fff;
} */
.the-content .wp-block-table td,.the-content .wp-block-table th{
  border:unset ;
}
.the-content a {
  color: #3366ff;
}

.the-content > .col-inner > *:last-child {
  margin-bottom: 0;
}

.layout {
  display: flex;
  gap: 128px;
  align-items: flex-start;
}

.row.layout-content {
  max-width: 780px;
  margin: 0;
}

.breadcrumb {
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: center;
}
html[lang="ar-eg"] .breadcrumb img{
  transform: rotate(180deg);
}
.breadcrumb p {
  font-size: 1rem;
  margin-bottom: 0;
  min-width: max-content;
}

.date {
  color: #919eab;
}

@media screen and (max-width: 850px) {
  .layout {
    flex-flow: column;
    gap: 32px;
  }
  .the-content h1 {
    margin-bottom: 24px;
  }
}