.w100 {
 width: 100% !important; 
}
.blog-related-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1.5px solid var(--Publiq-Black, #0D0D0D);
}

.blog-related-item:not(:last-child) {
    margin-bottom: 24px !important;
}

.mw316 {
 max-width: 316px; 
}

.related-blogs-container {
 display: flex;
 flex-direction: column;
 align-items: start;
 justify-content: start;
 gap: 64px;
}


@media only screen and (max-width: 1100px) {
  .related-blogs-container {
 flex-direction: column-reverse;
 gap: 56px;

  
}