.pls-faq__sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }
    
    /* HERO */
    .pls-faq__hero {
      position: relative;
      background: var(--pls-hero-img) center/cover no-repeat;
      min-height: 300px;
      display: flex;
      align-items: center;
    }
    
    .pls-faq__hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(8, 20, 33, .92) 0%, rgba(8, 20, 33, .78) 40%, rgba(8, 20, 33, .25) 100%);
    }

    .pls-faq__hero-inner {
      position: relative;
      z-index: 1;
      padding: 56px 20px;
    }
    
    .pls-faq__hero-title {
      color: #fff;
      font-size: clamp(34px, 5vw, 52px);
      font-weight: 700;
      margin: 0 0 14px;
      line-height: 1.1;
    }
    
    .pls-faq__hero-text {
      color: #e6edf3;
      font-size: 16px;
      line-height: 1.55;
      max-width: 430px;
      margin: 0 0 22px;
    }
    
    /* INTRO */
    .pls-faq__search {
      position: relative;
      max-width: 640px;
      margin: 0 0 20px;
      display: flex;
      gap: 20px;
    }
    
    .pls-faq__search .pls-faq__input_box{
      width: 90%;
    }
    
    .pls-faq__search #plsFaqSearchClear{
      width: 10%;
    }
    
    .pls-faq__search-icon {
      position: absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--pls-muted);
    }
    
    .pls-faq__results{
        display:flex;
        width: 100%;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }
    
    .pls-faq__search-input {
      width: 100%;
      height: 48px;
      padding: 0 16px 0 42px!important;
      border-radius: 6px!important;
      border: 1px solid rgba(112, 124, 138, 0.30)!important;
      font-size: 20px;
      color: #707C8A;
      outline: none;
      transition: border-color .2s ease, box-shadow .2s ease;
    }

    .pls-faq__search-input::placeholder {
      color: #9aa7b3;
    }
    
    .pls-faq__search-input:focus {
      border-color: var(--pls-blue);
      box-shadow: 0 0 0 3px rgba(26, 160, 220, .15);
    }
    
    .pls-faq__topics-label {
        color: #707C8A;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; 
        margin-bottom: 12px;
    }

    .pls-faq__tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      padding-bottom: 40px;
    }
    
    .pls-faq__tab{
        display: inline-block;
        padding: 4px 12px;
        border: 1px solid #707c8a;
        border-radius: 8px;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        color: #707C8A;
        text-decoration: none;
        transition: all .2s ease;
        font-weight: 400;
        line-height: 150%;
    }
    
    .pls-faq__tab:hover,.pls-faq__tab:focus{
        background: #54B1F3;
        border: 1px solid #54b1f3;
    }

    /* LIST (dark) */
    .pls-faq__list-section {
       background: #000E21;
       padding-bottom: 40px;
    }
    
    .pls-faq__recent-label {
        padding-top: 40px;
        color: #E2E2E2;
        text-align: justify;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 12px;
    }
    
    .pls-faq__list{
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .pls-faq__item{
        background: #FFF;
        border-radius: 4px 4px 0px 0px;
    }
    
    .pls-faq__item-head {
      margin: 0;
    }

    .pls-faq__q {
      width: 100%;
      box-sizing: border-box; 
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      background: none;
      border: 0;
      padding: 12px;
      border-radius: 4px 4px 0px 0px;
      font-size: 20px;
      border-bottom: 1px solid #707C8A;
      font-family: Roboto;
      font-weight: 400;
      color: #0F0F10;
      text-align: left;  
      white-space: normal;
    }
    
    .pls-faq__q span {
      min-width: 0;                      /* THE key fix — lets the flex item shrink */
      overflow-wrap: anywhere;           /* break long words/strings if needed */
    }
    
    .pls-faq__q:hover, .pls-faq__q:focus{
        background-color: #fff;  
        color:#0F0F10;
    }
    
    .pls-faq__chev {
      flex: none;
      color: #707C8A;
      transition: transform .25s ease;
    }
    
    .pls-faq__q[aria-expanded="true"] .pls-faq__chev{
      transform: rotate(180deg);
    }
    
    .pls-faq__a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .3s ease;
    }

    .pls-faq__a-inner {
      padding: 12px;
      color: #0F0F10;
      font-size: 20px;
      line-height: 30px;
      overflow-wrap: anywhere;
    }
    
    .pls-faq__a-inner p {
      margin: 0 0 10px;
    }
    
    .pls-faq__a-inner p:last-child {
      margin-bottom: 0;
    }

    
    .pls-faqnoresult-text1{
        color: #0F0F10;
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.15px; 
        margin-bottom: 6px;
    }
    
    .pls-faqnoresult-text2{
        color: #707C8A;
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; 
        margin: 0;
    }
    
    .pls-faq__noresults{
       background: #fff; 
    }
    
    .pls-faqnoresult-img-main{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 32px;
        border-radius: 4px;
        margin-bottom: 32px;

    }
    .pls-faqnoresult-img-main img{
        width: 120px;
        margin-bottom: 20px;
    }
    
    #plsFaqResults:empty {
        margin: 0;
    }

    .pls-faq__container{
        padding-top: 60px;
    }
    
     .pls-info-banner {
      position: relative;
      overflow: hidden;
      background: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/05/Box-Actual.svg");
      border-radius: 12px;
      padding: 32px;
      min-height: 296px;
      box-sizing: border-box;
      margin: 40px 0;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    .pls-info-banner:hover{
        background: url("https://new.pls-solicitors.co.uk/wp-content/uploads/2026/05/Box-Hover-without-border.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    

    .pls-info-banner__content {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 10px;
    }

    .pls-info-banner__icon {
      width: 90px;
      margin-bottom: 10px;
    }
    
    .pls-info-banner__icon svg {
        width: 100%; 
        height: auto; 
        display: block; 
    }
    
    .pls-info-banner__title {
        color: #0F0F10;
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 6px;
    }
    
    .post-type-archive-faq .pls-banner__content .banner-hero-buttons .btn.primary:after{
        transform: scale(0.8);
        margin-top: 2px;
    }

    .pls-info-banner__text {
         color: #707C8A;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 32px;
    }
    
    .pls-info-banner__link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-align: right;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%; /* 24px */
      text-transform: uppercase;
      text-decoration: none;
      color: #54B1F3;
      transition: color 0.2s ease, gap 0.2s ease;
    }
    .pls-info-banner__link:hover {
      color: #54B1F3;
      opacity: 0.8;
    }
    
      .pls-info-banner__link:hover svg{
          transform: translateX(3px);
        transition: transform .25s;
    }
    
.pls-info-banner__content_text{
    text-align: center;
}

@media (max-width:600px){
    .pls-faq__hero-inner{
       padding: 40px 20px;
    }
  
    .pls-faq__recent-label{
        padding-top: 16px;
        font-size: 14px;
    }
  
    .pls-info-banner__content_img{
       width: 28%;  
    }
    
    .pls-faq__container {
        padding-top: 22px;
    }
    
    .pls-faq__tab{
        font-size: 14px;
        padding: 2px 10px;
    }
        
    .news-filter__clear{
        font-size: 14px;
        line-height: 21px;
        padding: 2px 10px;
    }
    .e-con-inner.pls-faq__container{
        padding-top: 16px;
    }
    
    .pls-faq__list-section{
        padding-bottom: 16px;
    }
  
    .pls-faqnoresult-img-main img {
        width: 60px;
        margin-bottom: 12px;
    }

    .pls-faq__topics-label{
        font-size: 14px; 
    }
    
    .post-type-archive-faq .pls-banner__content .banner-hero-buttons{
        justify-content: flex-start;
    }
    
    .pls-info-banner{
       padding: 12px; 
       min-height: 118px;
       margin: 16px 0 32px;
       background: #FDE3E3;
       border-radius: 6px;
    }
    
    .pls-info-banner__title{
        font-size: 14px;
        margin-bottom: 4px;
    }
    
    .pls-info-banner__text{
        font-size: 12px; 
        margin-bottom: 12px;
    }

    .pls-info-banner__link{
        gap: 4px;
        font-size: 14px;
    }
    
    .pls-info-banner__content_text{
        text-align: left;
    }
    
    .pls-info-banner__icon {
        width: 66px;
    }
    
    .pls-info-banner__content{
        flex-direction: row;
        align-items: flex-start;
    }
    
    .pls-faqnoresult-text1{
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .pls-faq__list{
        gap: 16px;
    }
    
    .pls-faqnoresult-text2{
        font-size: 12px;
    }
  
  .pls-faq__a-inner p,.pls-faq__a-inner ul{
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.15px;
    font-family: Roboto;
  }
  
  .pls-faq__search #plsFaqSearchClear{
      display:none;
  }
  
  .pls-faqnoresult-img-main{
    min-height: 180px;
  }
  
  .post-type-archive-faq .e-con-inner{
      padding-left:16px;
      padding-right:16px;
  }

  .pls-faq__q{
    font-size: 14px;
    padding: 12px;
    line-height: 21px;
  }
  .pls-faq__search .pls-faq__input_box{
      width: 100%;
  }
  .pls-faq__search-input{
    height: 40px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .pls-faq__search{
   margin: 0 0 16px;
  }
  
  .pls-faq__tabs{
    row-gap: 8px;   
    column-gap: 6px;
    padding-bottom: 16px;
  }
  
  .pls-faq__search-input{
    height: 40px;
  }
  
  .pls-faq__search-icon{
        width: 20px;
  }
}