/*Frame*/
.frame
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	align-items:center;
	border-radius:16px;
	background-color:var(--secondary-100);
	padding:24px;
	margin-bottom:16px;
}
.frame img
{
	border-radius:16px;
}
.frame .frame-content
{
	padding:0 200px 0 160px;
}
.frame .frame-content .extra
{
	margin-top:16px;
}
.frame .frame-content .extra a
{
	color:var(--tertiary-800);
}
@media all and (max-width:1499px)
{
	.frame .frame-content
	{
		padding:0 80px;
	}
}
@media all and (max-width:1199px)
{
	.frame .frame-content
	{
		padding:0 80px;
	}
}
@media all and (max-width:991px)
{
	.frame
	{
		grid-template-columns:repeat(1, 1fr);
		row-gap:32px;
	}
	.frame img
	{
		width:100%;
	}
	.frame .frame-content
	{
		padding:0;
	}
	.frame:nth-child(2n) .frame-content
	{
		order:1;
	}
}

/*Newsletter frame*/
.newsletter-frame
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	align-items:center;
	column-gap:60px;
	row-gap:40px;
}
.newsletter-frame .frame-image
{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	min-height:250px;
	border-radius:12px;
	background-color:var(--secondary-100);
	background-repeat:no-repeat;
	background-position:32px bottom;
	padding:16px 64px 16px 32px;
}
@media all and (max-width:767px)
{
	.newsletter-frame
	{
		grid-template-columns:repeat(1, 1fr);
	}
}
@media all and (max-width:575px)
{
	.newsletter-frame .frame-image
	{
		padding:16px 32px;
	}
}

/*Content Frame*/
.content-frame
{
	display:grid;
	grid-template-columns:1fr;
	row-gap:60px;
	border-radius:16px;
	background-color:var(--basic-50);
	padding:80px;
	margin-top:var(--section-spacing-sm);
}
.content-frame .content
{
	text-align:center;
}
.content-frame .content .image-grid
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
}
.content-frame .content .image-wrap
{
	max-width:767px;
	margin:0 auto;
}
.content-frame .content .small-image-wrap
{
	max-width:320px;
	margin:0 auto 16px auto;
}
.content-frame .content .small-image-wrap img
{
	border-radius:16px;
}
.content-frame:first-of-type
{
	margin-top:0;
}
@media all and (max-width:991px)
{
	.content-frame .content .image-grid
	{
		grid-template-columns:1fr;
	}
}
@media all and (max-width:575px)
{
	.content-frame
	{
		padding:40px 32px;
	}
}

/*Contact Frame*/
.contact-frame-wrap
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
	margin-top:40px;
}
.contact-frame
{
	display:inline-block;
	width:100%;
	border-radius:16px;
	padding:80px;
}
.contact-frame .contact-frame-icons
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:100px 60px;
	text-align:center;
}
.contact-frame .contact-frame-icons i
{
	font-size:4rem;
	padding-bottom:16px;
}
@media all and (max-width:1199px)
{
	.contact-frame
	{
		padding:40px;
	}
}
@media all and (max-width:991px)
{
	.contact-frame-wrap
	{
		grid-template-columns:1fr;
	}
	.contact-frame .contact-frame-icons
	{
		gap:40px 20px;
	}
}
@media all and (max-width:575px)
{
	.contact-frame .contact-frame-icons
	{
		grid-template-columns:1fr;
		gap:20px;
	}
}

/*Kit Frame*/
.kit-frame
{
	display:grid;
	grid-template-columns:488px minmax(0, 1fr);
	align-items:center;
	border-radius:16px;
	background-color:var(--kit-100);
	padding-inline-start:140px;
	margin-block-end:var(--section-spacing-md);
	position:relative;
	z-index:1;
}
.kit-frame__badge
{
	display:flex;
	justify-content:flex-end;
	padding-block-end:16px;
}
.kit-frame__content
{
	padding-block:60px;
}
.kit-frame__image
{
	max-width:clamp(400px, 50vw, 100%);
	max-height:calc(100% + 120px);
	position:absolute;
	inset:50% 0 auto auto;
	transform:translateY(-50%);
	z-index:-1;
}
.kit-frame__image img
{
	max-height:526px;
}
@media all and (max-width:1199px)
{
	.kit-frame
	{
		padding-inline-start:24px;
	}
}
@media all and (max-width:767px)
{
	.kit-frame
	{
		grid-template-columns:minmax(0, 1fr);
		padding-inline-end:24px;
	}
	.kit-frame__content
	{
		padding-block:0 24px;
	}
	.kit-frame__image
	{
		order:-1;
		max-width:100%;
		max-height:none;
		inset:-24px auto auto auto;
		position:relative;
		transform:none;
		z-index:1;
	}
}

.kit-frame-wrap--product
{
	border:1px solid var(--tertiary-100);
	border-radius:16px;
	padding:16px;
	margin-block-end:var(--section-spacing-md);
}
.kit-frame-wrap--product .kit-frame
{
	grid-template-columns:526px minmax(0, 1fr);
	padding-inline-start:24px;
	margin-block-end:0;
}
.kit-frame-wrap--product .kit-frame__content
{
	padding-block:46px;
}
.kit-frame-wrap--product .kit-frame__image img
{
	max-height:376px;
}
@media all and (max-width:767px)
{
	.kit-frame-wrap--product .kit-frame
	{
		grid-template-columns:minmax(0, 1fr);
		padding-inline-end:24px;
	}
	.kit-frame-wrap--product .kit-frame__content
	{
		padding-block:0 24px;
	}
	.kit-frame-wrap--product .kit-frame__image img
	{
		max-height:none;
	}
}