.rpi-based span {
    display: none;
  }
  .rpi-based {
    flex-direction: row;
  }
  .rpi-header {
    margin: auto !important;
    font-family: DomaineDisp, Danzza, sans-serif;
    width: 100% !important;
  }
  .rpi-header h2 {
    margin: 0;
    margin-bottom: 0
  }
  .rpi-header .rpi-info {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .rpi-header .rpi-flex {
    overflow: visible;
  }
  
  .rpi-header .rpi-rating-value, .rpi-header .rpi-star[data-rating]::before, .rpi-header .rpi-star:nth-child(1)::before, .rpi-based {
    color: #007e72 !important;
    font-size: 1.875rem !important;
    line-height: 100% !important;
    font-weight: 600 !important;
    margin: 0 5px 0 10px !important;
    display: inline-block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: Danzza, sans-serif;
  }
  
  .rpi-header .rpi-star::after {
    background-color: #ffcb1f;
    display: inline-block !important;
    width: 30px ;
    height: 30px ;
    margin: 0 4px 2px 0 !important;
  }
  .rpi-info .rpi-stars .rpi-star:after {
      background-color: #ffcb1f;
  }
  .rpi-cnt {
    flex-direction: column !important;
  }
  .rpi-slider-prev .material-icons:after, .rpi-slider-next .material-icons:after{
      font-family: icomoon;
      color: #f7acb4;
      content: "\e002";
      z-index: -1;
      font-size: 40px;
      position: absolute;
      top: -6px;
      left: -6px;
  }
  .rpi-slider-prev, .rpi-slider-next{
      position: relative;
      color: #fff;
      z-index: 10;
      cursor: pointer;
  }
  
  /* Hide content when hide_content attribute is used */
  .rpi-cnt:not(:has(.rpi-content)) .rpi-header {
      margin-bottom: 0;
      padding-bottom: 0;
  }
  .center-reviews-summary > div {
    width: 100% !important;
  }
  .center-reviews-summary div .rpi-info{
      gap: 10px;
      align-items: center;
      font-size: 20px!important;
      background-color: #f5f5f5;
      padding: .8rem 1rem;
      margin: 1rem 0!important;
      flex: unset;
      width: 80%;
  }
  .center-reviews-summary div .rpi-info a{
    color:  #f7acb4 !important;
    text-decoration: underline !important;
}
  /* .center-reviews-summary div .rpi-info:after {
          content: "";
          background-image: url("/wp-content/themes/guardian-elg-child-2019/img/icons/google-review-link.svg");
          background-size: cover;
          width: 30px;
          height: 29px;
          display: block;
          position: relative;
  } */
  .center-reviews-summary div .rpi-info h2,.center-reviews-summary div .rpi-info .rpi-rating-value,.center-reviews-summary div .rpi-info .rpi-star[data-rating]::before,.center-reviews-summary div .rpi-info .rpi-star:nth-child(1)::before, .center-reviews-summary div  .rpi-based{
      font-size: 20px!important;
      margin: 0 !important;
  }
  .center-reviews-summary div .rpi-info .rpi-stars {
      gap:0px;
  }
  .center-reviews-summary div  .rpi-card-inner {
      margin: 0 !important;
      padding: 0 !important;
  }
   .rpi-card-inner .rpi-text{
      color: #777!important;
      line-height: 24px!important;
      font-size: 14px!important;
      min-height: 132px
  }
  .rpi-media {
    display: none !important;
  }
  .rpi-time, .rpi-reply{
      display: none;
  }
  .rpi-logo::before, .rpi-logo_after::after {
      width: 20px;
      height: 20px;
  }
  
  .rpi-card-inner::before {
     display: none;
  }
  .center-reviews-summary div .rpi-logo-google {
      display: none;
  }
  .center-reviews-summary div .rpi-info .rpi-star:after {
      width: 22px;
      height: 22px;
  }
  
  #centre_title .rpi-header h2 {
      font-family: Danzza, sans-serif;
  }
  
  /* -------------------------------- slider -------------------------------- */
  .rpi-content .rpi-cards .rpi-card-inner {
      background: #fff!important;
      border: 1px solid #d1d1d1!important;
  }
  
  .rpi-name {
      display: block!important;
      font-size: 1.25rem!important;
      font-weight: 400!important;
      color: #15254f!important;
      text-decoration: none!important;
      box-shadow: none!important;
      line-height: 1.75rem;
  }
  
  
  /* -------------------------------- Tablet -------------------------------- */
  
  @media (max-width: 768px) {
      .center-reviews-summary div .rpi-info h2,.center-reviews-summary div .rpi-info .rpi-rating-value,.center-reviews-summary div .rpi-info .rpi-star[data-rating]::before,.center-reviews-summary div .rpi-info .rpi-star:nth-child(1)::before, .center-reviews-summary div  .rpi-based{
          font-size: .875rem!important;
          margin: 0 !important;
      }
  
      .center-reviews-summary div .rpi-info .rpi-star:after {
          width: 17px;
          height: 17px;
      }
      .center-reviews-summary {
          margin-top: 3rem;
      }
      .center-reviews-summary .rpi-header h2 {
          font-size: 2.25rem !important;
      }
      
  }
  
  /* -------------------------------- Mobile -------------------------------- */
  
  @media (max-width: 490px) {
  
      .center-reviews-summary .rpi-info h2,.center-reviews-summary .rpi-info .rpi-rating-value,.center-reviews-summary .rpi-info .rpi-star[data-rating]::before,.center-reviews-summary .rpi-info .rpi-star:nth-child(1)::before, .center-reviews-summary  .rpi-based{
          font-size: 20px!important;
          margin: 0 !important;
      }
  
      .center-reviews-summary .rpi-info {
          flex-direction: row;
          padding-left: 10px !important;
          padding-right: 10px !important;
          width: 100% !important;
      }

      .center-reviews-summary .rpi-header_pad{
        padding: 0 !important;
      }

      .center-reviews-summary div .rpi-info:after {
        width: 20px !important;
        height: 19px !important;
      }

      .center-reviews-summary .rpi-star:after {
        width: 15px !important;
        height: 15px !important;
        margin-right: 0 !important;
      }
  
  }


  /* new header layout */



/* Guardian rating header fallback for BRB 2.x */
.rpi-header .rpi-stars .rpi-rating-value {
    display: inline-block !important;
    color: #007e72 !important;
    font-size: 1.875rem !important;
    line-height: 100% !important;
    font-weight: 600 !important;
    margin: 0 5px 0 10px !important;
    font-family: Danzza, sans-serif;
}
.rpi-header .rpi-stars .rpi-star[data-rating]::before {
    content: attr(data-rating) !important;
    display: inline-block !important;
}

/* Guardian legacy centre header stars for BRB 2.x
   BRB 2.x draws .rpi-stars using pseudo-elements, which hides the legacy child
   .rpi-star elements. The Guardian centre header still needs the old individual
   star spans so the numeric rating, half-star, and count match production. */
.rpi-header .rpi-info > .rpi-stars {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    height: auto !important;
    padding-right: 0 !important;
    overflow: visible !important;
    vertical-align: middle !important;
}

.rpi-header .rpi-info > .rpi-stars::before,
.rpi-header .rpi-info > .rpi-stars::after {
    content: none !important;
    display: none !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-star {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-star:first-child[data-rating]::before {
    content: attr(data-rating) !important;
    display: inline-block !important;
    color: #007e72 !important;
    font-size: 1.875rem !important;
    line-height: 100% !important;
    font-weight: 600 !important;
    margin: 0 5px 0 10px !important;
    font-family: Danzza, sans-serif !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-star::after,
.rpi-header .rpi-info > .rpi-stars .rpi-star-h::after,
.rpi-header .rpi-info > .rpi-stars .rpi-star-o::after {
    content: '' !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 4px 2px 0 !important;
    -webkit-mask: url('../../img/icons.svg#rpi-star') no-repeat center / 100% !important;
    mask: url('../../img/icons.svg#rpi-star') no-repeat center / 100% !important;
    background-color: #ffcb1f !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-star-h::after {
    -webkit-mask-image: url('../../img/icons.svg#rpi-star-h') !important;
    mask-image: url('../../img/icons.svg#rpi-star-h') !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-star-o::after {
    -webkit-mask-image: url('../../img/icons.svg#rpi-star-o') !important;
    mask-image: url('../../img/icons.svg#rpi-star-o') !important;
    background-color: #cccccc !important;
}

.rpi-header .rpi-info > .rpi-stars .rpi-based {
    display: inline-flex !important;
    align-items: center !important;
    color: #007e72 !important;
    font-size: 1.875rem !important;
    line-height: 100% !important;
    font-weight: 600 !important;
    margin: 0 0 0 8px !important;
    font-family: Danzza, sans-serif !important;
}

.center-reviews-summary div .rpi-info > .rpi-stars .rpi-star:first-child[data-rating]::before,
.center-reviews-summary div .rpi-info > .rpi-stars .rpi-based {
    font-size: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.center-reviews-summary div .rpi-info > .rpi-stars .rpi-star::after,
.center-reviews-summary div .rpi-info > .rpi-stars .rpi-star-h::after,
.center-reviews-summary div .rpi-info > .rpi-stars .rpi-star-o::after {
    width: 22px !important;
    height: 22px !important;
}

@media (max-width: 768px) {
    .center-reviews-summary div .rpi-info > .rpi-stars .rpi-star:first-child[data-rating]::before,
    .center-reviews-summary div .rpi-info > .rpi-stars .rpi-based {
        font-size: .875rem !important;
    }

    .center-reviews-summary div .rpi-info > .rpi-stars .rpi-star::after,
    .center-reviews-summary div .rpi-info > .rpi-stars .rpi-star-h::after,
    .center-reviews-summary div .rpi-info > .rpi-stars .rpi-star-o::after {
        width: 17px !important;
        height: 17px !important;
    }
}

@media (max-width: 490px) {
    .center-reviews-summary .rpi-info > .rpi-stars .rpi-star:first-child[data-rating]::before,
    .center-reviews-summary .rpi-info > .rpi-stars .rpi-based {
        font-size: 20px !important;
    }

    .center-reviews-summary .rpi-info > .rpi-stars .rpi-star::after,
    .center-reviews-summary .rpi-info > .rpi-stars .rpi-star-h::after,
    .center-reviews-summary .rpi-info > .rpi-stars .rpi-star-o::after {
        width: 15px !important;
        height: 15px !important;
        margin-right: 0 !important;
    }
}