<!-- page title area start --> 
<style>
  @keyframes slideIn {
     from {
         transform: translateY(50px);
         opacity: 0;
     }
     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 .testimonials-box-area {
     animation: slideIn 0.5s ease-in-out;
 }

 .testimonials-box-area .inner {
     background-color: #fff;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
     transition: box-shadow 0.3s ease;
 }

 .testimonials-box-area:hover .inner {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
 }

 .testimonials-box-area .upper-area {
     display: flex;
     align-items: center;
     margin-bottom: 15px;
 }

 .testimonials-box-area .upper-area .author-image {
     margin-right: 15px;
 }

 .testimonials-box-area .upper-area .author-image img {
     border-radius: 50%;
     max-width: 100%;
     height: auto;
 }

 .testimonials-box-area .upper-area .author-info h5 {
     margin: 0;
     font-size: 18px;
     color: #333;
 }

 .testimonials-box-area .upper-area .author-info span {
     color: #777;
 }

 .testimonials-box-area p {
     text-align: justify;
     color: #555;
 }
</style>