.related-posts {
  background-color: #1d2a3b;
  padding: 45px 40px;
  border-radius: 12px;
  color: #fff; }
  .related-posts h5 {
    font-size: 21px;
    margin-bottom: 30px; }
  .related-posts .social-icons {
    margin-bottom: 45px; }
    .related-posts .social-icons a {
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      border: 1px solid #fff;
      color: #fff;
      border-radius: 50%;
      -webkit-margin-end: 12px;
      margin-inline-end: 12px; }
      .related-posts .social-icons a:hover {
        background-color: #fff;
        color: #1d2a3b; }
  .related-posts .related-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    color: #fff; }
    .related-posts .related-card:last-of-type {
      margin-bottom: 0; }
    .related-posts .related-card .img {
      width: 70px;
      height: 70px;
      border-radius: 6px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-margin-end: 20px;
      margin-inline-end: 20px;
      overflow: hidden; }
      .related-posts .related-card .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .related-posts .related-card .inf h6 {
      font-size: 15px;
      margin-bottom: 5px; }
    .related-posts .related-card .inf .date {
      font-size: 13px; }