:root {
	--swiper-theme-color: var(--color-primary) !important;
	--swiper-navigation-sides-offset : calc(calc(100% - 1184px)/2);
}

.swiper.swiper-feedback {
	background-color: var(--color-white);
	padding-bottom: 100px;
  margin: 50px 0px;
}

.feedback {
  display: flex;
	flex-direction: column;
	width: 90%;
	/* padding: 64px 0; */
  align-items: flex-start;
  gap: 32px;
	margin:0 auto;


  .feedback_image {
    margin: auto;
    z-index: 8;

    img {
      height: auto;
      max-width: unset;
    }
  }

	.feedback_text {
		z-index: 10;
		font-style: normal;
		line-height: normal;
		font-weight: 400;
		position: relative;

		.feedback_shape{
			z-index: 6;
			position: absolute;

			width: 67px;
			height: 59px;
			left: 255px;
			top: 63px;

			background-image: url(../../images/feedback/quote.svg);
			background-size: contain;
		}
		.feedback_text-name {
			font-size: 2rem;
			letter-spacing: 1.6px;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
			line-height: normal;
		}
		.feedback_text-company {
			color: var(--color-secondary);
			font-size: var( --content-size-s);
			font-weight: 400;
			letter-spacing: 0.28px;
			margin: 0;
			line-height: normal;
      padding: 4px 0;
		}
		.feedback_text-note{
			display:flex;
			flex-direction: row;
			gap:10px;
      padding-top: 4px;

			.star {
				width: 20px;
				height: 19px;
				background-repeat: no-repeat;
				background-size: contain;
			}
			.full {
				background-image: url(../../images/feedback/star_full.svg);
			}
			.half {
				background-image: url(../../images/feedback/star_half.svg);
			}
			.empty {
				background-image: url(../../images/feedback/star_empty.svg);
			}
		}
		.feedback_text-separator{
			width: 80px;
			height: 1px;
			margin: 32px 0;
			background: var(--color-primary);
		}
		.feedback_text-content {
			line-height: normal;
			font-size: var(--content-size);
			font-weight: 400;
			line-height: 200%; /* 32px */
			letter-spacing: 0.32px;
		}
	}
}

.swiper-feedback .swiper-button-next.button,
.swiper-feedback .swiper-button-prev.button {
	width: 66px;
	height: 66px;
  top: calc(100% - 40px);
}
.swiper-feedback .swiper-button-next.button {
	right: calc(calc(100% - 168px) / 2);
}
.swiper-feedback .swiper-button-prev.button {
	left: calc(calc(100% - 168px) / 2);
}

@media all and (min-width:1100px) {
	.feedback {
    display: grid;
    grid-template-columns: 1fr 3fr;
		width: 1056px;
    padding: 64px;

		.feedback_text {
			.feedback_shape{
				width: 134px;
				height: 118px;
				right: -20px;
				top: 15px;
				left: unset;
			}
		}
	}
}

@media all and (min-width:1200px) {
	.swiper-feedback .swiper-button-next.button,
	.swiper-feedback .swiper-button-prev.button {
		top: 50%;
	}
	.swiper-feedback .swiper-button-next.button {
		right: var(--swiper-navigation-sides-offset);
    left: auto;
	}
	.swiper-feedback .swiper-button-prev.button {
		left: var(--swiper-navigation-sides-offset);
    right: auto;
	}
}