testimonial style : demo 65

                        

                            

                                

                                    

                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda deleniti dolor ipsum molestias mollitia ut. Aliquam aperiam corporis cumque debitis delectus dignissimos. Lorem ipsum dolor sit amet, consectetur.
                                            
                                            
williamson
                                                 - Web Developer
                                            
                                        

                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda deleniti dolor ipsum molestias mollitia ut. Aliquam aperiam corporis cumque debitis delectus dignissimos. Lorem ipsum dolor sit amet, consectetur.
                                            
                                            
Kristina
                                                 - Web Designer
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            padding: 70px 30px 50px;
                            margin: 50px 30px 30px;
                            border: 1px solid #ea816b;
                            position: relative;
                        }
                        .testimonial .pic{
                            width: 100px;
                            height: 100px;
                            border-radius: 50%;
                            border: 5px solid #c7373c;
                            overflow: hidden;
                            margin: 0 auto;
                            position: absolute;
                            top: -50px;
                            left: 0;
                            right: 0;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .description{
                            font-size: 15px;
                            color: #5e595b;
                            line-height: 27px;
                            text-align: center;
                            margin: 0;
                            position: relative;
                        }
                        .testimonial .description:before{
                            content: "\f10d";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            font-size: 25px;
                            color: #d7d7d7;
                            position: absolute;
                            top: 0;
                            left: -2px;
                        }
                        .testimonial .title{
                            display: inline-table;
                            padding: 10px;
                            margin: 0 auto;
                            background: #fff;
                            border: 1px solid #ea816b;
                            font-size: 20px;
                            font-weight: 700;
                            color: #c7373c;
                            letter-spacing: 1px;
                            text-transform: uppercase;
                            position: absolute;
                            bottom: -22px;
                            left: 0;
                            right: 0;
                        }
                        .testimonial .post{
                            font-size: 15px;
                            color: #671a36;
                        }
                        .owl-theme .owl-controls{
                            width: 100%;
                            height: 50px;
                            opacity: 1;
                            position: absolute;
                            top: 38%;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            width: 50px;
                            height: 50px;
                            line-height: 40px;
                            border-radius: 0;
                            background: transparent;
                        }
                        .owl-prev{
                            position: absolute;
                            left: -5%;
                        }
                        .owl-next{
                            position: absolute;
                            right: -5%;
                        }
                        .owl-prev:after,
                        .owl-next:after{
                            content: "\f104";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            font-size: 30px;
                            color: #c7373c;
                            opacity: 1;
                        }
                        .owl-next:after{ content: "\f105"; }

                        @media only screen and (max-width: 479px){
                            .testimonial{ padding: 70px 10px 30px; }
                            .testimonial .description:before{ top: -20px }
                            .testimonial .title{ font-size: 12px; }
                            .testimonial .post{ font-size: 11px; }
                        }
                    

                        
                        

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