:root{--primary-color: #201e43;--secondary-color: #17153B;--error-color: #ff0000;--site-yellow: #fca311;--border: #ddd;--background-color: #fff;--text-color: #1a1a1a;--scrollbar-track-color: #f1f1f1;--scrollbar-thumb-color: #888;--scrollbar-thumb-hover-color: #555;--suggestion-background-color: #fffafa;--suggestion-hover-background-color: #f0f0f0;--overlay-background-color: rgba(0, 0, 0, .5);--btn-text: #fff;--main-color: #201e43;--dark-color: #a71555;--step-color: #ced7e0;--step-size: 32px;--steps: 4;--progress-width: calc((var(--steps) - 1) / var(--steps) * 100%)}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.quote_form{padding:1.5rem;width:100%;max-width:27rem;background:var(--background-color);border-radius:1rem;transition:opacity .3s;transition-duration:.8s;opacity:1!important;margin-left:auto}.quote_form .form_title{font-size:1.6rem;line-height:2rem;font-weight:800;text-align:center;color:var(--text-color)}.quote_form.flex .form_title,.quote_form.flex .form_sub_title{display:none}.quote_form.flex .form_title span,.quote_form .form_title span{color:var(--secondary-color)}.phone_link{margin-left:-10px}.quote_form .form_sub_title{font-size:1.25rem;margin-top:.3rem;font-weight:600;display:flex;color:var(--text-color);gap:1rem;align-items:center;justify-content:center;text-align:center}.quote_form .form_sub_title span{display:block;transition:.3s;color:var(--text-color);font-family:sans-serif}.quote_form .form_sub_title a:hover{opacity:.7}.quote_form .quote_inner{margin-top:1.5rem;width:100%}.quote_form.flex{max-width:100%;background:transparent;border:none;padding:0}.quote_form.flex form{display:grid;grid-template-columns:1fr 1fr;gap:0 21px;max-width:625px;margin:auto;background:#fff;padding:20px;border:1px solid #d0d5dd;border-radius:25px}.quote_form.flex .field_block{margin-bottom:26px}.quote_form.flex .field_block label{font-size:18px;font-weight:400;line-height:22px;margin-bottom:8px}.quote_form.flex .field_block input{border:1px solid #d0d5dd}.quote_form.flex .quote_inner{margin-top:0}.quote_form.flex form .submit_btn{grid-column:span 2;margin-top:0;border-radius:8px}.quote_form.flex .form_title{font-size:36px;font-weight:600;line-height:78px;text-align:center}.field_block{position:relative;margin-bottom:1.25rem;width:100%}.field_block label{font-size:.8rem;line-height:1.1rem;font-weight:600;color:var(--text-color);display:block;font-size:14px;margin-bottom:3px}.field_block input{padding:.3rem 1rem;border:2px solid var(--border);height:3.1rem;transition:.3s;border-radius:.3rem;outline:none;font-family:sans-serif;width:100%;font-size:16px}.field_block input:active,.field_block select:active,.field_block select:focus,.field_block input:focus{border:2px solid var(--secondary-color)}.half_line select{padding:.3rem 1rem;border:2px solid var(--border);height:3.1rem;transition:.3s;border-radius:.3rem;outline:none;font-family:sans-serif;width:100%;font-size:16px}.field_block.has_error label.error{opacity:1}.field_block.has_error input,.field_block.has_error select{border:2px solid var(--error-color)!important}.notification_message{display:none}.quote_form .submit_btn{margin-top:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--btn-text);position:relative;padding:1rem 2.8rem;font-weight:700;line-height:1.5rem;background:var(--main-color);width:100%;border:none;transition:opacity .3s;cursor:pointer;border-radius:12px}.quote_form .submit_btn.loading{opacity:.7;cursor:progress;font-size:0;color:#14213d!important}.quote_form .submit_btn.loading svg{display:none}.quote_form .submit_btn.loading .loader{opacity:1}.quote_form .submit_btn:hover{opacity:.8}.quote_form .submit_btn:hover svg{left:1.25rem}.quote_form .submit_btn svg{position:relative;font-size:.8rem;left:.6rem;color:var(--background-color);fill:var(--btn-text);transition:.3s}label.error{position:absolute;right:0;color:var(--error-color)!important;font-size:.75rem!important;margin-top:3px!important;display:block;opacity:0;transition:.3s;font-weight:700}.autocomplete-suggestions{background-color:var(--suggestion-background-color);position:absolute;max-height:191px;overflow-y:auto;width:100%;z-index:1000;margin:5px 0;box-shadow:0 3px 11px -4px #00000080;border-radius:.3rem}.loader{position:absolute;width:30px;padding:5px;opacity:0;aspect-ratio:1;border-radius:50%;background:#25b09b;transition:.3s;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.suggestion-item{cursor:pointer;font-size:14px;line-height:21px;text-transform:capitalize;height:48px;border-bottom:2px solid #ddd;display:flex;align-items:center;padding:0 20px}.suggestion-item:last-child{border-bottom:0}.autocomplete-suggestions .suggestion-item.selected{background-color:var(--suggestion-hover-background-color);cursor:pointer}.suggestion-item:hover{background-color:var(--suggestion-hover-background-color)}.quote_form,.quote_popup{::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}}.quote_popup{position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:99999;overflow-x:hidden;overflow-y:auto;transition:.5s;padding:20px;background-color:var(--overlay-background-color)}.quote_popup .popup_inner{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;position:relative}.quote_popup .popup_close{position:absolute;right:20px;color:var(--text-color);font-size:18px;z-index:99;top:20px;transition:.5s}.quote_popup .popup_close.reverse{color:var(--background-color)!important}.quote_popup .popup_close{font-size:40px;font-family:sans-serif;position:absolute;top:0;right:13px}.quote_popup .popup_footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.quote_popup .popup_footer ul{list-style:none;padding:0;display:flex;align-items:center}#quote_inner_page .quote_form{display:none}#quote_inner_page .quote_popup{background:transparent;position:relative;z-index:9}#quote_inner_page .close_btn{display:none}.popup_opened .quote_popup{top:0}.close_btn{position:absolute;right:15px;top:11px;display:block;cursor:pointer;transition:.3s;border:2px solid var(--main-color);border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;&:hover{opacity:.7}}.close_btn svg{fill:var(--secondary-color)}.form-wizard{position:relative;background-color:#fff;padding:32px;border-radius:8px;width:min(700px,80%);margin:0 auto;box-shadow:0 4px 16px #a715541a;display:flex;flex-direction:column;min-height:600px}.progress-container{position:relative}.steps-container{z-index:9}.progress-container:before{content:"";height:4px;width:var(--progress-width);background-color:var(--step-color);position:absolute;top:calc(var(--step-size) / 2);left:50%;translate:-50% -50%}.progress-container .progress{height:4px;width:var(--progress-width);background-color:var(--main-color);position:absolute;top:calc(var(--step-size) / 2);left:50%;translate:-50% -50%;z-index:2;transform:scaleX(0);transform-origin:left;transition:.3s}html[dir=rtl] .progress-container .progress{transform-origin:right}.progress-container ol{list-style-type:none;display:flex;align-items:flex-start;justify-content:space-between;counter-reset:step-number;position:relative;z-index:3}.progress-container li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--step-color);transition:transform .3s linear .3s;text-align:center}.progress-container li:before{counter-increment:step-number;content:counter(step-number);background-color:var(--step-color);width:var(--step-size);height:var(--step-size);display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--btn-text);transition:transform .3s linear .3s}.progress-container li:where(.done,.current){color:var(--primary-color);font-weight:500}.progress-container li.done:before{background-color:var(--main-color)}.progress-container li.current:before{background-color:var(--main-color);box-shadow:0 0 0 3px #05040540}.steps-container{display:flex}.step{flex:1 0 100%;padding:24px 8px;opacity:0;height:fit-content;display:grid;gap:8px;pointer-events:none}.step h3,.step h2{color:var(--secondary-color);margin:5px 0;font-size:20px;font-weight:600}.scroll_list{overflow-y:scroll;height:186px;border:2px solid #dddddd;border-radius:5px;padding:10px}.dynamic_vehicle{margin-bottom:25px;position:relative}a.remove_vehicle{position:absolute;top:0;right:0;width:20px;cursor:pointer;transition:.3s;&:hover{opacity:.7}}.dynamic_vehicle:last-child{margin-bottom:0}.step.current{pointer-events:all;opacity:1}.controls{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:0;padding-inline:8px;flex:1;z-index:5}.controls button{flex:1;color:var(--btn-text);font-weight:600;font-size:18px;border:none;background:var(--primary-color);transition:.3s;cursor:pointer;height:47px;border:2px solid transparent;border-radius:5px;&:hover{opacity:.7}&:hover,&:active,&:focus{background:var(--primary-color)}&.prev-btn{background:transparent;color:var(--main-color);transition:.3s;border:2px solid var(--main-color);&:hover{opacity:1;background:var(--background-color);border:2px solid var(--main-color);color:var(--main-color)}&.disable{opacity:.5;pointer-events:none;cursor:no-drop;z-index:-1}}}.controls .next-btn{transition:opacity .3s!important;display:flex;align-items:center;justify-content:center}.controls .next-btn.loading{opacity:.7;cursor:progress;font-size:0}.controls .next-btn.loading .loader{opacity:1}.completed{text-align:center}.completed h3{margin-bottom:8px}.completed svg{width:100px;height:100px;stroke:#9acd32}.completed:not([hidden])~*{display:none}.vehicle_line{display:flex;gap:15px}.checkbox_line{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px}.checkbox_line input{display:none}.checkbox_block{position:relative}.checkbox_inner{display:flex;gap:20px;align-items:center}.check_line_title{font-size:16px;font-weight:700;margin-bottom:14px;line-height:19px}.checkbox_block label{display:flex;align-items:center;gap:10px;cursor:pointer}.square_block{display:flex;align-items:center;width:30px;justify-content:center;height:30px;background:var(--btn-text);cursor:pointer;transition:.3s;border:2px solid var(--border);border-radius:5px;padding:4px}.square_block svg{fill:var(--btn-text)}input[type=radio]:checked+.square_block{background:var(--main-color);span{opacity:1}}.quote_popup .field_block label{font-size:16px;font-weight:700;color:var(--secondary-color);margin-bottom:5px;line-height:19px}.quote_popup .field_block label.error{font-size:11px!important;white-space:nowrap;margin-top:0!important;left:0;right:auto}.quote_popup .popup_title{font-size:20px;line-height:1.6;text-align:center;font-weight:700;background:#e5e5e5;padding:11px;color:var(--main-color);margin-bottom:25px;margin-top:0;position:relative}.add_vehicle{display:flex;align-items:center;justify-content:center;transition:.3s;gap:15px;font-size:18px;margin-top:15px;font-weight:700;color:var(--primary-color)!important}.add_vehicle:hover svg{transform:rotate(90deg)}.add_vehicle svg{width:20px;height:20px;fill:var(--main-color);transition:.3s}.half_line{display:flex;gap:20px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;z-index:1000}.modal-content{font-size:clamp(.875rem,.8393rem + .1786vw,1rem);line-height:1.6rem;background:#f4f7fb;border-radius:12px;padding:2rem;border:1px solid #87ac5f;text-align:center;width:40rem;position:relative}.modal .modal_btn{padding:8px 10px;border-radius:5px;background:#4caf50;color:#fff;display:block;width:200px;margin:1rem auto}#closeModal{position:absolute;top:1rem;right:1rem}.success-check{display:flex;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto}.checkmark{width:60px;height:60px;stroke-width:2;stroke:#4caf50;fill:none}.checkmark-circle{stroke-dasharray:157;stroke-dashoffset:157;stroke-width:2;stroke:#4caf50;fill:none;animation:circleAnimation .6s ease-out forwards}.checkmark-check{stroke-dasharray:36;stroke-dashoffset:36;stroke-width:2;stroke:#4caf50;animation:checkAnimation .3s .6s ease-out forwards}.modal-title{font-size:clamp(1.125rem,1.0536rem + .3571vw,1.375rem);font-weight:600;margin:1rem}@keyframes circleAnimation{0%{stroke-dashoffset:157;transform:scale(0);opacity:0}to{stroke-dashoffset:0;transform:scale(1);opacity:1}}@keyframes checkAnimation{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}@media(max-width:991px){.quote_form{padding:2rem}#quote_inner_page .quote_popup{margin-top:120px}.quote_form.flex .form_title{font-size:40px;line-height:50px}}@media(max-width:767px){.quote_form{margin:0 auto}.quote_form.flex .form_title{font-size:21px;line-height:30px}.form-wizard{width:100%;min-height:740px}.vehicle_line{display:flex;gap:5px;flex-direction:column}.scroll_list{height:305px}.half_line{display:flex;gap:0;flex-direction:column}.popup_container{width:100%}.step h3,.step h2{font-size:18px;margin-bottom:5px}.field_block{position:relative;margin-bottom:15px}.field_block input,.field_block select{padding:0 10px;height:2.5rem}.quote_popup .field_block label{font-size:14px}.controls{margin-top:20px}.add_vehicle{gap:10px;font-size:14px;margin-top:8px}.controls button{font-size:14px}.quote_form{padding:1.5rem}.quote_form .form_title{font-size:1.4rem;line-height:1.6rem}.quote_form .submit_btn{margin-top:2rem;font-size:1.1rem;padding:.5rem 2.1rem}}@media(max-width:575px){.quote_form.flex form{display:block}.quote_form.flex .field_block{margin-bottom:20px}.form-wizard{padding:15px}.notification_message{display:flex;justify-content:center;align-items:center;font-size:12px;background:#0eab0e;color:#fff;width:fit-content;padding:0 20px;border-radius:15px;margin:0 auto;opacity:0;transition:.3s}.notification_message.active{opacity:1}.scroll_list{height:410px}.quote_popup .field_block label.error{font-size:9px!important}#quote_inner_page .quote_popup{margin-top:80px}#quote-form .field_block label.error{font-size:9px!important;white-space:nowrap;margin-top:-1px!important;left:0}.quote_popup{padding:0}.quote_popup .popup_title{font-size:14px;margin-bottom:15px}.close_btn{right:10px;top:13px;width:20px;height:20px}.close_btn svg{width:14px}.progress-container li{font-size:10px}.progress-container li:before{width:25px;height:25px}.progress-container:before{top:12px}.progress-container .progress{top:12px}.step{padding:10px 5px;gap:5px}.checkbox_line{gap:15px;margin-top:15px;flex-direction:column}.check_line_title{font-size:14px;margin-bottom:10px;line-height:16px}.square_block{width:25px;height:25px}.square_block svg{width:14px}.checkbox_block{width:100%}}.disable{opacity:.5;cursor:default}.banner_quote_form .quote_form{padding:25px;margin-left:auto;max-width:25rem}.banner_quote_form .quote_form .form_title{font-size:24px;line-height:1.6}.banner_quote_form .quote_form .form_sub_title{font-size:18px;margin-top:0;line-height:1.6}.banner_quote_form .quote_form .quote_inner{margin-top:10px}.banner_quote_form.field_block{margin-bottom:10px}.banner_quote_form .field_block label{line-height:1.6;font-size:14px!important;margin-bottom:2px;margin-top:0!important}.banner_quote_form .field_block input{padding:0 15px;height:45px}.banner_quote_form .quote_form .submit_btn{margin-top:30px!important;font-size:16px;padding:10px;line-height:1.6}
