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

.gallery-slider-block{
  position: relative;
  &.has-background{
    background-color: transparent !important;
  }
  .bg-out{
    position: absolute;
    top: 0;
    left: 50%;
    bottom:250px;
    width: 100vw;
    max-width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
  }
  .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;
      }
  }
  .gallery-slider-grid {
    max-width: 100%;
    .splide__list{
      align-items:center;
    }
    .item{
      .img-holder{
        box-sizing: border-box;
        padding: 0;
        background: var(--wp--preset--color--light-gray);
        width:calc((var(--wp--style--global--wide-size) - 18px) * 0.31);
        aspect-ratio: 1/0.965;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
          img{
            position: absolute;
            height: 100%;
            width: 100%;
            object-fit: cover;
            top: 0;
            left: 0;
          }
      }
      &.is-active{
        .img-holder{
          width:calc((var(--wp--style--global--wide-size) - 18px) * 0.3546);
          aspect-ratio: 1/1.058;
        }
      }
    }
    .splide-custom-nav{
      max-width: var(--wp--style--global--wide-size);
      margin:0 auto;
      .splide__arrows{
        position: relative;
        margin:-40px auto 0;
        height:46px;
        max-width: calc(((var(--wp--style--global--wide-size) - 18px ) * 0.35) + 240px);
        display: flex;
        justify-content: end;
        flex-wrap: nowrap;
        gap: 7px;
          .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: 850px) {
  .gallery-slider-block{
    .gallery-slider-grid {
      .splide__list{
        align-items:end;
      }
      .splide-custom-nav{
        .splide__arrows{
          margin:22px auto 0;
          max-width: 100%;
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .gallery-slider-block{
    .gallery-slider-grid {
      .item{
        .img-holder{
          width:calc((100vw - 18px) * 0.51);
        }
        &.is-active{
          .img-holder{
            width:calc((100vw - 18px) * 0.58);
          }
        }
      }
    }
  }
}