body {
      font-family: 'Cairo', sans-serif;
  }


  .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  /* ===== CONTENT AREA START ===== */
.content-area {
  font-size: 15px;
  line-height: 1.8;
  color: #444;
}

/* Paragraph */
.content-area p {
  margin-bottom: 12px;
}

/* Headings */
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
  font-weight: 600;
  color: #0A2F6B;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.content-area h1 { font-size: 28px; }
.content-area h2 { font-size: 24px; }
.content-area h3 { font-size: 20px; }
.content-area h4 { font-size: 18px; }

/* Lists */
.content-area ul {
  list-style: disc;
  padding-left: 22px;
  margin-bottom: 15px;
}

.content-area ol {
  list-style: decimal;
  padding-left: 22px;
  margin-bottom: 15px;
}

.content-area li {
  margin-bottom: 0px;
}

/* Links */
.content-area a {
  color: #1DA1F2;
  text-decoration: none;
}

.content-area a:hover {
  text-decoration: underline;
}

/* Images */
.content-area img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 15px 0;
}

/* Blockquote */
.content-area blockquote {
  border-left: 4px solid #1DA1F2;
  padding-left: 12px;
  color: #555;
  margin: 15px 0;
  font-style: italic;
}

/* Table */
.content-area table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.content-area table th,
.content-area table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.content-area table th {
  background: #f5f5f5;
}

/* Strong / Bold */
.content-area strong {
  font-weight: 800;
}

/* Spacing Fix */
.content-area * {
  word-wrap: break-word;
}

/* ===== CONTENT AREA END ===== */

@media(max-width:576px){
    .mobile-font{
        font-size: 10px !important;
    }
}