testimonial style : demo 30

                        

                            

                                

                                    

                                        

                                            

                                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur ac mauris ut hendrerit. Sed ut congue est. Nunc ultrices odio ut fringilla elementum. Phasellus id."
                                            
                                            
williamson
                                            Web Designer
                                        

                                        

                                            

                                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur ac mauris ut hendrerit. Sed ut congue est. Nunc ultrices odio ut fringilla elementum. Phasellus id."
                                            
                                            
kristiana
                                            Web Developer
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            margin: 0 10px;
                            padding-top: 70px;
                            position: relative;
                        }
                        .testimonial:after{
                            content: "";
                            display: block;
                            width: 100%;
                            height: 8px;
                            background: #fff;
                            margin-top: 50px;
                            border-bottom: 2px solid #333;
                            border-left: 1px solid #333;
                        }
                        .testimonial .description{
                            font-size: 17px;
                            color: #fff;
                            line-height: 36px;
                            margin-bottom: 15px;
                        }
                        .testimonial .description:before{
                            content: "\f10e";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            width: 40px;
                            height: 40px;
                            line-height: 40px;
                            border-radius: 50%;
                            border: 1px solid #fff;
                            font-size: 16px;
                            color: #fff;
                            text-align: center;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                        .testimonial .testimonial-title{
                            display: inline-block;
                            font-size: 17px;
                            color: #fff;
                            text-transform: uppercase;
                            margin: 10px 0 0 0;
                        }
                        .testimonial .testimonial-title:before{
                            content: "";
                            width: 7px;
                            height: 5px;
                            display: inline-block;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #fff;
                            margin: 0 15px;
                            transform: translateY(-70%);
                        }
                        .testimonial .post{
                            font-size: 10px;
                            color: #fff;
                            font-weight: bold;
                            font-style: italic;
                            text-transform: capitalize;
                            margin-left: 5px;
                        }
                        .owl-theme .owl-controls{
                            margin-top: 50px;
                        }
                        .owl-theme .owl-controls .owl-page span{
                            background: #333;
                            border: 2px solid #333;
                        }
                        .owl-theme .owl-controls .owl-page.active span{
                            background: #fff;
                        }
                    

                        
                        

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