/* success-story-wrap */
.success-story-wrap .single-success-story {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.success-story-wrap .single-success-story .success-story-thumb,
.success-story-wrap .single-success-story .success-story-thumb {
    /* height: 540px; */
    height: 450px;
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    transition: all .5s ease;
}
.success-story-wrap .single-success-story:hover .success-story-thumb {
    transform: scale(1.1);
}
.success-story-wrap .single-success-story .service-content {
    width: 100%;
    background: transparent;
    color: #fff;
    padding: 0px 30px 30px 30px;
    /* bottom: -60px; */
    transition: all .5s ease;
}
.success-story-wrap .single-success-story .service-content h3{
    font-size: 32px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #fff;
}
.success-story-wrap .single-success-story .service-content .learn-btn {
    color: #fff;
    background-color: #000;
    display: inline-block;
    padding: 10px 20px;
    /* opacity: 0;
    visibility: hidden; */
    transition: all .5s ease;
}
.success-story-wrap .single-success-story:hover  .service-content{
    bottom: 0;
}
.success-story-wrap .single-success-story:hover .service-content .learn-btn{
    opacity: 1;
    visibility: visible;
}
.success-story-wrap .single-success-story:hover .service-content .learn-btn:hover{
    background-color: #ebff4b;
    color: #000;
}
.success-story-wrap .single-success-story:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    opacity: .9;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
    transition: all .5s ease;
}
.success-story-wrap .single-success-story:hover:after{
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.736) 80%);
    /* transition: all .5s ease; */
    /* opacity: 0; */
}
/* swiper-button */
.success-story-wrap .swiper-button-next::after, 
.success-story-wrap  .swiper-button-prev::after, 
.swiper-button-next-testi::after, 
.swiper-button-prev-testi::after
{
    content: "";
}
.success-story-wrap .swiper-button-prev, 
.success-story-wrap  .swiper-button-next,
.swiper-button-prev-testi,
.swiper-button-next-testi
{
    background-image: none;
    background-size: contain;
    width: 40px;
}
.success-story-wrap .swiper-button-prev, 
.success-story-wrap .swiper-button-next, 
.swiper-button-next-testi, 
.swiper-button-prev-testi 
{
    background-color: #fff;
    border: 1px solid #000;
    /* border-radius: 50px; */
    height: 54px;
    width: 54px;
    text-align: center;
    font-size: 25px;
    line-height: 54px;
}
.swiper-button-prev:hover, 
.swiper-button-next:hover, 
.swiper-button-next-testi:hover,
.swiper-button-prev-testi:hover
{
    background-color: #ebff4b;
    border-color: #ebff4b;
}
.success-story-wrap .swiper-button-prev:hover img, 
.success-story-wrap  .swiper-button-next:hover img, 
.swiper-button-next-testi:hover img, 
.swiper-button-prev-testi:hover img 
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.success-story-wrap .swiper-button-prev, .swiper-button-prev-testi {
    left: -30px;
}
.success-story-wrap .swiper-button-next, .swiper-button-next-testi {
    right: -30px;
}




/* .client-story-2  */
.success-story-wrap.client-story-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.success-story-wrap.client-story-2 .success-story-wrap.client-story-2 {
    overflow: hidden;
}
.success-story-wrap.client-story-2 .single-success-story {
    overflow: hidden;
}

/* Responsiv CSS */
@media (max-width: 1450px){
	
	.success-story-wrap .swiper-button-prev {
		left: -10px;
	}
	.success-story-wrap .swiper-button-next {
		right: -10px;
	}
    .success-story-wrap .swiper-button-prev, .success-story-wrap .swiper-button-next{
        width: 40px;
    }
	
}


@media (max-width: 1200px){


    .success-story-wrap .swiper-button-prev {
		left: 5px;
        display: none;
	}
	.success-story-wrap .swiper-button-next {
		right: 5px;
        display: none;
	}

}

@media (max-width: 1024px){
	

	.success-story-wrap .swiper-button-prev, 
    .success-story-wrap .swiper-button-next,
    .swiper-button-next-testi, 
    .swiper-button-prev-testi {
        height: 40px;
        width: 70px;
        line-height: 40px !important;
    }
    .success-story-wrap .swiper-button-prev img, 
    .success-story-wrap .swiper-button-next img,
    .swiper-button-next-testi img, 
    .swiper-button-prev-testi img{
        max-width: 30px;
    }
    .success-story-wrap .swiper-button-prev {
		left: 5px;
	}
	.success-story-wrap .swiper-button-next {
		right: 5px;
	}

   
	
}

@media (max-width: 767px){
	

    /* client-story-2 */
    .success-story-wrap.client-story-2 {
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media (max-width: 575px){
	

    /* client-story-2 */
    .success-story-wrap.client-story-2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .success-story-wrap.client-story-2 .single-success-story .service-content .learn-btn {
        opacity: 1;
        visibility: visible;
    }
    .success-story-wrap.client-story-2 .single-success-story .service-content{
        bottom: 0;
    }
    /* .testimonials-wrap .content-wrap{
        height: auto;
    } */
	
}