testimonial style : demo 33

                        

                            

                                

                                    

                                        

                                            

                                                

                                                    
                                                
                                                

                                                    

                                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
                                                    
                                                    
williamson
                                                        Web Developer
                                                    
                                                
                                            

                                            

                                                

                                                    
                                                
                                                

                                                    

                                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem. Est, exercitationem id ipsa ipsum laboriosam perferendis temporibus!
                                                    
                                                    
kristiana
                                                        Web Designer
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .demo{
                            background: linear-gradient(to right , #fe9040 ,#cf5d81);
                        }
                        .testimonial{
                            margin: 0 15px;
                        }
                        .testimonial .pic{
                            width: 24%;
                            float: left;
                            margin-right: 15px;
                            position: relative;
                        }
                        .testimonial .pic:after{
                            content: "";
                            display: block;
                            width: 90%;
                            height: 90%;
                            position: absolute;
                            top: 5%;
                            left: 5%;
                            border: 1px solid #fff;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .testimonial-content{
                            padding: 6% 0;
                            display: table;
                        }
                        .testimonial .description{
                            font-size: 17px;
                            color: #fff;
                            line-height: 26px;
                        }
                        .testimonial .description:before{
                            content: "\f10d";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                            font-size: 22px;
                            color: #001822;
                            margin: 0 10px;
                        }
                        .testimonial .testimonial-title{
                            font-size: 19px;
                            color: #333;
                            text-transform: capitalize;
                            margin: 10px 0 0 0;
                            float: right;
                        }
                        .testimonial .post{
                            font-size: 16px;
                            color: #fff;
                            display: block;
                            margin-top: 10px;
                        }
                        .owl-theme .owl-controls{
                            position: absolute;
                            top: 0;
                            right: 20px;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            border-radius: 20px;
                            background: #000;
                            padding: 3px 8px;
                        }
                        .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){
                            .testimonial{
                                margin: 0 10px;
                            }
                            .testimonial .pic{
                                float: none;
                                width: 50%;
                                margin: 0 auto;
                            }
                            .owl-theme .owl-controls{
                                top: -30px;
                                right: 0;
                            }
                        }
                    

                        
                        

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