/* Caldera live — HMC base rules. Verbatim copy of the 'HELP ME CHOOSE' block that lives in stage's style.css
   (live style.css is intentionally untouched). Loaded before hmc-form-v11.css on the HMC pages only. */

/**
 * Page: HELP ME CHOOSE A HOT TUB
 * SECTION:  Multi-step Gravity form 
 * ------------------------- Start ------------------------------- */
 #gform_wrapper_24 .gf_page_steps {
    display: flex;
    justify-content: center;
    margin: 24px 0px;
    border-bottom: none;
 }

#gform_wrapper_24 .gf_page_steps .gf_step:last-child {
        margin-right: 0;
}


 #gform_wrapper_24 .gfield--type-choice legend.form-label{
    display: none !important;
 }


#gform_wrapper_24 .gf_page_steps .gf_step .gf_step_number {
    font-size: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    padding: 0 !important;
    margin: 0;
    background-color: #e7e7e7;
    border-radius: 50%;
}

 #gform_wrapper_24 .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
    font-size: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    padding: 0 !important;
    margin: 0;
    background-color: #f47a55;
    border-radius: 50%;
}

#gform_wrapper_24 .gf_page_steps .gf_step::after {
    content: " ";
    display: inline-block;
    width: 50px;
    background-color: #d9d9d9;
    width: 24px;
    height: 1px;
    font-size: 0;
    margin: 6px;
    position: absolute;
    top: 7px;
    left: 12px;
}
#gform_wrapper_24 .gf_page_steps .gf_step.gf_step_completed::after {
    position: absolute;
    top: 7px;
    left: 12px;
    margin: 6px;
    display: inline-block;
    width: 50px;
    width: 24px;
    height: 1px;
    font-size: 0;
    content: " ";
    background-color: #f47a55;
    
}
#gform_wrapper_24 .gf_page_steps .gf_step.gf_step_active .gf_step_number {
    background-color: #f47a55;
    border: 2px solid #f47a55;
}

 #gform_wrapper_24 .gf_page_steps .gf_step {
    position: relative;
    display: block;
    margin: 0px 32px 0px 0px;
}

#gform_wrapper_24 .gf_page_steps .gf_step:last-child:after {
    content: "";
    width: 0;
}

#gform_wrapper_24 .gfield--type-html {
    margin-bottom: 8px;
    text-align: center;
}
#gform_wrapper_24 #gform_fields_24_7 .gfield--type-html {
    text-align: left;
}
#gform_wrapper_24 .gfield--type-html h4, 
#gform_wrapper_24 .gfield--type-html .h4, 
#gform_wrapper_24 .gfield--type-html h6, 
#gform_wrapper_24 .gfield--type-html .h6 {
    text-align: center;
}



#gform_wrapper_24 .form-check.gchoice {
    margin-bottom: 22px;
}

/* Styling the Step Counter */
#gf_step_counter_24.gf_page_steps_info {
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.hidden {
    display: none;
}

.show-element.show{
    display: block !important;
}

#gform_wrapper_24 .gform_previous_button.btn.btn-outline-secondary {
    color: #f47a55;
    border-color: #f47a55;
}
#gform_wrapper_24 .gform_previous_button.btn.btn-outline-secondary:hover,
#gform_wrapper_24 .gform_previous_button.btn.btn-outline-secondary:active {
    color: #fff;
}

#gform_wrapper_24 .gform_fields .gfield .ginput_complex > span {
    margin-top: 0px;
}

#gform_wrapper_24 #gform_page_24_7 .gform-page-footer{
    margin-top: 25px;
}

#gform_wrapper_24 .hide-it {
    width: 0;
    height: 0;
    overflow: hidden;
}

#gform_wrapper_24 .gform_page_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 295px;
    margin: 0 auto;
    padding-left: 9px;
}
#gform_wrapper_24 #gform_page_24_1 .gform_page_footer .formNext{
    margin-left: -17px;
    margin-right: 0;
}
#gform_wrapper_24 .gform_page_footer .formPrev, 
#gform_wrapper_24 .gform_page_footer .formNext {
    margin: 10px;
    color: #fff;
    background-color: #f47a55;
    border-color: #f47a55;
    border: none;
    font-weight: 600;
}

#gform_wrapper_24 .gform_page_footer .formPrev {
    color: #f47a55;
    background-color: transparent;
    padding-left: 0;
}

#gform_wrapper_24 #gform_page_24_7 .gform_page_footer.formNext7 {
    margin-left: 0 !important;
    padding-left: 0px;
}

#gform_wrapper_24 .gform_page_footer .formNext {
    margin-left: 0;
    margin-right: 0;
}

#gform_wrapper_24 .gform_page_footer .formPrev:hover, 
#gform_wrapper_24 .gform_page_footer .formNext:hover {
    color: #fff;
    background-color: #f47a55;
    border-color: #f47a55;
}
#gform_wrapper_24 .gform_page_footer .formPrev:hover {
    color: #f47a55;
    background-color: transparent;
}

#gform_wrapper_24 .custom-html-field {
    text-align: center;
    margin-bottom: 40px;
}

#gform_wrapper_24 #gform_page_24_7.gform_page .form-wrapper {
    width: 451px;
    margin: auto;
    max-width: 100%;
}
#gform_wrapper_24 #gform_page_24_7 .form-wrapper {
    margin: 0px;
    padding: 40px 40px 30px;
    border-radius: 4px;
}



#gform_wrapper_24 .formNext7 .formNext i.fa-solid.fa-chevron-right {
    display: none;
}
@media screen and (min-width: 992px) {
    /* #gform_wrapper_24 .gform_page_footer {
        margin-left: 206px;
    } */
}


@media screen and (min-width: 768px) {
    #gform_wrapper_24 .gf_page_steps {
        margin-bottom: 36px;
    }
   #gform_wrapper_24 #gform_page_24_7 .gform_page_footer.formNext7 {
        margin-left: 0 !important;
        padding-left: 0px;
    }
    #gform_wrapper_24 #gform_page_24_7 .form-wrapper {
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);
    }
    /* #gform_wrapper_24 .gform_page_footer {
        width: 380px;
        margin: 0;
        margin-left: 183px;
    } */
    /* #gform_wrapper_24 .gfield--type-choice {
        padding-left: 32px;
    } */
    /* #gform_wrapper_24 .gform_page.get-information .gfield--type-name,
    #gform_wrapper_24 .gform_page.get-information .gfield--type-email,
    #gform_wrapper_24 .gform_page.get-information .gfield--type-address{
      width: 380px ;
      padding-left: 32px;
    } */
    #gform_wrapper_24 .gfield--type-choice, 
    #gform_wrapper_24 .gform-page-footer  {
        width: 380px ;
        padding-left: 32px;
        margin: 0 auto;
    }
	:lang(nl-NL)
	:lang(fr-FR){
		
	}
	:lang(nl-NL) #gform_wrapper_24 .gfield--type-choice, 
    :lang(nl-NL) #gform_wrapper_24 .gform-page-footer ,
	:lang(fr-FR) #gform_wrapper_24 .gfield--type-choice, 
    :lang(fr-FR) #gform_wrapper_24 .gform-page-footer  {
        width: auto ;
    }
	 :lang(fr-FR)  #gform_24 #gform_page_24_1 .gform_page_footer[data-hmc-cal] {
		  margin-left: 25%;
	 }
	 
	:lang(fr-FR) #gform_24 .ginput_container_checkbox, #gform_24 .ginput_container_radio {
		max-width: 450px;	
	 }
    #gform_wrapper_24 .gfield--type-html h6 {
        font-size: 15px;
    }
   
}
/* ---------------- End (Section: Multi-step Gravity form )----------------*/