.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: 42px 20px;
      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);
          h3{
            color: var(--wp--preset--color--white);
          }
        }
        h3{
          margin-bottom: 10px;
        }
        .text-container {
          position: relative;
          &:before{
            content: '“';
            position: absolute;
            top: -20px;
            left: 0;
            color:var(--wp--preset--color--tertiary);
            font-family: var(--wp--preset--font-family--work-sans);
            font-size: 40px;
            font-style: normal;
            font-weight: 800;
            line-height: 32px;
            z-index: 1;
          }
          &:after{
            content: '”';
            position: absolute;
            bottom: -40px;
            right: 0;
            color:var(--wp--preset--color--tertiary);
            font-family: var(--wp--preset--font-family--work-sans);
            font-size: 40px;
            font-style: normal;
            font-weight: 800;
            line-height: 32px;
            z-index: 1;
          }
        }
    }
    .splide-custom-nav{
      .splide__arrows{
        position: relative;
        margin:32px auto 0;
        height:46px;
        max-width: var(--wp--style--global--content-size);
        display: flex;
        justify-content: end;
        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-grid {
    .splide-custom-nav{
      .splide__arrows{
        padding:0 36px;
      }
    }
  }
  .reviews-slider-block{
    .text-container {
      max-width: 100%;
      padding-left:12px;
      padding-right:12px;
      box-sizing: border-box;
    }
  }
}