body main#content.site-main {
	margin: 0 auto;
	max-width: min(calc(100% - 20px), 1360px);
}
@media (max-width: 575px) {
	body main#content.site-main {
		margin: 0;
		max-width: 100%;
	}
}
body main#content.site-main .page-header .entry-title {
	display: none;
}

.tgl-form-fieldset {
	width: 100%;
}

#tgl-franchise-appointment-wrapper {
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	display: block flex;
	flex-direction: column;
	align-items: center;
}

/**************/
/*** HEADER ***/
/**************/
#tgl-franchise-appointment-header {
	display: block flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2rem;
}
h1#tgl-franchise-appointment-title-wrapper,
h1#tgl-franchise-appointment-alttitle-wrapper {
	display: block flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-subtitle,
h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-altsubtitle {
	font-family: var(--tgl-font-family);
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 110%;
	letter-spacing: 0.12rem;
	color: var(--tgl-yellow);
}
@media (max-width: 839px) {
	h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-subtitle,
	h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-altsubtitle {
		font-size: 1rem;
	}
}
@media (max-width: 575px) {
	h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-subtitle,
	h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-altsubtitle {
		font-size: 0.875rem;
	}
}

h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-title,
h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-alttitle {
	font-family: var(--tgl-font-family);
	font-size: 3.75rem;
	font-weight: 300;
	line-height: 110%;
	letter-spacing: -0.03rem;
	color: var(--tgl-white);
	text-align: center;
}
@media (max-width: 839px) {
	h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-title,
	h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-alttitle {
		font-size: 3.25rem;
	}
}
@media (max-width: 575px) {
	h1#tgl-franchise-appointment-title-wrapper #tgl-franchise-appointment-title,
	h1#tgl-franchise-appointment-alttitle-wrapper #tgl-franchise-appointment-alttitle {
		font-size: 2.5rem;
	}
}
h1#tgl-franchise-appointment-alttitle-wrapper {
	margin-bottom: 4rem;
}
#tgl-franchise-appointment-steps-wrapper {
	position: relative;
}
#tgl-franchise-appointment-steps {
	display: block flex;
	flex-direction: row;
	justify-content: center;
	width: fit-content;
	margin-bottom: 6px;
	position: relative;
	z-index: 2;
}
#tgl-franchise-appointment-steps-background {
	height: 1px;
	width: 100%;
	position: absolute;
	top: 1em;
	left: 0;
	font-size: 1.125rem;
	background: linear-gradient(
		to right,
		var(--tgl-background-color),
		var(--tgl-stars-empty-color) 40%,
		var(--tgl-stars-empty-color) 60%,
		var(--tgl-background-color)
	);
	z-index: 1;
}
.tgl-franchise-appointment-step {
	display: block flex;
	flex-direction: column;
	align-items: center;
	width: 105px;
	flex: 0 0 auto;
	gap: 0.625rem;
}
@media (max-width: 839px) { .tgl-franchise-appointment-step { width: 90px; } }
@media (max-width: 575px) { .tgl-franchise-appointment-step { width: 75px; } }

.tgl-step-icon {
	width: 2em;
	height: 2em;
	border-radius: 2em;
	font-family: 'tgl_icon_font';
	font-size: 1.125rem;
	line-height: 1em;
	border: 1px solid var(--tgl-stars-empty-color);
	color: var(--tgl-stars-empty-color);
	display: block flex;
	justify-content: center;
	align-items: center;
	background-color: var(--tgl-background-color);
}
.tgl-selected .tgl-step-icon {
	background-color: var(--tgl-yellow);
	border: 1px solid var(--tgl-yellow);
	color: var(--tgl-background-color);
}
.tgl-step-icon-vitrage:before {
	content: '\e80e';
}
.tgl-step-icon-vehicule:before {
	content: '\e80d';
}
.tgl-step-icon-calendar:before {
	content: '\e811';
}
.tgl-step-icon-coordonnees:before {
	content: '\e812';
}
.tgl-step-text {
	font-family: var(--tgl-font-family);
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 110%;
	letter-spacing: 0.12rem;
	color: var(--tgl-stars-empty-color);
}
@media (max-width: 839px) { .tgl-step-text { letter-spacing: 0.045rem; } }
@media (max-width: 575px) { .tgl-step-text { letter-spacing: -0.03rem; } }

.tgl-selected .tgl-step-text {
	color: var(--tgl-white);
}

/*****************/
/*** FIELDSETS ***/
/*****************/
#tgl-franchise-appointment-form {
	width: 100%;
}
.tgl-form-fieldset {
	border: none;
	padding: none;
	display: block flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 4rem;
	align-items: center;
}
.tgl-form-fieldset.tgl-plain {
	background-color: var(--tgl-input-background-color);
	padding: 2rem 1.5rem;
	border-radius: 1rem;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.tgl-form-fieldset.tgl-plain:not(:first-child) {
	margin-top: 1rem;
}
.tgl-form-fieldset.tgl-plain.tgl-constrained {
	max-width: 700px;
	padding: 2rem 4rem;
}
@media (max-width: 619px) { .tgl-form-fieldset.tgl-plain.tgl-constrained { padding: 1.5rem 1.5rem; } }
@media (max-width: 479px) { .tgl-form-fieldset.tgl-plain.tgl-constrained { padding: 1rem 1rem; } }

.tgl-form-fieldset .tgl-legend {
	font-family: var(--tgl-font-family);
	font-size: 1.75rem;
	font-weight: 300;
	line-height: 110%;
	letter-spacing: -0.03rem;
	color: var(--tgl-white);
	text-align: center;
}
@media (max-width: 767px) { .tgl-form-fieldset .tgl-legend { font-size: 1.65rem; } }
@media (max-width: 575px) { .tgl-form-fieldset .tgl-legend { font-size: 1.5rem; } }
@media (max-width: 479px) { .tgl-form-fieldset .tgl-legend { font-size: 1.4rem; } }
@media (max-width: 380px) { .tgl-form-fieldset .tgl-legend { font-size: 1.3rem; } }

#tgl-franchise-appointment-glass-type-wrapper {
	width: 100%;
	max-width: 944px;
	container: tgl-franchise-appointment-glass-type-wrapper / inline-size;
}
#tgl-franchise-appointment-impact-type-wrapper {
	width: 100%;
	max-width: 460px;
	container: tgl-franchise-appointment-impact-type-wrapper / inline-size;
}
.tgl-form-buttons {
	width: 100%;
	display: block flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
	max-width: 1130px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 539px) {
	.tgl-form-buttons {
		flex-direction: column-reverse;
		align-items: stretch;
		width: auto;
	}
}
div.tgl-form-buttons button.tgl-button {
	padding: 0.75rem 1.5rem;
}

/******************/
/*** FIRST STEP ***/
/******************/
.tgl-form-step {
	display: block flex;
	flex-direction: column;
	align-items: center;
}
.tgl-radio-wrapper {
	display: block flex;
	justify-content: center;
	--tgl-column-gap: 1.5rem;
	gap: var(--tgl-column-gap);
	flex-wrap: wrap;
	width: 100%;
}
@media (max-width: 839px) { .tgl-radio-wrapper { --tgl-column-gap: 1.25rem; } }
@media (max-width: 575px) { .tgl-radio-wrapper { --tgl-column-gap: 1rem; } }

.tgl-radio-group {
	flex: 1 1 auto;
	border: var(--tgl-input-border);
	border-radius: 1rem;
	background-color: var(--tgl-input-background-color);
	width: calc(25% - (3 * var(--tgl-column-gap) / 4));
	color: var(--tgl-white);
}
@media (max-width: 719px) {
	.tgl-radio-group {
		width: calc(50% - (var(--tgl-column-gap) / 2));
	}
}
.tgl-radio-group:has(input:checked) {
	background-color: var(--tgl-yellow);
	color: var(--tgl-background-color);
	border-color: var(--tgl-slot-selected-border-color);
	box-shadow: 0px 0px 14px 0px #FCDB57;
}
.tgl-radio-group label {
	display: block flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 1.5rem;
	padding: 1.5rem 1.5rem 2rem 1.5rem;
}
@media (max-width: 839px) { .tgl-radio-group label { padding: 1.25rem; } }
@media (max-width: 575px) { .tgl-radio-group label { padding: 1rem; } }

.tgl-radio-group label img {
	width: 55%;
}
.tgl-radio-group label span {
	font-family: var(--tgl-font-family);
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 110%;
	letter-spacing: -0.03rem;
}
@media (max-width: 839px) { .tgl-radio-group label span { font-size: 1.25rem; } }
@media (max-width: 575px) { .tgl-radio-group label span { font-size: 1.125rem; } }

.tgl-radio-group input[type=radio] {
	display: none;
}

#tgl-franchise-appointment-impact-type-wrapper .tgl-radio-group label img {
	width: 90%;
}

/**************/
/*** STEP 2 ***/
/**************/
.tgl-big-input-wrapper {
	display: block flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}

.tgl-big-label {
	flex: 1 1 auto;
	color: #818181;
	font-family: var(--tgl-font-family);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.03rem;
}
@media (max-width: 767px) { .tgl-big-label { font-size: 1.2rem; } }
@media (max-width: 575px) { .tgl-big-label { font-size: 1.15rem; } }
@media (max-width: 479px) { .tgl-big-label { font-size: 1.1rem; } }
@media (max-width: 380px) { .tgl-big-label { font-size: 1rem; } }

.tgl-big-input-wrapper input, .tgl-big-input-wrapper select {
	width: 230px;
	background-color: var(--tgl-input-border-color);
	border: 1px solid var(--tgl-separator-color-light);
	color: #8F8F8F;
	font-family: var(--tgl-font-family);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0rem;
	border-radius: 8px;
}
@media (max-width: 767px) { .tgl-big-input-wrapper input, .tgl-big-input-wrapper select { width: 205px; } }
@media (max-width: 575px) { .tgl-big-input-wrapper input, .tgl-big-input-wrapper select { width: 180px; } }
@media (max-width: 479px) { .tgl-big-input-wrapper input, .tgl-big-input-wrapper select { width: 155px; } }
@media (max-width: 380px) { .tgl-big-input-wrapper input, .tgl-big-input-wrapper select { width: 130px; } }

.tgl-big-input-wrapper input:focus, .tgl-big-input-wrapper select:focus {
	border: 1px solid var(--tgl-stars-empty-color);
	box-shadow: 0px 0px 2px 0px var(--tgl-stars-empty-color);
	outline: none;
}
.tgl-column {
	display: block flex;
	width: 100%;
	flex-direction: column;
	gap: 0.75rem;
}

#tgl-vehicle-infos {
	border-top: var(--tgl-separation-border-light);
	margin-top: 2rem;
	padding-top: 1rem;
	display: block flex;
	flex-direction: column;
	gap: 4px;
}
.tgl-big-infos {
	width: 230px;
	text-align: left;
	color: var(--tgl-white);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 150%;
	text-transform: uppercase;
}
@media (max-width: 767px) { .tgl-big-infos { width: 205px; } }
@media (max-width: 575px) { .tgl-big-infos { width: 180px; } }
@media (max-width: 479px) { .tgl-big-infos { width: 155px; } }
@media (max-width: 380px) { .tgl-big-infos { width: 130px; } }

/**************/
/*** STEP 3 ***/
/**************/
#tgl-date-fieldset {
	gap: 1rem;
}
#tgl-prereservation-warning {
	text-align: left;
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 1rem;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.03rem;
	padding: 0.625rem 1rem;
	display: block flex;
	max-width: 650px;
	flex-direction: row;
	align-items: center;
	margin-bottom: 1rem;
	border: var(--tgl-input-border);
	border-radius: 1rem;
	gap: 1rem;
}
#tgl-prereservation-warning:before {
	font-family: 'tgl_icon_font';
	color: var(--tgl-yellow);
	font-size: 25px;
	line-height: 1em;
	content: '\e810';
}
#tgl-franchise-appointment-date-wrapper-outer {
	display: block flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	width: 100%;
}
#tgl-franchise-appointment-date-left, #tgl-franchise-appointment-date-right {
	width: 40px;
	height: 40px;
	display: block flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#tgl-franchise-appointment-date-left:before, #tgl-franchise-appointment-date-right:before {
	font-family: 'tgl_icon_font';
	font-size: 1rem;
	line-height: 1em;
	color: var(--tgl-yellow);
}
#tgl-franchise-appointment-date-left:hover:before, #tgl-franchise-appointment-date-right:hover:before {
	color: var(--tgl-yellow-hover);
}
#tgl-franchise-appointment-date-left:before {
	content: '\e814';
}
#tgl-franchise-appointment-date-right:before {
	content: '\e815';
}
#tgl-franchise-appointment-date-wrapper {
	display: block flex;
	width: 100%;
	overflow: auto;
	--tgl-column-gap: 1.5rem;
	gap: var(--tgl-column-gap);
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	flex: 1 1 auto;
}
@media (max-width: 1039px) { #tgl-franchise-appointment-date-wrapper { --tgl-column-gap: 1.25rem; } }
@media (max-width: 839px) { #tgl-franchise-appointment-date-wrapper { --tgl-column-gap: 1rem; } }
@media (max-width: 639px) { #tgl-franchise-appointment-date-wrapper { --tgl-column-gap: 0.75rem; } }
@media (max-width: 479px) { #tgl-franchise-appointment-date-wrapper { --tgl-column-gap: 0.5rem; } }

.tgl-appointment-day-wrapper {
	display: block flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 1.5rem;
	padding: 1.5rem 1.5rem 2rem 1.5rem;
	width: calc(20% - 4 * var(--tgl-column-gap) / 5);
	flex: 0 0 auto;
	background-color: var(--tgl-input-background-color);
	border: var(--tgl-input-border);
	border-radius: 1rem;
	scroll-snap-align: start;
}
@media (max-width: 1039px) {
	.tgl-appointment-day-wrapper {
		width: calc(25% - 3 * var(--tgl-column-gap) / 4);
	}
}
@media (max-width: 839px) {
	.tgl-appointment-day-wrapper {
		width: calc(33.33% - 2 * var(--tgl-column-gap) / 3);
	}
}
@media (max-width: 639px) {
	.tgl-appointment-day-wrapper {
		width: calc(50% - var(--tgl-column-gap) / 2);
	}
}
@media (max-width: 479px) {
	.tgl-appointment-day-wrapper {
		width: 100%;
	}
}

.tgl-appointment-day {
	display: block flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.tgl-appointment-day-name, .tgl-appointment-month-name {
	text-align: center;
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: -0.03rem;
	text-transform: capitalize;
	line-height: 1.5;
}
.tgl-appointment-month-name {
	line-height: 1.5rem;
}
.tgl-appointment-day-number {
	text-align: center;
	color: var(--tgl-white-hover);
	font-family: var(--tgl-font-family);
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -0.03rem;
	line-height: 2.75rem;
}

.tgl-slots {
	display: block flex;
	flex-direction: column;
	gap: 8px;
}
.tgl-appointment-slot {
	width: 100%;
	font-family: var(--tgl-font-family);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.12rem;
	border: 1px solid var(--tgl-yellow);
	border-radius: 0.5rem;
	display: inline-block;
	padding: 0.75rem;
	text-align: center;
	cursor: pointer;
	color: var(--tgl-yellow);
}
.tgl-appointment-slot:hover {
	background-color: var(--tgl-yellow);
	color: var(--tgl-background-color);
}
.tgl-appointment-slot.tgl-selected {
	border-color: var(--tgl-slot-selected-border-color);
	background-color: var(--tgl-yellow);
	color: var(--tgl-background-color);
	box-shadow: 0px 0px 8px 0px rgba(253, 225, 116, 0.72);
}
.tgl-appointment-slot.tgl-slot-closed {
	border: var(--tgl-separation-border-light);
	background-color: var(--tgl-separator-color-light);
	cursor: not-allowed;
	color: var(--tgl-text-color);
}
.tgl-appointment-slot.tgl-slot-closed:hover {
	box-shadow: none;
}

#tgl-service-fieldset {
	gap: 1.5rem;
}
#tgl-service-fieldset .tgl-legend {
	font-size: 1.5rem;
}

.tgl-services-wrapper-outer {
	display: block flex;
	flex-direction: column;
}
@media (max-width: 559px) {
	.tgl-services-wrapper-outer {
		align-items: center;
	}
}
.tgl-services-wrapper {
	display: block flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	--tgl-column-gap: 1rem;
	gap: var(--tgl-column-gap);
	margin-bottom: 0.5rem;
}
@media (max-width: 559px) {
	.tgl-services-wrapper {
		flex-direction: column;
	}
}

.tgl-service-group {
	width: calc(33.33% - 2 * var(--tgl-column-gap) / 3);
}
@media (max-width: 559px) {
	.tgl-service-group {
		width: auto;
	}
}

.tgl-service-group label {
	font-family: var(--tgl-font-family);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.03rem;
	width: 100%;
	height: 100%;
	padding: 0.625rem;
	border: var(--tgl-input-border);
	border-radius: 1rem;
	background-color: var(--tgl-input-background-color);
	color: var(--tgl-text-color);
	text-align: center;
	cursor: pointer;
	display: block flex;
	justify-content: center;
	align-items: center;
}
.tgl-service-group:has(input:checked) label {
	background-color: var(--tgl-yellow);
	color: var(--tgl-background-color);
	border-color: var(--tgl-slot-selected-border-color);
	box-shadow: rgb(252, 219, 87) 0px 0px 8px 0px;
}
.tgl-service-group:hover label {
	background-color: var(--tgl-yellow-hover);
	color: var(--tgl-background-color);
}

.tgl-service-group input[type=radio] {
	display: none;
}
.tgl-appointment-legal-notice {
	text-align: center;
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 1.5;
}

/**************/
/*** STEP 4 ***/
/**************/
#tgl-franchise-appointment-form-step4 .tgl-legend {
	text-align: left;
}
#tgl-franchise-appointment-form-step4 .tgl-column {
	gap: 0.875rem;
}
.tgl-form-fieldset.tgl-plain.tgl-constrained-1000 {
	max-width: 1000px;
	padding: 2rem 2rem;
	align-items: start;
}
@media (max-width: 767px) { .tgl-form-fieldset.tgl-plain.tgl-constrained-1000 { padding: 2rem 1.5rem; } }
@media (max-width: 619px) { .tgl-form-fieldset.tgl-plain.tgl-constrained-1000 { padding: 1.75rem 1.25rem; } }
@media (max-width: 479px) { .tgl-form-fieldset.tgl-plain.tgl-constrained-1000 { padding: 1.5rem 1rem; } }

.tgl-2-columns-row {
	display: block flex;
	flex-direction: row;
	--tgl-column-gap: 1rem;
	gap: var(--tgl-column-gap);
	width: 100%;
}
.tgl-2-columns-row > * {
	width: calc(50% - var(--tgl-column-gap) / 2);
}
@media (max-width: 479px) {
	.tgl-2-columns-row {
		flex-wrap: wrap;
	}
	.tgl-2-columns-row > * {
		width: 100%;
	}
}
.tgl-3-columns-row {
	display: block flex;
	flex-direction: row;
	flex-wrap: wrap;
	--tgl-column-gap: 1rem;
	gap: var(--tgl-column-gap);
	width: 100%;
}
.tgl-3-columns-row > * {
	width: calc(33.33% - 2 * var(--tgl-column-gap) / 3);
}
@media (max-width: 767px) {
	.tgl-3-columns-row > * {
		width: 100%;
	}
}

.tgl-column-field-wrapper {
	display: block flex;
	flex-direction: column;
	gap: 8px;
	align-items: stretch;
}
.tgl-column-field-wrapper label {
	font-family: var(--tgl-font-family);
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: -0.03rem;
}
.tgl-column-field-wrapper label sup {
	color: var(--tgl-yellow);
	top: 0;
	font-size: 100%;
}

#tgl-franchise-appointment-form-step4 input, #tgl-franchise-appointment-form-step4 textarea {
	background-color: var(--tgl-input-border-color);
	border: var(--tgl-separation-border-light);
	border-radius: 0.5rem;
	font-family: var(--tgl-font-family);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	color: var(--tgl-text-color);
	outline: none;
}
#tgl-franchise-appointment-form-step4 input:focus, #tgl-franchise-appointment-form-step4 textarea:focus {
	border: 1px solid var(--tgl-stars-empty-color);
	box-shadow: 0px 0px 2px 0px var(--tgl-stars-empty-color);
	outline: none;
}

.tgl-file-field-label {
	padding: 1.5rem 1.5rem 2rem 1.5rem;
	background-color: var(--tgl-input-border-color);
	border: var(--tgl-separation-border-light);
	border-radius: 0.5rem;
	font-family: var(--tgl-font-family);
	outline: none;
	color: var(--tgl-text-color);
	display: block flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	cursor: pointer;
}
.tgl-file-field-label:before {
	content: '\e813';
	font-family: 'tgl_icon_font';
	font-size: 2rem;
	line-height: 1.5;
	color: var(--tgl-stars-empty-color);
}
@media (max-width: 767px) { .tgl-file-field-label { padding: 1.25rem; } }
@media (max-width: 619px) { .tgl-file-field-label { padding: 1rem; } }
@media (max-width: 479px) { .tgl-file-field-label { padding: 0.75rem; } }

.tgl-file-field-label input[type="file"] {
	display: none;
}
.tgl-file-field-label .tgl-file-field-text {
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 150%;
	letter-spacing: 0.12rem;
}
.tgl-file-field-label .tgl-file-field-button {
	font-family: var(--tgl-font-family);
	font-size: 1rem;
	font-weight: 400;
	color: var(--tgl-background-color);
	background-color: var(--tgl-yellow);
	padding: 0.5rem 0.75rem;
	border-radius: 0.25rem;
	margin-top: 1.25rem;
}
.tgl-file-field-label:hover .tgl-file-field-button {
	background-color: var(--tgl-yellow-hover);
}

.tgl-file-field-label .tgl-file-field-path-wrapper {
	display: block flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
}
.tgl-file-field-label .tgl-file-field-path {
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 150%;
	letter-spacing: -0.03rem;
	margin-top: 0.25rem;
	display: inline-block;
	width: calc(100% - 25px);
	flex: 0 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tgl-file-field-label .tgl-file-field-remove-button {
	cursor: pointer;
	width: 25px;
	height: 25px;
	display: block flex;
	justify-content: center;
	align-items: center;
}
.tgl-file-field-label .tgl-file-field-remove-button:before {
	content: 'x';
}

.tgl-checkbox-wrapper {
	display: block flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	gap: 0.25rem;
	min-height: 1.5rem;
}
.tgl-checkbox-wrapper label {
	font-family: var(--tgl-font-family);
	font-size: 1rem;
	font-weight: 400;
	color: var(--tgl-text-color);
	line-height: 1.2;
	flex: 1 1 auto;
}
.tgl-checkbox-wrapper input[type='checkbox'] {
	flex: 0 0 auto;
}

/********************/
/*** STEP 5 RECAP ***/
/********************/
#tgl-franchise-appointment-form-step5 {
	display: block flex;
	flex-direction: column;
	gap: 1rem;
}
.tgl-recap-wrapper {
	background-color: var(--tgl-input-background-color);
	padding: 2rem 4rem;
	display: block flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	border-radius: 1rem;
	max-width: 700px;
	margin: auto;
	width: 100%;
}
@media (max-width: 619px) { .tgl-recap-wrapper { padding: 1.5rem 1.5rem; } }
@media (max-width: 479px) { .tgl-recap-wrapper { padding: 1rem 1rem; } }

.tgl-recap-wrapper h4 {
	font-family: var(--tgl-font-family);
	font-size: 1.75rem;
	font-weight: 300;
	line-height: 110%;
	letter-spacing: -0.03rem;
	color: var(--tgl-white);
	margin: 0;
}
@media (max-width: 767px) { .tgl-recap-wrapper h4 { font-size: 1.65rem; } }
@media (max-width: 575px) { .tgl-recap-wrapper h4 { font-size: 1.5rem; } }
@media (max-width: 479px) { .tgl-recap-wrapper h4 { font-size: 1.4rem; } }
@media (max-width: 380px) { .tgl-recap-wrapper h4 { font-size: 1.3rem; } }

.tgl-recap-infos-wrapper {
	display: block flex;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
}
.tgl-recap-infos {
	display: block flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.tgl-recap-infos.tgl-column {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}
.tgl-recap-label {
	text-align: left;
	color: var(--tgl-text-color);
	font-family: var(--tgl-font-family);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.03rem;
	width: 50%;
	flex: 0 0 auto;
	padding-right: 1rem;
}
.tgl-column .tgl-recap-label {
	width: 100%;
}
@media (max-width: 619px) { .tgl-recap-label { font-size: 1.125rem; } }
@media (max-width: 479px) { .tgl-recap-label { font-size: 1rem; } }
.tgl-recap-info {
	text-align: left;
	color: var(--tgl-white);
	font-family: var(--tgl-font-family);
	font-size: 1.125rem;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 150%;
	width: 50%;
	flex: 0 0 auto;
}
@media (max-width: 619px) { .tgl-recap-info { font-size: 1rem; } }
@media (max-width: 479px) { .tgl-recap-info { font-size: 0.875rem; } }

.tgl-recap-info.tgl-no-uppercase {
	text-transform: none;
}
.tgl-column .tgl-recap-info {
	width: 100%;
}
#tgl-recap-comment {
	word-break: break-word;
}

/*********************/
/*** STEP 6 THANKS ***/
/*********************/
.tgl-thanks-wrapper {
	width: 100%;
	margin-top: 168px;
	display: block flex;
	flex-direction: row;
	align-items: stretch;
	overflow: visible;
	background-color: var(--tgl-yellow);
	border-radius: 1rem;
	position: relative;
}
.tgl-thanks-wrapper img {
	width: 400px;
	max-width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 25%;
	transform: translateX(-50%);
}
.tgl-thanks-left {
	width: 50%;
	position: relative;
}

.tgl-thanks-right {
	width: 50%;
	display: block flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	gap: 1rem;
	padding-right: 4rem;
	min-height: 390px;
}
.tgl-thanks-title {
	font-family: var(--tgl-font-family);
	font-size: 3rem;
	font-weight: 300;
	line-height: 110%;
	letter-spacing: -0.03rem;
	color: var(--tgl-background-color);
	margin: 0;
}
@media (max-width: 767px) { .tgl-thanks-title { font-size: 2.5rem; } }
@media (max-width: 575px) { .tgl-thanks-title { font-size: 2.25rem; } }
@media (max-width: 479px) { .tgl-thanks-title { font-size: 2rem; } }
@media (max-width: 380px) { .tgl-thanks-title { font-size: 1.75rem; } }

.tgl-thanks-text {
	text-align: left;
	color: var(--tgl-breadcrumb-color);
	font-family: var(--tgl-font-family);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.03rem;
	margin-bottom: 1rem;
}
div.tgl-thanks-wrapper div.tgl-thanks-right a.tgl-thanks-button span.tgl-button-text {
	color: var(--tgl-background-color) !important;
	text-decoration: none;
}
div.tgl-thanks-wrapper div.tgl-thanks-right a.tgl-thanks-button:hover span.tgl-button-text {
	color: var(--tgl-white) !important;
}
@media (max-width: 1024px) {
	.tgl-thanks-left {
		order: 2;
		height: 370px;
		width: 100%;
	}
	.tgl-thanks-right {
		order: 1;
		width: 100%;
		min-height: initial;
		padding: 4rem 2rem;
		text-align: center;
		align-items: center;
	}
	.tgl-thanks-wrapper {
		flex-direction: column;
		align-items: center;
		margin-top: 1rem;
	}
	.tgl-thanks-wrapper img {
		left: 50%;
		max-height: 370px;
		width: auto;
	}
	.tgl-thanks-text {
		text-align: center;
	}
}