/* ======================================
    Stylesheet for the banner testimonials  
======================================= */

   .testimonial-section{
     padding:60px 0;
   }
   
   .views-testimnial-container{  
		background:#f7f7f7e3;
   }
   
   .testimonial-slider{
		overflow:hidden;
   }
   .testimonial-track{
	   display:flex;
	   gap:40px;
	   animation:testimonialScroll 35s linear infinite;
   }
   .testimonial-slider:hover .testimonial-track{
	animation-play-state:paused;
   }
	.testimonial-item{
		display:flex;
		align-items:flex-start;
		gap:40px;
		background:#fff;
		padding:30px;
		border-radius:8px;

		flex:0 0 auto;      /* prevents shrinking */
		width:900px;        /* base width of testimonial card */
		height:200px;
		align-items:center;
	}
   /* LEFT COLUMN */
	.testimonial-left{
		display:flex;
		flex-direction:column;
		align-items:center;   /* horizontal center */
		justify-content:flex-start;
		text-align:center;
		flex:0 0 180px;
	}
   .testimonial-left img{
	   width:100px;
	   height:100px;
	   border-radius:50%;
	   object-fit:cover;
	   margin-bottom:10px; 
	   display:block;
   }
   
   .testimonial-left h4{
   margin:5px 0;
   font-size:15px;
   }
   
   .designation{
   font-size:14px;
   color:#666;
   }
   
   /* RIGHT COLUMN */
   .testimonial-right{
		flex-grow:1;
		flex-basis:auto;
		font-size:15px;
		line-height:1.6;
		max-width:750px;

   }
   @keyframes testimonialScroll{
	   0%{transform:translateX(0);}
	   100%{transform:translateX(-50%);}
   }
   
   /* mobile */
   @media(max-width:768px){
	   .testimonial-item{
	   flex-direction:column;
	   text-align:center;
	   }
	   .testimonial-left{
	   width:100%;
	   }
   }