/* components/_testimonial.css */





.c-testimonial {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
.c-testimonial__img { display: none;
		width: clamp(0px, 80%, 820px);
	}
		.c-testimonial__img img {
			height: 100%;
			object-fit: cover;
		}
	.c-testimonial__video {
		margin: 0;
		position: relative;
		align-self: center;
		z-index: 60;
		width: min( 100%, 400px );
	}
		.c-testimonial__video__play {
			position: absolute;
			right: 10px;
			bottom: 10px;
			width: 60px;
			height: 60px;
			border: 0;
			background-color: transparent;
			cursor: pointer;
		}
		.c-testimonial__video__play svg .play-button {
			fill: #FFFFFF;
		}
		.c-testimonial__video:hover .c-testimonial__video__play svg .play-button {
			fill: var(--color-accent);
		}
	.c-testimonial__cite {
		height: auto;
		align-self: center;
		font-style: normal;
		
		padding-bottom: 60px;
	}
	.c-testimonial__cite img {
		max-width: 140px;
		max-height: 40px;
	}

	.testimonials__cases{ 
  	position: absolute;
  	text-decoration: underline;
  	bottom: 0;
	font-size: clamp(22px,4vw,22px);
	letter-spacing: 1px;
	right: 0.7em;
	}
	
	.c-frontpage__testimonials.c-section--decorated::after{
		background-color: var(--color-red);
	}

	@media ( min-width: 600px ) {
		.c-testimonial {
			grid-template-columns: 1fr 1fr;
		}
	}
	
	@media (min-width: 1000px ) {
		.c-testimonial {
			grid-template-columns: 1fr 1fr 1fr;
		}
		.c-testimonial__img {
			display: block;
			grid-column: 1 / 3;
			grid-row: 2 / 3;
		}
		.c-testimonial__video {
			grid-column: 2 / 3;
			grid-row: 2 / 3;
			width: min( 100%, 340px );
			border: 4px solid var(--color-grey-800);
			justify-self: end;
		}
		.c-testimonial__cite {
			grid-column: 3 / 4;
			grid-row: 2 / 3;
			padding-bottom: 30px;
			padding-left: 70px;
		}
		.testimonials__cases {
			
			right: 3em;
		  }
		
	}

	@media(min-width: 1180px){
		.testimonials__cases {
			
			right: 1em;
		  }
	}


	@media (max-width: 768px) {
		.testimonials__cases {
			right: 1em;
		  position: absolute;
		  margin-top: 5px;
		  text-decoration: underline;
		  font-size: clamp(20px,4vw,30px);
		}
	  }
	@media (max-width: 600px) {
		.testimonials__cases {
			right: 1em;
		  position: absolute;
		  margin-top: 5px;
		  text-decoration: underline;
		  font-size: clamp(20px,4vw,30px);
		}
	  }
	
	  @media(max-width:400px){
		.c-testimonial__cite {
			padding-bottom:60px;
		}
	}