.section-demande-devis  {padding-top: 40px; padding-bottom: 40px; position: relative; overflow-x: clip;}
.section-demande-devis>div {gap: 30px; flex-direction: column;}
.section-demande-devis .bloc-left {flex: 1;}
.section-demande-devis .bloc-left h2, .section-demande-devis .bloc-left h3 {color: var(--couleur-blanc);}
.section-demande-devis .bloc-left .infos-contact, .section-demande-devis .bloc-left>a  {margin: 15px 0; border: 1px solid var(--couleur-principale); width: 270px; border-radius: 15px; padding: 20px; display: block;}
.section-demande-devis .bloc-left p {margin: 0;}
.section-demande-devis .bloc-left .horaires p {color: #89AF7A;}
.section-demande-devis .bloc-left .horaires h3 {margin: 45px 0 30px;}
.section-demande-devis .bloc-left .horaires h3::before {content: url(/wp-content/uploads/2023/08/check-horaires.svg); padding-right: 15px; vertical-align: middle;}
.section-demande-devis .module-size.flex-container {background-color: var(--couleur-blanc); padding: 80px; border-radius: 20px; position: relative; z-index: 10;}

.section-demande-devis .bloc-right .gform-body .gform_fields {display: flex; flex-wrap: wrap; gap: 15px;}
.section-demande-devis .bloc-right input, .section-demande-devis .bloc-right select, .section-demande-devis .bloc-right textarea { max-width: 100%; border: 1px solid var(--couleur-secondaire-light); border-radius: 15px; font-size: 18px; color: var(--couleur-secondaire-light); padding: 14px 32px; font-weight: 400;  font-family: 'Montserrat', sans-serif !important;}
.section-demande-devis .bloc-right input:focus-visible, .section-demande-devis .bloc-right select:focus-visible,.section-demande-devis .bloc-right textarea:focus-visible  {outline: 1px solid var(--couleur-principale);}
.section-demande-devis .bloc-right .gform_fields label {display: none;}
.section-demande-devis .bloc-right .gform_fields .gfield--type-checkbox label {display: inline;}
.section-demande-devis .bloc-right input[type="submit"] {cursor:pointer;color: var(--couleur-blanc); background-color: var(--couleur-principale); padding: 20px 40px; border-radius: 5px; text-transform: uppercase; font-size: 14px; font-weight: 600; transition: all 250ms ease-in-out; border: 1px solid var(--couleur-principale); width: 100%; margin-top: 20px;}
.section-demande-devis .bloc-right input[type="submit"]:hover {border: 1px solid var(--couleur-principale); background-color: var(--couleur-blanc); color: var(--couleur-principale);}
.section-demande-devis .bloc-left p i::before {color: var(--couleur-principale); font-size: 18px; padding-right: 15px;}

.section-demande-devis .module-size.flex-container h1{color:var(--couleur-secondaire);}
.section-demande-devis .form-devis .gf_progressbar_wrapper{position: absolute;left: -65%; top: 100%;}
.section-demande-devis .form-devis .gf_progressbar_title{display: none;}
.section-demande-devis .form-devis .gf_progressbar span{display: none;}
.section-demande-devis .form-devis .gf_progressbar{height: 5px;width: 250px;}
.section-demande-devis .form-devis .gf_progressbar:before{  content: "";position: absolute; top: 0;left: 0; right: 0;bottom: 0;background-color: var(--couleur-principale); opacity: 0.5;border-radius: 50px;}

.section-demande-devis .form-devis .gf_progressbar .gf_progressbar_percentage{background-color: var(--couleur-principale);height: 5px;position: relative;border-radius: 50px;}
.section-demande-devis .form-devis .gf_progressbar .gf_progressbar_percentage:after{  content: "";position: absolute; top: 0;right: 0;bottom: 0;background-color: var(--couleur-blanc);width: 5px;height: 5px;} 

.gform_fields {display: flex;}

.bloc-right.form-devis .gfield.gfield--type-html, .bloc-right.form-devis fieldset.gfield, .bloc-right.form-devis div.gfield.gfield--type-textarea, .bloc-right.form-devis div.gfield.gfield--type-textarea textarea {width: 100%;}
.bloc-right.form-devis .gfield input, .bloc-right.form-devis div.gfield {width: 100%;}
.bloc-right.form-devis .gfield.gfield--type-checkbox input {width: inherit;}
.bloc-right.form-devis fieldset {border: none; padding: 0;}
.bloc-right.form-devis fieldset legend {display: none;}
.bloc-right.form-devis fieldset.gfield--type-checkbox legend {display: block;font-weight: 600;margin-bottom: 12px;}

.bloc-right.form-devis fieldset.gfield .ginput_complex .gf_clear_complex {display: none;}
.bloc-right.form-devis  input[type="button"] { cursor:pointer; color: var(--couleur-blanc);  background-color: var(--couleur-principale);  padding: 20px 40px; border-radius: 5px; text-transform: uppercase; font-size: 14px; font-weight: 600; transition: all 250ms ease-in-out; border: 1px solid var(--couleur-principale); width: 100%; margin-top: 20px;}
.bloc-right.form-devis fieldset.gfield .ginput_complex {display: flex; gap: 15px; flex-wrap: wrap;}
.bloc-right.form-devis fieldset.gfield .ginput_complex span {width: 100%;}
.gf_progressbar_wrapper {display: none;}

@media screen and (min-width: 768px) {

.section-demande-devis .bloc-right {width: 60%;}
.module-picto.section-demande-devis::after {position: absolute;}
.module-motif.section-demande-devis::before {position: absolute; content: ''; width: 1000px; height: 500px; background-image: url(/wp-content/uploads/2023/08/fleches-bg.svg); background-size: contain; transform: rotate(90deg); right: -250px; top: 100px; opacity: .3;}
.section-demande-devis>div {gap: 80px; flex-direction: row;}
.section-demande-devis {padding-top: 130px; padding-bottom: 80px;}
.bloc-right.form-devis div.gfield, .bloc-right.form-devis fieldset.gfield .ginput_complex span {width: calc(50% - 8px);}

.gf_progressbar_wrapper {display: block;}
.bloc-right.form-devis fieldset.gfield.adresselarge .ginput_complex span.ginput_address_line_1 {width: 100%;}

.gform_ajax_spinner {
	box-sizing: border-box;
	margin-top: 11px;
	margin-left: 10px;
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
}

}

.bloc-right.form-devis div.gfield.gfield--type-select,  .bloc-right.form-devis div.gfield.gfield--type-select select{width: 100% ; background-image: url(/wp-content/uploads/pictos/fleche-select-grise.svg);background-repeat: no-repeat; background-position: calc(100% - 20px) center; appearance: none;}


@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}