/* ===================================================
   ARABIC TYPOGRAPHY & RTL
=================================================== */

body {
  direction: ltr; 
  letter-spacing: 0;
}

.main-header{direction: ltr;}




.tl::before {
  content: "";
  position: absolute;
  left: 34px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: rgba(0,0,0,.12);
}



.meta{margin: 0px 0px 20px 0px;}
/* Improve Arabic Readability */

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0;
}

/* ========== TYPOGRAPHY BASE ========== */

h1 { font-size: 44px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--text);
  margin-bottom: 14px;
}


/* Paragraphs */

p {
  word-spacing: 1px;
}

/* Lists */

ul, ol {
  padding-right: 22px;
  padding-left: 0;
}

/* Forms */

input, textarea, select {
  text-align: right;
}

/* Buttons */

.btn {
  font-family: "Almarai", Tahoma, Arial, sans-serif;
}

/* Fix Icons / Flex */

.header-row,
.cta-row,
.footer-row {
  flex-direction: row-reverse;
}