:root{
   --label-color: #3B311B;
   --label-font-size: 19px;
   --label-line-height: 29px;
   --label-font-weight: 500;

   --sub-label-font-size: 13px;
   --sub-label-font-color: #6E685A;
   --sub-label-font-weight: 400;

   --body-font-color: #535657;
   --font-family: "Figtree", sans-serif;

   --border-radius: 2px;
   --border: 1px solid #D1CEC2;

   --input-bg: rgba(231, 228, 218, 0.70);
   --input-color: #898989;
   --input-font-size: 15px;
   --input-font-weight: 300;

   --radio-check-accent: #B18B37;

   --button-bg: transparent;
   --button-border: 1.5px solid #8B681B;

   --accent-color: #8B681B;
}

/*
   ------------------------

   General Form Styles

   ------------------------
*/

.form{
   padding: 100px 0px;
}

.form .container{
      padding-inline: 30px;
      width: auto;
      max-width: 1800px;
   }

@media(max-width: 768px){
   .form{
      margin-bottom: 100px;
   }
}

@media( min-width: 768px){ 
   .form h3:not(.gsection_title, .gfield--type-html h3){
      margin-top: 50px;
   }

   .form p,
   .form p + ul{
      max-width: 980px;
   }
}

@media( min-width: 1024px ){
   .form .container{
      padding-inline: 50px;
   }
}

@media( min-width: 1440px){
   .form .container{
      padding-inline: 80px;
   }
}

@media( min-width: 1600px){
   .form .container{
      margin: 0 auto;
   }
}

.gform_wrapper{
   width: 100%;
}

.form input[type="color"], 
.form input[type="date"], 
.form input[type="datetime-local"], 
.form input[type="datetime"], 
.form input[type="email"], 
.form input[type="month"], 
.form input[type="number"], 
.form input[type="password"], 
.form input[type="search"], 
.form input[type="tel"], 
.form input[type="text"], 
.form input[type="time"], 
.form input[type="url"], 
.form input[type="week"],
.form input[type="search"],
.form textarea,
.form select{
   padding: 15px !important;
   
   background:  var(--input-bg) !important;
   border-radius: var(--border-radius) !important;
   border: var(--border) !important;

   color: var(--body-font-color) !important;
   font-family: var(--font-family) !important;
   font-size: var(--input-font-size) !important;
   font-style: italic;
   font-weight: var(--input-font-weight) !important;
   line-height: 22.8px !important;

   box-shadow: none !important;
   block-size: initial !important;
   min-block-size: unset !important;
}

.form input[type="color"]:focus, 
.form input[type="date"]:focus, 
.form input[type="datetime-local"]:focus, 
.form input[type="datetime"]:focus, 
.form input[type="email"]:focus, 
.form input[type="month"]:focus, 
.form input[type="number"]:focus, 
.form input[type="password"]:focus, 
.form input[type="search"]:focus, 
.form input[type="tel"]:focus, 
.form input[type="text"]:focus, 
.form input[type="time"]:focus, 
.form input[type="url"]:focus, 
.form input[type="week"]:focus,
.form input[type="search"]:focus,
.form textarea:focus,
.form select:focus{
   outline: 2px solid var(--accent-color) !important;
}

.form select{
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2 5.33789L8 11.7379L14 5.33789" stroke="%23F16A23" stroke-width="3"/></svg>') !important;
   background-repeat: no-repeat !important;
   background-position-y: 50% !important;
   background-position-x: 98% !important;
}

/* .form fieldset,
.form div:not(.field_sublabel_below, .gchoice){
   margin-bottom: 20px;
} */

.gform_required_legend{
   display: none;
   visibility: hidden;
   opacity: 0;
}

/*
   ------------------------

   Labels (Main, Sub, Inline)

   ------------------------
*/
.form .section-heading{
   max-width: 980px;
}

.gfield--type-section{
   border-bottom: 0 !important;
   padding: 0 !important;
}

legend, .gform-field-label:not(.gform-field-label--type-sub, .gform-field-label--type-inline){
   color: var(--label-color) !important;
   font-family: var(--font-family) !important;
   font-size: var(--label-font-size) !important;
   font-weight: var(--label-font-weight) !important;
   line-height: var(--label-line-height);
   font-style: normal;

   margin-top: 60px;
   margin-bottom: 20px !important;
}

.gform-field-label--type-sub{
   color: var(--sub-label-font-color) !important;
   font-family: var(--font-family) !important;
   font-size: var(--sub-label-font-size) !important;
   font-weight: var(--sub-label-font-weight) !important;
   font-style: normal;
   line-height: normal;
   margin-bottom: 20px;
}

/*
   ------------------------

   Radio, Multi Choice & Consent

   ------------------------
*/

.form .gchoice{
   position: relative;
}

.gform-theme--framework .gfield--type-choice .gfield_checkbox, 
.gform-theme--framework .gfield--type-choice .gfield_radio{
   gap: 15px !important;
}

.form .gform-field-label--type-inline{
   position: relative;
   left: 50px;
}

/* .form .copy_values_option_label:before, */
/* .form .gfield_consent_label:before { */
.form .gform-field-label--type-inline:before {
   border: 2px solid var(--radio-check-accent);
   border-radius: 2px;
   width: 20px;
   height: 20px;
   content: "";
   position: absolute;
   left: -30px;
   top: 1px;
}
 
.form input[type="checkbox"],
.form input[type="radio"] {
   display: none !important;
   visibility: hidden;
}

.form .gfield_consent_label:before,
.form .gfield_radio .gchoice label:before {
   border-radius: 50px;
}
 
.form input[type="checkbox"]:checked ~ label::before,
.form input[type="radio"]:checked ~ label::before {
   background: var(--radio-check-accent);
}
 
.form input[type="checkbox"]:checked ~ label::after,
.form input[type="radio"]:checked ~ label::after {
   color: #fff;
   width: 20px;
   height: 20px;
   text-align: center;
}
 
.form input[type="checkbox"]:checked ~ label::after {
   content: "";
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11"><path d="M11.074 0L13.3515 2.26849L4.66201 11L0 6.38374L2.26216 4.09936L4.64293 6.45824L11.074 0Z" fill="%23B18B37"/></svg>') !important;
   display: block;
   border-radius: 2px;
   font-size: 13px !important;
   font-family: icomoon;
   position: absolute;
   top: 1px;
   left: -28px;
   height: 11px;
   width: 13.352px;
}
 
.form input[type="radio"]:checked ~ label::after {
   content: "";
   font-family: icomoon;
   font-size: 7px;
   position: absolute;
   left: -23.5px;
   top: 7.5px;
   border-radius: 50px;
   background: #fff;
   width: 7px;
   height: 7px;
}
 
.form input[type="radio"]:checked ~ label,
.form input[type="checkbox"]:checked ~ label {
   font-weight: bolder !important;
}

/*
   ------------------------

   Consent Section

   ------------------------
*/

.form .gfield_consent_description{
   background: #fff;
   padding: 20px 15px !important;
}

/*
   ------------------------

   File Selector Section

   ------------------------
*/

.form .gform_fileupload_multifile,
.form .ginput_container_fileupload .large,
.form .gform_drop_area {
   box-shadow: none !important;
   border-radius: var(--border-radius);
   background: var(--input-bg);
   display: flex;
   height: 220px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;
   align-self: stretch;
   border: var(--border);
}

.form .ginput_container_fileupload .large{
   margin-top: 0;
}
 
.form .gform_drop_instructions {
   align-self: stretch;
   color: #6d6d6d;
   text-align: center;
   font-family: var(--body-font);
   font-size: 20px !important;
   font-style: italic;
   font-weight: 400;
   line-height: 30px;
   margin-bottom: 0px !important;
}
 
.gform_drop_area {
   background: 0 0 !important;
   border: none !important;
   border-radius: 0 !important;
   margin-bottom: 0 !important;
   padding: 0 !important;
}
 
.form .gform_button_select_files {
   background: none !important;
   padding: 0 0 7px 0 !important;
   border-top: 0 !important;
   border-left: 0 !important;
   border-right: 0 !important;
   border-bottom: 2px solid var(--radio-check-accent) !important;
   font-family: var(--body-font) !important;
   font-size: 14px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: normal !important;
   letter-spacing: .28px;
   border-radius: 0 !important;
   block-size: initial !important;
   min-block-size: initial !important;
   width: auto;
   margin: 0 auto;
   color: var(--accent-color) !important;
   box-shadow: none !important;
   outline: none;
}
 
.form .gform_button_select_files:hover{
   color: var(--radio-check-accent) !important;
}
 
.form .ginput_container_fileupload {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center;
}
 
.form .ginput_container_fileupload .large {
   text-align: center;
   border: 0;
   padding: 8%;
   box-shadow: none;
}

.form .gfield_description{
   color: var(--sub-label-font-color) !important;
   font-family: var(--font-family) !important;
   font-size: var(--sub-label-font-size) !important;
   font-weight: var(--sub-label-font-weight) !important;
   font-style: normal;
   line-height: normal;
   margin-bottom: 20px;
}
 
/*
   ------------------------

   List Item Section

   ------------------------
*/

/*
   ------------------------

   Progress Bar

   ------------------------
*/

.gform_wrapper.gravity-theme .gf_progressbar_percentage{
   background-color: var(--radio-check-accent) !important;
}

/*
   ------------------------

   Miscellaneous

   ------------------------
*/

.gform_heading{
   display: none;
   visibility: none;
   opacity: 0;
}

/*
   ------------------------

   Submit Button

   ------------------------
*/

.form .gform_footer{
   flex-direction: row-reverse;
}

.form .gform_button{
   	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
	display: inline-block !important;
	vertical-align: middle !important;
	text-align: center !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 1.4px !important;
	line-height: 1.25 !important;
	padding: 13px 31px !important;
	position: relative;
	text-decoration: none !important;
	color: var(--label-color) !important;
	border-radius: 100px !important;
	border: 2px solid var(--radio-check-accent) !important;
	background-color: transparent !important;
}

.form .gform_button:hover{
	background-color: var(--radio-check-accent) !important;
	color: #fff !important;
}