{"id":6050,"date":"2025-02-14T10:08:08","date_gmt":"2025-02-14T10:08:08","guid":{"rendered":"https:\/\/car.itswintechnologies.com\/?page_id=6050"},"modified":"2025-03-30T17:55:13","modified_gmt":"2025-03-30T17:55:13","slug":"help-me-choose-a-car","status":"publish","type":"page","link":"https:\/\/car.itswintechnologies.com\/he\/help-me-choose-a-car\/","title":{"rendered":"\u05e2\u05d6\u05d5\u05e8 \u05dc\u05d9 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05de\u05db\u05d5\u05e0\u05d9\u05ea"},"content":{"rendered":"<div id=\"car-search-form\" class=\"container mt-4 itswin-card\">\r\n        \r\n        <div class=\"progress-condt\">\r\n            <div class=\"progress\">\r\n                <!-- Multiple White dots representing all steps -->\r\n                <div class=\"white-dots-container\" style=\"position: absolute; top: 68px; width: 95%;\"><\/div>\r\n\r\n                <div class=\"progress-bar\" id=\"progress-bar\" role=\"progressbar\" style=\"width: 9%\"><\/div>\r\n                <div id=\"progress-dot\" style=\"left: 9%\"><\/div> \r\n                <div class=\"progress-image-container\">\r\n                    <img decoding=\"async\" id=\"progress-image\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/step-pocessig.png\" alt=\"Step 1\" class=\"progress-image\">\r\n                <\/div>\r\n                <!-- Add the step number display -->\r\n                <div class=\"step-number\" id=\"step-number\">\u05e9\u05dc\u05d1 1\/12<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <form id=\"carSearchForm\" action=\"\">\r\n        <div class=\"steps\">\r\n            <div class=\"step active\" data-step=\"1\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"2\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"3\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"4\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"5\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"6\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"7\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"8\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"9\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"10\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"11\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n            <div class=\"step\" data-step=\"12\">\r\n           \r\n        <\/div> <!-- Ensure proper closing of each step -->\r\n    <\/div> <!-- Ensure this div is properly closed -->\r\n\r\n        <div class=\"step active\" data-step=\"1\">\r\n        <h4 class=\"ques-ty\">\u05d0\u05d9\u05d6\u05d4 \u05e1\u05d5\u05d2 \u05e8\u05db\u05d1 \u05d0\u05ea\u05d4 \u05de\u05e2\u05d3\u05d9\u05e3?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Crossover\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"Crossover\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/family.png\" class=\"option-img\" \/><br \/> \u05e7\u05e8\u05d5\u05e1\u05d0\u05d5\u05d1\u05e8<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"SUV\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"SUV\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/suvoff-road.png\" class=\"option-img\" \/><br \/> \u05e8\u05db\u05d1 \u05e9\u05d8\u05d7<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Station Wagon\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"Station Wagon\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/sport.png\" class=\"option-img\" \/><br \/> \u05e1\u05d8\u05d9\u05d9\u05e9\u05df<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Sedan\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"Sedan\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/mini.png\" class=\"option-img\" \/><br \/> \u05de\u05b0\u05db\u05d5\u05b9\u05e0\u05b4\u05d9\u05ea \u05e0\u05d5\u05b9\u05e1\u05e2\u05b4\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Hatchback\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"Hatchback\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/executive.png\" class=\"option-img\" \/><br \/> \u05d4\u05d0\u05e6&#039;\u05d1\u05e7<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Coupe\">\r\n                    <input type=\"radio\" name=\"step_1\" value=\"Coupe\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/1\/Coupe.png\" class=\"option-img\" \/><br \/> \u05d3\u05d5\u05bc \u05de\u05d5\u05b9\u05e9\u05c1\u05b8\u05d1\u05b4\u05d9\u05ea \u05e1\u05b0\u05d2\u05d5\u05bc\u05e8\u05b8\u05d4<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"2\">\r\n        <h4 class=\"ques-ty\">\u05e1\u05d5\u05d2 \u05e9\u05d9\u05d3\u05d5\u05e8 \u05de\u05d5\u05e2\u05d3\u05e3<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Automatic\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"Automatic\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/automatic.png\" class=\"option-img\" \/><br \/> \u05d0\u05d5\u05b9\u05d8\u05d5\u05b9\u05de\u05b8\u05d8\u05b4\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Manual\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"Manual\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/manual.png\" class=\"option-img\" \/><br \/> \u05d9\u05b8\u05d3\u05b8\u05e0\u05b4\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"CVT\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"CVT\"> \r\n                    <div class=\"car-option\" title=\"\u05ea\u05d9\u05d1\u05ea \u05d4\u05d9\u05dc\u05d5\u05db\u05d9\u05dd \u05de\u05e9\u05ea\u05e0\u05d4 \u05e8\u05e6\u05d9\u05e4\u05d4\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/CVT.png\" class=\"option-img\" \/><br \/> CVT<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"DCT\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"DCT\"> \r\n                    <div class=\"car-option\" title=\"\u05ea\u05d9\u05d1\u05ea \u05d4\u05d9\u05dc\u05d5\u05db\u05d9\u05dd \u05db\u05e4\u05d5\u05dc\u05ea \u05de\u05e6\u05de\u05d3\u05d9\u05dd\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/DCT.png\" class=\"option-img\" \/><br \/> DCT<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"AMT\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"AMT\"> \r\n                    <div class=\"car-option\" title=\"\u05ea\u05d9\u05d1\u05ea \u05d4\u05d9\u05dc\u05d5\u05db\u05d9\u05dd \u05d9\u05d3\u05e0\u05d9\u05ea \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/AMT.png\" class=\"option-img\" \/><br \/> AMT<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Sequential\">\r\n                    <input type=\"radio\" name=\"step_2\" value=\"Sequential\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/2\/Sequential.png\" class=\"option-img\" \/><br \/> \u05e1\u05b4\u05d3\u05e8\u05b8\u05ea\u05b4\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"3\">\r\n        <h4 class=\"ques-ty\">\u05db\u05de\u05d4 \u05d0\u05e0\u05e9\u05d9\u05dd \u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc \u05d9\u05d9\u05e1\u05e2\u05d5 \u05d0\u05d9\u05ea\u05da \u05d1\u05de\u05db\u05d5\u05e0\u05d9\u05ea?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"1\">\r\n                    <input type=\"radio\" name=\"step_3\" value=\"1\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/4\/just-me.png\" class=\"option-img\" \/><br \/> \u05e8\u05e7 \u05d0\u05e0\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"2,3\">\r\n                    <input type=\"radio\" name=\"step_3\" value=\"2,3\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/4\/2-3-people.png\" class=\"option-img\" \/><br \/> 2-3 \u05d0\u05e0\u05e9\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"4,5\">\r\n                    <input type=\"radio\" name=\"step_3\" value=\"4,5\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/4\/4-5-people-familyfriends.png\" class=\"option-img\" \/><br \/> 4-5 \u05d0\u05e0\u05e9\u05d9\u05dd <br \/>(\u05d7\u05d1\u05e8\u05d9 \u05de\u05e9\u05e4\u05d7\u05d4)<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"5+\">\r\n                    <input type=\"radio\" name=\"step_3\" value=\"5+\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/4\/more-than-5-people-large-families.png\" class=\"option-img\" \/><br \/> \u05d9\u05d5\u05ea\u05e8 \u05de-5 <br \/>\u05d0\u05e0\u05e9\u05d9\u05dd (\u05de\u05e9\u05e4\u05d7\u05d5\u05ea \u05d2\u05d3\u05d5\u05dc\u05d5\u05ea)<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"4\">\r\n        <h4 class=\"ques-ty\">\u05de\u05d4 \u05d4\u05de\u05d8\u05e8\u05d4 \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9\u05ea \u05e9\u05dc \u05d4\u05e8\u05db\u05d1 \u05e2\u05d1\u05d5\u05e8\u05da?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Daily city driving\">\r\n                    <input type=\"radio\" name=\"step_4\" value=\"Daily city driving\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/3\/daily-city-driving.png\" class=\"option-img\" \/><br \/> \u05e0\u05d4\u05d9\u05d2\u05d4 \u05d9\u05d5\u05de\u05d9\u05ea \u05d1\u05e2\u05d9\u05e8<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Long-distance highway driving\">\r\n                    <input type=\"radio\" name=\"step_4\" value=\"Long-distance highway driving\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/3\/long-distance-highway-driving.png\" class=\"option-img\" \/><br \/> \u05dc\u05de\u05e8\u05d7\u05e7\u05d9\u05dd \u05d0\u05e8\u05d5\u05db\u05d9\u05dd <br \/>\u05e0\u05d4\u05d9\u05d2\u05d4 \u05d1\u05db\u05d1\u05d9\u05e9 \u05de\u05d4\u05d9\u05e8<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Off-road and tough conditions\">\r\n                    <input type=\"radio\" name=\"step_4\" value=\"Off-road and tough conditions\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/3\/off-road-and-tough-conditions.png\" class=\"option-img\" \/><br \/> \u05e9\u05d8\u05d7 \u05d5 <br \/>\u05ea\u05e0\u05d0\u05d9\u05dd \u05e7\u05e9\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Combination of city and highway\">\r\n                    <input type=\"radio\" name=\"step_4\" value=\"Combination of city and highway\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/3\/combination-of-city-and-highway.png\" class=\"option-img\" \/><br \/> \u05e9\u05d9\u05dc\u05d5\u05d1 \u05e9\u05dc \u05e2\u05d9\u05e8 <br \/> \u05d5\u05db\u05d1\u05d9\u05e9 \u05de\u05d4\u05d9\u05e8<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Family car for frequent trips with children\">\r\n                    <input type=\"radio\" name=\"step_4\" value=\"Family car for frequent trips with children\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/3\/family-car-for-frequent-trips-with-children.png\" class=\"option-img\" \/><br \/> \u05e8\u05db\u05d1 \u05de\u05e9\u05e4\u05d7\u05ea\u05d9 \u05dc\u05ea\u05db\u05d5\u05e4\u05d9\u05dd <br \/>\u05d8\u05d9\u05d5\u05dc\u05d9\u05dd \u05e2\u05dd \u05d9\u05dc\u05d3\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"5\">\r\n        <h4 class=\"ques-ty\">\u05de\u05d4 \u05d4\u05e7\u05d9\u05dc\u05d5\u05de\u05d8\u05e8\u05d0\u05d6&#039; \u05d4\u05e9\u05e0\u05ea\u05d9 \u05d4\u05de\u05de\u05d5\u05e6\u05e2 \u05e9\u05dc\u05da?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Up to 15,000 km\">\r\n                    <input type=\"radio\" name=\"step_5\" value=\"Up to 15,000 km\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/5\/up-to-15000-km.png\" class=\"option-img\" \/><br \/> \u05e2\u05d3 15,000 \u05e7&quot;\u05de<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"15,000 - 20,000 km\">\r\n                    <input type=\"radio\" name=\"step_5\" value=\"15,000 - 20,000 km\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/5\/15000-20000-km.png\" class=\"option-img\" \/><br \/> 15,000 - 20,000 \u05e7&quot;\u05de<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Over 20,000 km\">\r\n                    <input type=\"radio\" name=\"step_5\" value=\"Over 20,000 km\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/5\/over-20000-km.png\" class=\"option-img\" \/><br \/> \u05de\u05e2\u05dc 20,000 \u05e7&quot;\u05de<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"6\">\r\n        <h4 class=\"ques-ty\">\u05ea\u05e7\u05e6\u05d9\u05d1 \u05dc\u05e8\u05db\u05d9\u05e9\u05ea \u05d4\u05e8\u05db\u05d1?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"range_slider\">\r\n                    <input type=\"radio\" name=\"step_6\" value=\"range_slider\"> \r\n                    \r\n                        <div class=\"slider-container\" data-step=\"6\">\r\n                            <label class=\"slider-label\">\u05d8\u05d5\u05d5\u05d7 \u05ea\u05e7\u05e6\u05d9\u05d1 \u05dc\u05e8\u05db\u05d9\u05e9\u05ea \u05d4\u05e8\u05db\u05d1:<\/label>\r\n                            <div class=\"range-inputs\">\r\n                                <input type=\"range\" id=\"minRange\" min=\"5000\" max=\"90000\" step=\"5000\" value=\"10000\" oninput=\"updateRangeValues('vehicle')\" class=\"range-slider\">\r\n                                <input type=\"range\" id=\"maxRange\" min=\"5000\" max=\"90000\" step=\"5000\" value=\"50000\" oninput=\"updateRangeValues('vehicle')\" class=\"range-slider\">\r\n                            <\/div>\r\n                            <div class=\"range-display\">\r\n                                \u05d8\u05d5\u05d5\u05d7 \u05e0\u05d1\u05d7\u05e8: <span id=\"rangeLabel\">10,000 \u05e9&quot;\u05d7 - 50,000 \u05e9&quot;\u05d7<\/span>\r\n                            <\/div>\r\n                            <input type=\"hidden\" name=\"budget_min\" id=\"budgetMin\" value=\"10000\">\r\n                            <input type=\"hidden\" name=\"budget_max\" id=\"budgetMax\" value=\"50000\">\r\n                        <\/div>\r\n                     <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"7\">\r\n        <h4 class=\"ques-ty\">\u05ea\u05e7\u05e6\u05d9\u05d1 \u05dc\u05d1\u05d9\u05d8\u05d5\u05d7?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"range_slider\">\r\n                    <input type=\"radio\" name=\"step_7\" value=\"range_slider\"> \r\n                    \r\n                        <div class=\"slider-container\" data-step=\"7\">\r\n                            <label class=\"slider-label\">\u05d8\u05d5\u05d5\u05d7 \u05ea\u05e7\u05e6\u05d9\u05d1 \u05dc\u05d1\u05d9\u05d8\u05d5\u05d7:<\/label>\r\n                            <div class=\"range-inputs\">\r\n                                <input type=\"range\" id=\"insuranceMinRange\" min=\"5000\" max=\"90000\" step=\"5000\" value=\"5000\" oninput=\"updateRangeValues('insurance')\" class=\"range-slider\">\r\n                                <input type=\"range\" id=\"insuranceMaxRange\" min=\"5000\" max=\"90000\" step=\"5000\" value=\"30000\" oninput=\"updateRangeValues('insurance')\" class=\"range-slider\">\r\n                            <\/div>\r\n                            <div class=\"range-display\">\r\n                                \u05d8\u05d5\u05d5\u05d7 \u05e0\u05d1\u05d7\u05e8: <span id=\"insuranceRangeLabel\">5,000 \u05e9&quot;\u05d7 - 30,000 \u05e9&quot;\u05d7<\/span>\r\n                            <\/div>\r\n                            <input type=\"hidden\" name=\"insurance_min\" id=\"insuranceMin\" value=\"5000\">\r\n                            <input type=\"hidden\" name=\"insurance_max\" id=\"insuranceMax\" value=\"30000\">\r\n                        <\/div>\r\n                     <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"8\">\r\n        <h4 class=\"ques-ty\">\u05db\u05de\u05d4 \u05d6\u05de\u05df \u05d0\u05ea\u05d4 \u05de\u05ea\u05db\u05e0\u05df \u05dc\u05d4\u05d7\u05d6\u05d9\u05e7 \u05d0\u05ea \u05d4\u05e8\u05db\u05d1?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Up to 3 years\">\r\n                    <input type=\"radio\" name=\"step_8\" value=\"Up to 3 years\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/8\/up-to-3-years.png\" class=\"option-img\" \/><br \/> \u05e2\u05d3 3 \u05e9\u05e0\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"3-6 years\">\r\n                    <input type=\"radio\" name=\"step_8\" value=\"3-6 years\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/8\/3-6-years.png\" class=\"option-img\" \/><br \/> 3-6 \u05e9\u05e0\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"More than 6 years\">\r\n                    <input type=\"radio\" name=\"step_8\" value=\"More than 6 years\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/8\/more-than-6-years.png\" class=\"option-img\" \/><br \/> \u05d9\u05d5\u05ea\u05e8 \u05de-6 \u05e9\u05e0\u05d9\u05dd<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"9\">\r\n        <h4 class=\"ques-ty\">\u05db\u05de\u05d4 \u05d7\u05e9\u05d5\u05d1 \u05dc\u05da \u05e7\u05d9\u05dc\u05d5\u05de\u05d8\u05e8\u05d0\u05d6&#039; \u05e0\u05de\u05d5\u05da?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Yes, I prefer a car with very low mileage\">\r\n                    <input type=\"radio\" name=\"step_9\" value=\"Yes, I prefer a car with very low mileage\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/9\/yes-i-prefer-a-car-with-very-low-mileage.png\" class=\"option-img\" \/><br \/> \u05db\u05df, \u05d0\u05e0\u05d9 \u05de\u05e2\u05d3\u05d9\u05e3 \u05e8\u05db\u05d1 <br \/> \u05e2\u05dd \u05e7\u05d9\u05dc\u05d5\u05de\u05d8\u05e8\u05d0\u05d6&#039; \u05e0\u05de\u05d5\u05da \u05de\u05d0\u05d5\u05d3<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Important, but not critical\">\r\n                    <input type=\"radio\" name=\"step_9\" value=\"Important, but not critical\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/9\/important-but-not-critical.png\" class=\"option-img\" \/><br \/> \u05d7\u05e9\u05d5\u05d1, \u05d0\u05d1\u05dc <br \/> \u05dc\u05d0 \u05e7\u05e8\u05d9\u05d8\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Mileage doesn\u2019t matter to me\">\r\n                    <input type=\"radio\" name=\"step_9\" value=\"Mileage doesn\u2019t matter to me\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/9\/mileage-doesnt-matter-to-me.png\" class=\"option-img\" \/><br \/> \u05e7\u05d9\u05dc\u05d5\u05de\u05d8\u05e8\u05d0\u05d6&#039; \u05dc\u05d0 <br \/> \u05d7\u05e9\u05d5\u05d1 \u05dc\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"10\">\r\n        <h4 class=\"ques-ty\">\u05e2\u05d3 \u05db\u05de\u05d4 \u05d7\u05e9\u05d5\u05d1\u05d4 \u05dc\u05da \u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05d4\u05d3\u05dc\u05e7?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Yes, I\u2019m looking for a very fuel-efficient car\">\r\n                    <input type=\"radio\" name=\"step_10\" value=\"Yes, I\u2019m looking for a very fuel-efficient car\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/10\/yes-i-m-looking-for-a-very-fuel-efficient-car.png\" class=\"option-img\" \/><br \/> \u05db\u05df, \u05d0\u05e0\u05d9 \u05de\u05d7\u05e4\u05e9 \u05d0<br \/> \u05e8\u05db\u05d1 \u05d7\u05e1\u05db\u05d5\u05e0\u05d9 \u05de\u05d0\u05d5\u05d3 \u05d1\u05d3\u05dc\u05e7<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Important, but not critical\">\r\n                    <input type=\"radio\" name=\"step_10\" value=\"Important, but not critical\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/10\/important-but-not-critical.png\" class=\"option-img\" \/><br \/> \u05d7\u05e9\u05d5\u05d1, \u05d0\u05d1\u05dc <br \/> \u05dc\u05d0 \u05e7\u05e8\u05d9\u05d8\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Fuel efficiency doesn\u2019t matter to me\">\r\n                    <input type=\"radio\" name=\"step_10\" value=\"Fuel efficiency doesn\u2019t matter to me\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/10\/fuel-efficiency-doesnt-matter-to-me.png\" class=\"option-img\" \/><br \/> \u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05d3\u05dc\u05e7 <br \/>\u05dc\u05d0 \u05de\u05e9\u05e0\u05d4 \u05dc\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"11\">\r\n        <h4 class=\"ques-ty\">\u05e2\u05d3 \u05db\u05de\u05d4 \u05d7\u05e9\u05d5\u05d1\u05d4 \u05e0\u05d5\u05d7\u05d5\u05ea \u05d4\u05e0\u05d4\u05d9\u05d2\u05d4 (\u05e8\u05db\u05d5\u05ea \u05d4\u05de\u05d5\u05e9\u05d1, \u05e8\u05de\u05d5\u05ea \u05d4\u05e8\u05e2\u05e9)?<\/h4>\r\n        <div class=\"data-cont-all\">\r\n                                            <label class=\"option\" data-value=\"Very important \u2013 comfort above all\">\r\n                    <input type=\"radio\" name=\"step_11\" value=\"Very important \u2013 comfort above all\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/11\/very-important-comfort-above-all.png\" class=\"option-img\" \/><br \/> \u05d7\u05e9\u05d5\u05d1 \u05de\u05d0\u05d5\u05d3 - <br \/> \u05e0\u05d5\u05d7\u05d5\u05ea \u05de\u05e2\u05dc \u05d4\u05db\u05dc<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Important, but not critical\">\r\n                    <input type=\"radio\" name=\"step_11\" value=\"Important, but not critical\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/11\/important-but-not-critical-driving.png\" class=\"option-img\" \/><br \/> \u05d7\u05e9\u05d5\u05d1, \u05d0\u05d1\u05dc <br \/> \u05dc\u05d0 \u05e7\u05e8\u05d9\u05d8\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                                            <label class=\"option\" data-value=\"Comfort isn\u2019t important to me\">\r\n                    <input type=\"radio\" name=\"step_11\" value=\"Comfort isn\u2019t important to me\"> \r\n                    <div class=\"car-option\"><img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/11\/comfort-isnt-important-to-me.png\" class=\"option-img\" \/><br \/> \u05e0\u05d5\u05d7\u05d5\u05ea \u05dc\u05d0 <br \/> \u05d7\u05e9\u05d5\u05d1 \u05dc\u05d9<\/div> <!-- Correctly output the 'img' part -->\r\n                <\/label>\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                        <button type=\"button\" class=\"next-step btn btn-primary btn-itswin-next-blue w-25\">\u05d4\u05d1\u05d0 \u2192<\/button>\r\n                <button type=\"button\" class=\"skip-step btn btn-light\" style=\"color: #3d4049;\">\u05dc\u05b0\u05d3\u05b7\u05dc\u05b5\u05d2<\/button>\r\n                    <\/div>\r\n    <\/div>\r\n    <div class=\"step\" data-step=\"12\">\r\n        <h4 class=\"ques-ty\"><\/h4>\r\n        <div class=\"data-cont-all\">\r\n                    <\/div>\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n                            <button type=\"button\" class=\"prev-step btn btn-light\" style=\"color: #000; border: 1px solid #ddd;\">\u2190 \u05d7\u05d6\u05e8\u05d4<\/button>\r\n                                <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 12 (last step) where the Submit button will appear -->\r\n    <div class=\"step\" data-step=\"12\">\r\n        <h4 class=\"text-center p-3\">\u05d0\u05e0\u05d0 \u05d4\u05de\u05ea\u05df, \u05d0\u05e0\u05d5 \u05de\u05d7\u05e4\u05e9\u05d9\u05dd \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05de\u05ea\u05d0\u05d9\u05de\u05d5\u05ea \u05e2\u05d1\u05d5\u05e8\u05da...<\/h4>\r\n        <div class=\"car-animation road\">\r\n            <div class=\"car\">\r\n                <img decoding=\"async\" src=\"https:\/\/car.itswintechnologies.com\/wp-content\/plugins\/carkal\/assets\/img\/steps\/final-processign.png\" >\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Submit and Skip buttons for step 12 -->\r\n        <div class=\"counte-in-btn d-flex justify-content-between w-100\">\r\n            <button type=\"button\" id=\"submitForm\" class=\"btn btn-primary\">\u05dc\u05b0\u05d4\u05b7\u05d2\u05b4\u05d9\u05e9\u05c1<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"he\"\/><\/div>\r\n\r\n    <!-- Submit button will be shown on step 12 -->\r\n    <button type=\"submit\" id=\"submitForm\" class=\"btn btn-success d-none\">\u05dc\u05b0\u05d4\u05b7\u05d2\u05b4\u05d9\u05e9\u05c1<\/button>\r\n<\/form>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n \r\n        jQuery(document).ready(function($) {\r\n            let currentStep = 1;\r\n            const totalSteps = 12;\r\n            const autoSubmitDelay = 3000;\r\n        \r\n            function updateProgress() {\r\n            let progress = (currentStep \/ totalSteps) * 100;\r\n            $('#progress-bar').css('width', progress + '%');\r\n            $('#progress-dot').css('left', progress + '%');\r\n        \r\n            if (currentStep < totalSteps) {\r\n                $('#progress-image, #step-number, #progress-dot, .progress-condt').show();\r\n                $('#step-number').text('Step ' + currentStep + '\/' + totalSteps);\r\n            } else {\r\n                $('#progress-image, #step-number, #progress-dot, .progress-condt').hide();\r\n            }\r\n        \r\n            updateWhiteDots(currentStep);\r\n        \r\n            if (currentStep === totalSteps) {\r\n                $('.skip-step').hide();  \/\/ Form submit hone se pehle hide karenge\r\n            } else {\r\n                $('.skip-step').show();  \/\/ Har step pe Skip button dikhana\r\n            }\r\n            \r\n              \/\/ Show .next-step only on steps 6 and 7\r\n            if (currentStep === 6 || currentStep === 7) {\r\n                $('.next-step').show();\r\n            } else {\r\n                $('.next-step').hide();\r\n            }\r\n        }\r\n    \r\n    \r\n        function createWhiteDots() {\r\n            const whiteDotsContainer = $('.white-dots-container');\r\n            whiteDotsContainer.empty();\r\n            for (let i = 1; i <= totalSteps; i++) {\r\n                let add = (i === 1) ? 'active' : '';\r\n                const dot = $('<div>').addClass('white-dot ' + add);\r\n                whiteDotsContainer.append(dot);\r\n            }\r\n        }\r\n    \r\n        function updateWhiteDots(currentStep) {\r\n            $('.white-dot').each(function(index) {\r\n                $(this).css('left', ((index + 1) \/ totalSteps) * 100 + '%')\r\n                       .css('background-color', index + 1 <= currentStep ? '#0F62FE' : '#fff');\r\n            });\r\n        }\r\n    \r\n        function goToStep(step) {\r\n            if (step < 1 || step > totalSteps) return;\r\n            $('.step').removeClass('active');\r\n            $('.step[data-step=\"' + step + '\"]').addClass('active');\r\n            currentStep = step;\r\n            updateProgress();\r\n    \r\n            if (currentStep >= 12) {\r\n                $('#submitForm').removeClass('d-none');\r\n            }\r\n            if (currentStep === totalSteps) {\r\n                autoSubmit();\r\n            }\r\n        }\r\n    \r\n        createWhiteDots();\r\n    \r\n        $('.option input').change(function() {\r\n            const $parentLabel = $(this).closest('.option');\r\n            $parentLabel.addClass('active').siblings().removeClass('active');\r\n    \r\n            const stepMap = { 1: 'body', 2: 'transmission', 3: 'seat' };\r\n            const stepNumber = $(this).closest('.step').data('step');\r\n            \r\n            \/\/ \ud83d\udeab Skip auto-step change for custom budget slider in step 6 and 7\r\n            if (stepNumber === 6 || stepNumber === 7) {\r\n                return;\r\n            }\r\n            \r\n            if (stepNumber < totalSteps) {\r\n                goToStep(stepNumber + 1);\r\n            } else {\r\n                goToStep(totalSteps);\r\n            }\r\n        });\r\n    \r\n        \/\/ $('.option').hover(function() {\r\n        \/\/     const $img = $(this).find('img');\r\n        \/\/     if ($img.length) {\r\n        \/\/         const hoverImagePath = $img.attr('src').replace('.png', '-active.png');\r\n        \/\/         $img.attr('src', hoverImagePath);\r\n        \/\/     }\r\n        \/\/ }, function() {\r\n        \/\/     const $img = $(this).find('img');\r\n        \/\/     if ($img.length && !$(this).hasClass('active')) {\r\n        \/\/         const originalImagePath = $img.attr('src').replace('-active.png', '.png');\r\n        \/\/         $img.attr('src', originalImagePath);\r\n        \/\/     }\r\n        \/\/ });\r\n        \r\n        $('.option').hover(function() {\r\n            const $img = $(this).find('img');\r\n            if ($img.length) {\r\n                const currentSrc = $img.attr('src');\r\n                if (!currentSrc.includes('-active')) {  \/\/ Only replace if it doesn't already have '-active'\r\n                    const hoverImagePath = currentSrc.replace('.png', '-active.png');\r\n                    $img.attr('src', hoverImagePath);\r\n                }\r\n            }\r\n        }, function() {\r\n            const $img = $(this).find('img');\r\n            if ($img.length && !$(this).hasClass('active')) {\r\n                const currentSrc = $img.attr('src');\r\n                if (currentSrc.includes('-active')) {  \/\/ Only revert if it has '-active'\r\n                    const originalImagePath = currentSrc.replace('-active.png', '.png');\r\n                    $img.attr('src', originalImagePath);\r\n                }\r\n            }\r\n        });\r\n    \r\n        $('.skip-step').click(function() {\r\n            if (currentStep < totalSteps) {\r\n                goToStep(currentStep + 1);\r\n            }\r\n        });\r\n    \r\n        $('.prev-step').click(function() {\r\n            if (currentStep > 1) {\r\n                goToStep(currentStep - 1);\r\n            }\r\n        });\r\n        \r\n         $('.next-step').click(function() {\r\n            const stepNumber = $('.step.active').data('step');\r\n            if (stepNumber === 6 || stepNumber === 7) {\r\n                goToStep(stepNumber + 1);\r\n            }\r\n        });\r\n    \r\n        $('#carSearchForm').submit(function(e) {\r\n        e.preventDefault();\r\n        let queryParams = {};\r\n    \r\n        $('#carSearchForm input:checked').each(function() {\r\n            let step = $(this).closest('.step').data('step');\r\n            let nameMap = { \r\n                1: 'body', \r\n                2: 'transmission', \r\n                3: 'seat', \r\n                4: 'purpose', \r\n                5: 'average', \r\n                6: 'price', \r\n                7: 'insurance_price', \r\n                8: 'plan', \r\n                9: 'mileage', \r\n                10: 'efficiency', \r\n                11: 'softness' \r\n            };\r\n            \r\n            if (nameMap[step]) {\r\n                let key = nameMap[step];\r\n                let value = $(this).val();\r\n    \r\n                \/\/ \u2705 Agar key pehle se exist karta hai, toh naye value ko comma ke sath add karein\r\n                if (queryParams[key]) {\r\n                    queryParams[key] += ',' + value; \/\/ \u2705 Ensure comma-separated values\r\n                } else {\r\n                    queryParams[key] = value;\r\n                }\r\n            }\r\n        });\r\n    \r\n            \/\/ \u2705 Convert queryParams into a query string with correct encoding\r\n            let queryString = Object.keys(queryParams)\r\n                .map(key => key + '=' + encodeURIComponent(queryParams[key])) \/\/ \u2705 Encode correctly\r\n                .join('&');\r\n        \r\n            \/\/ \u2705 Redirect with correct query string\r\n            window.location.href = '\/help-me-choose-a-car-results\/?' + queryString;\r\n        });\r\n    \r\n        $('#submitForm').click(function() {\r\n            $('#carSearchForm').submit();\r\n        });\r\n    \r\n           function autoSubmit() {\r\n            if (currentStep === totalSteps) {\r\n                $('.skip-step').hide();  \/\/ Processing ke dauraan Skip button hatao\r\n                \r\n                setTimeout(function() {\r\n                    $('#carSearchForm').submit();\r\n                }, autoSubmitDelay);\r\n            }\r\n        }\r\n            \r\n            updateProgress();\r\n        });\r\n    \r\n        function updateRangeValues(sliderType) {\r\n            let minEl, maxEl, labelEl, hiddenMin, hiddenMax;\r\n    \r\n            const isRTL = document.body.classList.contains('rtl'); \/\/ RTL check\r\n    \r\n            if (sliderType === \"vehicle\") {\r\n                minEl = document.getElementById(\"minRange\");\r\n                maxEl = document.getElementById(\"maxRange\");\r\n                labelEl = document.getElementById(\"rangeLabel\");\r\n                hiddenMin = document.getElementById(\"budgetMin\");\r\n                hiddenMax = document.getElementById(\"budgetMax\");\r\n            } else if (sliderType === \"insurance\") {\r\n                minEl = document.getElementById(\"insuranceMinRange\");\r\n                maxEl = document.getElementById(\"insuranceMaxRange\");\r\n                labelEl = document.getElementById(\"insuranceRangeLabel\");\r\n                hiddenMin = document.getElementById(\"insuranceMin\");\r\n                hiddenMax = document.getElementById(\"insuranceMax\");\r\n            }\r\n    \r\n            let min = parseInt(minEl.value);\r\n            let max = parseInt(maxEl.value);\r\n    \r\n            if (min > max) {\r\n                [min, max] = [max, min];\r\n                minEl.value = min;\r\n                maxEl.value = max;\r\n            }\r\n    \r\n            hiddenMin.value = min;\r\n            hiddenMax.value = max;\r\n    \r\n            const formattedMin = new Intl.NumberFormat(\"en-US\").format(min);\r\n            const formattedMax = new Intl.NumberFormat(\"en-US\").format(max);\r\n            labelEl.textContent = `${formattedMin} ILS - ${formattedMax} ILS`;\r\n    \r\n            const percentMin = ((min - 5000) \/ (90000 - 5000)) * 100;\r\n            const percentMax = ((max - 5000) \/ (90000 - 5000)) * 100;\r\n    \r\n            const direction = isRTL ? 'to left' : 'to right';\r\n    \r\n            minEl.style.background = `linear-gradient(${direction}, #ddd 0%, #007bff ${percentMin}%, #ddd ${percentMin}%)`;\r\n            maxEl.style.background = `linear-gradient(${direction}, #ddd 0%, #007bff ${percentMax}%, #ddd ${percentMax}%)`;\r\n        }\r\n    \r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            updateRangeValues(\"vehicle\");\r\n            updateRangeValues(\"insurance\");\r\n        });\r\n \r\n    <\/script>\r\n\r\n <style>\r\n        .car-animation,.car-option,.options{text-align:center}.steps{position:relative}.option input,.option-img,.step{display:none}.active-img,.step.active{display:block}.option{display:inline-block;padding:10px;border:1px solid #ddd;cursor:pointer;background:#d9dde7;border-radius:20px;margin-left:10px}.option.active,.option:hover{border-color:#0f62fe;background-color:#182233;border-radius:20px;color:#fff}.progress,.white-dot,.white-dots-container .white-dot{background-color:#fff}.car-animation{font-size:24px}.car-option img{max-width:100%;display:block;margin:0 auto}.car-option br{clear:both}.progress-image-container{text-align:center;margin-top:10px}.progress-image{width:40px;position:absolute;margin-top:-30px}.btn-itswin-next-blue{padding:7px 20px;border:none;border-radius:60px 0 10px}.step-number{position:absolute;top:35px;left:45px;transform:translateX(-50%);font-size:14px;font-weight:700;color:#333}.progress{width:100%;height:10px}#progress-dot,.white-dot,.white-dots-container .white-dot{width:20px;height:20px;border-radius:50%}#progress-dot{position:absolute;top:68px;transition:left .3s ease-in-out}.white-dots-container{position:absolute;top:68px;display:flex;justify-content:space-between}.white-dot{transition:background-color .3s ease-in-out}.car,.road{height:50px}.progress-condt{padding:16px;background-color:#f1f2f4;border-radius:40px}.counte-in-btn,.ques-ty{padding:15px;text-align:center}.ques-ty{margin-top:30px}.data-cont-all{border-radius:20px;padding:40px;background:#f3f4f6;text-align:center}.road{width:100%;background-color:#fff;position:relative;overflow:hidden}.car{width:100px;background-size:cover;position:absolute;bottom:10px;animation:5s linear infinite drive}@keyframes drive{0%{right:-100px}100%{right:100%}}button.prev-step.btn.btn-light:hover,button.skip-step.btn.btn-light:hover{background:#c2c7cf!important}\r\n\r\n            .slider-container {max-width: 480px;margin: 30px auto;padding: 20px;background: #f9f9f9;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;text-align: center;}.slider-label {font-size: 16px;font-weight: 600;margin-bottom: 15px;display: block;}.range-inputs {display: flex;justify-content: space-between;gap: 10px;}.range-slider {-webkit-appearance: none;width: 100%;height: 8px;border-radius: 5px;background: linear-gradient(to right, #ddd 0%, #007bff 50%, #ddd 50%, #ddd 100%);outline: none;transition: background 450ms ease-in;}.range-slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: #007bff;cursor: pointer;border: 2px solid #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}.range-slider::-moz-range-thumb {width: 20px;height: 20px;border-radius: 50%;background: #007bff;cursor: pointer;border: 2px solid #fff;}.range-display {margin-top: 15px;font-weight: bold;font-size: 15px;color: #000;}[data-step=\"6\"] .option input[type=\"range\"], [data-step=\"7\"] .option input[type=\"range\"] {display: inline-block !important;}[data-step=\"6\"] label.option, [data-step=\"7\"] label.option {background: unset !important;border: unset !important;}.option[data-value=\"range_slider\"] {width: 100% !important;}.option[data-value=\"range_slider\"] .slider-container {max-width: unset !important;}.next-step {display: none;} .rtl img#progress-image {transform: scaleX(-1);}\r\n    <\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6050","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/pages\/6050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/comments?post=6050"}],"version-history":[{"count":4,"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/pages\/6050\/revisions"}],"predecessor-version":[{"id":6870,"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/pages\/6050\/revisions\/6870"}],"wp:attachment":[{"href":"https:\/\/car.itswintechnologies.com\/he\/wp-json\/wp\/v2\/media?parent=6050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}