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

.CUSTOMERSTORY .inner-wrapper {
	position: relative;
	background: var(--white);
	border-radius: var(--s1);
	margin-bottom: var(--s6)	
}

.b-section[data-bg-color="white"] .CUSTOMERSTORY .inner-wrapper {
	background: var(--green-100);
}

.CUSTOMERSTORY .image {
	overflow: hidden;
}

.CUSTOMERSTORY .content {
	position: relative;
	padding: var(--s5);
}


.CUSTOMERSTORY .author {
	display: flex;
	align-items: center;
	margin-top: var(--s5);
}

.CUSTOMERSTORY .author .details {
	display: flex;
	flex-direction: column;
	gap: var(--s1);
}

.CUSTOMERSTORY .author .name {
	color: var(--navy);
}

.CUSTOMERSTORY .author .role, .CUSTOMERSTORY .content h3{
	color: var(--navy-300);
}

.CUSTOMERSTORY .author .image {
	width: 54rem;
	margin-right: var(--s3);
	border-radius: 100%;
	overflow: hidden;
	flex: 0 0 auto;
	align-self: flex-start;
}

.CUSTOMERSTORY .b-columns.alt-first .b-column.alt-first {padding: 0;}

.CUSTOMERSTORY .embla {padding-bottom: 0;}


@media (width > 960px) {
	.CUSTOMERSTORY .content {padding: var(--s5) var(--s5) var(--s5) 0;}
	.CUSTOMERSTORY .b-buttons {position: absolute; bottom: var(--s5); width: 100%;}
	.CUSTOMERSTORY .image {border-radius: var(--s1) 0 0 var(--s1);}
	.CUSTOMERSTORY .embla__buttons, 
	.CUSTOMERSTORY .embla__dots {bottom: var(--ns8);}
	.CUSTOMERSTORY .embla__dots {left: initial; right: initial;}
}

@media (width <= 960px) {
	.CUSTOMERSTORY .b-buttons {margin: 0 var(--s5) var(--s5);}
	.CUSTOMERSTORY .image {border-radius: var(--s1) var(--s1) 0 0;}
	.CUSTOMERSTORY .inner-wrapper {margin-bottom: var(--s9);}
	.CUSTOMERSTORY .embla__buttons .embla__prev, .embla__next, .embla__dots {display: block;}
	.CUSTOMERSTORY .embla__dots {bottom: var(--ns6);}
	.CUSTOMERSTORY .embla__buttons {bottom: -135rem; left: 32%;}
}