.vanity-kit-landing-page--cta {
	gap: 24px;
	flex: 1 0 0;
}

@media (min-width: 1024px) {
	.vanity-kit-landing-page--cta  {
		align-items: flex-start;
		text-align: start;
	}
}

.vanity-kit-landing-page--cta-title {
	display: -webkit-box;
	font-family: var(--font-regular, "ClarinsRegular", "Times New Roman", Times, serif);
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	color: #333333;
	margin: auto 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media (min-width: 1024px) {
	.vanity-kit-landing-page--cta-title {
		font-size: 60px;
		-webkit-line-clamp: 2; /* number of lines to show */
		line-clamp: 2;
	}
}

.vanity-kit-landing-page--cta-text {
	font-family: var(--font-book, 'Gotham SSm book A', 'Gotham SSm book B', Helvetica, Arial, sans-serif);
	color: #333333;
	font-size: 16px;
	line-height: 145%;
	font-weight: 400;
	font-style: normal;
}

.vanity-kit-landing-page--cta-button .button {
	padding: 12px 16px;
}

.vanity-kit-how-to-section-wrapper {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15);
	padding: 32px 24px;
	gap: 32px;
}

@media (min-width: 1024px) {
	.vanity-kit-how-to-section-wrapper {
		padding: 32px;
	}
}


.vanity-kit-how-to-section-text {
	gap: 8px;
	align-self: stretch;
}

.vanity-kit-how-to-section-title {
	font-family: var(--font-medium, 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif);
	color: #333333;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
	margin: auto 0px;
}

.vanity-kit-how-to-section-description {
	font-family: var(--font-book, 'Gotham SSm book A', 'Gotham SSm book B', Helvetica, Arial, sans-serif);
	color: #333333;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
}

.vanity-kit-how-to-section-categories {
	gap: 12px 8px;
	align-self: stretch;
	flex-wrap: wrap;
}

@media (min-width: 1024px) {
	.vanity-kit-how-to-section-categories {
		gap: 40px;
	}
}

.vanity-kit-how-to-section-category {
	width: 90px;
	gap: 12px;
}

.vanity-kit-how-to-section-category .icon-text {
	font-family: var(--font-medium, 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif);
	color: #333333;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
}

.vanity-kit-how-to-section-category-icon {
	width: 80px;
	height: 80px;
	border-radius: 200px;
	background: #F5EFEB
}

.vanity-kit-how-to-section-category-icon img {
	width: 32px;
	height: 32px;
}

body[dir=rtl] .vanity-kit-landing-page--cta-title {
	font-weight: 500;
}

body[dir=rtl] .vanity-kit-landing-page--cta-text {
	font-size: 19px;
	line-height: 150%;
}

body[dir=rtl] .vanity-kit-how-to-section-title {
	font-size: 24px;
	line-height: 150%;
}

body[dir=rtl] .vanity-kit-how-to-section-description {
	font-size: 17px;
	line-height: 150%;
}

body[dir=rtl] .vanity-kit-how-to-section-category .icon-text {
	font-size: 17px;
	line-height: 150%;
}