.swiper-container .text-center h2.text-center{
  margin-bottom:58px;
  color: #fafafa !important;
}

.userful-slide .row-item .feature-block .customer-logo{
  height:30px !important;
  width:auto !important;
}

.userful-slide .row-item .feature-block {

    height: 100%;
    padding: 30px;
    border: 1px solid #dfe0e3;
    border-radius: 8px;
    background-color: #252525;
    border: 1px solid rgba(125, 125, 125, 0.5);
    color: #fafafa !important;
    opacity: 0.2

}

.quoteDiscriptionUserfulSlide,
.author-block .dark-text,.dark-text{
  color: #fafafa !important;
}

.userful-slide .row-item{
  height: 100%;
}

.userful-slide .row-item .feature-block{
  position:relativee;
}
.light-text, .author-2 strong {color:#fafafa !important;}

.author-block{
position:absolute;;
  bottom:10px;
   color: #fafafa !important;
}
.quoteDiscriptionUserfulSlide{
  margin-bottom:100px !important;
}

.swiper-slide {
    width: 33% !important;
    /* Shows 3 slides at a time */
    box-sizing: border-box;
    padding: 20px;
    height: auto !important;
    /* Allow slides to grow based on content */
    transition: transform 0.3s ease;
    /* Smoother transition */
  padding:20px 10px !important;
}

/* my code */
.swiper-container{
    width: 80% !important;
    overflow: hidden !important;
    margin: 0 auto  !important;
  position: relative;
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 18px !important;
}

.swiper-slide-active+.swiper-slide {
    position: relative;
    z-index: 1000;
}

.swiper-slide-active+.swiper-slide .row-item {
    position: absolute;
    top: 0;
    right: -60px;
    left: -60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.swiper-slide-active + .swiper-slide .row-item .feature-block{
   opacity: 1
}


.swiper-button-next svg, .swiper-button-prev svg{
  width: 50% !important;
  height: 50% !important;
}

/* my code ends */



.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 65%) !important;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    color: #8d8d94 !important;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: none;
}

.swiper-button-prev {
    left: 0px;
}

.swiper-button-next {
    right: 0px;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 
  
}

@media (max-width: 821px){
.swiper-slide-active+.swiper-slide .row-item {
width: 150% !important;
  }
}

@media (max-width: 768px) {
    .swiper-slide{
        width: 100% !important;
        
        /* Shows 1 slide at a time on mobile */
    }
  
  .userful-slide .row-item .feature-block{
    opacity: 1
  }
  
  .swiper-slide-active+.swiper-slide .row-item {
      position: unset;
    z-index: unset;!important;
   
}
  
.swiper-button-prev {
    left: 10px;
}

}