.el-depoimentos{
	.wrapper{
		position: relative;
		padding: 60px 0;
		@include mq-min(1360) {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: nowrap;
		}
		@include mq-min(1920) {
			padding: valor-fluido(120, 1920) 0;
		}
		.v2{
			text-align: center;
			margin-bottom: 20px;
			@include mq-min(1360) {
				flex-grow: 0;
				flex-shrink: 0;
				width: 340px;
				text-align: left;
			}
			@include mq-min(1920) {
				width: valor-fluido(340, 1920);
				margin-bottom: valor-fluido(20, 1920);
			}
		}
		.itens{
			margin-bottom: 25px;
			@include mq-min(1360) {
				flex-grow: 1;
				width: calc(100% - 596px);
				margin-bottom: 0;
			}
			.item{
				outline: none;
				padding: 15px 0;
				@include desktop {
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				@include mq-min(1360) {
					padding-left: 40px;
					padding-right: 20px;
				}
				@include mq-min(1920) {
					padding-left: valor-fluido(40, 1920);
					padding-left: valor-fluido(20, 1920);
				}
				.desc{
					text-align: center;
					margin-bottom: 25px;
					@include desktop {
						width: 70%;
						margin-bottom: 0;
						text-align: left;
					}
					@include mq-min(1360) {
						width: 59%;
					}
					@include mq-min(1920) {
						width: 54%;
					}
					.texto-editavel{
						margin-bottom: 25px;
						@include mq-min(1920) {
							margin-bottom: valor-fluido(25, 1920);
						}
						>p{
							&:first-child{
								position: relative;
								&:before{
									content: '“';
									display: inline-block;
									position: absolute;
									margin-top: -20px;
									margin-left: -40px;
									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);
										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);
									}
								}
							}
						}
					}
					.nome{
						font-size: 18px;
						font-weight: 300;
						color: $color_destaque;
						line-height: 1.2;
						@include mq-min(1920) {
							font-size: valor-fluido(18, 1920);
						}
					}
					.cargo{
						font-size: 14px;
						font-weight: 300;
						line-height: 1.2;
						font-style: italic;
						@include mq-min(1920) {
							font-size: valor-fluido(14, 1920);
						}
					}
				}
				.img{
					position: relative;
					@include desktop {
						width: 25%;
						margin-left: 5%;
					}
					@include mq-min(1360) {
						width: 36%;
					}
					@include mq-min(1920) {
						width: 42%;
						margin-left: 4%;
					}
					img{
						display: block;
						margin: 0 auto;
						max-width: 100%;
						height: auto;
						@include mq-min(1920) {
							width: valor-fluido(480, 1920);
						}
					}
				}
			}
		}
		.botoes{
			text-align: center;
			@include mq-min(1360) {
				flex-grow: 0;
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 256px;
				text-align: left;
			}
			.slick-arrows{
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 10px;
				@include mq-min(1360) {
					flex-grow: 0;
					flex-direction: column;
				}
				@include mq-min(1920) {
					margin-bottom: valor-fluido(10, 1920);
				}
				.slick-prev,
				.slick-next{
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 44px;
					height: 42px;
					font-size: 22px;
					font-weight: 600;
					color: #ffffff;
					background-color: $color_destaque;
					cursor: pointer;
					transition: 0.2s;
					@include mq-min(1920) {
						width: valor-fluido(44, 1920);
						height: valor-fluido(42, 1920);
						font-size: valor-fluido(22, 1920);
					}
					&:hover{
						background-color: darken($color_destaque, 10%);
					}
					i{
						@include mq-min(1360) {
							transform: rotate(90deg);
						}
					}
				}
				.slick-prev{
					border-bottom-left-radius: 21px;
					border-top-left-radius: 21px;
					@include mq-min(1360) {
						border-bottom-left-radius: 0;
						border-top-right-radius: 21px;
					}
					@include mq-min(1920) {
						border-top-left-radius: valor-fluido(21, 1920);
						border-top-right-radius: valor-fluido(21, 1920);
					}
				}
				.slick-next{
					border-bottom-right-radius: 21px;
					border-top-right-radius: 21px;
					@include mq-min(1360) {
						border-top-right-radius: 0;
						border-bottom-left-radius: 21px;
					}
					@include mq-min(1920) {
						border-bottom-right-radius: valor-fluido(21, 1920);
						border-bottom-left-radius: valor-fluido(21, 1920);
					}
				}
			}
			.btn{
				font-size: 20px;
				font-weight: 300;
				color: $color_destaque;
				transition: 0.2s;
				@include mq-min(1360) {
					flex-grow: 1;
					margin-left: 25px;
				}
				@include mq-min(1920) {
					margin-left: valor-fluido(25, 1920);
					font-size: valor-fluido(20, 1920);
				}
				&:hover{
					color: darken($color_destaque, 10%);
					text-decoration: underline;
				}
			}
		}
	}
}