.mewp-hero {
	--mewp-hero-max-w: 1684px;
	--mewp-hero-ratio: 1684 / 1226;
	--mewp-hero-radius: 15px;

	padding-inline: var(--edge-padding);
	margin-top: calc(var(--header-total) * -1);
	padding-top: var(--edge-padding);
}

.mewp-hero__media {
	display: grid;
	width: 100%;
	max-width: var(--mewp-hero-max-w);
	aspect-ratio: var(--mewp-hero-ratio);
	margin-inline: auto;
	border-radius: var(--mewp-hero-radius);
	overflow: hidden;
	isolation: isolate;
	background: #faab56;
	position: relative;
}

.mewp-hero__video {
	grid-area: 1 / 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mewp-hero__video,
.mewp-hero__content,
.mewp-hero_text {
	grid-area: 1 / 1;
}

.mewp-hero__content {
	z-index: 1;

	margin-inline: var(--edge-internal);
	padding-bottom: var(--edge-internal);
	padding-top: calc(var(--nav-size) + var(--edge-padding) + 40px);
	height: 100%;
	max-width: 1300px;
	justify-self: center;

	h1 {
		text-align: center;
		color: white;
		font-weight: 300;
		line-height: 1.15;
		font-size: clamp(1.75rem, 5.6723vw - 0.9727rem, 5.125rem);
	}

	.content-wrap {
		display: flex;
		flex-direction: column;
		height: 100%;

		h1 {
			align-self: center;
		}
	}
}

.mewp-hero_text {
	justify-self: flex-end;
	align-self: flex-end;
	margin-right: var(--edge-internal);
	padding-bottom: clamp(22px, 13.75vw - 148.5px, 88px);
	p {
		font-size: clamp(0.875rem, 1.0504vw + 0.3708rem, 1.5rem);
		color: #fff;
		margin-top: auto;
		align-self: flex-end;
		line-height: 1.3;
		max-width: 22.5em;
		
		text-wrap: pretty;
		margin-bottom: 0px;
	}
	a{
		margin-top: 22px;
	}
}

@media (max-width: 768px) {
	.mewp-hero {
		padding-inline: var(--edge-padding);
		margin-top: 0px;
		padding-top: 10px;
	}

	.mewp-hero__media {
		aspect-ratio: unset;
	}

	.mewp-hero__video {
		grid-area: 2 / 1;
		height: auto;
		translate: 15% -20%;
	}

	.mewp-hero__content {
		padding-top: 34px;
		padding-inline: var(--edge-internal);
		h1 {
			font-size: var(--h1-size);
			font-weight: 300;
		}
	}
	.mewp-hero__content {
		grid-area: 1 / 1;
	}
	.mewp-hero__video {
		grid-area: 2 / 1;
	}
	.mewp-hero_text {
		grid-area: 3 / 1;
	}

	.mewp-hero_text {
		padding-top: 40px;
		margin-left: var(--edge-internal);
		p {
			max-width: unset;
		}
	}
}

/* Logo Strip */

.logo-strip {
	background: #fff;
	padding-block: clamp(2rem, 6.5vw, 112px);
	padding-inline: 1.25rem;
}

.logo-strip__inner {
	max-width: 1100px;
	margin-inline: auto;
	text-align: center;
}

.logo-strip__intro {
	max-width: 1100px;
	text-align: center;
	margin: 0 auto clamp(2rem, 5vw, 3.5rem);
	font-size: var(--decorative-p);
	font-weight: 400;
	color: #000000;
	text-wrap: balance;
	line-height: 1.3;
}

.logo-strip__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: clamp(1.5rem, 4vw, 3.5rem);
}

.logo-strip__logo {
	display: block;
	height: 100%;
	width: auto;
	object-fit: contain;
}

@media (max-width: 768px) {
	.logo-strip__logo {
		max-height: 48px;
	}

	.logo-strip {
		padding-bottom: 54px;
	}
}

/* Products */

.product-about {
	--product-about-max-w: 1684px;
	--left-gutter: clamp(64px, 19.5946vw - 128.03px, 209px);
	padding-inline: var(--edge-padding);
	padding-bottom: clamp(2.25rem, 6.5vw, 112px);
}

.product-about__container {
	max-width: var(--product-about-max-w);
	margin-inline: auto;
	padding-top: 112px;
	padding-bottom: 117px;
	border-radius: 15px;
	background: var(--dark-gray);
	color: #fff;
	overflow: hidden;
}

.product-about__rows {
	display: flex;
	flex-direction: column;
	gap: 85px;
	padding-right: 190px;
	padding-bottom: 43px;
	padding-left: var(--left-gutter);
}

.product-about__heading,
.product-about__subheading,
.product-about__carousel-heading,
.product-about__text {
	margin: 0;
}

.product-about__heading {
	font-weight: 400;
	max-width: 777px;
	margin-bottom: 30px;
	font-size: clamp(1.25rem, 4.6218vw - 0.9685rem, 4rem);
	line-height: 1;
}

.single-product .product-about__heading{
	max-width: 1150px;
}
.single-product .product-about__cols{
	grid-template-columns: repeat(auto-fit, minmax(0, 881px));
}


.product-about__subheading {
	font-weight: 400;
	font-size: var(--decorative-p);
	position: relative;
	padding-bottom: 25px;
	padding-right: 40px;

	&::after {
		content: "";
		width: 108px;
		background: var(--orange);
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

.product-about__carousel-heading {
	text-align: right;
}
.product-about__intro {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 3rem;
}

.product-about__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 391px));
	gap: 1rem clamp(1.5rem, 4vw, 75px);
	flex: 1;
	justify-content: end;
}

.product-about__text {
	font-size: var(--p-size);
	font-weight: 300;
	line-height: 20.8px;
	text-wrap: pretty;
	color: #fff;
}

.product-about__carousel {
	margin-top: 1.5rem;
}

.product-carousel__slide {
	aspect-ratio: 623 / 685;

	overflow: hidden;
	width: min(623px, 85%);
	border-radius: 15px;
	position: relative;

	h4 {
		position: absolute;
		top: 32px;
		left: 42px;
		z-index: 2;
		font-size: 25px;
		font-weight: 400;
	}
	img {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	p{
		position: absolute;
		bottom: 32px;
		left: 42px;
		z-index: 2;
		font-size: var(--p-size);
		font-weight: 300;
		color: var(--white);
		line-height: 1.3;
		padding-right: 32px;
	}
}

.product-carousel .swiper {
	overflow: visible;
	padding-left: var(--left-gutter);
}

.product-carousel__slide:nth-child(3n + 1) {
	background-color: var(--orange);
}

.product-carousel__slide:nth-child(3n + 2) {
	background-color: var(--new-orange);
}

.product-carousel__slide:nth-child(3n) {
	background-color: #fcd0a6;
}

@media (max-width: 920px) {
	.product-about__container {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.product-about__rows {
		gap: 56px;
		padding-right: var(--edge-internal);
	}

	.product-about__intro {
		flex-direction: column;
		align-items: flex-start;
	}

	.product-about__carousel-heading {
		text-align: left;
	}

		.product-about__intro{
		gap: 1.5rem;
	}
}

@media (max-width: 768px) {
	
	


	.product-about__intro{
		gap: 1rem;
	}


	.product-about {
		--left-gutter: var(--edge-internal);
	}
	.product-about__rows {
		gap: 22px;
		padding-right: var(--edge-internal);
		padding-bottom: var(--edge-internal);
	}

	.product-about__heading {
		margin-bottom: 0px;
	}

	.product-about__subheading {
		padding-bottom: 20px;
	}
	.product-about__container {
		padding-top: 32px;
		padding-bottom: var(--left-gutter);
	}

	.product-carousel__slide {
		width: min(623px, 45.5%);
		display: flex;
   		flex-direction: column;
   		margin-right: 8px;
		aspect-ratio: unset;
		align-self: stretch;
		height: auto; 
		h4 {
			font-size: 14px;
			top: 11px;
			left: 11px;
			order: 1;
		}
		img{
			order: 2;
			position: relative;
			aspect-ratio: 314 / 345;
			flex: 0 0 auto; 
			width: 100%;
			height: auto;  
		}
		p{
			flex-grow: 1;
			padding: var(--edge-internal);
			order: 3;
			position: relative;
        	display: block;
			z-index: 99;
			bottom: unset;
			left: unset;
		}
	}

	.single-product .product-carousel__slide {
		width: min(623px, 65%);
	}



}

/* Video Carousel */
.video-carousel {
	--vc-max-w: 1526px;
	--vc-radius: 15px;
	--vc-inset: clamp(20px, 5vw, 80px);
	--vc-nav-bottom: clamp(20px, 4vw, 60px);
	--vc-nav-h: 44px;
	--vc-nav-gap: clamp(16px, 2vw, 32px);
	--swiper-pagination-color: #fff;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: 0.4;

	padding-inline: var(--edge-padding);
	padding-bottom: clamp(2rem, 6.5vw, 112px);
}

.video-carousel__heading {
	max-width: var(--vc-max-w);
	margin: 0 auto clamp(2.25rem, 4.7vw, 72rem);
	text-align: center;
}

.video-carousel__container {
	position: relative;
	max-width: var(--vc-max-w);
	aspect-ratio: 1526 / 1017;
	margin-inline: auto;
	border-radius: var(--vc-radius);
	overflow: hidden;
	background: #000;
}

.video-carousel .swiper {
	height: 100%;
}

.video-carousel__video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-carousel__content {
	position: absolute;
	left: var(--vc-inset);
	right: var(--vc-inset);
	bottom: calc(var(--vc-nav-bottom) + var(--vc-nav-h) + var(--vc-nav-gap));
	z-index: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1rem;
	color: #fff;
	border-bottom: 1px solid #fff;

	padding-bottom: 20px;
}

.video-carousel__name {
	margin: 0;
	font-size: var(--h1-size);
	color: #fff;
	text-box: trim-both cap alphabetic;
}

.video-carousel__nav {
	position: absolute;
	inset-inline: var(--vc-inset);
	bottom: var(--vc-nav-bottom);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: var(--vc-nav-h);
	margin-inline: auto;
	max-width: 1366px;
}

.video-carousel__arrow {
	display: grid;
	place-items: center;
	width: var(--vc-nav-h);
	height: var(--vc-nav-h);
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.video-carousel__arrow.swiper-button-disabled {
	opacity: 0.4;
	cursor: default;
}

.video-carousel__dots.swiper-pagination-bullets {
	position: static;
	width: auto;
	display: flex;
	gap: 8px;
}

.video-carousel__dots .swiper-pagination-bullet {
	margin: 0;
}

@media (max-width: 767px) {
	.video-carousel__container {
		aspect-ratio: 4 / 5;
	}
}

/* Homepage Icon Grid */

.icon-grid {
	background: #fff;
	padding-block: clamp(2rem, 6.5vw, 112px);
	padding-inline: var(--edge-padding);
}

.icon-grid__inner {
	max-width: 1267px;
	margin-inline: auto;
	text-align: center;
}

.icon-grid__intro {
	max-width: 1100px;
	text-align: center;
	margin: 0 auto clamp(2.5rem, 5vw, 3.5rem);
	font-size: var(--decorative-p);
	font-weight: 400;
	color: #000000;
	text-wrap: balance;
	line-height: 1.3;
}

.icon-strip__grid {
	--gap: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	row-gap: 116px;
	justify-content: center;

	.icon-strip__item {
		flex: 0 0 calc(25% - var(--gap));

		.icon-strip__text {
			margin-top: 24px;
			font-weight: 300;
			text-wrap: balance;
			color: var(--dark-gray);
		}
	}
}

@media (max-width: 768px) {
	.icon-grid {
		padding-top: 10px;
	}
	.icon-strip__grid {
		--gap: 20px;
		gap: var(--gap);
		row-gap: 27px;
		.icon-strip__item {
			flex: 0 0 calc(50% - var(--gap));
		}
	}
}

/* Testimonials */

.testimonials {
	--max-w: 1685px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-inline: var(--edge-padding);
}

.testimonials__inner {
	padding-inline: var(--edge-internal);
	max-width: var(--max-w);
	width: 100%;
	padding-top: 112px;
	padding-bottom: 117px;
	border-radius: 15px;
	background: var(--dark-gray);
	color: #fff;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial-wrap {
	max-width: 1268px;
	width: 100%;
}

.testimonials__heading {
	padding-bottom: 68px;
}

.testimonials__item {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.testimonials__figure {
	display: flex;
	flex-direction: column;
	background-color: var(--light-gray);
	padding-inline: 56px;
	padding-block: var(--edge-padding);
	justify-content: center;
	margin: 0;
	border-radius: 15px;
}
.testimonials__image {
	aspect-ratio: 495 / 454;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	object-fit: cover;
}

.testimonials__author {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	.testimonials__name {
		color: var(--black);
		font-size: var(--decorative-p);
		font-weight: 500;
		margin-bottom: 24px;
	}
	.testimonials__logo {
		width: 100%;
		height: auto;
		max-width: 184px;
	}
}

@media (min-width: 769px) {
	.testimonials__item {
		grid-template-columns: minmax(0, 495fr) minmax(0, 743fr);
	}
}

@media (max-width: 768px) {
	.testimonials__inner {
		padding-top: 23px;
		padding-bottom: var(--edge-internal);
	}

	.testimonials__heading {
		padding-bottom: 18px;
		margin-bottom: 0px;
		h2 {
			margin-bottom: 0px;
		}
	}

	.testimonials__figure {
		padding-top: 20px;
		padding-inline: 16px;
		padding-bottom: 25px;
	}
	.testimonials__quote {
		margin-bottom: 14px;
		p {
			margin-bottom: 0px;
		}
	}

	.testimonials__author {
		.testimonials__name {
			margin-bottom: 4px;
		}
		.testimonials__logo {
			max-width: 86px;
		}
	}
}

/* Mew Product Gallery */

.mew-lift-gallery {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: var(--edge-padding);
	margin-bottom: var(--edge-padding);
	padding-inline: var(--edge-padding);
}
.mew-lift-gallery__container {
	--gallery-inset: clamp(20px, 5vw, 80px);
	max-width: 1684px;
	margin-inline: auto;
	background: #f2f2f2;
	overflow: hidden;
	border-radius: 15px;
	padding-top: 108px;
	padding-bottom: 57px;
}

.mew-lift-gallery__swiper {
	padding-left: var(--gallery-inset);
}

.mew-lift-gallery__heading {
	text-align: center;
	margin-bottom: 54px;
}

.mew-lift-gallery__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 754 / 673;
	object-fit: cover;
	border-radius: 15px;
}

.mew-lift-gallery__nav {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 40px;
	max-width: 1436px;
	margin-inline: auto;
	padding-inline: 36px;
}

.mew-lift-gallery__nav .swiper-button-disabled {
	opacity: 0.3;
	cursor: default;
}

.mew-lift-gallery__prev,
.mew-lift-gallery__next {
	display: flex;
	padding: 0.5rem;
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
}

@media (max-width: 768px) {
	.mew-lift-gallery__container {
		padding-top: var(--mb-row-space);
		padding-bottom: var(--mb-row-space);
	}

	.mew-lift-gallery__heading {
		margin-bottom: var(--mb-row-space);
	}

	.mew-lift-gallery__nav {
		margin-top: var(--mb-row-space);
		padding-inline: 22px;

		svg {
			max-height: 24px;
		}
	}
}
