/* =========================================================
   ABOUT CARD SLIDER
   Unified carousel mechanics
   ========================================================= */

.moraway-about-card-slider {
	position: relative;
	width: 100%;
}

.moraway-about-card-slider-viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
	touch-action: pan-y;
}

.moraway-about-card-slider-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	width: 100%;
	margin: 0;
	padding: 0;

	transform: translate3d(0, 0, 0);
	transition: transform 0.4s ease;
	will-change: transform;
}

.moraway-about-card-slide {
	position: relative;

	display: flex;
	flex: 0 0 100%;

	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 600px;

	margin: 0;
	padding: 0;

	align-items: stretch;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	opacity: 1;
	visibility: visible;

	box-sizing: border-box;
}


/* =========================================================
   OVERLAY
   ========================================================= */

.moraway-about-card-slide-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;

	background: rgba(0, 0, 0, 0.32);

	pointer-events: none;
}


/* =========================================================
   INNER CONTENT
   ========================================================= */

.moraway-about-card-slide-inner {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;

	width: 100%;
	max-width: 1200px;
	min-height: 600px;

	margin: 0 auto;
	padding: 64px 40px;

	box-sizing: border-box;
}

.moraway-about-card-content {
	width: min(100%, 620px);

	padding: 36px;

	background: rgba(255, 255, 255, 0.88);
	border-radius: 18px;

	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

.moraway-about-card-heading {
	margin: 0 0 18px;
}

.moraway-about-card-body > *:first-child {
	margin-top: 0;
}

.moraway-about-card-body > *:last-child {
	margin-bottom: 0;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.moraway-about-card-slide,
	.moraway-about-card-slide-inner {
		min-height: 520px;
	}

	.moraway-about-card-slide-inner {
		align-items: flex-end;
		padding: 32px 20px 48px;
	}

	.moraway-about-card-content {
		width: 100%;
		padding: 26px 22px;
		border-radius: 14px;
	}
}