.el-depoimento-com-imagem{
	position: relative;
	padding: 60px 0;
	background-image: url(../imagens/pattern-1.png);
	background-repeat: repeat;
	@include desktop {
		padding: 80px 0;
	}
	@include mq-min(1920) {
		padding: valor-fluido(80, 1920) 0;
	}
	&:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 25%;
		background: radial-gradient(ellipse at top, rgba(#000, 0.05), transparent 50%);
	}
	.wrapper{
		position: relative;
		@include mq-min(1360) {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.info{
			margin-bottom: 30px;
			text-align: center;
			@include mq-min(1360) {
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 62%;
				margin-bottom: 0;
				text-align: left;
			}
			@include mq-min(1920) {
				width: 52%;
			}
			.v2{
				margin-bottom: 20px;
				@include mq-min(1360) {
					flex-shrink: 0;
					width: 340px;
				}
				@include mq-min(1920) {
					width: valor-fluido(340, 1920);
					margin-bottom: valor-fluido(20, 1920);
				}
			}
			.texto{
				font-weight: 300;
				@include propriedade-fluida("font-size", 12, 16, 320, 1360);

				@include mq-min(1360) {
					flex-grow: 1;
					padding-left: 65px;

					@include propriedade-fluida("font-size", 16, 18, 1360, 1920);
				}
				@include mq-min(1920) {
					padding-left: 130px;
				}
				*{
					&:first-child{
						position: relative;
						&:before{
							content: '“';
							display: inline-block;
							position: absolute;
							top: -20px;
							margin-left: -40px;
							font-size: 80px;
							font-weight: 800;
							opacity: 0.2;
							line-height: 1;
							z-index: -1;
							@include mq-min(1920) {
								top: valor-fluido(-20, 1920);
								font-size: valor-fluido(80, 1920);
								margin-left: valor-fluido(-40, 1920);
							}
						}
					}
					&:last-child{
						position: relative;
						&:after{
							content: '”';
							display: inline-block;
							position: absolute;
							font-size: 80px;
							font-weight: 800;
							opacity: 0.2;
							line-height: 1;
							z-index: -1;
							@include mq-min(1920) {
								font-size: valor-fluido(80, 1920);
							}
						}
					}
				}
			}
		}
		.img{
			@include mq-min(1360) {
				width: 34%;
				margin-left: 5%;
				margin-right: -3%;
			}
			@include mq-min(1920) {
				width: 44%;
			}
			img{
				display: block;
				margin: 0 auto;
				max-width: 100%;
				height: auto;
				border-radius: 15px;
				@include mq-min(1360) {
					border-radius: 35px;
					border-top-right-radius: 0;
					border-bottom-right-radius: 0;
					box-shadow: -20px 0 60px -20px rgba(0,0,0,0.2);
				}
				@include mq-min(1920) {
					width: valor-fluido(788, 1920);
					border-radius: valor-fluido(35, 1920);
					box-shadow: valor-fluido(-20, 1920) 0 valor-fluido(60, 1920) valor-fluido(-20, 1920) rgba(#000, 0.2);
				}
			}
		}
	}
}