.elementor-2817 .elementor-element.elementor-element-7f96d9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-2817 .elementor-element.elementor-element-7f96d9c:not(.elementor-motion-effects-element-type-background), .elementor-2817 .elementor-element.elementor-element-7f96d9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2817 .elementor-element.elementor-element-d6211c5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-2817 .elementor-element.elementor-element-b67f4b7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-2817 .elementor-element.elementor-element-adb1e97 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-2817 .elementor-element.elementor-element-45cf64b{--display:flex;--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;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-2817 .elementor-element.elementor-element-45cf64b:not(.elementor-motion-effects-element-type-background), .elementor-2817 .elementor-element.elementor-element-45cf64b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2817 .elementor-element.elementor-element-5c9a628{--display:flex;--gap:55px 55px;--row-gap:55px;--column-gap:55px;overflow:visible;}.elementor-2817 .elementor-element.elementor-element-d4e8820{text-align:center;}.elementor-2817 .elementor-element.elementor-element-d4e8820 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-2817 .elementor-element.elementor-element-3ad35fc{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;overflow:visible;}.elementor-2817 .elementor-element.elementor-element-92ecf3d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:25px 25px;--row-gap:25px;--column-gap:25px;overflow:visible;}.elementor-2817 .elementor-element.elementor-element-ffc8476{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-2817 .elementor-element.elementor-element-ffc8476 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;line-height:28px;color:#666666;}.elementor-2817 .elementor-element.elementor-element-381e661{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2817 .elementor-element.elementor-element-de7a691{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-2817 .elementor-element.elementor-element-de7a691 .fluentform-widget-wrapper .ff-el-input--label label{color:var( --e-global-color-accent );font-size:22px;font-weight:600;}.elementor-2817 .elementor-element.elementor-element-de7a691 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(max-width:1024px){.elementor-2817 .elementor-element.elementor-element-5c9a628{--flex-wrap:wrap;}.elementor-2817 .elementor-element.elementor-element-3ad35fc{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-2817 .elementor-element.elementor-element-7f96d9c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2817 .elementor-element.elementor-element-45cf64b{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2817 .elementor-element.elementor-element-5c9a628{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-2817 .elementor-element.elementor-element-d4e8820 .elementor-heading-title{font-size:28px;}.elementor-2817 .elementor-element.elementor-element-ffc8476 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-2817 .elementor-element.elementor-element-92ecf3d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2817 .elementor-element.elementor-element-92ecf3d{--width:100%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-de7a691 *//**
 * FLUENT FORM — "Technical Member Form" UI/UX REDESIGN
 * -----------------------------------------------------------
 * Scope: Only visual/layout changes. No field names, IDs, or
 * Fluent Forms JS/validation logic touched — form still submits
 * exactly as before.
 *
 * Deploy: WPCode > Add Snippet > New CSS Snippet.
 *         Paste this entire file. Insertion: Auto Insert / Site Wide.
 *         Save & Activate. Then Purge LiteSpeed Cache.
 *
 * Scoped to .fluentform_wrapper_7 (this specific form's wrapper
 * class, taken from your markup). If you reuse this form elsewhere
 * and Fluent Forms gives it a different instance number (e.g.
 * fluentform_wrapper_12), either duplicate the block below with the
 * new class, or replace "_7" with the general ".fluentform" class
 * to apply it to all Fluent Forms site-wide.
 * -----------------------------------------------------------
 */

/* ===== Card container ===== */
.fluentform_wrapper_7 {
	max-width: 720px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 18px;
	padding: 44px 40px;
	box-shadow: 0 4px 24px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
	border: 1px solid #eef0f3;
	position: relative;
	overflow: hidden;
}

.fluentform_wrapper_7::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 5px;
	background: linear-gradient(90deg, #0b4ea2, #2f8fe0, #0b4ea2);
	background-size: 200% 100%;
	animation: zemo-ff-shimmer 6s linear infinite;
}

@keyframes zemo-ff-shimmer {
	0% { background-position: 0% 0; }
	100% { background-position: 200% 0; }
}

/* ===== Field spacing ===== */
.fluentform_wrapper_7 .ff-el-group,
.fluentform_wrapper_7 [data-type="name-element"] {
	margin-bottom: 26px !important;
}

.fluentform_wrapper_7 .ff-t-container {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.fluentform_wrapper_7 .ff-t-cell {
	flex: 1 1 200px;
}

/* ===== Labels ===== */
.fluentform_wrapper_7 .ff-el-input--label label {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #364152 !important;
	margin-bottom: 8px !important;
	display: inline-block;
}

.fluentform_wrapper_7 .ff-el-is-required label::after {
	content: " *";
	color: #e0483e !important;
	font-weight: 700;
}

/* ===== Text / email / tel inputs ===== */
.fluentform_wrapper_7 .ff-el-form-control {
	width: 100%;
	padding: 14px 16px !important;
	border: 1.5px solid #e2e5eb !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	color: #1a1f28;
	background: #fafbfc !important;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
	box-shadow: none !important;
}

.fluentform_wrapper_7 .ff-el-form-control::placeholder {
	color: #9aa2ae;
}

.fluentform_wrapper_7 .ff-el-form-control:hover {
	border-color: #c7cdd6 !important;
}

.fluentform_wrapper_7 .ff-el-form-control:focus {
	outline: none !important;
	border-color: #0b4ea2 !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(11, 78, 162, 0.12) !important;
}

/* ===== File upload dropzones ===== */
.fluentform_wrapper_7 .ff-dropzone .ff-el-input--content {
	position: relative;
}

.fluentform_wrapper_7 .ff_file_upload_holder {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	min-height: 120px;
	border: 2px dashed #cdd4de;
	border-radius: 12px;
	background: #f8fafc;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, transform .15s ease;
	padding: 20px;
	box-sizing: border-box;
}

.fluentform_wrapper_7 .ff_file_upload_holder::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background-color: #0b4ea2;
	opacity: .85;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") center/contain no-repeat;
}

.fluentform_wrapper_7 .ff_file_upload_holder:hover {
	border-color: #0b4ea2;
	background: #eef4fb;
	transform: translateY(-2px);
}

.fluentform_wrapper_7 .ff_file_upload_holder.zemo-dragover {
	border-color: #0b4ea2;
	background: #e3edfa;
}

.fluentform_wrapper_7 .ff_upload_btn {
	display: inline-block;
	padding: 9px 20px !important;
	background: #0b4ea2 !important;
	color: #fff !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background .15s ease;
}

.fluentform_wrapper_7 .ff_file_upload_holder:hover .ff_upload_btn {
	background: #093f85 !important;
}

.fluentform_wrapper_7 .ff-uploaded-list {
	width: 100%;
	margin-top: 12px !important;
	font-size: 12.5px !important;
	color: #4b5563;
}

/* ===== Submit button ===== */
.fluentform_wrapper_7 .ff_submit_btn_wrapper {
	text-align: center !important;
	margin-top: 36px !important;
}

.fluentform_wrapper_7 .ff-btn-submit {
	width: 100%;
	max-width: 320px;
	padding: 15px 32px !important;
	background: linear-gradient(135deg, #0b4ea2, #1665c9) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(11, 78, 162, 0.28);
	transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}

.fluentform_wrapper_7 .ff-btn-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(11, 78, 162, 0.36);
	background: linear-gradient(135deg, #093f85, #1256ad) !important;
}

.fluentform_wrapper_7 .ff-btn-submit:active {
	transform: translateY(0);
}

/* ===== Error messages ===== */
.fluentform_wrapper_7 .ff-errors-in-stack,
.fluentform_wrapper_7 .error.text-danger {
	color: #e0483e !important;
	font-size: 12.5px !important;
	margin-top: 6px !important;
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
	.fluentform_wrapper_7 {
		padding: 28px 20px;
		border-radius: 14px;
	}
	.fluentform_wrapper_7 .ff-btn-submit {
		max-width: 100%;
	}
	.fluentform_wrapper_7 .ff-t-container {
		flex-direction: column;
		gap: 0;
	}
}/* End custom CSS */