.custom-post-container,
.related-posts {
  .custom-recommended-blog {
    .top-image-outer {
      border-radius: 24px;
      overflow: hidden;
    }

    .custom-post-content {
      .custom-post-meta {
        color: #646464;
        font-family: "Inter";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0.6px;

        @media screen and (max-width: 992px) {
          font-size: 18px;
        }

        @media screen and (max-width: 768px) {
          font-size: 16px;
        }

        i {
          svg {
            fill: #646464;
          }
        }
      }

      .title {
        color: #000;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 133%; /* 31.92px */
        letter-spacing: -0.32px;

        @media screen and (max-width: 992px) {
          font-size: 20px;
        }

        @media screen and (max-width: 768px) {
          font-size: 18px;
        }

        @media screen and (max-width: 575px) {
          font-size: 16px;
        }
      }

      .custom-post-link {
        a.btn.btn-link {
          color: #126db5;
          font-family: "Inter";
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 30px; /* 150% */
          letter-spacing: 0.6px;

          @media screen and (max-width: 992px) {
            font-size: 18px;
          }

          @media screen and (max-width: 768px) {
            font-size: 16px;
          }

          @media screen and (max-width: 575px) {
            font-size: 14px;
          }

          &:visited {
            color: #126db5;
          }

          &:hover {
            color: #09497e; /* Slightly darker shade for hover */
            transition: color 0.3s ease; /* Smooth transition effect */
          }
        }
      }
    }
  }
}