/* Source and licensing information for the line(s) below can be found at http://webpro-it.co.uk/themes/custom/webpro/css/pages/multi-step-form.css. */
.enquire-now-popup-wrapper{container-type:inline-size;container-name:step-form;}.enquire-now-popup-wrapper:has(.multiStep-form-fields){top:calc(var(--header-height) + 20px);}.custom-modal-body:has(.multiStep-form-fields){width:100%;margin:0;background-color:var(--main-highlight-color);padding-block:40px;padding-inline:120px;top:0;height:100%;overflow:hidden;}.custom-modal-body:has(.multiStep-form-fields) .close-enquire-form{top:calc(40px + 20px);right:calc(120px + 20px);}.sequence-form-wrap{display:flex;box-shadow:5px 0 15px rgba(0,0,0,0.2);background-color:#fff;}.sequence-form-wrap .image-data{width:50%;height:100%;}.sequence-form-wrap .image-data img{width:100%;height:100%;object-fit:cover;}.sequence-form-wrap .form-data{width:50%;padding:40px;display:flex;flex-direction:column;overflow-y:auto;padding-right:calc(40px + 55px);max-height:calc(100vh - var(--header-height) - 80px);}.sequence-form-wrap .form-data .form-area{flex-grow:1;display:flex;flex-direction:column;}.sequence-form-wrap .form-data .form-area .raw-steps{height:100%;display:flex;flex-direction:column;}.sequence-form-wrap .buttons-tray{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;grid-gap:15px;position:relative;}.sequence-form-wrap .form-actions{height:0;overflow:hidden;opacity:0;visibility:hidden;}.step-form-progress{display:flex;justify-content:space-between;position:relative;margin-bottom:30px;overflow:hidden;min-height:27px;}.step-form-progress::after{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--main-highlight-color);}.step-form-progress::before{content:'';display:block;position:absolute;top:calc(50% - 1px);left:0;width:calc(((100% / (var(--total-step) - 1)) * (var(--current-step) - 1)) - 10%);height:3px;background-color:var(--main-highlight-color);transition:all 0.3s;}.step-form-progress .progress-plane{font-size:22px;position:absolute;top:1px;left:calc(((100% / (var(--total-step) - 1)) * (var(--current-step) - 1)) - calc(10% + 12.5px));transition:all 0.3s;z-index:1;color:var(--main-highlight-color);}.step-form-progress .progress-plane svg{width:25px;height:25px;}.step-form-progress .progress-plane svg path{fill:var(--main-highlight-color);}.step-form-progress .step-no{width:26px;height:26px;font-size:10px;line-height:1;color:var(--main-highlight-color);display:flex;justify-content:center;align-items:center;border:1px solid var(--main-highlight-color);border-radius:50%;background-color:#fff;position:relative;z-index:1;user-select:none;}.step-form-progress .step-no.active,.step-form-progress .step-no:has(~ .step-no.active){background-color:var(--main-highlight-color);color:#fff;}.step-form-progress .step-no:before,.step-form-progress .step-no:after{content:'';display:block;position:absolute;top:50%;left:-6px;width:5px;height:1px;background-color:#fff;z-index:-1;}.step-form-progress .step-no:after{left:calc(100% + 1px);}.step-form-progress .step-no.active:before,.step-form-progress .step-no.active:after,.step-form-progress .step-no:has(~ .step-no.active):before,.step-form-progress .step-no:has(~ .step-no.active):after{display:none;}.multiStep-form-fields .form-area .raw-steps:not(.active){display:none;}.multiStep-form-fields .form-field{margin-bottom:15px;user-select:none;}.multiStep-form-fields .form-field textarea{min-height:110px;resize:none;}.multiStep-form-fields select{background-size:24px !important;}.multiStep-form-fields .error-msg{font-size:14px;color:red;}.multiStep-form-fields .field_description{display:block;font-size:14px;margin-bottom:30px;}.multiStep-form-fields .custom-label,.multiStep-form-fields fieldset legend{display:block;font-size:var(--h5);line-height:var(--h5-leading);font-weight:var(--h5-weight);margin-bottom:30px;}.multiStep-form-fields .form-field label:has([type="radio"],[type="checkbox"]){display:flex;grid-gap:5px;border:1px solid var(--border-grey);padding:5px 10px;cursor:pointer;}.multiStep-form-fields .form-field :is([type="radio"],[type="checkbox"]){accent-color:var(--main-highlight-color);}.multiStep-form-fields .form-field label:has([type="radio"]:checked,[type="checkbox"]:checked){border-color:var(--main-highlight-color);}.multiStep-form-fields fieldset{display:block;border:0;}.multiStep-form-fields .button.button-outline:hover{background-color:var(--main-highlight-color);color:rgb(255,255,255);border-color:var(--main-highlight-color);}@media screen and (max-width:1280px){.custom-modal-body:has(.multiStep-form-fields){padding-block:40px;padding-inline:40px;}.custom-modal-body:has(.multiStep-form-fields) .close-enquire-form{top:calc(40px + 10px);right:calc(40px + 10px);font-size:20px;}.sequence-form-wrap .form-data{padding:40px;padding-left:15px;padding-right:calc(15px + 5px);}}@media screen and (max-width:767px){.sequence-form-wrap .image-data{width:35%;}.sequence-form-wrap .form-data{width:65%;}.step-form-progress .progress-plane{left:calc(((100% / (var(--total-step) - 1)) * (var(--current-step) - 1)) - 15%);}.multiStep-form-fields .custom-label,.multiStep-form-fields fieldset legend,.multiStep-form-fields .field_description{margin-bottom:15px;}.sequence-form-wrap .buttons-tray{padding-top:15px;}}@media screen and (max-width:525px){.custom-modal-body:has(.multiStep-form-fields){height:auto;}.custom-modal-body:has(.multiStep-form-fields) .close-enquire-form i{color:#fff;}.sequence-form-wrap{flex-direction:column;}.sequence-form-wrap .image-data{width:100%;max-height:130px;overflow:hidden;}.sequence-form-wrap .form-data{width:100%;}}@media screen and (max-height:778px){.sequence-form-wrap .form-data{padding-block:30px;}.multiStep-form-fields .custom-label,.multiStep-form-fields fieldset legend{font-size:16px;margin-bottom:8px;line-height:1;}.sequence-form-wrap .form-data input:is([type=text],[type=email],[type=password],[type=tel],[type=color],[type=number]),.sequence-form-wrap .form-data select:not(.cart-select-quantity-key),.sequence-form-wrap .form-data textarea{padding-block:10px;}.multiStep-form-fields .field_description{margin-bottom:15px;}.sequence-form-wrap .buttons-tray{padding-top:15px;}}
/* Source and licensing information for the above line(s) can be found at http://webpro-it.co.uk/themes/custom/webpro/css/pages/multi-step-form.css. */