.REVIEWS::before,
.REVIEWS::after {
	content: "";
	display: block;
	overflow: hidden;
}


.REVIEWS .container {
	border-radius: 10rem;
	height: 100%;
	box-sizing: border-box;
	padding: 40rem;
	position: relative;
	background: #fff;
}

.REVIEWS .container::after {
	content: '';
	position: absolute;
	top: 10rem;
	left: 10rem;
	right: 10rem;
	bottom: 10rem;
	border-radius: 10rem;
	border: 1rem solid #ACB5C7;
	pointer-events: none;
}

.REVIEWS .logo {
	position: absolute;
	top: 40rem;
	left: 40rem;
	width: 150rem;
	height: 75rem;
}

.REVIEWS .rating {
	position: absolute;
	top: 40rem;
	right: 40rem;
	background: url(star.svg) top left / 32rem;
	width: 160rem;
	height: 32rem;
}

.REVIEWS .rating[data-rating="4"] {width: 128rem;}
.REVIEWS .rating[data-rating="3"] {width: 96rem;}
.REVIEWS .rating[data-rating="2"] {width: 64rem;}
.REVIEWS .rating[data-rating="1"] {width: 32rem;}

.REVIEWS .content {
	padding: 100rem 0 120rem;
	font-size: 20rem;
	font-weight: 700;
}

.REVIEWS .client {
	position: absolute;
	bottom: 40rem;
	left: 40rem;
	right: 40rem;
	line-height: 1.25;
	min-height: 80rem;
}

.REVIEWS .client-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 80rem;
	height: 80rem;
	border-radius: 100%;
	overflow: hidden;
}

.REVIEWS .client-name {
	font-size: 24rem;
	font-weight: 700;
	padding: 10rem 0 5rem 0;
}

.REVIEWS .client-role {
	font-size: 17rem;
	font-weight: 400;
}

@media screen and (min-width: 961px) {
	.REVIEWS .client-image ~ .client-name {padding-left: 100rem;}
	.REVIEWS .client-image ~ .client-role {padding-left: 100rem;}
}

@media screen and (max-width: 960px) {
	.REVIEWS .container {padding: 20rem; border: 1rem solid #ACB5C7;}
	.REVIEWS .container::after {display: none;}
	.REVIEWS .logo {position: static; height: auto;}
	.REVIEWS .logo .be-img {margin-bottom: 10rem;}
	.REVIEWS .rating {position: static;}
	.REVIEWS .content {padding: 20rem 0; font-size: 16rem; font-weight: 600;}
	.REVIEWS .client {position: static; min-height: 0;}
	.REVIEWS .client-image {width: 60rem; height: 60rem; position: static;}
	.REVIEWS .client-name {font-size: 20rem;}
	.REVIEWS .client-role {font-size: 15rem;}


	.REVIEWS .flickity-viewport {overflow: visible;}
	.REVIEWS .be-columns {margin-left: -6rem; margin-right: -6rem;}
	.REVIEWS .be-columns .be-column {padding-left: 6rem; padding-right: 6rem;}
}