@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Inter:wght@300;400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Libre+Franklin:wght@300;400;500&display=swap);
body { font-family: 'Inter',sans-serif; }

.blog-dark { background: #4a4a4a; padding: 60px 0; }

.blog-container { /*width: 920px;*/ margin: 0 auto; color: #fff; }

.blog-title { font-family: 'Playfair Display',serif; font-size: 38px; text-align: center; letter-spacing: 1px; font-weight: 500; }

.blog-title span { display: block; font-size: 34px; margin-top: 5px; }

.blog-meta { display: flex; justify-content: space-between; font-size: 14px; margin: 30px 0 30px; opacity: 0.8; text-decoration: underline; }

.blog-container p { font-size: 16px; line-height: 1.7; color: #fff; margin-bottom: 15px; }

.blog-container h3 { font-size: 18px; margin: 25px 0 10px; font-weight: 600; }

.blog-img { width: 100%; margin: 20px 0; border: 7px solid #222; box-shadow: 0 3px 6px rgba(0,0,0,0.4); }

a, body, button, h1, h2, h3, h4, h5, h6, input, li, p, select, textarea { font-family: "Poppins",sans-serif; font-size: 16px; line-height: 1.5; color: #fff; }

.blog-container ul { list-style: disc!important; padding-left: 40px; }

.blog-container ul li { display: list-item!important; padding-left: 20px; }

.blog-container ul li::marker { color: #fff; }

/* ---------- Tablet ---------- */
@media (max-width: 992px) {
  /* .blog-container { max-width: 720px; } */
  .blog-title { font-size: 30px; }
  .blog-title span { font-size: 26px; }
  .blog-meta { font-size: 13px; display: flex; justify-content: space-between; margin: 30px 0 30px; opacity: 0.8; text-decoration: underline; }
  .blog-container p { font-size: 15px; }
  .blog-img { border-width: 5px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .blog-dark { padding: 40px 0; }
  .blog-container { padding: 0 15px; }
  .blog-title { font-size: 24px; line-height: 1.3; }
  .blog-title span { font-size: 22px; }
  .blog-meta { margin: 30px 0 30px; opacity: 0.8; text-decoration: underline; font-size: 12px; display: flex; justify-content: space-between; }
  .blog-container p { font-size: 14px; line-height: 1.6; }
  .blog-container h3 { font-size: 16px; }
  /* .blog-img { width: 100%; height: auto; display: block; border-width: 4px; margin: 15px auto; box-sizing: border-box; important max-width: 100%; overflow stop } */
  .img-wrapper { width: 100%; }
  .img-wrapper .blog-img { width: 100%; height: auto; display: block; border-width: 4px; margin: 15px 0; box-sizing: border-box; max-width: 100%; object-fit: contain; object-position: center center; }
}

/* ---------- Small Mobile ---------- */
@media (max-width: 480px) {
  .blog-title { font-size: 20px; }
  .blog-title span { font-size: 18px; }
  .blog-container p { font-size: 13.5px; }
  /* .blog-img { width: 100%; margin: 15px auto; border-width: 3px; box-sizing: border-box; important max-width: 100%; } */
  .img-wrapper .blog-img { width: 100%; border-width: 3px; margin: 12px 0; object-fit: contain; }
}

a { text-decoration: none !important; }