html.cg-ndp-is-open,
body.cg-ndp-is-open {
	overflow: hidden !important;
}

#cg-new-design-popup[hidden] {
	display: none !important;
}

#cg-new-design-popup,
#cg-new-design-popup *,
#cg-new-design-popup *::before,
#cg-new-design-popup *::after {
	box-sizing: border-box;
}

#cg-new-design-popup {
	position: fixed;
	z-index: 2147483000;
	inset: 0;
	display: grid;
	align-items: start;
	justify-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	padding: clamp(72px, 11.13vh, 120px) 48px 48px;
	font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	opacity: 0;
	transition: opacity 200ms ease;
}

#cg-new-design-popup.cg-ndp--visible {
	opacity: 1;
}

#cg-new-design-popup .cg-ndp__backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
}

#cg-new-design-popup .cg-ndp__dialog {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 502px);
	grid-template-rows: minmax(0, 1fr);
	gap: 20px;
	width: min(1276px, calc(100vw - 96px));
	height: min(789px, calc(100vh - clamp(120px, 16vh, 176px)));
	min-height: 620px;
	padding: 20px;
	border-radius: 40px;
	background: #fff;
	color: #151a14;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
	outline: none;
}

#cg-new-design-popup .cg-ndp__copy {
	display: flex;
	min-width: 0;
	min-height: 0;
	padding: 29px 22px 36px 30px;
	flex-direction: column;
	align-items: flex-start;
}

#cg-new-design-popup .cg-ndp__brand {
	display: flex;
	width: min(100%, 420px);
	height: 61px;
	align-items: center;
	gap: 16px;
}

#cg-new-design-popup .cg-ndp__brand-icon {
	display: block;
	width: 60px;
	height: 61px;
	flex: 0 0 60px;
}

#cg-new-design-popup .cg-ndp__brand-wordmark {
	display: block;
	width: min(359px, calc(100% - 76px));
	height: auto;
}

#cg-new-design-popup .cg-ndp__custom-logo {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 61px;
	object-fit: contain;
	object-position: left center;
}

#cg-new-design-popup .cg-ndp__eyebrow {
	max-width: 573px;
	margin: 97px 0 0;
	color: #abcb68;
	font-size: clamp(24px, 1.96vw, 34px);
	font-family: inherit !important;
	font-weight: 400;
	line-height: 1.25;
	text-transform: uppercase;
}

#cg-new-design-popup .cg-ndp__heading {
	max-width: 573px;
	margin: 38px 0 0;
	color: #242424;
	font-size: clamp(48px, 3.68vw, 64px);
	font-family: inherit !important;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none !important;
	white-space: pre-line;
}

#cg-new-design-popup .cg-ndp__body {
	max-width: 573px;
	margin: 24px 0 0;
	color: #151a14;
	font-size: clamp(19px, 1.38vw, 24px);
	font-family: inherit !important;
	font-weight: 400;
	line-height: 1.25;
	white-space: pre-line;
}

#cg-new-design-popup .cg-ndp__cta-block {
	margin-top: 76px;
}

#cg-new-design-popup .cg-ndp__question {
	margin: 0;
	color: #151a14;
	font-size: 18px;
	font-family: inherit !important;
	font-weight: 400;
	line-height: 1.25;
}

#cg-new-design-popup .cg-ndp__cta {
	display: inline-flex;
	margin-top: 8px;
	align-items: center;
	gap: 20px;
	color: #242424;
	font-size: 24px;
	font-family: inherit !important;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
}

#cg-new-design-popup .cg-ndp__cta:hover,
#cg-new-design-popup .cg-ndp__cta:focus-visible {
	color: #242424;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

#cg-new-design-popup .cg-ndp__cta:focus-visible,
#cg-new-design-popup .cg-ndp__close:focus-visible {
	outline: 3px solid #abcb68;
	outline-offset: 4px;
}

#cg-new-design-popup .cg-ndp__arrow {
	position: relative;
	display: block;
	width: 28px;
	height: 20px;
	overflow: hidden;
	flex: 0 0 28px;
}

#cg-new-design-popup .cg-ndp__arrow img {
	position: absolute;
	inset: 0;
	display: block;
	width: 28px;
	height: 20px;
	transition: transform 180ms ease;
}

#cg-new-design-popup .cg-ndp__arrow-green {
	transform: translateX(-40px);
}

#cg-new-design-popup .cg-ndp__cta:hover .cg-ndp__arrow-dark,
#cg-new-design-popup .cg-ndp__cta:focus-visible .cg-ndp__arrow-dark {
	transform: translateX(40px);
}

#cg-new-design-popup .cg-ndp__cta:hover .cg-ndp__arrow-green,
#cg-new-design-popup .cg-ndp__cta:focus-visible .cg-ndp__arrow-green {
	transform: translateX(0);
}

#cg-new-design-popup .cg-ndp__visual {
	display: block;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 16px;
	overflow: hidden;
	border: 1px solid #d0d0d0;
	border-radius: 20px;
	background: #fafafa;
}

#cg-new-design-popup .cg-ndp__visual > img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: 42% center;
}

#cg-new-design-popup .cg-ndp__close {
	position: absolute;
	z-index: 3;
	top: -60px;
	right: -35px;
	display: grid;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

#cg-new-design-popup .cg-ndp__close-bg {
	position: absolute;
	inset: 0;
	display: block;
	width: 50px;
	height: 50px;
}

#cg-new-design-popup .cg-ndp__close-icon {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
}

@media (max-width: 1240px) {
	#cg-new-design-popup {
		padding-right: 32px;
		padding-left: 32px;
	}

	#cg-new-design-popup .cg-ndp__dialog {
		grid-template-columns: minmax(0, 1fr) minmax(340px, 40%);
		width: calc(100vw - 80px);
	}

	#cg-new-design-popup .cg-ndp__copy {
		padding-right: 10px;
		padding-left: 20px;
	}

	#cg-new-design-popup .cg-ndp__eyebrow {
		margin-top: 64px;
	}

	#cg-new-design-popup .cg-ndp__heading {
		margin-top: 28px;
	}

	#cg-new-design-popup .cg-ndp__cta-block {
		margin-top: auto;
		padding-top: 40px;
	}

	#cg-new-design-popup .cg-ndp__close {
		right: -12px;
	}
}

@media (max-width: 900px) {
	#cg-new-design-popup {
		padding: 32px 16px 16px;
	}

	#cg-new-design-popup .cg-ndp__dialog {
		display: flex;
		width: min(680px, calc(100vw - 32px));
		height: auto;
		max-height: calc(100vh - 48px);
		min-height: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 28px;
		flex-direction: column;
	}

	#cg-new-design-popup .cg-ndp__copy {
		padding: 40px 32px 32px;
	}

	#cg-new-design-popup .cg-ndp__brand {
		width: min(100%, 360px);
		height: 52px;
		padding-right: 44px;
		gap: 12px;
	}

	#cg-new-design-popup .cg-ndp__brand-icon {
		width: 51px;
		height: 52px;
		flex-basis: 51px;
	}

	#cg-new-design-popup .cg-ndp__brand-wordmark {
		width: min(290px, calc(100% - 63px));
	}

	#cg-new-design-popup .cg-ndp__custom-logo {
		max-height: 52px;
	}

	#cg-new-design-popup .cg-ndp__eyebrow {
		margin-top: 46px;
		font-size: 22px;
	}

	#cg-new-design-popup .cg-ndp__heading {
		margin-top: 22px;
		font-size: clamp(42px, 8vw, 54px);
		white-space: normal;
	}

	#cg-new-design-popup .cg-ndp__body {
		font-size: 19px;
	}

	#cg-new-design-popup .cg-ndp__cta-block {
		margin-top: 44px;
		padding-top: 0;
	}

	#cg-new-design-popup .cg-ndp__cta {
		font-size: 21px;
	}

	#cg-new-design-popup .cg-ndp__visual {
		order: 2;
		height: min(360px, 48vh);
		margin: 0 16px 16px;
		padding: 10px;
		border-radius: 16px;
	}

	#cg-new-design-popup .cg-ndp__close {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 44px;
		height: 44px;
	}

	#cg-new-design-popup .cg-ndp__close-bg {
		width: 44px;
		height: 44px;
	}

	#cg-new-design-popup .cg-ndp__close-icon {
		width: 21px;
		height: 21px;
	}
}

@media (max-width: 520px) {
	#cg-new-design-popup .cg-ndp__copy {
		padding: 30px 22px 26px;
	}

	#cg-new-design-popup .cg-ndp__brand {
		height: 44px;
	}

	#cg-new-design-popup .cg-ndp__brand-icon {
		width: 43px;
		height: 44px;
		flex-basis: 43px;
	}

	#cg-new-design-popup .cg-ndp__brand-wordmark {
		width: min(250px, calc(100% - 55px));
	}

	#cg-new-design-popup .cg-ndp__eyebrow {
		margin-top: 34px;
		font-size: 18px;
	}

	#cg-new-design-popup .cg-ndp__heading {
		margin-top: 18px;
		font-size: clamp(35px, 10.5vw, 44px);
		line-height: 1.03;
	}

	#cg-new-design-popup .cg-ndp__body {
		margin-top: 20px;
		font-size: 17px;
		line-height: 1.4;
	}

	#cg-new-design-popup .cg-ndp__cta-block {
		margin-top: 34px;
	}

	#cg-new-design-popup .cg-ndp__question {
		font-size: 16px;
	}

	#cg-new-design-popup .cg-ndp__cta {
		gap: 14px;
		font-size: 19px;
	}

	#cg-new-design-popup .cg-ndp__visual {
		height: 250px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#cg-new-design-popup,
	#cg-new-design-popup .cg-ndp__arrow img {
		transition: none;
	}
}