/***Splide Slider***/
@keyframes splide-loading {
   0% {
      transform: rotate(0);
   }

   to {
      transform: rotate(1turn);
   }
}

.splide__container {
   position: relative;
   box-sizing: border-box;
}

.splide__list {
   margin: 0 !important;
   padding: 0 !important;
   width: -webkit-max-content;
   width: max-content;
   will-change: transform;
}

.splide.is-active .splide__list {
   display: flex;
}

.splide__pagination {
   display: inline-flex;
   align-items: center;
   width: 100%;
   flex-wrap: wrap;
   justify-content: center;
   margin: 0;
}

.splide__pagination li {
   list-style-type: none;
   display: inline-block;
   line-height: 1;
   margin: 0;
}

.splide {
   visibility: hidden;
}

.splide,
.splide__slide {
   position: relative;
   outline: none;
}

.splide__slide {
   box-sizing: border-box;
   list-style-type: none !important;
   margin: 0;
   flex-shrink: 0;
}

.splide__slide img {
   vertical-align: bottom;
}

.splide__slider {
   position: relative;
}

.splide__spinner {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   display: inline-block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 2px solid #999;
   border-left-color: transparent;
   animation: splide-loading 1s linear infinite;
}

.splide__track {
   position: relative;
   z-index: 0;
   overflow: hidden;
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
   -webkit-user-select: none;
   user-select: none;
}

.splide--fade>.splide__track>.splide__list {
   display: block;
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   opacity: 0;
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
   position: relative;
   z-index: 1;
   opacity: 1;
}

.splide--rtl {
   direction: rtl;
}

.splide--ttb>.splide__track>.splide__list {
   display: block;
}

.splide--ttb>.splide__pagination {
   width: auto;
}

.splide__arrow {
   position: absolute;
   z-index: 1;
   top: 50%;
   transform: translateY(-50%);
   width: 2em;
   height: 2em;
   /* border-radius: 50%; */
   display: flex;
   align-items: center;
   justify-content: center;
   border: none;
   padding: 0;
   opacity: 0.7;
   background: #494948;
}

.splide__arrow svg {
   width: 1.2em;
   height: 2em;
}

.splide__arrow:hover {
   cursor: pointer;
   opacity: 0.9;
   background-color: #000;
   color: #fff;
}

.splide__arrow:focus {
   outline: none;
}

.splide__arrow--prev {
   left: 1em;
}

.splide__arrow--prev svg {
   transform: scaleX(-1);
}

.splide__arrow--next {
   right: 1em;
}

/* .splide__pagination {
   position: absolute;
   z-index: 1;
   bottom: 0.5em;
   left: 50%;
   top: 105%;
   transform: translateX(-50%);
   padding: 0;
} */

.splide__pagination__page {
   display: inline-block;
   margin: 8px;
   padding: 0px;
   transition: transform .2s linear;
   border: none;
   background: #888888;
   border-radius: 99px;
   width: 35px;
   height: 5px;
}

.splide__pagination__page.is-active {
   transform: scale(2);
   background: #494948;
}

.splide__pagination__page:hover {
   cursor: pointer;
   /* opacity: 0.9; */
}

.splide__pagination__page:focus {
   outline: none;
}

.splide__progress__bar {
   width: 0;
   height: 3px;
   background: #ccc;
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
   border: 3px solid transparent;
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
   border-color: #000;
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
   outline: none;
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
   right: 1em;
   left: auto;
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
   transform: scaleX(1);
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
   left: 1em;
   right: auto;
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
   transform: scaleX(-1);
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
   left: 50%;
   transform: translate(-50%);
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
   top: 1em;
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
   transform: rotate(-90deg);
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
   top: auto;
   bottom: 1em;
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
   transform: rotate(90deg);
}

.splide--ttb>.splide__pagination {
   display: flex;
   flex-direction: column;
   bottom: 50%;
   left: auto;
   right: 0.5em;
   transform: translateY(50%);
}

/***End Splide Slider***/