.testimonial-area{
    @media #{$lg}{
        padding-bottom: 150px;
        padding-top: 150px;
    }
    @media #{$md}{
        padding-bottom: 100px;
        padding-top: 100px;
    }
    @media #{$sm}{
        padding-top: 30px;
        padding-bottom: 70px;
    }
    @media #{$xs}{
        padding-top: 20px;
        padding-bottom: 70px;
    }
    .testimonial-caption{
         p{
            font-size:23px;
            @media #{$md}{
                font-size:20px;
                padding: 0 0px;
                font-size:17px;
            }
            @media #{$xs}{
                font-size:19px;
                padding: 0 10px;
                font-size:17px;
            }
            color: $heading_color;
            color:#ffff;
            line-height: 45px;
            line-height: 1.5;
            padding: 0 80px;
            margin-bottom: 37px;
        }
    }
    .testimonial-ratting{
            margin-bottom: 21px;
         i{
            color: #FBBA42;
            display: inline-block;
        }
    }
    .rattiong-caption{
         span{
            color:#fff;
            font-size: 18px;
            font-weight: 400;
            text-transform: uppercase;
             span{
                color: #fff;
                font-size: 16px;
                text-transform: capitalize;
            }
        }
    }
}

/* Homepage1 Testimonial */
.h1-testimonial-active{
    button.slick-arrow {
        position: absolute;
        top: 67%;
        left: -133px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: none;
        border: 0;
        padding: 0;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        height: 45px;
        width: 45px;
        line-height: 15px;
        border-radius: 50%;
        cursor: pointer;
        background:none;
        color:#96989a;
        font-size: 20px;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        
        @media #{$sm}{
            left: -45px;
        }
         @media #{$sm}{
            left: -45px;
        }
        
    } 
   button.slick-next {
        left: auto;
        right: -133px;
        @media #{$sm}{
            right: -45px;
        }
    }
    &:hover button.slick-prev {
        left: -120px;
        @media #{$sm}{
            left: 0;
        }
    }
    &:hover button.slick-next {
    right: -120px;
    @media #{$sm}{
        right: 0;
    }
    }
    &:hover button {
        background: $theme-color;
        color: #fff;
    }
}

.testimonial-icon img {
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
}


// Testimonial Animation
.h1-testimonial-active .testimonial-icon img{
   border: 3px dashed transparent;
   border-radius: 50%;
}
.h1-testimonial-active:hover .testimonial-icon {
                
    .ani-btn {
        animation: 1.3s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.302);
        -webkit-animation: 1.3s cubic-bezier(0.8, 0, 0, 1) 0s normal none infinite running pulse;
     }
      
      @-webkit-keyframes pulse {
        to {
          box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } }
      
      @keyframes pulse {
        to {
          box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } 
        }
}


.slick-initialized .slick-slide {
    outline: 0;
}