testimonial style : demo 25

                        

                            

                                

                                    

                                        

                                            

                                                
                                            
                                            

                                                
williamson
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum euismod mi in sodales. Integer vestibulum lectus non risus dictum iaculis. Proin eu ornare nibh.
                                                
                                            
                                        

                                        

                                            

                                                
                                            
                                            

                                                
Kristiana
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum euismod mi in sodales. Integer vestibulum lectus non risus dictum iaculis. Proin eu ornare nibh.
                                                
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            margin:0 10px;
                            overflow: hidden;
                        }
                        .testimonial .pic{
                            width:120px;
                            height:120px;
                            border:2px solid #f2f2f2;
                            border-radius: 50%;
                            padding:5px;
                            margin: 0 auto 25px;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                            border-radius:50%;
                        }
                        .testimonial .testimonial-content{
                            padding: 20px 20px 20px 80px ;
                            background: #efefef;
                            border-radius: 0 0 0 70px;
                            border-left: 2px solid #444;
                            border-right: 4px solid #1c9690;
                            text-align: right;
                            position: relative;
                        }
                        .testimonial .testimonial-content:before{
                            content: "\f10d";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                            position: absolute;
                            top:0;
                            left:20px;
                            font-size: 60px;
                            color: #68C9C4;
                        }
                        .testimonial .testimonial-content:after{
                            content: "";
                            border-bottom: 15px solid #efefef;
                            border-left: 15px solid transparent;
                            border-right: 15px solid transparent;
                            position: absolute;
                            top: -15px;
                            left: 46%;
                        }
                        .testimonial .testimonial-title{
                            margin: 0 0 10px 0;
                        }
                        .testimonial .testimonial-title a{
                            font-size: 16px;
                            font-weight: bold;
                            color:#333;
                            text-transform:capitalize;
                            text-align:center;
                            display: block;
                        }
                        .testimonial .testimonial-title a:hover{
                            text-decoration: none;
                            color:#1c9690;
                        }
                        .testimonial .description{
                            font-size: 15px;
                            line-height:24px;
                            color:#555;
                            margin-bottom:20px;
                            font-style: italic;
                        }
                        .owl-pagination{
                            margin-top: 40px;
                        }
                        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
                            background:#1c9690;
                        }
                        @media only screen and (max-width: 479px) {
                            .testimonial .testimonial-content{
                                padding: 20px 20px 20px 70px;
                            }
                            .testimonial .testimonial-content::before{
                                font-size: 50px;
                                left: 17px;
                            }
                        }
                    

                        
                        

                        $(document).ready(function(){
                            $("#testimonial-slider").owlCarousel({
                                items:3,
                                itemsDesktop:[1199,2],
                                itemsDesktopSmall:[979,2],
                                itemsTablet:[767,1],
                                pagination: true,
                                autoPlay:true
                            });
                        });