/* General Reset */
* {
  margin: 0;
  padding: 0;
  /* box-sizing: border-box; */
}
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  background: #f9f9f9;
}

/* Container */
.container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

/* Section Titles */
.section-title {
  text-align: center;
  font-size: 2.2rem;
  color: #1b3a57;
  margin-bottom: 10px;
}
.section-subtitle {
  text-align: center;
  font-size: 1rem;
  color: #555;
  margin-bottom: 40px;
}

/* Blog Grid */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 25px;
}

/* Blog Card */
.blog-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.blog-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blog-content {
  padding: 20px;
}
.blog-content h2 {
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #1b3a57;
}
.blog-content p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 15px;
}
.read-more {
  color: #1b3a57;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
}
.read-more:hover {
  color: #0a2239;
}

/* Single Blog Page */

.blog-single { background:#fff; padding:50px 20px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.1); margin-top:-50px; }
.blog-single h1 { color:#004aad; font-size:2rem; margin-bottom:10px; }
.blog-single .meta { font-size:0.9rem; color:#777; margin-bottom:20px; }
.featured-image { width:100%; height: 400px; border-radius:12px; margin-bottom:25px; }
.blog-single h2 { color:#004aad; margin-top:25px; margin-bottom:15px; }
.blog-single ul { margin-left:20px; list-style:disc; margin-bottom:20px; }
.blog-single p { margin-bottom:15px; }
.article-content{
  max-height: 350px;   /* adjust height as needed */
    overflow-y: auto; 
}