.tlg-post-grid-wrap {
    margin: 0 auto;
  }
  
  .tlg-post-grid-heading {
    font-size: clamp(28px, 5vw, 64px);
    line-height: 1.1;
    margin: 0 0 28px;
  }
  
  .tlg-post-grid {
    width: 100%;
  }
  
  .tlg-post-grid-inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 36px);
  }
  
  .tlg-card {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
  }

  .case-study .tlg-card {
    grid-column: span 6;
  }
  
  @media (max-width: 1024px) {
    .tlg-card {
      grid-column: span 6;
    }
  }
  
  @media (max-width: 768px) {
    .tlg-post-grid-wrap .swiper {
        overflow: hidden;
      }
    
      .tlg-post-grid-inner.swiper-wrapper {
        gap: 0;
      }
    
      .tlg-post-grid-inner .tlg-card.swiper-slide {
        width: 100% !important;
      }
    .tlg-post-grid-inner {
      display: flex;
    }
  
    .tlg-card {
      flex: 0 0 100%;
      width: 100%;
      margin-bottom: 0;
    }
  
    .mobileslider .pm-mobile-pagination {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 16px 0 0;
      justify-content: flex-start;
      margin-top: 32px;
      position: relative;
    }
  
    .mobileslider .pm-mobile-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 9999px;
      background: #707159;
      opacity: 1;
      transition: all .25s ease;
    }
  
    .mobileslider .pm-mobile-pagination .swiper-pagination-bullet-active {
      width: 37px;
      background: #3C6A3A;
    }
  }
  
  .tlg-card-media {
    display: block;
    overflow: hidden;
  }
  
  .tlg-card-media img {
    width: 100%;
    height: 240px;
    display: block;
    transition: transform 0.35s ease;
    object-fit: cover;
  }

  .case-study .tlg-card-media img {
    height: 400px;
  }
  
  .tlg-card-media:hover img {
    transform: scale(1.02);
  }
  
  .tlg-card-meta {
    display: flex;
    gap: 18px;
    align-items: center;
    margin: 18px 0 6px;
    font-size: 14px;
  }
  
  .tlg-card-tag {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid var(--Colour-Brand-Vibrant-Red, #D80132);
    font-size: var(--Typography-Size-Text-S, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
  }
  
  .tlg-card-reading {
    font-size: var(--Typography-Size-Text-S, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
  }
  
  .tlg-card-title {
    font-size: var(--Typography-Size-H4, 24px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.96px !important;
    margin-top: 16px !important;
  }
  
  .tlg-card-title a {
    text-decoration: none;
    color: inherit;
  }
  
  .tlg-card-excerpt {
    font-size: var(--Typography-Size-Text-L, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  
  .tlg-card-readmore {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    color: #000 !important;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.36px;
  }
  
  .tlg-card-readmore span {
    font-size: 0;
    color: transparent;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.38721 6.67285C9.48803 6.67285 9.56501 6.70326 9.64307 6.78125L14.5874 11.7256C14.6413 11.7795 14.6665 11.8215 14.6782 11.8496V11.8506C14.693 11.8861 14.7017 11.9259 14.7017 11.9746C14.7017 12.0233 14.693 12.0631 14.6782 12.0986V12.0996C14.6665 12.1277 14.6413 12.1697 14.5874 12.2236L9.61865 17.1924C9.54088 17.2702 9.47374 17.292 9.39307 17.2891C9.29904 17.2856 9.21818 17.2537 9.13232 17.168C9.0542 17.0898 9.02295 17.013 9.02295 16.9121C9.02295 16.8112 9.0542 16.7344 9.13232 16.6562L13.814 11.9746L9.10693 7.26758C9.02927 7.18988 9.00733 7.12357 9.01025 7.04297C9.0137 6.9487 9.04627 6.86731 9.13232 6.78125C9.21025 6.70344 9.28662 6.67293 9.38721 6.67285Z" fill="black" stroke="black"/></svg>');
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 8px;
  }
  
  .darkmode .tlg-card-tag {
    border-color: rgba(255, 255, 255, 0.5);
  }
  
  .darkmode .tlg-card-reading {
    opacity: 0.9;
  }
  
  @media (max-width: 767px) {
    .tlg-card-title {
      font-size: var(--Typography-Size-H4, 24px) !important;
      letter-spacing: -0.96px !important;
    }
  }