testimonial style : demo 28

                        

                            

                                

                                    

                                        

                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo nulla dictum felis sollicitudin, euismod finibus augue vulputate. Sed aliquam, elit eu gravida dignissim, justo dolor vulputate ipsum, a dapibus purus dui vitae purus..
                                            
                                            

                                                
                                            
                                            

                                                
williamson
                                                Web Developer
                                            
                                        

                                        

                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo nulla dictum felis sollicitudin, euismod finibus augue vulputate. Sed aliquam, elit eu gravida dignissim.
                                            
                                            

                                                
                                            
                                            

                                                
kristiana
                                                Web Designer
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            margin: 0 15px;
                            overflow: hidden;
                        }
                        .testimonial .description{
                            position: relative;
                            font-size: 13px;
                            line-height: 26px;
                            color: #fff;
                            padding: 30px 20px;
                            border: 1px solid #767070;
                            border-left: 3px solid #ffc33c;
                        }
                        .testimonial .description:after{
                            content: "";
                            width: 20px;
                            height: 20px;
                            background: #3d3d3d;
                            border-bottom: 1px solid #767070;
                            border-left: 1px solid #767070;
                            position: absolute;
                            bottom: -11px;
                            left: 65px;
                            transform: skewY(-45deg);
                        }
                        .testimonial .pic{
                            width: 80px;
                            height: 80px;
                            border-radius: 50%;
                            overflow: hidden;
                            margin: 20px 30px 10px;
                            display: inline-block;
                            border: 3px solid  #ffc33c;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .testimonial-prof{
                            text-transform: capitalize;
                            margin: 0 30px;
                        }
                        .testimonial .testimonial-prof h4{
                            color: #ffc33c;
                            display: block;
                            font-size: 17px;
                            font-weight: bold;
                            margin: 0 0 5px 0;
                        }
                        .testimonial .testimonial-prof small{
                            display: block;
                            font-size: 14px;
                            color: #fff;
                        }
                        .owl-theme .owl-controls{
                            margin-top:45px;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            border-radius: 0;
                            background: #ffc33c;
                            padding: 15px 20px;
                            opacity: 1;
                            border: 1px solid transparent;
                            transition: all 0.30s linear 0s;
                        }
                        .owl-theme .owl-controls .owl-buttons div:hover{
                            background: transparent;
                            border: 1px solid #ffc33c;
                        }
                        .owl-prev:before,
                        .owl-next:before{
                            content: "\f053";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            color: #fff;
                        }
                        .owl-next:before{
                            content: "\f054";
                        }
                        @media only screen and (max-width: 480px){
                            .owl-theme .owl-controls{
                                margin-top: 25px;
                            }
                        }
                    

                        
                        

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