/* Default Theme Styles */
/* .splide-theme-default .splide__slide {
  background-color: white;
  color: black;
} */


/* Client Slider CSS Start */
.client-container .splide-theme-default .splide__slide{
  background: #1E202329;
  text-align: center;
  vertical-align: middle;
  padding: 15px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

/* .splide-theme-default .splide__slide img{
  aspect-ratio: 3/2;
  object-fit: contain;
  width: 90%;
} */

.client-container .splide-theme-default .splide__slide::before{
  /* background: linear-gradient(178deg, #4e485e 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #0e0421, #0e0421); */
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 27.61%, rgba(255, 255, 255, 0.2) 118.66%), linear-gradient(0deg, #0e0421, #0e0421);
  border-radius: 4px;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  position: absolute;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: luminosity;
  opacity: .6;
}
.client-container .splide-theme-default .splide__slide::after{
    background: #000000;
    border-radius: 4px;
    display: block;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 0;
    z-index: -1;
    content: "";
    position: absolute;
}

.client-container .splide-theme-default .splide__list,
.integration-container .splide-theme-default .splide__list{
  gap: 30px;
}

.client-container .splide-theme-default .splide__slide h2,
.client-container .splide-theme-default .splide__slide p,
.integration-container .splide-theme-default .splide__slide h2,
.integration-container .splide-theme-default .splide__slide p{
  margin: 0px;
}

/* Client Slider CSS End */


/* Integration Slider CSS Start */
.integration-container .splide-theme-default .splide__slide{
  /* background: linear-gradient(180deg, #16191C 0%, rgba(30, 32, 35, 0) 100%); */
  background: transparent;
  padding: 15px 20px;
  position: relative;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.integration-container .splide-theme-default .splide__slide::after{
  content: '';
  position: absolute;
  top: 40%;
  right: 20px;
  background-image: url('../images/right-arrow.svg');
  height: 13px;
  width: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}
.integration-container .splide--rtl.splide-theme-default .splide__slide{
  text-align: left;
  flex-direction: row-reverse;
}

.integration-container .splide-theme-default .splide__slide::before {
  content: "";
  position: absolute;
  /* background-color: #000000; */
  background: linear-gradient(180deg, #16191C 0%, rgba(30, 32, 35, 0) 100%);
  border-radius: 18px;
  left: 1px;
  top: 1px;
  z-index: -1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  /* transition: 0.3s ease all; */
  border-radius: 4px;
}

.integration-container .splide--rtl.splide-theme-default .splide__slide::after{
  right: 0px;
}

.integration-container .splide-theme-default .splide__slide::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, #29d5e0 14.04%, #1b9af6 58.53%, #1f4ef0 100%);
  border-radius: 4px;
  z-index: -2;
  opacity: 0;
  /* transition: opacity 0.3s ease; */
  /* transition: 0.3s ease all; */
}
.integration-container .splide-theme-default .splide__slide:hover::after{
  opacity: 1;
}
.integration-container .splide-theme-default .splide__slide svg path{
  transition: 0.3s ease all;
}
.integration-container .splide-theme-default .splide__slide:hover svg path{
  fill: #ffffff;
  transition: 0.3s ease all;
}
.integration-container .splide-theme-default .splide__slide:hover::before{
  background-color: #000000;
}
/* Integration Slider CSS End */