<!--What Client says area are start-->
<div class="what-client-say-area grey-2-bg ptb-80">
    <div class="section-title text-center secton-title-2 uppercase roboto">
        <h1>What Client<span> Say!</span></h1>
    </div>
    <div class="total-client-say carosule-pagi carsoule-pagi-2 text-center">
        <div class="single-client-say">
            <div class="scs-content">
                <p>“An economist is an expert who will know tomorrow why the things
                    he predicted yesterday didn’t happen today.”</p>
            </div>
            <div class="scs-img">
                <img src="images/team/testi-01.jpg" alt="">
            </div>
            <div class="scs-name">
                Nasir Hossain- <a href="#">https://example.com</a>
            </div>
        </div>
        <div class="single-client-say">
            <div class="scs-content">
                <p>“An economist is an expert who will know tomorrow why the things
                    he predicted yesterday didn’t happen today.”</p>
            </div>
            <div class="scs-img">
                <img src="images/team/testi-02.jpg" alt="">
            </div>
            <div class="scs-name">
                Parvez Hossain- <a href="#">https://example.com</a>
            </div>
        </div>
        <div class="single-client-say">
            <div class="scs-content">
                <p>“An economist is an expert who will know tomorrow why the things
                    he predicted yesterday didn’t happen today.”</p>
            </div>
            <div class="scs-img">
                <img src="images/team/testi-01.jpg" alt="">
            </div>
            <div class="scs-name">
                Nasir Hossain- <a href="#">https://example.com</a>
            </div>
        </div>
    </div>
</div>
<!--What Client says area are end-->

            
            

                

/*==== what client say===== */
.total-client-say{
  margin: auto;
  max-width: 900px;
}
.scs-content p {
  color: #171819;
  font-size: 24px;
  font-style: italic;
  letter-spacing: 1.5px;
  line-height: 1.5;
  text-align: center;
}
.scs-img > img {
  border-radius: 100%;
  display: inline-block;
  height: 80px;
  width: 80px;
}
.scs-img {
    margin: 25px 0 20px;
}
.scs-name > a {
    color: #2395ec;
}
.carosule-pagi ul.slick-dots {
  bottom: -50px;
}
.carosule-pagi .slick-dots li {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #2395ec;
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  margin: 0 5px;
  position: relative;
  width: 16px;
}
.carosule-pagi .slick-dots li button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 100%;
  bottom: 0;
  display: block;
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  text-indent:-9999px;
  padding:0
}
.carosule-pagi .slick-dots li:hover button,.carosule-pagi .slick-dots li.slick-active button {
  background: #2395ec none repeat scroll 0 0;
}
                
            

		
$('.total-client-say').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: true,
arrows: false,
responsive: [
{  breakpoint: 1169,  settings: { slidesToShow: 1,  }  },
{  breakpoint: 969,   settings: { slidesToShow: 1,  }  },
{  breakpoint: 767,   settings: { slidesToShow: 1, }   },
]
});	
		
	

                
<!--rs stuff area start-->
<div class="rs-stuff-area ptb-80">
    <div class="total-rs-stuff carosule-pagi car-pagi-2">
        <div class="single-rs-stuff">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-content">
                        <div class="stuff-name">
                                Kathy Young
                        </div>
                        <div class="stuff-degi">
                                CEO of SunPark
                        </div>
                        <div class="rs-border"></div>
                        <div class="stuff-des">
                            <p>“An economist is an expert who will know tomorrow
                                    why the things he predicted yesterday didn’t happen
                                today.”</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-img">
                        <a href="#"> <img src="images/team/testimonial-avatar-1.jpg"
                                alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="single-rs-stuff">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-content">
                        <div class="stuff-name">
                                Nasir Hossain
                        </div>
                        <div class="stuff-degi">
                                Manager
                        </div>
                        <div class="rs-border"></div>
                        <div class="stuff-des">
                            <p>“An economist is an expert who will know tomorrow
                                    why the things he predicted yesterday didn’t happen
                                today.”</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-img">
                        <a href="#"> <img src="images/team/testimonial-avatar-2.jpg"
                                alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="single-rs-stuff">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-content">
                        <div class="stuff-name">
                                BM Rafiq
                        </div>
                        <div class="stuff-degi">
                                Stylise Manager
                        </div>
                        <div class="rs-border"></div>
                        <div class="stuff-des">
                            <p>“An economist is an expert who will know tomorrow
                                    why the things he predicted yesterday didn’t happen
                                today.”</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="rs-stuff-img">
                        <a href="#"> <img src="images/team/testimonial-avatar-3.jpg"
                                alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--rs stuff area end-->

            
            

                

/* rs stuff area */

.stuff-name {
  color: #171819;
  display: block;
  font-family: Roboto Slab,Arial,Helvetica,sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}
.stuff-degi{
  color: #2395ec;
  display: block;
  font-size: 15px;
  font-style: italic;
  margin-bottom:20px
}
.stuff-des p {
  color: #4a4d4f;
  font-size: 15px;
  letter-spacing: 0.7px;
  padding: 20px 0 0;
}

.rs-stuff-content {
  padding-top: 120px;
}
.rs-border {
    position: relative;
}
.rs-border::after {
    background: #2395ec none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
}
.rs-stuff-img a {
    display: block;
}
.rs-stuff-img a img {
  border-radius: 100%;
  margin: auto;
  transition: all 0.3s ease 0s;
}
.rs-stuff-img a img:hover {
transform:scale(1.1)
}
.carosule-pagi.car-pagi-2 ul.slick-dots {
  bottom: 30%;
  left: 10px;
  width: auto;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

                
            

		
$('.total-rs-stuff').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: true,
arrows: false,
responsive: [
{  breakpoint: 1169,  settings: { slidesToShow: 1,  }  },
{  breakpoint: 969,   settings: { slidesToShow: 1,  }  },
{  breakpoint: 767,   settings: { slidesToShow: 1, }   },
]
});