.hero--image {
	.mewp-hero__content {

		width: 38cqi;
		& .content-wrap {
			align-items: center;
			p {
				text-align: center;
				margin-top: 2cqi;
				font-size: clamp(1rem, 1.2cqi, 1.25rem);
				align-self: center;
				color: var(--white);
				line-height: 1.3;
				max-width: 600px;
			}

			h1{
				font-size: clamp(1.75rem, 3.65cqi, 82px);
			}
		}
	}
	.mewp-hero__media {
		background: linear-gradient(
			180deg,
			rgba(249, 161, 77, 1) 0%,
			rgba(242, 121, 8, 1) 100%
		);
	}font-size: clamp(1.75rem, 3.65cqi, 5.13rem);
}

.hero--image {
	.mewp-hero__content,
	.hero__media {
		grid-area: 1 / 1;
	}
	.hero__media {
		align-self: flex-end;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}



@media(max-width: 1280px){
	.hero--image {

	.mewp-hero__content{
	width: unset;	
	grid-area: 1 / 1;
	padding-bottom: 0px;
	}
	.hero__media {
		grid-area: 2 / 1;
			margin-top: -100px;
	}
}
}
@media(max-width: 768px){
.hero--image {
.mewp-hero__media{
	aspect-ratio: unset;
}
	.hero__media {
		grid-area: 2 / 1;
		margin-top: 0px;
	}
}

}

/* Trust Section */

.trust-section__inner {
	max-width: 1684px;
	margin-inline: auto;
	padding-inline: var(--edge-padding);
	text-align: center;
	padding-top: 78px;
	padding-bottom: 113px;
}

.trust-section__eyebrow {
	margin-bottom: 40px;
	font-size: var(--decorative-p);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #d9d9d9;
}

.trust-section__heading {
	margin: 0;
	font-size: 36px;
	font-weight: 500;
	line-height: 46.8px;
}

@media (max-width: 767px) {
	.trust-section__heading {
		font-size: 16px;
		line-height: 20.8px;
	}

	.trust-section__inner{
	padding-top: calc(var(--mb-row-space) * 2);
	padding-bottom: calc(var(--mb-row-space) * 2);
	}
}

/* Product Benefit Section */

.benefits {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 64px;
}

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

.benefits__body {
	display: flex;
	flex-direction: row;
	gap: clamp(42px, 19.141vw - 117.25px, 140px);
	justify-content: flex-start;
	padding-inline: var(--edge-padding);
}

.benefits__heading {
	color: var(--orange);
	font-size: var(--h3-size);
	font-weight: 400;
	line-height: 1;
	margin-bottom: 40px;
}

.benefits__tabs {
	display: flex;
	flex-direction: column;
	flex: 1;

	max-width: 390px;

	.benefits__tab {
		background: none;
		border: none;
		text-align: left;
		color: #d9d9d9;
		font-size: 36px;
		padding-left: 0;
		position: relative;
		line-height: 1;
		display: flex;
        flex-direction: row;
        justify-content: space-between;
		align-items: center;

		&:nth-child(2) {
			padding-bottom: 40px;
		}
		&:nth-child(3) {
			padding-top: 30px;
		}

		svg{
			display: none;
				transition: transform 0.3s ease-out;
		}
	}

	.benefits__tab.is-active {
		color: var(--dark-gray);
	}
}

.benefits__tabs > .benefits__tab:nth-child(2)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #d9d9d9;
}

.benefits__panels {
	flex: 1;
	display: grid;
}

.benefits__panel {
	grid-area: 1/1;
	visibility: hidden;
	opacity: 0;
	transition:
		opacity 0.3s ease,
		visibility 0.3s;
}

.benefits__panel.is-active {
	visibility: visible;
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.benefits__panel {
		transition: none;
	}
}

.benefits__list {
	display: flex;
	gap: 32px;
	flex-direction: column;
	list-style: none;

	li {
		color: var(--dark-gray);
	}
	> li:not(:last-child) {
		border-bottom: 1px solid #d9d9d9;
		padding-bottom: 32px;
	}
}

@media (max-width: 768px) {

	.benefits {
		padding-bottom: 0px;
	}

	.benefits__body {
		flex-direction: column;
		gap: 24px;
	}

	.benefits__list {
		margin-top: 28px;
		    > li:not(:last-child) {
        padding-bottom: 12px;
  	  }
	}

	.benefits__tabs {
		max-width: unset;
		.benefits__tab {
			font-size: 20px;

			&:nth-child(2) {
				padding-bottom: 12px;
			}
			&:nth-child(3) {
				padding-top: 12px;
			}

			svg{
				display: block;
				transform: rotate(270deg);
				max-width: 14px;
			}


		}
	}

	.benefits__tab.is-active{
		svg{
				transform: rotate(90deg); 
		}
	}
}



.logo-strip.compliance-section{
	display: flex;
	justify-content: center;

	.compliance-container{
		max-width: 1684px;
		width: 100%;
		padding-inline: var(--edge-padding);
		background-color: #F2F2F7;
		border-radius: 15px;
	padding-top: clamp(28px, 4.41px + 6.29vw, 95px);
	padding-bottom: clamp(28px, 6.17px + 5.82vw, 90px);
	}

	.logo-strip__inner{
		display: flex;
		flex-direction: column;
		row-gap: clamp(28px, 4.41px + 6.29vw, 95px);
	}
	.logo-strip__intro{
		font-color: var(--dark-gray);
		font-size: var(--h2-size);
		margin-bottom: 0;
	}
	.logo-strip__text{
		font-size: var(--decorative-p);
		line-height: 2rem;
	}
}

@media(max-width: 768px){
.logo-strip.compliance-section{


	.logo-strip__logo {
    max-height: 48px;
}

	.logo-strip__text{
		line-height: 1.25rem;
	}
}	

}





/* Product CTA */

.new-product-cta{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-inline: var(--edge-padding);

	.new-product-cta__inner{
		display: grid;
		max-width: 1684px;
		width: 100%;
		grid-template-columns: 1fr 1fr;
		min-height: min(836px, 48.6vw);
		gap: var(--edge-padding);

		
	}

	.new-product-cta__media, .new-product-cta__content{
		flex: 1;
	}
	
	.new-product-cta__media{
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
			aspect-ratio: 832 / 826;
			border-radius: 15px;
		}

	}

	.new-product-cta__content{
		align-self: center;
		background-color: var(--orange);
		height: 100%;
		border-radius: 15px;
		align-content: center;
		padding: clamp(28px, 4.41px + 6.29vw, 95px);
	

		.text-wrapper{
			display: flex;
			flex-direction: column;
			gap: 45px;
			h2,p{
				color: var(--white);

			}
		}
	}

	.new-product-cta__button{
		border: 1px solid var(--white);
		border-radius: 9px;
		color: var(--white);
		padding-block: 13px;
       padding-inline: 24px;
	   width: fit-content;

	   &:hover{
		text-decoration: underline;
	   }
	}
}


@media(max-width: 920px){
	.new-product-cta{

	.new-product-cta__inner{
		grid-template-columns: 1fr;
			min-height: unset;
	}

	.new-product-cta__media{
        img{
			height: auto;
		}
	}

	
	.new-product-cta__content{
		.text-wrapper{
			gap: var(--mb-row-space);
		}
	}
}
}