.wp-block-qe-block-qe-testimonial-block {
	display: block;
	background-color: #ccc;
	@for $i from 1 through 6 {
		&.has-#{$i}-columns {
			> .block-editor-inner-blocks > .block-editor-block-list__layout > { 
				[data-type= "qe-block/qe-testimonial-blocks"]{
					width: calc(100% / #{$i} - 20px);
				}
			}
			.block-list-appender {
				align-self: stretch;
				width: calc(100% / #{$i} - 20px);
				border: 1px dashed;
				display: flex;
				align-items: center;
				justify-content: center;
				min-height: 70px;
				position: inherit;
			}
		}

		@if $i == 2 {
			&.has-#{$i}-columns {
				> .block-editor-inner-blocks > .block-editor-block-list__layout > {
					[data-type= "qe-block/qe-testimonial-blocks"]{
						@media (max-width:767px) {
							width: calc(100% - 20px);
						}
					}
					
				}
			}
		}
		@else if $i == 3 {
			&.has-#{$i}-columns {
				> .block-editor-inner-blocks > .block-editor-block-list__layout > {
					[data-type= "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 {
				> .block-editor-inner-blocks > .block-editor-block-list__layout > {
					[data-type= "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 {
				> .block-editor-inner-blocks > .block-editor-block-list__layout > {
					[data-type= "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 {
				> .block-editor-inner-blocks > .block-editor-block-list__layout > {
					[data-type= "qe-block/qe-testimonial-blocks"]{

						@media (max-width:1024px) {
							width: calc(50% - 20px);
						}
						@media (max-width:767px) {
							width: calc(100% - 20px);
						}
					}
				}
			}
		}
	}
	> .block-editor-inner-blocks > .block-editor-block-list__layout {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		// margin-left: -10px;
		// margin-right: -10px;

		[data-type= "qe-block/qe-testimonial-blocks"]{
			max-width: none;
			margin: 0;
		}
		> [data-type= "qe-block/qe-testimonial-blocks"] {
			margin: 10px 10px 20px;
			display: flex;
			flex-direction: column;

			.wp-block-qe-block-qe-testimonial-block-img{
				position: relative;
				margin-bottom: 20px;

				&.is-loading img {
					opacity: 0.3;
				}

				.components-spinner{
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					margin: auto;
				}
				
			}
			
			.qe-testimonial-img{
				margin-bottom: 15px;
				text-align: center;
				img {
					width: var(--width);
					height: var(--height);
					max-width: 100%;
					object-fit: cover;
					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;
				}
			}
		}
	}
}
button.components-button.active {
	background-color: #f5f5f5;
	font-weight: 600;
}