.elementor-1837 .elementor-element.elementor-element-9d8c8ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:none;--border-style:none;--margin-top:40px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-490a3d5{--display:flex;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-490a3d5:not(.elementor-motion-effects-element-type-background), .elementor-1837 .elementor-element.elementor-element-490a3d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #470C23 0%, #1C171A 100%);}.elementor-1837 .elementor-element.elementor-element-68e0da8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1837 .elementor-element.elementor-element-6351277{--display:flex;--gap:45px 45px;--row-gap:45px;--column-gap:45px;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-b57ec45 );margin:0px 0px 32px 0px;font-family:"Urbanist", Sans-serif;font-size:75px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-a99a38a );}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-b57ec45 );font-family:var( --e-global-typography-f737b29-font-family ), Sans-serif;font-size:var( --e-global-typography-f737b29-font-size );font-weight:var( --e-global-typography-f737b29-font-weight );text-transform:var( --e-global-typography-f737b29-text-transform );font-style:var( --e-global-typography-f737b29-font-style );text-decoration:var( --e-global-typography-f737b29-text-decoration );line-height:var( --e-global-typography-f737b29-line-height );margin:0px 0px 0px 0px;}.elementor-1837 .elementor-element.elementor-element-aabd759{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--overflow:hidden;--border-radius:20px 20px 20px 20px;}.elementor-1837 .elementor-element.elementor-element-d491b52{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-1837 .elementor-element.elementor-element-d491b52 img{width:60%;border-radius:20px 20px 20px 20px;}.elementor-1837 .elementor-element.elementor-element-fa9f043{--display:flex;--gap:72px 72px;--row-gap:72px;--column-gap:72px;border-style:none;--border-style:none;}.elementor-1837 .elementor-element.elementor-element-fa9f043:not(.elementor-motion-effects-element-type-background), .elementor-1837 .elementor-element.elementor-element-fa9f043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1837 .elementor-element.elementor-element-782c1d4 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}body.elementor-page-1837:not(.elementor-motion-effects-element-type-background), body.elementor-page-1837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8d76f1f );}:root{--page-title-display:none;}@media(min-width:426px){.elementor-1837 .elementor-element.elementor-element-490a3d5{--width:90%;}.elementor-1837 .elementor-element.elementor-element-fa9f043{--width:90%;}}@media(max-width:1024px) and (min-width:426px){.elementor-1837 .elementor-element.elementor-element-6351277{--width:50%;}.elementor-1837 .elementor-element.elementor-element-aabd759{--width:50%;}}@media(max-width:830px) and (min-width:426px){.elementor-1837 .elementor-element.elementor-element-6351277{--width:100%;}.elementor-1837 .elementor-element.elementor-element-aabd759{--width:100%;}}@media(max-width:1024px){.elementor-1837 .elementor-element.elementor-element-490a3d5{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-68e0da8{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-title{font-size:50px;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-subtitle{font-size:var( --e-global-typography-f737b29-font-size );line-height:var( --e-global-typography-f737b29-line-height );}}@media(max-width:830px){.elementor-1837 .elementor-element.elementor-element-9d8c8ad{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1837 .elementor-element.elementor-element-490a3d5{--padding-top:112px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-68e0da8{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1837 .elementor-element.elementor-element-6351277{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-title{font-size:54px;line-height:1.3em;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-subtitle{font-size:var( --e-global-typography-f737b29-font-size );line-height:var( --e-global-typography-f737b29-line-height );}.elementor-1837 .elementor-element.elementor-element-aabd759{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-d491b52{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1837 .elementor-element.elementor-element-d491b52.elementor-element{--align-self:flex-end;}.elementor-1837 .elementor-element.elementor-element-fa9f043{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(max-width:425px){.elementor-1837 .elementor-element.elementor-element-490a3d5{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1837 .elementor-element.elementor-element-68e0da8{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1837 .elementor-element.elementor-element-6351277{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 24px 0px;font-size:48px;line-height:1.3em;}.elementor-1837 .elementor-element.elementor-element-62922f3 .elementskit-section-title-wraper .elementskit-section-subtitle{font-size:var( --e-global-typography-f737b29-font-size );line-height:var( --e-global-typography-f737b29-line-height );}.elementor-1837 .elementor-element.elementor-element-fa9f043{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-782c1d4 *//**
 * GP2 Student Onboarding / Profile Editor
 *
 * Background: #0F0F10
 * Primary:    #FF005C
 * Text:       #FBFAFB
 * Surfaces:   #1D171A / #470C23
 * Font:       Urbanist
 */

/*
|--------------------------------------------------------------------------
| Fluent Forms and Elementor wrapper reset
|--------------------------------------------------------------------------
*/

.fluentform_wrapper_3,
.fluentform_wrapper_3 .fluentform-widget-wrapper,
.fluentform_wrapper_3 .ff-default,
.fluentform_wrapper_3 .ffs_default_wrap {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.fluentform_wrapper_3 *,
.fluentform_wrapper_3 *::before,
.fluentform_wrapper_3 *::after {
	box-sizing: border-box !important;
}

/*
|--------------------------------------------------------------------------
| Main form panel
|--------------------------------------------------------------------------
*/

#fluentform_3 {
	--gp2-form-primary: #ff005c !important;
	--gp2-form-primary-hover: #ff337d !important;
	--gp2-form-primary-dark: #d9004e !important;
	--gp2-form-primary-soft: rgba(255, 0, 92, 0.12) !important;
	--gp2-form-primary-border: rgba(255, 0, 92, 0.55) !important;

	--gp2-form-page: #0f0f10 !important;
	--gp2-form-surface: #1d171a !important;
	--gp2-form-surface-elevated: #251b20 !important;
	--gp2-form-surface-accent: #470c23 !important;
	--gp2-form-card: #1b1b22 !important;
	--gp2-form-card-elevated: #202029 !important;

	--gp2-form-text: #fbfafb !important;
	--gp2-form-text-soft: #e7dfe3 !important;
	--gp2-form-muted: #b9aeb4 !important;
	--gp2-form-label: #e6a6b1 !important;

	--gp2-form-border: rgba(251, 250, 251, 0.13) !important;
	--gp2-form-border-strong: rgba(251, 250, 251, 0.24) !important;

	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: clamp(26px, 5vw, 58px) !important;
	overflow: hidden !important;
	border: 1px solid rgba(251, 250, 251, 0.08) !important;
	border-radius: 22px !important;
	background:
		radial-gradient(
			circle at 8% 8%,
			rgba(255, 0, 92, 0.14),
			transparent 31%
		),
		radial-gradient(
			circle at 96% 12%,
			rgba(71, 12, 35, 0.5),
			transparent 32%
		),
		linear-gradient(
			135deg,
			#470c23 0%,
			#30101d 34%,
			#21181d 68%,
			#1d171a 100%
		) !important;
	color: var(--gp2-form-text) !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.4),
		0 1px 0 rgba(255, 255, 255, 0.035) inset !important;
	isolation: isolate !important;
}

#fluentform_3::before {
	content: "" !important;
	position: absolute !important;
	z-index: -1 !important;
	inset: 0 !important;
	pointer-events: none !important;
	background:
		linear-gradient(
			115deg,
			rgba(255, 255, 255, 0.026),
			transparent 42%
		) !important;
}

#fluentform_3 fieldset {
	width: 100% !important;
	min-width: 0 !important;
}

/*
|--------------------------------------------------------------------------
| Screen-reader-only content
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff_screen_reader_title,
#fluentform_3 .ff-el-input--label .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/*
|--------------------------------------------------------------------------
| General field groups
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff-el-group {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

#fluentform_3 .ff-el-input--content {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/*
|--------------------------------------------------------------------------
| First form introduction
|--------------------------------------------------------------------------
*/

#fluentform_3
	.ff-custom_html[data-name="custom_html-3_1"] {
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: 0 0 28px !important;
	border-bottom: 1px solid var(--gp2-form-border) !important;
	text-align: center !important;
}

#fluentform_3
	.ff-custom_html[data-name="custom_html-3_1"]
	h1 {
	max-width: 950px !important;
	margin: 0 auto 14px !important;
	padding: 0 !important;
	color: var(--gp2-form-text) !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
	font-size: clamp(2.25rem, 5vw, 4.5rem) !important;
	font-weight: 850 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.045em !important;
	text-transform: none !important;
}

#fluentform_3
	.ff-custom_html[data-name="custom_html-3_1"]
	> div
	> div:last-child {
	max-width: 800px !important;
	margin: 0 auto !important;
	color: var(--gp2-form-text-soft) !important;
	font-size: clamp(0.98rem, 1.5vw, 1.08rem) !important;
	font-weight: 500 !important;
	line-height: 1.7 !important;
}

/* Remove Fluent Forms spacer paragraphs containing a non-breaking space. */

#fluentform_3 .ff-custom_html p {
	margin: 0 !important;
	padding: 0 !important;
}

#fluentform_3
	.ff-custom_html[data-name="custom_html-3_1"]
	p {
	display: none !important;
}

/*
|--------------------------------------------------------------------------
| Section headings
|--------------------------------------------------------------------------
*/

#fluentform_3
	.ff-custom_html:not([data-name="custom_html-3_1"]):not(
		[data-name="custom_html-3_12"]
	) {
	width: 100% !important;
	margin: 42px 0 24px !important;
	padding: 26px 0 0 !important;
	border-top: 1px solid var(--gp2-form-border) !important;
}

#fluentform_3
	.ff-custom_html:not([data-name="custom_html-3_1"]):not(
		[data-name="custom_html-3_12"]
	)
	h1 {
	position: relative !important;
	margin: 0 !important;
	padding: 0 0 0 18px !important;
	color: var(--gp2-form-text) !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
	font-size: clamp(1.65rem, 3vw, 2.5rem) !important;
	font-weight: 850 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.03em !important;
	text-transform: none !important;
}

#fluentform_3
	.ff-custom_html:not([data-name="custom_html-3_1"]):not(
		[data-name="custom_html-3_12"]
	)
	h1::before {
	content: "" !important;
	position: absolute !important;
	top: 0.1em !important;
	bottom: 0.1em !important;
	left: 0 !important;
	width: 5px !important;
	border-radius: 999px !important;
	background: var(--gp2-form-primary) !important;
	box-shadow: 0 0 18px rgba(255, 0, 92, 0.28) !important;
}

/*
|--------------------------------------------------------------------------
| Field labels
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff-el-input--label {
	width: 100% !important;
	margin: 0 0 9px !important;
	padding: 0 !important;
}

#fluentform_3 .ff-el-input--label label {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--gp2-form-text-soft) !important;
	font-family: inherit !important;
	font-size: 0.95rem !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
	letter-spacing: 0.005em !important;
}

#fluentform_3 .ff-el-is-required label::after,
#fluentform_3 .asterisk-right label::after,
#fluentform_3 .ff-el-is-required.asterisk-right label::after {
	color: var(--gp2-form-primary) !important;
}

/*
|--------------------------------------------------------------------------
| Radio option grids
|--------------------------------------------------------------------------
*/

#fluentform_3
	.ff-el-group:has(input[name="gp2_career_goal"])
	.ff-el-input--content {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

#fluentform_3
	.ff-el-group:has(input[name="gp2_experience_level"])
	.ff-el-input--content {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

#fluentform_3 .ff-el-form-check {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#fluentform_3 .ff-el-form-check-label {
	display: flex !important;
	align-items: center !important;
	gap: 13px !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 78px !important;
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid var(--gp2-form-border) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(
			145deg,
			rgba(32, 32, 41, 0.98),
			rgba(27, 27, 34, 0.98)
		) !important;
	color: var(--gp2-form-text) !important;
	font-family: inherit !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition:
		border-color 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease !important;
}

#fluentform_3 .ff-el-form-check-label:hover {
	border-color: rgba(255, 0, 92, 0.68) !important;
	background:
		linear-gradient(
			145deg,
			rgba(44, 29, 37, 0.99),
			rgba(31, 23, 28, 0.99)
		) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-2px) !important;
}

#fluentform_3
	.ff-el-form-check-label:has(
		input[type="radio"]:checked
	) {
	border-color: var(--gp2-form-primary) !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 0, 92, 0.2),
			rgba(71, 12, 35, 0.68)
		) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 0, 92, 0.28),
		0 12px 30px rgba(255, 0, 92, 0.12) !important;
}

#fluentform_3
	.ff-el-form-check-input[type="radio"] {
	flex: 0 0 auto !important;
	width: 19px !important;
	height: 19px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--gp2-form-border-strong) !important;
	background-color: transparent !important;
	accent-color: var(--gp2-form-primary) !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

#fluentform_3
	.ff-el-form-check-label
	span {
	min-width: 0 !important;
	color: var(--gp2-form-text) !important;
	font-size: 0.95rem !important;
	font-weight: 750 !important;
	line-height: 1.4 !important;
	overflow-wrap: anywhere !important;
}

/*
|--------------------------------------------------------------------------
| Text, number and date fields
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff-el-form-control,
#fluentform_3 input[type="text"],
#fluentform_3 input[type="number"],
#fluentform_3 input[type="email"],
#fluentform_3 input[type="date"],
#fluentform_3 input[type="tel"],
#fluentform_3 input[type="url"],
#fluentform_3 select,
#fluentform_3 textarea {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 49px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--gp2-form-border) !important;
	border-radius: 10px !important;
	background: rgba(15, 15, 16, 0.82) !important;
	color: var(--gp2-form-text) !important;
	font-family: inherit !important;
	font-size: 0.96rem !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	outline: 0 !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease !important;
}

#fluentform_3 textarea {
	min-height: 130px !important;
	resize: vertical !important;
}

#fluentform_3
	input.flatpickr-input[readonly] {
	cursor: pointer !important;
}

#fluentform_3 input::placeholder,
#fluentform_3 textarea::placeholder {
	color: #91868c !important;
	opacity: 1 !important;
}

#fluentform_3 select option {
	background: #1d171a !important;
	color: #fbfafb !important;
}

#fluentform_3 .ff-el-form-control:hover,
#fluentform_3 input[type="text"]:hover,
#fluentform_3 input[type="number"]:hover,
#fluentform_3 input[type="date"]:hover,
#fluentform_3 select:hover,
#fluentform_3 textarea:hover {
	border-color: var(--gp2-form-border-strong) !important;
	background: #171315 !important;
}

#fluentform_3 .ff-el-form-control:focus,
#fluentform_3 input[type="text"]:focus,
#fluentform_3 input[type="number"]:focus,
#fluentform_3 input[type="date"]:focus,
#fluentform_3 select:focus,
#fluentform_3 textarea:focus {
	border-color: var(--gp2-form-primary) !important;
	background: #171315 !important;
	box-shadow:
		0 0 0 3px rgba(255, 0, 92, 0.17),
		0 0 20px rgba(255, 0, 92, 0.09) !important;
	outline: 0 !important;
}

/*
|--------------------------------------------------------------------------
| Chrome autofill
|--------------------------------------------------------------------------
*/

#fluentform_3 input:-webkit-autofill,
#fluentform_3 input:-webkit-autofill:hover,
#fluentform_3 input:-webkit-autofill:focus,
#fluentform_3 textarea:-webkit-autofill,
#fluentform_3 select:-webkit-autofill {
	-webkit-text-fill-color: var(--gp2-form-text) !important;
	-webkit-box-shadow:
		0 0 0 1000px #171315 inset !important;
	box-shadow:
		0 0 0 1000px #171315 inset !important;
	caret-color: var(--gp2-form-text) !important;
}

/*
|--------------------------------------------------------------------------
| Review learning profile
|--------------------------------------------------------------------------
*/

#fluentform_3
	.ff-custom_html[data-name="custom_html-3_12"] {
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: 0 !important;
}

#fluentform_3 .gp2-review {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 13px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#fluentform_3 .gp2-review dt,
#fluentform_3 .gp2-review dd {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 15px 16px !important;
	border: 1px solid var(--gp2-form-border) !important;
	background:
		linear-gradient(
			145deg,
			rgba(32, 32, 41, 0.98),
			rgba(27, 27, 34, 0.98)
		) !important;
	overflow-wrap: anywhere !important;
}

#fluentform_3 .gp2-review dt {
	border-right: 0 !important;
	border-radius: 11px 0 0 11px !important;
	color: var(--gp2-form-label) !important;
	font-size: 0.84rem !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	letter-spacing: 0.025em !important;
}

#fluentform_3 .gp2-review dd {
	border-left-color: rgba(251, 250, 251, 0.06) !important;
	border-radius: 0 11px 11px 0 !important;
	color: var(--gp2-form-text) !important;
	font-size: 0.94rem !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-align: right !important;
}

/*
|--------------------------------------------------------------------------
| Fluent Forms steps and progress
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff-el-progress,
#fluentform_3 .ff-el-progress-bar {
	overflow: hidden !important;
	border-radius: 999px !important;
}

#fluentform_3 .ff-el-progress {
	height: 12px !important;
	margin: 0 0 28px !important;
	background: rgba(251, 250, 251, 0.11) !important;
}

#fluentform_3 .ff-el-progress-bar {
	height: 100% !important;
	background: var(--gp2-form-primary) !important;
	box-shadow: 0 0 18px rgba(255, 0, 92, 0.25) !important;
}

#fluentform_3 .ff-step-titles {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

#fluentform_3 .ff-step-title {
	padding: 7px 11px !important;
	border: 1px solid var(--gp2-form-border) !important;
	border-radius: 999px !important;
	background: rgba(15, 15, 16, 0.45) !important;
	color: var(--gp2-form-muted) !important;
	font-size: 0.82rem !important;
	font-weight: 750 !important;
}

#fluentform_3 .ff-step-title.active,
#fluentform_3 .ff-step-title.ff_active {
	border-color: var(--gp2-form-primary) !important;
	background: var(--gp2-form-primary-soft) !important;
	color: var(--gp2-form-primary) !important;
}

/*
|--------------------------------------------------------------------------
| Form navigation and submit buttons
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff_submit_btn_wrapper,
#fluentform_3 .ff-step-footer,
#fluentform_3 .ff-btns {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	gap: 14px !important;
	width: 100% !important;
	margin: 32px 0 0 !important;
	padding: 0 !important;
}

#fluentform_3 button,
#fluentform_3 .ff-btn,
#fluentform_3 .ff-btn-submit,
#fluentform_3 .ff-btn-next,
#fluentform_3 input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 180px !important;
	min-height: 50px !important;
	margin: 0 !important;
	padding: 13px 22px !important;
	border: 1px solid var(--gp2-form-primary) !important;
	border-radius: 10px !important;
	background: var(--gp2-form-primary) !important;
	color: #0f0f10 !important;
	font-family: inherit !important;
	font-size: 0.96rem !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow:
		0 10px 26px rgba(255, 0, 92, 0.25),
		0 1px 0 rgba(255, 255, 255, 0.22) inset !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease,
		color 180ms ease,
		transform 180ms ease !important;
}

#fluentform_3 button:hover,
#fluentform_3 .ff-btn:hover,
#fluentform_3 .ff-btn-submit:hover,
#fluentform_3 .ff-btn-next:hover,
#fluentform_3 input[type="submit"]:hover {
	border-color: var(--gp2-form-primary-hover) !important;
	background: var(--gp2-form-primary-hover) !important;
	color: #0f0f10 !important;
	box-shadow:
		0 14px 34px rgba(255, 0, 92, 0.36),
		0 1px 0 rgba(255, 255, 255, 0.26) inset !important;
	transform: translateY(-2px) !important;
}

#fluentform_3 .ff-btn-prev,
#fluentform_3 .ff-btn-secondary {
	border-color: var(--gp2-form-primary-border) !important;
	background: rgba(255, 0, 92, 0.045) !important;
	color: var(--gp2-form-primary) !important;
	box-shadow: none !important;
}

#fluentform_3 .ff-btn-prev:hover,
#fluentform_3 .ff-btn-secondary:hover {
	border-color: var(--gp2-form-primary) !important;
	background: rgba(255, 0, 92, 0.14) !important;
	color: var(--gp2-form-primary-hover) !important;
	box-shadow: none !important;
}

#fluentform_3 button:disabled,
#fluentform_3 .ff-btn:disabled,
#fluentform_3 input[type="submit"]:disabled {
	border-color: rgba(251, 250, 251, 0.12) !important;
	background: rgba(251, 250, 251, 0.075) !important;
	color: rgba(251, 250, 251, 0.4) !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: none !important;
}

/*
|--------------------------------------------------------------------------
| Validation states
|--------------------------------------------------------------------------
*/

#fluentform_3 .ff-el-is-error .ff-el-form-control,
#fluentform_3 .ff-el-is-error input,
#fluentform_3 .ff-el-is-error select,
#fluentform_3 .ff-el-is-error textarea,
#fluentform_3 [aria-invalid="true"] {
	border-color: #ff6b74 !important;
	box-shadow:
		0 0 0 3px rgba(255, 107, 116, 0.12) !important;
}

#fluentform_3 .error,
#fluentform_3 .ff-el-is-error .text-danger,
#fluentform_3 .ff-el-form-check-error,
#fluentform_3 .ff-el-help-message {
	display: block !important;
	margin: 8px 0 0 !important;
	color: #ff929a !important;
	font-size: 0.86rem !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
}

#fluentform_3_errors {
	width: 100% !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	color: #ff929a !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
}

#fluentform_3_errors .ff-error {
	padding: 13px 15px !important;
	border: 1px solid rgba(255, 107, 116, 0.45) !important;
	border-radius: 10px !important;
	background: rgba(255, 107, 116, 0.11) !important;
	color: #ff9da4 !important;
}

/*
|--------------------------------------------------------------------------
| Success and confirmation messages
|--------------------------------------------------------------------------
*/

.fluentform_wrapper_3 .ff-message-success,
.fluentform_wrapper_3 .ff_success_message {
	width: 100% !important;
	margin: 18px 0 !important;
	padding: 18px !important;
	border: 1px solid rgba(53, 199, 122, 0.45) !important;
	border-radius: 12px !important;
	background: rgba(53, 199, 122, 0.12) !important;
	color: #91e7b8 !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
	font-weight: 650 !important;
	line-height: 1.55 !important;
}

/*
|--------------------------------------------------------------------------
| Flatpickr date picker
|--------------------------------------------------------------------------
*/

.flatpickr-calendar {
	border: 1px solid rgba(251, 250, 251, 0.14) !important;
	border-radius: 12px !important;
	background: #1d171a !important;
	color: #fbfafb !important;
	font-family:
		"Urbanist",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.45) !important;
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-month {
	background: #251b20 !important;
	color: #fbfafb !important;
}

.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-weekday,
.flatpickr-calendar .flatpickr-day {
	color: #e7dfe3 !important;
}

.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day:focus {
	border-color: rgba(255, 0, 92, 0.55) !important;
	background: rgba(255, 0, 92, 0.14) !important;
	color: #fbfafb !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
	border-color: #ff005c !important;
	background: #ff005c !important;
	color: #0f0f10 !important;
}

/*
|--------------------------------------------------------------------------
| Keyboard focus
|--------------------------------------------------------------------------
*/

#fluentform_3 a:focus-visible,
#fluentform_3 button:focus-visible,
#fluentform_3 input:focus-visible,
#fluentform_3 select:focus-visible,
#fluentform_3 textarea:focus-visible,
#fluentform_3 .ff-el-form-check-label:focus-within {
	outline: 3px solid rgba(255, 0, 92, 0.65) !important;
	outline-offset: 3px !important;
}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {
	#fluentform_3 {
		padding: 36px 26px !important;
	}

	#fluentform_3
		.ff-el-group:has(input[name="gp2_career_goal"])
		.ff-el-input--content,
	#fluentform_3
		.ff-el-group:has(input[name="gp2_experience_level"])
		.ff-el-input--content {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {
	#fluentform_3 {
		padding: 26px 18px !important;
		border-radius: 17px !important;
	}

	#fluentform_3
		.ff-custom_html[data-name="custom_html-3_1"] {
		text-align: left !important;
	}

	#fluentform_3
		.ff-custom_html[data-name="custom_html-3_1"]
		h1 {
		margin-right: 0 !important;
		margin-left: 0 !important;
		font-size: clamp(2.15rem, 11vw, 3.2rem) !important;
	}

	#fluentform_3
		.ff-custom_html[data-name="custom_html-3_1"]
		> div
		> div:last-child {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	#fluentform_3
		.ff-el-group:has(input[name="gp2_career_goal"])
		.ff-el-input--content,
	#fluentform_3
		.ff-el-group:has(input[name="gp2_experience_level"])
		.ff-el-input--content {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	#fluentform_3 .ff-el-form-check-label {
		min-height: 68px !important;
		padding: 14px !important;
	}

	#fluentform_3 .gp2-review {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

	#fluentform_3 .gp2-review dt {
		margin-top: 11px !important;
		border-right: 1px solid var(--gp2-form-border) !important;
		border-bottom: 0 !important;
		border-radius: 11px 11px 0 0 !important;
	}

	#fluentform_3 .gp2-review dd {
		border-top-color: rgba(251, 250, 251, 0.06) !important;
		border-left: 1px solid var(--gp2-form-border) !important;
		border-radius: 0 0 11px 11px !important;
		text-align: left !important;
	}

	#fluentform_3 .ff_submit_btn_wrapper,
	#fluentform_3 .ff-step-footer,
	#fluentform_3 .ff-btns {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	#fluentform_3 button,
	#fluentform_3 .ff-btn,
	#fluentform_3 .ff-btn-submit,
	#fluentform_3 .ff-btn-next,
	#fluentform_3 .ff-btn-prev,
	#fluentform_3 input[type="submit"] {
		width: 100% !important;
	}
}

/*
|--------------------------------------------------------------------------
| Reduced motion
|--------------------------------------------------------------------------
*/

@media (prefers-reduced-motion: reduce) {
	.fluentform_wrapper_3 *,
	.fluentform_wrapper_3 *::before,
	.fluentform_wrapper_3 *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}/* End custom CSS */