.reviews-slider-block-inner {
	text-align: center;
  max-width: var(--wp--style--global--wide-size) !important;
}

.stars {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  gap:4px;
  .star{
    width:21px;
    height:18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='21' height='18'%3E%3Cpath fill='%23E3BE40' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
  }
}

.reviews-slider-block{
  .text-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 850px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
      h2, .is-label {
        margin-top: 0;
      }
  }
  .reviews-slider-grid {
    max-width: 100%;
    .item{
      box-sizing: border-box;
      padding: 24px 28px;
      border-radius: 10px;
      border: 1px solid #DBDDDD;
      background: #FFF;
      opacity:0.4;
        &.is-active{
          opacity:1;
          background-color: var(--wp--preset--color--green);
          color: var(--wp--preset--color--white);
          .reviews-slider-card__name,
          .reviews-slider-card__date,
          .reviews-slider-card__meta,
          .reviews-slider-card__meta-item,
          .reviews-slider-card__label,
          .reviews-slider-card__location,
          .reviews-slider-card__body{
            color: var(--wp--preset--color--white);
          }
          .reviews-slider-card__divider{
            border-top-color: rgba(255, 255, 255, 0.4);
          }
        }
        .text-container {
          position: static;
          text-align: left;
          max-width: none;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
          &:before,
          &:after{
            content: none;
          }
        }
    }
    .reviews-slider-card__top{
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.5rem 1rem;
      margin-bottom: 0.5rem;
    }
    .reviews-slider-card__name{
      margin: 0;
      font-family: var(--wp--preset--font-family--work-sans);
      font-size: 18px;
      font-weight: var(--wp--custom--font-weight--extra-bold);
      line-height: var(--wp--custom--line-height--heading);
      color: var(--wp--preset--color--secondary);
    }
    .reviews-slider-card__date{
      flex-shrink: 0;
      font-size: var(--wp--preset--font-size--small-medium);
      color: var(--wp--preset--color--gray);
    }
    .reviews-slider-card__meta{
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.35rem 1rem;
      font-size: var(--wp--preset--font-size--small-medium);
      line-height: var(--wp--custom--line-height--medium);
      color: var(--wp--preset--color--gray);
    }
    .reviews-slider-card__meta-info{
      display: flex;
      flex-direction: column;
      gap: 0.15rem;
    }
    .reviews-slider-card__meta-item{
      color: var(--wp--preset--color--gray);
    }
    .reviews-slider-card__label{
      font-weight: var(--wp--custom--font-weight--semi-bold);
      color: var(--wp--preset--color--gray);
      margin-right: 0.15rem;
    }
    .reviews-slider-card__location{
      flex-shrink: 0;
      color: var(--wp--preset--color--gray);
    }
    .reviews-slider-card__divider{
      border: 0;
      border-top: 1px solid var(--wp--preset--color--tertiary);
      margin: 1rem 0;
      height: 0;
    }
    .reviews-slider-card__body{
      font-size: var(--wp--preset--font-size--medium);
      line-height: var(--wp--custom--line-height--medium);
      color: var(--wp--preset--color--gray);
    }
    .reviews-slider-card__body :where( p ):last-child{
      margin-bottom: 0;
    }
    .splide-custom-nav{
      position: relative;
      margin: 32px auto 0;
      height: 46px;
      max-width: var(--wp--style--global--content-size);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 36px;
      .reviews-slider-cta__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 32px;
        height: 46px;
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
        font-size: 16px;
        font-weight: var(--wp--custom--font-weight--semi-bold);
        line-height: 1;
        border-radius: 6px;
        text-decoration: none;
        transition: background-color 0.2s ease;
        &:hover,
        &:focus {
          background-color: color-mix(in srgb, var(--wp--preset--color--primary) 85%, black);
          color: var(--wp--preset--color--white);
          text-decoration: none;
        }
      }
      .splide__arrows{
        position: absolute;
        right: 36px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-wrap: nowrap;
        gap: 23px;
          .splide__arrow {
            align-items: center;
            background: #fff;
            border: solid 1px var(--wp--preset--color--primary);
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            height: 46px;
            position: static;
            transform: translateY(0);
            transition: all ease-in-out 0.3s;
            opacity: 1;
            width: 46px;
              svg{
                width:14px;
                height:16px;
                fill:var(--wp--preset--color--primary);
              }
              &:hover:not(.splide__arrow--next){
                  background:var(--wp--preset--color--primary);
                  transition: all ease-in-out 0.3s;
                  svg{
                    fill: var(--wp--preset--color--white);
                  }
              }
              &.splide__arrow--next:not(:hover){
                background:var(--wp--preset--color--primary);
                  transition: all ease-in-out 0.3s;
                  svg{
                    fill: var(--wp--preset--color--white);
                  }
              }
          }
      }
    }
  }
}

@media (max-width: 1100px) {
  .reviews-slider-block .splide-custom-nav {
    padding: 0 16px;
  }
}

@media (max-width: 600px) {
  .reviews-slider-block .splide-custom-nav {
    justify-content: space-between !important;
    padding: 0 16px !important;
    height: auto;
  }
  .reviews-slider-block .splide-custom-nav .reviews-slider-cta__btn {
    height: 52px;
  }
  .reviews-slider-block .splide-custom-nav .splide__arrows {
    position: static !important;
    transform: none !important;
    top: auto;
    right: auto;
    gap: 12px !important;
  }
  .reviews-slider-block .splide-custom-nav .splide__arrow {
    width: 30px !important;
    height: 30px !important;
  }
}