@media (min-width: 1024px) {

          #gallery.splide .splide__track .splide__list .splide__slide {
                    margin-bottom: 2.5rem;
          }
}

          #gallery.splide .splide__track .splide__list .splide__slide > img {
          margin-left: auto;
          margin-right: auto;
          height: 414px;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover;
}
    #gallery.splide .splide__arrows {
          position: absolute;
          top: 50%;
          z-index: 20;
          display: inline-flex;
          width: 100%;
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          justify-content: space-between;
}
    #gallery.splide .splide__arrows .splide__arrow {
          position: relative;
          height: 44px;
          width: 38px;
          background-color: transparent;
          opacity: 1;
}
    #gallery.splide .splide__arrows .splide__arrow::before {
          content: "";
          background-image: url(../../../assets/svg/bg-polygon.svg);
          position: absolute;
          top: 50%;
          left: 50%;
          height: 100%;
          width: 100%;
          --tw-translate-y: -50%;
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          border-style: none;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
        }
    #gallery.splide .splide__arrows .splide__arrow::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 10;
          height: 100%;
          width: 1.25rem;
          --tw-translate-y: -50%;
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          border-style: none;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
        }
    #gallery.splide .splide__arrows .splide__arrow svg {
          display: none;
}
    #gallery.splide .splide__arrows .splide__arrow--prev {
          left: calc(0px - (38px / 2));
        }
    #gallery.splide .splide__arrows .splide__arrow--prev::after {
            background-image: url(../../../assets/svg/arrow-back-white.svg);
          }
    #gallery.splide .splide__arrows .splide__arrow--next {
          right: calc(0px - (38px / 2));
        }
    #gallery.splide .splide__arrows .splide__arrow--next::after {
            background-image: url(../../../assets/svg/arrow-next-white.svg);
          }
    #gallery.splide .splide__pagination {
          margin-top: 2.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0.75rem;
}
    #gallery.splide .splide__pagination li {
          position: relative;
          height: 1.25rem;
          width: 1.25rem;
}
    #gallery.splide .splide__pagination li button {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: 0px;
          --tw-translate-y: -50%;
          --tw-translate-x: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          opacity: 0.3;
          background-image: url(../../../assets/svg/octogone.svg);
}
    #gallery.splide .splide__pagination li button.is-active {
          height: 100%;
          width: 100%;
          opacity: 1;
            background-image: url(../../../assets/svg/octogone-active.svg);
}
