.case-study-intro-block {
    padding-top: clamp(48px, 6vw, 81px);
  }
      .left-title{
          color:#2B2B6B;
          font-family: 'Proxima Nova Semibold';
          font-size: 32px;
          font-style: normal;
          font-weight: 600;
          line-height: 40px;
          margin-bottom: 43px;
      }
      .right-title{
          font-size: 32px;
          font-family: 'Proxima Nova Semibold';
          font-weight: 600;
          color: #1E1E1E;
          margin-bottom: 37px;
      }
      .cs-pill{
      font-family: 'Proxima Nova Semibold';
      border:1px solid #3C3C3C;
      border-radius:999px;
      padding:.65rem 1.25rem;
      font-size:20px;
      font-weight:600;
      background:#fff;
      display:inline-block;
      line-height:28px;
      color:#08081A;
       
    }
    .cs-pills{
       column-gap:0.7rem; 
       row-gap:1rem; 
       margin-bottom: 37px;
      }
    /* Force wrap to 2 lines by inserting a flex-break element */
    .flex-break{
      flex-basis:100%;
       height:0
      }
    /* Consistent horizontal + vertical spacing for pills and equal bottom gap after first row */
    /* Meta table borders that fit content height */
    .cs-meta .row{ 
      position:relative; 
    }
    .cs-meta .row::before{ 
      content:"";
      position:absolute;
      left:0;
      right:0; 
      top:0;
      height:1px; 
      background:#3C3C3C;
      }
    .cs-meta .row:first-child::before{ 
      display:block; 
    }
    .cs-meta .row + .row::before{ 
      display:block; 
    }
    .cs-meta .row:last-child::after{
       content:"";
       position:absolute;
       left:0; right:0;
       bottom:0; height:1px;
       background:#3C3C3C; 
      }
    .cs-label small{
      font-family: 'Proxima Nova Semibold';
       color: #1e1e1e !important;
       font-weight:600; 
       font-size:1.25rem;
      line-height:28px; 
      }
    /* Align divider lines with container gutters */
    .intro-sec .cs-meta .row::before,
    .intro-sec .cs-meta .row:last-child::after{ 
       left: calc(var(--bs-gutter-x, 1.5rem) / 2);
       right: calc(var(--bs-gutter-x, 1.5rem) / 2);
       }
    intro-sec .container{
       padding-left:0 !important; 
      }
    .intro-sec .what-we-did{
       padding-right:0;
       padding-inline-end:0; }
       .client-profile p{
          color: #3C3C3C;
          
          font-family: "Proxima Nova Rg";
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px;
  
       }
       .technology-values,.lang_values,.system_values{
        color:#DC3221
       }
       .services-delivered{
        padding-right:6.5rem;
       
       }
       /* .technology-values{
        margin-top:22px;
       } */
    @media (min-width: 768px){
       .intro-sec .what-we-did{
         padding-right:4rem;
         padding-inline-end:4rem; } 
        }
    @media (min-width: 992px){
       .intro-sec .what-we-did{
         padding-right:8rem;
         padding-inline-end:8rem; } }
    @media (min-width: 1200px){
       .intro-sec .what-we-did{
         padding-right:11rem;
         padding-inline-end:11rem; } }
    /* When columns stack, add space above Client Profile */
    @media (max-width: 991.98px){ 
      .intro-sec .client-profile{ 
        margin-top: 2.5rem; 
    } }
    @media (max-width: 768px){
      .case-study-intro-block .right-title{
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
      }
      .cs-pill{
        font-size: 16px;
        line-height: 24px;
        padding:.5rem 1rem;
      }
      .cs-pills{
        column-gap:0.5rem;      
        row-gap:0.5rem;  
        margin-bottom: 20px;
      }
      .cs-meta .row{
        padding:.5rem 1rem;
      }
      .client-profile p{
        font-size: 16px;
        line-height: 24px;
      }
      .technology-values{
        font-size: 16px;
        line-height: 24px;
      }
      .client-profile .left-title{
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
      }
      .cs-meta .row {
      padding:0px;
    }

    }
    @media (max-width: 568px){
      .services-delivered {
        padding-right: 0;}
    
    .cs-meta .row .col-sm-9,.cs-meta .row .col-sm-3 {
      width: 100%;
    }
    .technology-values,.lang_values,.system_values{
      margin-top:4px;
     }
  }
  
    @media (max-width: 368px){
      .cs-pill{
        padding:.3rem .8rem;
        font-size: 14px;
        line-height: 20px;
      }
      .cs-pills{
        column-gap:0.3rem;      
        row-gap:0.3rem;  
        margin-bottom: 10px;
      }
    }