@media(min-width:991px){ #main-content > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-max-width-section-centering.dnd_area-row-0-background-color.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding{
margin-top:140px;
  }}
.blog_section{
padding-top:50px;
  }}
/* keep your loader */
.custom-loader {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 8px solid;
  border-color: #E4E4ED;
  border-right-color: var(--secondary);
  animation: s2 1s infinite linear;
}
@keyframes s2 { to { transform: rotate(1turn) } }

/* show loader only while active */
a.load-more { margin-top: 50px; opacity: 0; display: inline-flex; }
a.load-more.active { opacity: 1; }

/* CARD GRID = same idea as vacancy_row */
.blog_cards .vacancy_row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

@media (max-width: 1024px){
  .blog_cards .vacancy_row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .blog_cards .vacancy_row{ grid-template-columns: 1fr; }
}

/* Card = vacancy_cover vibe */
.blog_cards a.vacancy_cover{
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  
}
.blog_cards a.vacancy_cover:hover{

}

/* Prevent link styling */
.blog_cards a.vacancy_cover:hover,
.blog_cards a.vacancy_cover:focus,
.blog_cards a.vacancy_cover:active{
  text-decoration: none;
  color: inherit;
}

/* Content grows so footer stays pinned */
.blog_cards a.vacancy_cover .vacancy_content{
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;

}.blog_cards a.vacancy_cover {
background-color:#F5F5F5;
border-radius:20px;
}
.blog_cards a.vacancy_cover .vacancy_footer{
  margin-top: auto;

}

/* Image zoom like your vacancy cards */
.blog_cards .vacancy_img{ overflow: hidden; line-height: 0; }
.blog_cards .vacancy_img img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform .6s ease;
}
.blog_cards a.vacancy_cover:hover .vacancy_img img{
  transform: scale(1.08);
}

/* Meta pills row (dark background like your vacancy filter chips) */
.blog_cards .blog_meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog_cards .blog_meta .filters{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #0A1919; /* matches your theme dark */
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.blog_cards .blog_meta .filters .icons{
  display: inline-flex;
}

/* Title + excerpt */
.blog_cards .blog_title h5{
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  word-break: break-word;
  color: #0A1919;
}
.blog_cards .blog_excerpt{
  color: #6e6e6e;
  font-size: 14px;
  line-height: 1.5;
}

/* Button hover when card hovered (like vacancy) */
.blog_cards a.vacancy_cover:hover .btn.secondary{
  background-color: #f5d488;
  transition: background-color 0.3s ease;
}

/* Optional: subtle appear animation like your old */
.post-item {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}
@keyframes scale-in-center {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}