/**
 * Glozin Theme - Formidable Forms Compatibility
 * 
 * This file neutralizes the aggressive global styles from Glozin
 * that conflict with Formidable Forms' own styling system.
 * 
 * The `.with_frm_style` and `.frm_forms` selectors are used to scope
 * these overrides only to Formidable forms, leaving the rest of the
 * theme untouched.
 */

/* ============================================
   1. Reset Glozin global input styles inside Formidable forms
   ============================================ */
.with_frm_style input[type="text"],
.with_frm_style input[type="email"],
.with_frm_style input[type="url"],
.with_frm_style input[type="password"],
.with_frm_style input[type="search"],
.with_frm_style input[type="number"],
.with_frm_style input[type="tel"],
.with_frm_style input[type="range"],
.with_frm_style input[type="date"],
.with_frm_style input[type="month"],
.with_frm_style input[type="week"],
.with_frm_style input[type="time"],
.with_frm_style input[type="datetime"],
.with_frm_style input[type="datetime-local"],
.with_frm_style input[type="color"],
.with_frm_style textarea,
.with_frm_style select,
.with_frm_style .frm-card-element.StripeElement {
	/* Reset Glozin's border-radius (30px pill shape) */
	border-radius: var(--border-radius, 8px);
	
	/* Reset Glozin's padding */
	padding: var(--field-pad, 8px 12px);
	
	/* Reset Glozin's font */
	font-family: var(--font, inherit);
	font-size: var(--field-font-size, 14px);
	
	/* Reset Glozin's border */
	border-width: var(--field-border-width, 1px);
	border-style: var(--field-border-style, solid);
	border-color: var(--border-color, #D0D5DD);
	
	/* Reset Glozin's background */
	background-color: var(--bg-color, #ffffff);
	
	/* Reset Glozin's color */
	color: var(--text-color, #1D2939);
	
	/* Reset Glozin's width */
	width: var(--field-width, 100%);
	max-width: 100%;
	
	/* Reset Glozin's box-sizing */
	box-sizing: border-box;
	
	/* Reset Glozin's appearance */
	-webkit-appearance: none;
	appearance: none;
	
	/* Reset Glozin's outline */
	outline: none;
	
	/* Reset Glozin's min-height */
	min-height: var(--field-height, 36px);
	line-height: 1.3;
	
	/* Reset Glozin's margin */
	margin-bottom: 0;
}

/* ============================================
   2. Reset Glozin global button styles inside Formidable forms
   ============================================ */
.with_frm_style .frm_submit input[type="submit"],
.with_frm_style .frm_submit input[type="button"],
.with_frm_style .frm_submit button,
.with_frm_style .frm_button,
.with_frm_style .frm-edit-page-btn,
.with_frm_style .frm_prev_page,
.with_frm_style .frm_next_page,
.with_frm_style .frm_page_back,
.with_frm_style .frm_page_skip,
.with_frm_style .frm_save_draft,
.with_frm_style .frm_start_over {
	/* Reset Glozin's button styles */
	font-size: var(--submit-font-size, 14px);
	font-weight: var(--submit-weight, normal);
	line-height: normal;
	text-align: center;
	
	/* Reset Glozin's border-radius (30px pill shape) */
	border-radius: var(--submit-border-radius, 8px);
	
	/* Reset Glozin's padding */
	padding: var(--submit-padding, 8px 16px);
	
	/* Reset Glozin's background */
	background-color: var(--submit-bg-color, #4199FD);
	
	/* Reset Glozin's border */
	border-width: var(--submit-border-width, 1px);
	border-style: solid;
	border-color: var(--submit-border-color, #4199FD);
	
	/* Reset Glozin's color */
	color: var(--submit-text-color, #ffffff);
	
	/* Reset Glozin's display */
	display: inline-block;
	
	/* Reset Glozin's width */
	width: var(--submit-width, auto);
	height: var(--submit-height, auto);
	
	/* Reset Glozin's box-sizing */
	box-sizing: border-box;
	
	/* Reset Glozin's box-shadow */
	box-shadow: 0 1px 1px var(--submit-shadow-color, #eeeeee);
	
	/* Reset Glozin's margin */
	margin: var(--submit-margin, 10px);
	margin-left: 0;
	margin-right: 0;
	
	/* Reset Glozin's vertical-align */
	vertical-align: middle;
	
	/* Reset Glozin's cursor */
	cursor: pointer;
	
	/* Reset Glozin's text-decoration */
	text-decoration: none !important;
	
	/* Reset Glozin's text-transform */
	text-transform: none;
	
	/* Reset Glozin's letter-spacing */
	letter-spacing: normal;
	
	/* Reset Glozin's gap */
	gap: normal;
	
	/* Reset Glozin's transition */
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Remove Glozin's shine animation on hover */
.with_frm_style .frm_submit input[type="submit"]:hover:after,
.with_frm_style .frm_submit input[type="button"]:hover:after,
.with_frm_style .frm_submit button:hover:after,
.with_frm_style .frm_button:hover:after {
	display: none !important;
	animation: none !important;
}

/* ============================================
   3. Reset Glozin global checkbox/radio styles inside Formidable forms
   ============================================ */
.with_frm_style input[type="checkbox"],
.with_frm_style input[type="radio"] {
	/* Reset Glozin's custom checkbox/radio appearance */
	-webkit-appearance: none;
	appearance: none;
	
	/* Reset Glozin's position */
	position: static;
	
	/* Reset Glozin's size */
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
	
	/* Reset Glozin's border */
	border: 1px solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	
	/* Reset Glozin's background */
	background-color: var(--bg-color, #ffffff);
	
	/* Reset Glozin's box-shadow */
	box-shadow: var(--box-shadow, 0 1px 2px 0 rgba(18, 18, 23, 0.05));
	
	/* Reset Glozin's margin */
	margin: 0;
	padding: 0;
	
	/* Reset Glozin's display */
	display: inline-block !important;
	
	/* Reset Glozin's flex */
	flex: none;
	
	/* Reset Glozin's vertical-align */
	vertical-align: middle;
	
	/* Reset Glozin's color */
	color: var(--border-color, #D0D5DD);
}

/* Radio buttons should be circular */
.with_frm_style input[type="radio"],
.with_frm_style .frm_scale input[type="radio"] {
	border-radius: 50%;
}

/* Checkbox should use Formidable's border-radius */
.with_frm_style input[type="checkbox"] {
	border-radius: calc(var(--border-radius, 8px) / 2) !important;
}

/* Remove Glozin's pseudo-element styles for checkboxes */
.with_frm_style input[type="checkbox"]::before,
.with_frm_style input[type="checkbox"]::after,
.with_frm_style input[type="radio"]::before,
.with_frm_style input[type="radio"]::after {
	display: none !important;
	content: none !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	border: none !important;
	background: none !important;
	transform: none !important;
}

/* Checked state - use Formidable's styles */
.with_frm_style .frm_forms .frm_fields_container .frm_checkbox input[type="checkbox"]:not([disabled]):checked {
	border-color: var(--border-color-active, #4199FD) !important;
	background-color: var(--border-color-active, #4199FD) !important;
}

.with_frm_style .frm_forms .frm_fields_container .frm_radio input[type="radio"]:not([disabled]):checked,
.with_frm_style .frm_forms .frm_fields_container .frm_scale input[type="radio"]:not([disabled]):checked {
	border-color: var(--border-color-active, #4199FD) !important;
}

/* Checked checkbox checkmark */
.with_frm_style .frm_forms .frm_checkbox input[type="checkbox"]:checked::before {
	display: block !important;
	content: '' !important;
	width: 100% !important;
	height: 100% !important;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
	background-size: 9px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 0;
}

/* Checked radio dot */
.with_frm_style .frm_forms .frm_radio input[type="radio"]:checked::before,
.with_frm_style .frm_forms .frm_scale input[type="radio"]:checked::before {
	display: block !important;
	content: '' !important;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--border-color-active, #4199FD);
	margin: 3px;
}

/* ============================================
   4. Reset Glozin global select styles inside Formidable forms
   ============================================ */
.with_frm_style select {
	/* Reset Glozin's custom select arrow */
	background-image: none !important;
	
	/* Reset Glozin's appearance */
	-webkit-appearance: none;
	appearance: none;
	
	/* Reset Glozin's padding */
	padding: var(--field-pad, 8px 12px);
	
	/* Reset Glozin's border-radius */
	border-radius: var(--border-radius, 8px);
	
	/* Reset Glozin's background-position */
	background-position: calc(100% - 12px) center;
	
	/* Reset Glozin's background-size */
	background-size: 10px;
	
	/* Reset Glozin's background-repeat */
	background-repeat: no-repeat;
	
	/* Reset Glozin's width */
	width: var(--auto-width, 100%);
	max-width: 100%;
}

/* ============================================
   5. Reset Glozin global textarea styles inside Formidable forms
   ============================================ */
.with_frm_style textarea {
	/* Reset Glozin's textarea border-radius */
	border-radius: var(--border-radius, 8px);
	
	/* Reset Glozin's padding */
	padding: var(--field-pad, 8px 12px);
	
	/* Reset Glozin's height */
	height: auto;
	
	/* Reset Glozin's vertical-align */
	vertical-align: top;
}

/* ============================================
   6. Reset Glozin global focus styles inside Formidable forms
   ============================================ */
.with_frm_style .form-field input:not([type="file"]):not([type="range"]):not([readonly]):focus,
.with_frm_style select:focus,
.with_frm_style .form-field textarea:focus,
.with_frm_style .frm_focus_field input[type="text"],
.with_frm_style .frm_focus_field input[type="password"],
.with_frm_style .frm_focus_field input[type="email"],
.with_frm_style .frm_focus_field input[type="number"],
.with_frm_style .frm_focus_field input[type="url"],
.with_frm_style .frm_focus_field input[type="tel"],
.with_frm_style .frm_focus_field input[type="search"],
.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
	/* Use Formidable's focus styles */
	background-color: var(--bg-color-active, #ffffff);
	border-color: var(--border-color-active, #4199FD);
	color: var(--text-color, #1D2939);
	box-shadow: 0px 0px 5px 0px rgba(65, 153, 253, 0.6);
}

/* ============================================
   7. Reset Glozin global label styles inside Formidable forms
   ============================================ */
.with_frm_style .frm_primary_label {
	/* Reset Glozin's label styles */
	font-size: var(--font-size, 15px);
	color: var(--label-color, #344054);
	font-weight: var(--weight, normal);
	text-align: var(--align, left);
	padding: var(--label-padding, 0px 0px 5px 0px);
	margin: 0;
	width: auto;
	display: block;
	max-width: 100%;
}

/* ============================================
   8. Reset Glozin global field container styles
   ============================================ */
.with_frm_style .frm_form_field {
	clear: both;
}

.with_frm_style .form-field {
	margin-bottom: var(--field-margin, 20px);
}

/* ============================================
   9. Reset Glozin global heading styles inside Formidable forms
   ============================================ */
.with_frm_style legend + h3,
.with_frm_style h3.frm_form_title {
	font-size: var(--title-size, 40px);
	color: var(--title-color, #444444);
	margin-top: var(--title-margin-top, 10px);
	margin-bottom: var(--title-margin-bottom, 60px);
	font-weight: var(--heading-font-weight, 600);
	letter-spacing: normal;
	line-height: 1.2;
}

.with_frm_style .frm_section_heading h3[class*="frm_pos_"] {
	font-size: var(--section-font-size, 18px);
	color: var(--section-color, #344054);
	font-weight: var(--section-weight, bold);
	padding: var(--section-pad, 32px 0px 3px 0px);
	margin: 0;
	border: none;
	background-color: var(--section-bg-color, transparent);
	letter-spacing: normal;
	line-height: 1.3;
}

/* ============================================
   10. Reset Glozin global description styles
   ============================================ */
.with_frm_style .frm_description,
.with_frm_style .frm_pro_max_limit_desc,
.with_frm_style p.description,
.with_frm_style div.description {
	font-size: var(--description-font-size, 12px);
	color: var(--description-color, #667085);
	font-weight: var(--description-weight, normal);
	font-style: var(--description-style, normal);
	text-align: var(--description-align, left);
	margin: var(--description-margin, 0px);
	padding: 0;
	max-width: 100%;
}

/* ============================================
   11. Reset Glozin global error styles
   ============================================ */
.with_frm_style .frm_error,
.with_frm_style .frm_limit_error {
	font-size: var(--error-font-size, 14px);
	color: var(--error-text, #F04438);
	font-weight: var(--weight, normal);
}

.with_frm_style .frm_error_style {
	background-color: var(--error-bg, #FEE4E2);
	border: 1px solid var(--error-border, #F5B8AA);
	border-radius: var(--border-radius, 8px);
	color: var(--error-text, #F04438);
	font-size: var(--error-font-size, 14px);
	margin: 0;
	margin-bottom: var(--field-margin, 20px);
	padding: 15px;
}

/* ============================================
   12. Reset Glozin global success message styles
   ============================================ */
.with_frm_style .frm_message,
.with_frm_style .frm_success_style {
	margin: 5px 0 15px;
	border: 1px solid var(--success-border-color, #D6E9C6);
	background-color: var(--success-bg-color, #DFF0D8);
	color: var(--success-text-color, #468847);
	border-radius: var(--border-radius, 8px);
	font-size: var(--success-font-size, 14px);
	padding: 15px;
}

.with_frm_style .frm_message p {
	color: var(--success-text-color, #468847);
	margin-bottom: 0;
}

/* ============================================
   13. Reset Glozin global form container styles
   ============================================ */
.frm_forms.with_frm_style {
	max-width: var(--form-width, 100%);
	direction: var(--direction, ltr);
}

.with_frm_style .frm-show-form {
	overflow-x: clip;
}

/* ============================================
   14. Reset Glozin global fieldset styles
   ============================================ */
.with_frm_style fieldset {
	min-width: 0;
	display: block;
}

.with_frm_style .frm_form_fields > fieldset {
	border-width: var(--fieldset, 0px);
	border-style: solid;
	border-color: var(--fieldset-color, #000000);
	margin: 0;
	padding: var(--fieldset-padding, 0px 0px 15px 0px);
	background-color: var(--fieldset-bg-color, transparent);
}

/* ============================================
   15. Reset Glozin global grid styles
   ============================================ */
.with_frm_style .frm_grid_container,
.with_frm_style .frm_form_fields .frm_section_heading,
.with_frm_style .frm_form_fields .frm_fields_container,
.with_frm_style .frm_combo_inputs_container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: max-content;
	grid-gap: 0 2%;
}

/* ============================================
   16. Reset Glozin global range slider styles
   ============================================ */
.with_frm_style input[type="range"] {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	height: var(--slider-track-size, 8px);
	font-size: var(--description-font-size, 12px);
	border-radius: calc(var(--border-radius, 8px) / 2);
	margin: 10px 0;
	outline: none;
	background: var(--slider-bar-color, #EAECF0);
	border: none;
	padding: 0;
}

.with_frm_style input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: var(--slider-circle-size, 24px);
	width: var(--slider-circle-size, 24px);
	border: 2px solid var(--slider-color, #4199FD);
	color: #ffffff;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
}

/* ============================================
   17. Reset Glozin global file upload styles
   ============================================ */
.with_frm_style input[type="file"] {
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	color: var(--text-color, #1D2939);
	padding: 0;
	font-size: var(--field-font-size, 14px);
	display: initial;
	min-height: auto;
	line-height: normal;
}

/* ============================================
   18. Reset Glozin global date picker styles
   ============================================ */
.frm-datepicker.flatpickr-calendar,
.frm-datepicker.ui-datepicker {
	box-sizing: border-box;
	min-width: 282px;
	border-radius: var(--border-radius, 8px);
	padding: 16px 18px;
	box-shadow: 0px 11.3px 22.6px -5.65px #1018282E;
}

/* ============================================
   19. Reset Glozin global pagination styles
   ============================================ */
.with_frm_style .frm_page_bar input,
.with_frm_style .frm_page_bar input:disabled {
	transition: background-color 0.1s ease;
	color: var(--progress-color, #1D2939);
	background-color: var(--progress-bg-color, #EAECF0);
	border-width: var(--progress-border-size, 1px);
	border-style: solid;
	border-color: var(--progress-border-color, #EAECF0);
	cursor: pointer;
	border-radius: 0;
	padding: 0;
	font-size: 14px;
	line-height: normal;
	height: auto;
	min-height: auto;
	box-shadow: none;
}

/* ============================================
   20. Reset Glozin global toggle/switch styles
   ============================================ */
.with_frm_style .frm_switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
	vertical-align: middle;
}

.with_frm_style .frm_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--toggle-off-color, #EAECF0);
	transition: 0.4s;
	border-radius: 30px;
}

.with_frm_style .frm_slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 23px;
	width: 23px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	transition: 0.4s;
	box-shadow: 0 2px 6px rgba(41, 58, 82, 0.31);
}

/* ============================================
   21. Reset Glozin global star rating styles
   ============================================ */
.with_frm_style .frm-star-group input {
	opacity: 0;
	position: absolute !important;
	z-index: -1;
}

.with_frm_style .frm-star-group .frmsvg {
	display: inline-block;
	width: 20px;
	height: 20px;
	fill: #FDB022;
	vertical-align: text-bottom;
}

/* ============================================
   22. Reset Glozin global captcha styles
   ============================================ */
.with_frm_style .g-recaptcha,
.with_frm_style .frm-g-recaptcha {
	margin-bottom: 0;
}

/* ============================================
   23. Reset Glozin global hidden field styles
   ============================================ */
.with_frm_style .frm_hidden,
.with_frm_style .frm_add_form_row.frm_hidden,
.with_frm_style .frm_remove_form_row.frm_hidden,
.with_frm_style .frm_button.frm_hidden {
	display: none;
}

/* ============================================
   24. Reset Glozin global repeat section styles
   ============================================ */
.with_frm_style .frm_repeat_sec {
	margin-bottom: var(--field-margin, 20px);
	margin-top: var(--field-margin, 20px);
	padding-bottom: 15px;
	border-bottom-width: var(--section-border-width, 1px);
	border-bottom-style: var(--section-border-style, solid);
	border-color: var(--section-border-color, #EAECF0);
}

/* ============================================
   25. Reset Glozin global inline/left/right container styles
   ============================================ */
.with_frm_style .frm_form_field.frm_inline_container,
.with_frm_style .frm_form_field.frm_right_container,
.with_frm_style .frm_form_field.frm_left_container {
	display: grid;
	grid-template-columns: 25% auto;
	width: 100%;
	grid-auto-rows: min-content;
}

.with_frm_style .frm_form_field.frm_right_container {
	grid-template-columns: auto 25%;
}

.with_frm_style .frm_form_field.frm_inline_container {
	grid-template-columns: repeat(2, minmax(auto, max-content));
}

/* ============================================
   26. Reset Glozin global responsive styles
   ============================================ */
@media only screen and (max-width: 600px) {
	.with_frm_style .frm_section_heading > .frm_form_field,
	.with_frm_style .frm_fields_container > .frm_submit,
	.with_frm_style .frm_grid_container > .frm_form_field,
	.with_frm_style .frm_fields_container > .frm_form_field {
		grid-column: 1 / span 12 !important;
	}
	
	.with_frm_style .frm_grid_container.frm_no_grid_600,
	.with_frm_style .frm_form_field.frm_inline_container,
	.with_frm_style .frm_form_field.frm_right_container,
	.with_frm_style .frm_form_field.frm_left_container {
		display: block;
	}
}

/* ============================================
   27. Fix Glozin's global button hover shine effect
   ============================================ */
.with_frm_style .frm_submit input[type="submit"]:hover,
.with_frm_style .frm_submit input[type="button"]:hover,
.with_frm_style .frm_submit button:hover,
.with_frm_style .frm_button:hover {
	background-color: var(--submit-hover-bg-color, #3680D3);
	border-color: var(--submit-hover-border-color, #3680D3);
	color: var(--submit-hover-color, #ffffff);
}

.with_frm_style .frm_submit input[type="submit"]:active,
.with_frm_style .frm_submit input[type="button"]:active,
.with_frm_style .frm_submit button:active,
.with_frm_style .frm_button:active {
	background-color: var(--submit-active-bg-color, #3680D3);
	border-color: var(--submit-active-border-color, #3680D3);
	color: var(--submit-active-color, #ffffff);
}

/* ============================================
   28. Fix Glozin's global input focus border
   ============================================ */
.with_frm_style input[type="text"]:hover,
.with_frm_style input[type="text"]:active,
.with_frm_style input[type="text"]:focus,
.with_frm_style input[type="email"]:hover,
.with_frm_style input[type="email"]:active,
.with_frm_style input[type="email"]:focus,
.with_frm_style input[type="url"]:hover,
.with_frm_style input[type="url"]:active,
.with_frm_style input[type="url"]:focus,
.with_frm_style input[type="password"]:hover,
.with_frm_style input[type="password"]:active,
.with_frm_style input[type="password"]:focus,
.with_frm_style input[type="search"]:hover,
.with_frm_style input[type="search"]:active,
.with_frm_style input[type="search"]:focus,
.with_frm_style input[type="number"]:hover,
.with_frm_style input[type="number"]:active,
.with_frm_style input[type="number"]:focus,
.with_frm_style input[type="tel"]:hover,
.with_frm_style input[type="tel"]:active,
.with_frm_style input[type="tel"]:focus,
.with_frm_style textarea:hover,
.with_frm_style textarea:active,
.with_frm_style textarea:focus,
.with_frm_style select:hover,
.with_frm_style select:active,
.with_frm_style select:focus {
	border-color: var(--border-color-active, #4199FD);
}

/* ============================================
   29. Fix Glozin's global placeholder styles
   ============================================ */
.with_frm_style input::placeholder,
.with_frm_style textarea::placeholder {
	color: var(--text-color-disabled, #667085);
	font-size: var(--field-font-size, 14px);
	opacity: 1;
}

/* ============================================
   30. Fix Glozin's global disabled styles
   ============================================ */
.with_frm_style input[disabled],
.with_frm_style select[disabled],
.with_frm_style textarea[disabled],
.with_frm_style input[readonly],
.with_frm_style select[readonly],
.with_frm_style textarea[readonly] {
	background-color: var(--bg-color-disabled, #F9FAFB);
	color: var(--text-color-disabled, #667085);
	border-color: var(--border-color-disabled, #D0D5DD);
	opacity: 1;
}

/* ============================================
   31. Fix Glozin's global autofill styles
   ============================================ */
.with_frm_style input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px var(--bg-color, #ffffff) inset;
	-webkit-text-fill-color: var(--text-color, #1D2939);
}

/* ============================================
   32. Fix Glozin's global form title styles
   ============================================ */
.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
	border-top: 1px solid var(--section-border-color, #EAECF0);
}

/* ============================================
   33. Fix Glozin's global collapse/expand styles
   ============================================ */
.with_frm_style .frm_trigger {
	cursor: pointer;
}

.with_frm_style .frm_trigger span {
	float: left;
}

/* ============================================
   34. Fix Glozin's global table styles
   ============================================ */
.with_frm_style table.frm-grid,
#content .with_frm_style table.frm-grid {
	border-collapse: collapse;
	border: none;
}

.with_frm_style .frm-alt-table {
	border-color: var(--border-color, #D0D5DD);
}

/* ============================================
   35. Fix Glozin's global loading spinner
   ============================================ */
.with_frm_style .frm_loading_prev .frm_prev_page,
.with_frm_style .frm_loading_form .frm_button_submit {
	position: relative;
	color: transparent !important;
	text-shadow: none !important;
}

.with_frm_style .frm_loading_prev .frm_prev_page::before,
.with_frm_style .frm_loading_form .frm_button_submit:before {
	content: '';
	display: inline-block;
	position: absolute;
	background: transparent;
	border: 1px solid #fff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -6px;
	width: 12px;
	height: 12px;
	animation: spin 2s linear infinite;
}

/* ============================================
   36. Fix Glozin's global inline submit styles
   ============================================ */
.with_frm_style .frm_submit.frm_flex {
	align-items: center;
	gap: 2%;
}

.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
	order: -1;
}

/* ============================================
   37. Fix Glozin's global inline form styles
   ============================================ */
.frm_inline_form .frm_form_field,
.frm_inline_form .frm_submit {
	grid-column: span 1 / span 1;
}

.frm_inline_form .frm_submit {
	margin: 0;
}

/* ============================================
   38. Fix Glozin's global center submit styles
   ============================================ */
.with_frm_style.frm_center_submit .frm_submit {
	text-align: center;
}

.with_frm_style.frm_center_submit .frm_submit input[type="submit"],
.with_frm_style.frm_center_submit .frm_submit input[type="button"],
.with_frm_style.frm_center_submit .frm_submit button {
	margin-bottom: 8px !important;
}

/* ============================================
   39. Fix Glozin's global full submit styles
   ============================================ */
.frm_forms.frm_full_submit .frm_submit button {
	width: 100%;
}

.frm_forms.frm_full_submit .frm_submit.frm_flex button {
	width: auto;
	flex: 1;
}

/* ============================================
   40. Fix Glozin's global inline success styles
   ============================================ */
.with_frm_style .frm_inline_success .frm_submit {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
}

.with_frm_style .frm_inline_success .frm_submit .frm_message {
	flex: 1;
	margin: 0;
	padding-left: 10px;
}

/* ============================================
   41. Fix Glozin's global RTL styles
   ============================================ */
.with_frm_style.frm_rtl .frm_grid .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid_first .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid .frm_radio,
.with_frm_style.frm_rtl .frm_grid_first .frm_radio,
.with_frm_style.frm_rtl .frm_grid_odd .frm_radio,
.with_frm_style.frm_rtl .frm_grid .frm_checkbox,
.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox,
.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox {
	float: right !important;
	margin-right: 0 !important;
}

/* ============================================
   42. Fix Glozin's global slimselect styles
   ============================================ */
.with_frm_style .ss-main {
	display: flex !important;
	--ss-font-color: var(--text-color, #1D2939);
	--ss-border-color: var(--border-color, #D0D5DD);
	--ss-border-radius: var(--border-radius, 8px);
	--ss-bg-color: var(--bg-color, #ffffff);
	--ss-spacing-s: 6px;
	--ss-spacing-m: 10px;
	--ss-main-height: var(--field-height, 36px);
	border-width: var(--fieldset, 0px);
	font-size: var(--field-font-size, 14px);
	line-height: 1.3;
	align-self: baseline;
	margin-top: 3px;
	font-family: var(--font, inherit);
}

/* ============================================
   43. Fix Glozin's global password strength styles
   ============================================ */
.with_frm_style .frm_show_password_wrapper {
	position: relative;
	display: inline-block;
}

.with_frm_style .frm_show_password_wrapper input[type="password"],
.with_frm_style .frm_show_password_wrapper input[type="text"] {
	padding-right: 44px;
	display: block;
}

.with_frm_style .frm_show_password_wrapper button {
	position: absolute;
	top: 50%;
	height: var(--field-height, 36px);
	right: 0;
	border: 0;
	background: transparent !important;
	cursor: pointer;
	transform: translateY(-50%);
	padding: 0 10px;
	color: var(--border-color, #D0D5DD);
	display: flex;
	align-items: center;
}

/* ============================================
   44. Fix Glozin's global signature styles
   ============================================ */
.with_frm_style .sigWrapper {
	clear: both;
	border: 1px solid var(--border-color, #D0D5DD);
	background-color: #fff;
	box-sizing: content-box;
	position: relative;
	background-color: var(--bg-color, #ffffff);
}

/* ============================================
   45. Fix Glozin's global dropzone styles
   ============================================ */
.with_frm_style .frm_dropzone {
	border-color: var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	color: var(--text-color, #1D2939);
	background-color: var(--bg-color, #ffffff);
}

/* ============================================
   46. Fix Glozin's global NPS button styles
   ============================================ */
.with_frm_style .frm_nps__button {
	flex: 1 1 0;
	flex-basis: var(--field-height, 36px);
	max-width: 9.09%;
	min-width: var(--field-height, 36px);
	height: var(--field-height, 36px);
	color: var(--text-color, #1D2939);
	background-color: var(--bg-color, #ffffff);
	border: var(--field-border-width, 1px) solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--check-font-size, 14px);
}

/* ============================================
   47. Fix Glozin's global likert styles
   ============================================ */
.with_frm_style .frm_likert > .form-field {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0 !important;
}

.with_frm_style .frm_likert > .form-field:not(:first-child) {
	border-top: 1px solid var(--border-color, #D0D5DD);
}

/* ============================================
   48. Fix Glozin's global ranking styles
   ============================================ */
.with_frm_style .frm-ranking-field-container .frm-ranking-field-option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: var(--field-border-width, 1px) solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	margin-bottom: 8px;
	padding: 8px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
	min-height: 32px;
	color: var(--text-color, #1D2939);
}

/* ============================================
   49. Fix Glozin's global slider styles
   ============================================ */
.with_frm_style .frm-slider-wrapper {
	position: relative;
	padding: 1.5rem 0;
	min-width: 100px;
}

.with_frm_style .frm-slider-track {
	width: 100%;
	height: var(--slider-track-size, 8px);
	background: var(--slider-bar-color, #EAECF0);
	border-radius: 3px;
	position: absolute;
	transform: translateY(-50%);
}

.with_frm_style .frm-slider-handle {
	box-sizing: border-box;
	width: var(--slider-circle-size, 24px);
	height: var(--slider-circle-size, 24px);
	background: white;
	border: 2px solid var(--slider-color, #4199FD);
	border-radius: 50%;
	position: absolute;
	transform: translate(0%, -50%);
	cursor: pointer;
	touch-action: none;
}

/* ============================================
   50. Fix Glozin's global input group styles
   ============================================ */
.with_frm_style .frm_input_group {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
}

.with_frm_style .frm_inline_box {
	display: flex;
	text-align: center;
	align-items: center;
	font-size: var(--field-font-size, 14px);
	padding: 0 12px;
	color: var(--form-desc-color, #98A2B3);
	border-width: var(--field-border-width, 1px);
	border-style: var(--field-border-style, solid);
	border-color: var(--border-color, #D0D5DD);
	background-color: var(--bg-color-disabled, #F9FAFB);
	border-radius: var(--border-radius, 8px);
	width: auto;
}

/* ============================================
   51. Fix Glozin's global total field styles
   ============================================ */
.with_frm_style .frm_form_field.frm_total_big input,
.with_frm_style .frm_form_field.frm_total_big textarea,
.with_frm_style .frm_form_field.frm_total input,
.with_frm_style .frm_form_field.frm_total textarea {
	color: #1D2939;
	background-color: transparent;
	border: none;
	display: inline;
	width: auto;
	padding: 0;
	box-shadow: none !important;
}

/* ============================================
   52. Fix Glozin's global summary page styles
   ============================================ */
.with_frm_style .frm-summary-page-wrapper {
	padding: 50px;
	margin: 25px 0 50px;
	border: 1px solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
}

/* ============================================
   53. Fix Glozin's global line table styles
   ============================================ */
.with_frm_style .frm-line-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0.5em;
	font-size: var(--font-size, 15px);
}

.with_frm_style .frm-line-table tr {
	background-color: transparent;
	border-bottom: 1px solid rgba(208, 213, 221, 0.6);
}

.with_frm_style .frm-line-table td,
.with_frm_style .frm-line-table th {
	border: 0;
	padding: 20px 15px;
	background-color: transparent;
	vertical-align: top;
	color: var(--label-color, #344054);
}

/* ============================================
   54. Fix Glozin's global image options styles
   ============================================ */
.with_frm_style .frm_image_options .frm_image_option_container {
	border-width: var(--field-border-width, 1px);
	border-style: solid;
	border-color: var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* ============================================
   55. Fix Glozin's global display format buttons
   ============================================ */
.with_frm_style .frm_display_format_buttons .frm_label_button_container,
.with_frm_style .frm_display_format_buttons .frm_image_option_container {
	border: var(--field-border-width, 1px) solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	background-color: var(--bg-color, #ffffff);
	padding: var(--field-pad, 8px 12px);
	cursor: pointer;
	align-items: center;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	flex-wrap: nowrap !important;
	gap: 16px;
	overflow: hidden;
}

/* ============================================
   56. Fix Glozin's global phone input styles
   ============================================ */
.with_frm_style .iti {
	width: var(--field-width, 100%);
	--iti-spacer-horizontal: 12px;
	--iti-arrow-padding: 4px;
	--iti-hover-color: var(--bg-color-disabled, #F9FAFB);
}

.with_frm_style .iti__selected-country {
	background-color: unset !important;
}

/* ============================================
   57. Fix Glozin's global datepicker styles
   ============================================ */
.frm-datepicker .ui-datepicker-calendar thead {
	color: var(--text-color, #1D2939);
	background-color: var(--bg-color, #ffffff);
}

.frm-datepicker .ui-datepicker-calendar thead th {
	padding: 8px;
	font-weight: 400;
	font-size: var(--field-font-size, 14px);
	color: var(--description-color, #667085);
}

/* ============================================
   58. Fix Glozin's global progress bar styles
   ============================================ */
.with_frm_style .frm_progress_line input,
.with_frm_style .frm_progress_line input:disabled {
	width: 100%;
	border: none;
	border-top: 1px solid var(--progress-border-color, #EAECF0);
	border-bottom: 1px solid var(--progress-border-color, #EAECF0);
	box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31);
	margin: 0;
	padding: 0;
	border-radius: 0;
	font-size: 0;
	line-height: 15px;
}

/* ============================================
   59. Fix Glozin's global rootline styles
   ============================================ */
.with_frm_style .frm_rootline input,
.with_frm_style .frm_rootline input:hover {
	width: var(--progress-size, 30px);
	height: var(--progress-size, 30px);
	border-radius: var(--progress-size, 30px);
	padding: 0;
}

/* ============================================
   60. Fix Glozin's global flex styles
   ============================================ */
.with_frm_style .frm_flex,
.with_frm_style .frm_full_row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.with_frm_style .frm_full_row > li,
.with_frm_style .frm_full_row > div {
	flex: 1;
	text-align: center;
}

/* ============================================
   61. Fix Glozin's global tiles styles
   ============================================ */
.with_frm_style .frm_tiles > li,
.with_frm_style .frm_tiles > div {
	border: 1px solid var(--border-color, #D0D5DD);
	border-radius: var(--border-radius, 8px);
	margin-top: 20px;
	padding: 25px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.075);
}

/* ============================================
   62. Fix Glozin's global color block styles
   ============================================ */
.with_frm_style .frm_color_block {
	background-color: #fdffff;
	padding: 40px;
}

/* ============================================
   63. Fix Glozin's global toggle container styles
   ============================================ */
.with_frm_style .frm_toggle_container {
	border: 1px solid transparent;
}

.with_frm_style .frm_toggle_container ul {
	margin: 5px 0;
	padding-left: 0;
	list-style-type: none;
}

/* ============================================
   64. Fix Glozin's global screen reader styles
   ============================================ */
.with_frm_style .frm_screen_reader {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* ============================================
   65. Fix Glozin's global clearfix styles
   ============================================ */
.with_frm_style .frm_clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.with_frm_style .frm_clearfix {
	display: block;
}

/* ============================================
   66. Fix Glozin's global fade-in animation
   ============================================ */
.with_frm_style .frm-fade-in {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}

/* ============================================
   67. Fix Glozin's global spin animation
   ============================================ */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* ============================================
   68. Fix Glozin's global slide animations
   ============================================ */
.with_frm_style .frm_slidein .frm_form_fields > fieldset {
	animation-name: frmSlideInRight;
	animation-duration: 1s;
}

.with_frm_style .frm_slidein.frm_going_back .frm_form_fields > fieldset {
	animation-name: frmSlideInLeft;
}

.with_frm_style .frm_slidein.frm_slideout .frm_form_fields > fieldset {
	animation-name: frmSlideOutLeft !important;
}

.with_frm_style .frm_slidein.frm_slideout.frm_going_back .frm_form_fields > fieldset {
	animation-name: frmSlideOutRight !important;
}

@keyframes frmSlideInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes frmSlideInRight {
	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes frmSlideOutLeft {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes frmSlideOutRight {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}

.with_frm_style .frm_slideup .frm_form_fields > fieldset {
	animation-name: frmSlideDown;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.with_frm_style .frm_slideup.frm_going_back .frm_form_fields > fieldset {
	animation-name: frmSlideUp;
}

.with_frm_style .frm_slideup.frm_slideout .frm_form_fields > fieldset {
	animation-name: frmSlideOutUp !important;
}

.with_frm_style .frm_slideup.frm_slideout.frm_going_back .frm_form_fields > fieldset {
	animation-name: frmSlideOutDown !important;
}

@keyframes frmSlideUp {
	0% {
		opacity: 0;
		transform: translate3d(0, -200px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes frmSlideDown {
	0% {
		opacity: 0;
		transform: translate3d(0, 200px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes frmSlideOutUp {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translate3d(0, -200px, 0);
	}
}

@keyframes frmSlideOutDown {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translate3d(0, 200px, 0);
	}
}

/* ============================================
   69. Fix Glozin's global slimselect dropdown styles
   ============================================ */
.ss-content.frm_slimselect {
	font-size: var(--field-font-size, 14px);
	height: auto;
	display: flex;
}

.ss-content.frm_slimselect .ss-option {
	display: flex;
	padding: var(--ss-spacing-m, 10px) var(--ss-spacing-l, 7px);
	color: var(--ss-font-color, #4d4d4d);
	cursor: pointer;
	user-select: none;
}

.ss-content.frm_slimselect .ss-option:hover {
	color: var(--ss-bg-color, #ffffff);
	background-color: var(--ss-primary-color, #5897fb);
}

/* ============================================
   70. Fix Glozin's global responsive breakpoints
   ============================================ */
@media only screen and (max-width: 750px) {
	.with_frm_style .frm_grid_container.frm_no_grid_750 > div {
		grid-column: span 12 / span 12;
	}
}

@media only screen and (max-width: 500px) {
	.with_frm_style .frm_form_field.frm_two_col .frm_radio,
	.with_frm_style .frm_form_field.frm_two_col .frm_checkbox,
	.with_frm_style .frm_form_field.frm_three_col .frm_radio,
	.with_frm_style .frm_form_field.frm_three_col .frm_checkbox {
		width: auto;
		margin-right: 0;
		float: none;
		display: block;
	}
	
	.with_frm_style .frm_form_field input[type="file"] {
		max-width: 220px;
	}
}