_feedback.styl

.bx-controls-direction
	max-width 535px
	margin 0 auto
	padding-top 30px
	display flex
	justify-content center
	a
		display inline-block
		margin-right 80px
		size(54px)
		background #fff
		box-shadow 0 8px 11px rgba(20, 20, 21, 0.05)
		display flex
		justify-content center
		align-items center
		color #b2b2b2
		font-size 16px
		&:hover
			color green
		&:last-of-type
			margin-right 0

.feedback
	background: #f3f4f8
	&__wrapper
		padding 80px 15px
		display flex
		.bx-wrapper
			max-width 540px !important
			margin 0 auto
		@media (max-width 960px)
			flex-wrap wrap
		@media (max-width 767px)
			padding 40px 15px
	&__column
		flex 50%
		@media (max-width 960px)
			flex 100%
	&__title
		@media (max-width 960px)
			text-align center
			margin-bottom 70px
			font-size 60px
			&:after
				left 50%
				transform translateX(-50%)
			span
				display inline-block
				&:nth-of-type(2)
					padding 0 18px
		@media (max-width 767px)
			margin-bottom 30px
			font-size 28px
			span
				&:nth-of-type(2)
					padding 0 10px
			
	&__slider-item
		max-width 535px
		margin 0 auto
		display flex
		flex-direction column
		align-items center
	&__slider-photo
		margin-bottom: 30px
		size(85px)
		border-radius 50%
		overflow hidden
		@media (max-width 767px)
			margin-bottom 20px
	&__slider-name
		color violet
		font-size 24px
		font-weight 500
		margin-bottom 25px
		@media (max-width 767px)
			font-size 22px
			margin-bottom 15px
	&__slider-text
		color #000
		font-size 18px
		line-height 24px
		font-weight 300
		text-align center
		margin-bottom 20px
		@media (max-width 767px)
			font-size 14px
			line-height 1.5