.blog-pic {margin-bottom: 16px; width: 100%; height: auto;}

.blog-header {
  list-style-type: none;
  margin: 10px 0 0 0 !important;
  padding: 0;
  display: flex;
  gap: 10px; /* optional spacing between items */
  align-items: center;
}

.blog-header li {
  padding: 0 10px 0 18px;
  position: relative;
  font-size: 14px;
  
}
.blog-header li:first-child {
  padding-left: 0;
}


/* Add vertical separator before second item */
.blog-header li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #999; /* adjust color as needed */
}

.blog-read-more {margin:0 0 52px 0 !important;}
/*.blog-read-more a {text-decoration: none; } */


.blog-read-more a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 130px;
  margin-left: -10px;
  padding: 8px 10px;
  text-decoration: none;
  color: #0c3e57;
  transition: background 0.3s, color 0.3s;
  font-size: 15px;
  line-height: 23px;
  white-space: nowrap;
}
.blog-read-more i {
  font-size: 18px;
  font-weight: 300;
  margin: 0;
}
.blog-read-more a:hover {
  color: #fff;
  background-image: linear-gradient(to right, #45b9c4, #1d4458);
}

.blog-stories {
  margin:0 30px 40px 40px;
  width: 100%;
  max-width: 1000px;
  flex-grow: 1;
	
}
.blog-zone {
  flex-grow: 1;
  max-width: 1100px;
  justify-content: space-between;
  
}

.blog-text-left {
  width: 250px;
  flex-shrink: 0;
  padding-top: 30px;
}

.blog-header3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.blog-header3 li {
  padding: 0 10px 10px 18px;
  position: relative;
  font-size: 14px;
  
}
.blog-date a { font-size:16px; text-decoration: none; font-weight: 700;color: #45b9c4; }
.blog-date a:hover {color:#1d4458;}
.blog-date-not { font-size:16px; text-decoration: none; font-weight: 700;color: #999; }


/* --- Mobile Styles --- */
@media (max-width: 768px) {
	.page-text { order: 2 !important; }
	.page-text-left { order: 1 !important; border-top: none; margin: 0; padding-top: 0; }
	.recent-posts-list {display: none;}
	.blog-zone {padding-top: 7px !important;}
	.blog-text-left { display: none !important;}
}