.wp-block-qe-block-qe-testimonial-block {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #ccc;
	@for $i from 1 through 6 {
		&.has-#{$i}-columns {
			.wp-block-qe-block-qe-testimonial-blocks{
				width: calc(100% / #{$i} - 20px);
			}
		}

		@if $i == 2 {
			&.has-#{$i}-columns{
				.wp-block-qe-block-qe-testimonial-blocks{
					@media (max-width:767px) {
						width: calc(100% - 20px);
					}
				}
			}
		}

		@else if $i == 3 {
			&.has-#{$i}-columns{
				.wp-block-qe-block-qe-testimonial-blocks {

					@media (max-width:1024px) {
						width: calc(50% - 20px);
					}
					@media (max-width:767px) {
						width: calc(100% - 20px);
					}

				}
			}
		}

		@else if $i == 4 {
			&.has-#{$i}-columns{
				.wp-block-qe-block-qe-testimonial-blocks {
					@media (max-width:1024px) {
						width: calc(50% - 20px);
					}
					@media (max-width:767px) {
						width: calc(100% - 20px);
					}
				}
			}
		}
		@else if $i == 5 {
			&.has-#{$i}-columns{
				.wp-block-qe-block-qe-testimonial-blocks {
					@media (max-width:1024px) {
						width: calc(50% - 20px);
					}
					@media (max-width:767px) {
						width: calc(100% - 20px);
					}
				}
			}
		}
		@else if $i == 6 {
			&.has-#{$i}-columns{
				.wp-block-qe-block-qe-testimonial-blocks {
					@media (max-width:1024px) {
						width: calc(50% - 20px);
					}
					@media (max-width:767px) {
						width: calc(100% - 20px);
					}
				}
			}
		}
	}
	.wp-block-qe-block-qe-testimonial-blocks {
		margin: 10px 10px 20px;
		display: flex;
		flex-direction: column;

		.qe-testimonial-img{
			margin-bottom: 15px;
			text-align: center;
			img {
				width: var(--width);
				height: var(--height);
				object-fit: cover;
				max-width: 100%;
				margin: 0 auto;
			}
		}

		.qe-testimonial-content{
			padding: 35px 30px;
			border-radius: 8px;
			text-align: center;
			background-color: #f5f5f5;
			//flex: 1;
			position: relative;
			display: flex;
			flex-direction: column;

			&::before{
				content: "";
				position: absolute;
				top: -7px;
				left: 0;
				right: 0;
				width: 24px;
				height: 24px;
				transform: rotate(45deg);
				margin: 0 auto;
				background-color: #f5f5f5;
			}

			&__des{
				font-size: 14px;
				margin-top: 0;
				margin-bottom: 12px;
				line-height: 1.5em;
				font-weight: 400;
				color: #565656;
			}

			&__author-name{
				font-size: 15px;
				text-transform: uppercase;
				color: black;
				font-weight: bold;
				margin-top: 5px;
				margin-bottom: 10px;
				line-height: 1em;
			}

			&__designation{
				text-transform: uppercase;
				font-size: 12px;
				line-height: 1.2em;
			}
		}
		
	}
}