\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 <\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: #f8f8f8;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .cs-contact-section {\r\n background: #f8f8f8;\r\n padding: 80px 0;\r\n }\r\n\r\n .cs-contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n }\r\n\r\n \/* Section Header *\/\r\n .cs-contact-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .cs-contact-label {\r\n color: #ff6b35;\r\n font-size: xx-large;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cs-contact-title {\r\n font-size: 2rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n margin-top: 10px;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Quick Contact Cards *\/\r\n .cs-quick-contact {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .cs-quick-card {\r\n background: #ffffff;\r\n border-radius: 12px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .cs-quick-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);\r\n border-color: #ff6b35;\r\n }\r\n\r\n .cs-quick-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n font-size: 1.3rem;\r\n color: #ffffff;\r\n }\r\n\r\n .cs-quick-label {\r\n font-size: 0.85rem;\r\n color: #999;\r\n margin-bottom: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .cs-quick-value {\r\n font-size: 0.95rem;\r\n color: #1a1a1a;\r\n font-weight: 600;\r\n }\r\n\r\n .cs-quick-value a {\r\n color: #1a1a1a;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .cs-quick-value a:hover {\r\n color: #ff6b35;\r\n }\r\n\r\n \/* Form and Map Layout *\/\r\n .cs-form-map-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Form Wrapper *\/\r\n .cs-form-wrapper {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 45px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .cs-form-heading {\r\n font-size: 1.8rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-form-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n }\r\n\r\n .cs-form-group {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .cs-form-group label {\r\n display: block;\r\n color: #1a1a1a;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-form-group label span {\r\n color: #ff6b35;\r\n }\r\n\r\n .cs-form-input,\r\n .cs-form-select,\r\n .cs-form-textarea {\r\n width: 100%;\r\n padding: 15px 20px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: all 0.3s ease;\r\n background: #f9f9f9;\r\n color: #1a1a1a;\r\n }\r\n\r\n .cs-form-input:focus,\r\n .cs-form-select:focus,\r\n .cs-form-textarea:focus {\r\n outline: none;\r\n border-color: #ff6b35;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);\r\n }\r\n\r\n .cs-form-textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .cs-form-select {\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff6b35' d='M6 9L1 4h10z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: left 20px center;\r\n padding-left: 45px;\r\n }\r\n\r\n .cs-form-submit {\r\n width: 100%;\r\n padding: 18px;\r\n background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n color: #ffffff;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cs-form-submit::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cs-form-submit:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cs-form-submit:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(255, 107, 53, 0.5);\r\n }\r\n\r\n .cs-form-submit i {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cs-form-submit:hover i {\r\n transform: translateX(-5px);\r\n }\r\n\r\n \/* Map Wrapper *\/\r\n .cs-map-wrapper {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n height: 100vh;\r\n min-height: 600px;\r\n }\r\n\r\n .cs-map-header {\r\n padding: 30px;\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n color: #ffffff;\r\n }\r\n\r\n .cs-map-title {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-map-address {\r\n font-size: 1rem;\r\n color: #cccccc;\r\n line-height: 1.6;\r\n }\r\n\r\n .cs-map-container {\r\n width: 100%;\r\n height: calc(100% - 120px);\r\n min-height: 450px;\r\n }\r\n\r\n .cs-map-container iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .cs-form-map-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cs-map-wrapper {\r\n min-height: 500px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cs-contact-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .cs-contact-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .cs-contact-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .cs-quick-contact {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .cs-form-wrapper {\r\n padding: 35px 25px;\r\n }\r\n\r\n .cs-form-heading {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .cs-map-wrapper {\r\n min-height: 400px;\r\n }\r\n\r\n .cs-map-container {\r\n min-height: 300px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cs-contact-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .cs-quick-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cs-form-wrapper {\r\n padding: 25px 20px;\r\n }\r\n\r\n .cs-form-input,\r\n .cs-form-select,\r\n .cs-form-textarea {\r\n padding: 12px 15px;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .cs-contact-header {\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .cs-quick-card {\r\n animation: fadeInUp 0.8s ease-out backwards;\r\n }\r\n\r\n .cs-quick-card:nth-child(1) { animation-delay: 0.1s; }\r\n .cs-quick-card:nth-child(2) { animation-delay: 0.2s; }\r\n .cs-quick-card:nth-child(3) { animation-delay: 0.3s; }\r\n .cs-quick-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n .cs-form-wrapper {\r\n animation: fadeInUp 0.8s ease-out 0.5s backwards;\r\n }\r\n\r\n .cs-map-wrapper {\r\n animation: fadeInUp 0.8s ease-out 0.6s backwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"cs-contact-section\">\r\n <div class=\"cs-contact-container\">\r\n \r\n <div class=\"cs-contact-header\">\r\n <div class=\"cs-contact-label\">Contact us<\/div>\r\n <h2 class=\"cs-contact-title\">Feel free to ask us about anything<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-quick-contact\">\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Contact us<\/div>\r\n <div class=\"cs-quick-value\">\r\n <a href=\"tel:920031691\">920031691<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Message<\/div>\r\n <div class=\"cs-quick-value\">\r\n <a href=\"mailto:info@cs-center.co\">info@cs-center.co<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Hours Work<\/div>\r\n <div class=\"cs-quick-value\">Saturday - Thursday<br>8:00 - 5:30<\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Location<\/div>\r\n <div class=\"cs-quick-value\">Kingdom of Saudi Arabia<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-form-map-layout\">\r\n \r\n <div class=\"cs-form-wrapper\">\r\n <h3 class=\"cs-form-heading\">Send Us<\/h3>\r\n <p class=\"cs-form-description\">Fill out the form below and we will contact you as soon as possible.<\/p>\r\n\r\n <form class=\"cs-contact-form\" action=\"#\" method=\"POST\" data-trp-original-action=\"#\">\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-name\">Full Name <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"cs-name\" name=\"name\" class=\"cs-form-input\" placeholder=\"Enter Full Name\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-phone\">Phone Number <span>*<\/span><\/label>\r\n <input type=\"tel\" id=\"cs-phone\" name=\"phone\" class=\"cs-form-input\" placeholder=\"05xxxxxxxx\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"cs-email\" name=\"email\" class=\"cs-form-input\" placeholder=\"example@email.com\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-service\">Type of service <span>*<\/span><\/label>\r\n <select id=\"cs-service\" name=\"service\" class=\"cs-form-select\" required>\r\n <option value=\"\">Choose the service type<\/option>\r\n <option value=\"\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu cars<\/option>\r\n <option value=\"\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu trucks<\/option>\r\n <option value=\"\u062d\u0627\u0641\u0644\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu buses<\/option>\r\n <option value=\"\u0635\u064a\u0627\u0646\u0629\">Maintenance services<\/option>\r\n <option value=\"\u0642\u0637\u0639 \u063a\u064a\u0627\u0631\">Spare parts<\/option>\r\n <option value=\"\u0648\u0631\u0634\u0629 \u0645\u062a\u0646\u0642\u0644\u0629\">workshop<\/option>\r\n <option value=\"\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645\">General inquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-message\">Your Message <span>*<\/span><\/label>\r\n <textarea id=\"cs-message\" name=\"message\" class=\"cs-form-textarea\" placeholder=\"Type Your Message\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"cs-form-submit\">\r\n <span>Send Message<\/span>\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-map-wrapper\">\r\n <div class=\"cs-map-header\">\r\n <h3 class=\"cs-map-title\">Location<\/h3>\r\n <p class=\"cs-map-address\">CS Center for Isuzu Cars and Trucks<br>Kingdom of Saudi Arabia<\/p>\r\n <\/div>\r\n <div class=\"cs-map-container\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3624.9527640684447!2d46.67818631500181!3d24.713551984127!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f03890d489399%3A0xba974d1c98e79fd5!2sRiyadh%20Saudi%20Arabia!5e0!3m2!1sen!2s!4v1234567890123!5m2!1sen!2s\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0633\u0624\u0627\u0644\u0646\u0627 \u0639\u0646 \u0623\u064a \u0634\u064a\u0621 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 920031691 \u0631\u0627\u0633\u0644\u0646\u0627 info@cs-center.co \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0628\u062a – \u0627\u0644\u062e\u0645\u064a\u06338:00 – 5:30 \u0645\u0648\u0642\u0639\u0646\u0627 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629 \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 * \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 * \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a * \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 * \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\u0634\u0627\u062d\u0646\u0627\u062a […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":13,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":10593,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124\/revisions\/10593"}],"wp:attachment":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\n \n

\r\n

\r\n \r\n \t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 <\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: #f8f8f8;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .cs-contact-section {\r\n background: #f8f8f8;\r\n padding: 80px 0;\r\n }\r\n\r\n .cs-contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n }\r\n\r\n \/* Section Header *\/\r\n .cs-contact-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .cs-contact-label {\r\n color: #ff6b35;\r\n font-size: xx-large;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cs-contact-title {\r\n font-size: 2rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n margin-top: 10px;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Quick Contact Cards *\/\r\n .cs-quick-contact {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .cs-quick-card {\r\n background: #ffffff;\r\n border-radius: 12px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .cs-quick-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);\r\n border-color: #ff6b35;\r\n }\r\n\r\n .cs-quick-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n font-size: 1.3rem;\r\n color: #ffffff;\r\n }\r\n\r\n .cs-quick-label {\r\n font-size: 0.85rem;\r\n color: #999;\r\n margin-bottom: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .cs-quick-value {\r\n font-size: 0.95rem;\r\n color: #1a1a1a;\r\n font-weight: 600;\r\n }\r\n\r\n .cs-quick-value a {\r\n color: #1a1a1a;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .cs-quick-value a:hover {\r\n color: #ff6b35;\r\n }\r\n\r\n \/* Form and Map Layout *\/\r\n .cs-form-map-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Form Wrapper *\/\r\n .cs-form-wrapper {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 45px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .cs-form-heading {\r\n font-size: 1.8rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-form-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n }\r\n\r\n .cs-form-group {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .cs-form-group label {\r\n display: block;\r\n color: #1a1a1a;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-form-group label span {\r\n color: #ff6b35;\r\n }\r\n\r\n .cs-form-input,\r\n .cs-form-select,\r\n .cs-form-textarea {\r\n width: 100%;\r\n padding: 15px 20px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: all 0.3s ease;\r\n background: #f9f9f9;\r\n color: #1a1a1a;\r\n }\r\n\r\n .cs-form-input:focus,\r\n .cs-form-select:focus,\r\n .cs-form-textarea:focus {\r\n outline: none;\r\n border-color: #ff6b35;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);\r\n }\r\n\r\n .cs-form-textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .cs-form-select {\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff6b35' d='M6 9L1 4h10z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: left 20px center;\r\n padding-left: 45px;\r\n }\r\n\r\n .cs-form-submit {\r\n width: 100%;\r\n padding: 18px;\r\n background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n color: #ffffff;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cs-form-submit::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cs-form-submit:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cs-form-submit:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(255, 107, 53, 0.5);\r\n }\r\n\r\n .cs-form-submit i {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cs-form-submit:hover i {\r\n transform: translateX(-5px);\r\n }\r\n\r\n \/* Map Wrapper *\/\r\n .cs-map-wrapper {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n height: 100vh;\r\n min-height: 600px;\r\n }\r\n\r\n .cs-map-header {\r\n padding: 30px;\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n color: #ffffff;\r\n }\r\n\r\n .cs-map-title {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cs-map-address {\r\n font-size: 1rem;\r\n color: #cccccc;\r\n line-height: 1.6;\r\n }\r\n\r\n .cs-map-container {\r\n width: 100%;\r\n height: calc(100% - 120px);\r\n min-height: 450px;\r\n }\r\n\r\n .cs-map-container iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .cs-form-map-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cs-map-wrapper {\r\n min-height: 500px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cs-contact-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .cs-contact-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .cs-contact-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .cs-quick-contact {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .cs-form-wrapper {\r\n padding: 35px 25px;\r\n }\r\n\r\n .cs-form-heading {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .cs-map-wrapper {\r\n min-height: 400px;\r\n }\r\n\r\n .cs-map-container {\r\n min-height: 300px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cs-contact-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .cs-quick-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cs-form-wrapper {\r\n padding: 25px 20px;\r\n }\r\n\r\n .cs-form-input,\r\n .cs-form-select,\r\n .cs-form-textarea {\r\n padding: 12px 15px;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .cs-contact-header {\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .cs-quick-card {\r\n animation: fadeInUp 0.8s ease-out backwards;\r\n }\r\n\r\n .cs-quick-card:nth-child(1) { animation-delay: 0.1s; }\r\n .cs-quick-card:nth-child(2) { animation-delay: 0.2s; }\r\n .cs-quick-card:nth-child(3) { animation-delay: 0.3s; }\r\n .cs-quick-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n .cs-form-wrapper {\r\n animation: fadeInUp 0.8s ease-out 0.5s backwards;\r\n }\r\n\r\n .cs-map-wrapper {\r\n animation: fadeInUp 0.8s ease-out 0.6s backwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"cs-contact-section\">\r\n <div class=\"cs-contact-container\">\r\n \r\n <div class=\"cs-contact-header\">\r\n <div class=\"cs-contact-label\">Contact us<\/div>\r\n <h2 class=\"cs-contact-title\">Feel free to ask us about anything<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-quick-contact\">\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Contact us<\/div>\r\n <div class=\"cs-quick-value\">\r\n <a href=\"tel:920031691\">920031691<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Message<\/div>\r\n <div class=\"cs-quick-value\">\r\n <a href=\"mailto:info@cs-center.co\">info@cs-center.co<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Hours Work<\/div>\r\n <div class=\"cs-quick-value\">Saturday - Thursday<br>8:00 - 5:30<\/div>\r\n <\/div>\r\n\r\n <div class=\"cs-quick-card\">\r\n <div class=\"cs-quick-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"cs-quick-label\">Location<\/div>\r\n <div class=\"cs-quick-value\">Kingdom of Saudi Arabia<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-form-map-layout\">\r\n \r\n <div class=\"cs-form-wrapper\">\r\n <h3 class=\"cs-form-heading\">Send Us<\/h3>\r\n <p class=\"cs-form-description\">Fill out the form below and we will contact you as soon as possible.<\/p>\r\n\r\n <form class=\"cs-contact-form\" action=\"#\" method=\"POST\" data-trp-original-action=\"#\">\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-name\">Full Name <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"cs-name\" name=\"name\" class=\"cs-form-input\" placeholder=\"Enter Full Name\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-phone\">Phone Number <span>*<\/span><\/label>\r\n <input type=\"tel\" id=\"cs-phone\" name=\"phone\" class=\"cs-form-input\" placeholder=\"05xxxxxxxx\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"cs-email\" name=\"email\" class=\"cs-form-input\" placeholder=\"example@email.com\" required>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-service\">Type of service <span>*<\/span><\/label>\r\n <select id=\"cs-service\" name=\"service\" class=\"cs-form-select\" required>\r\n <option value=\"\">Choose the service type<\/option>\r\n <option value=\"\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu cars<\/option>\r\n <option value=\"\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu trucks<\/option>\r\n <option value=\"\u062d\u0627\u0641\u0644\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\">Isuzu buses<\/option>\r\n <option value=\"\u0635\u064a\u0627\u0646\u0629\">Maintenance services<\/option>\r\n <option value=\"\u0642\u0637\u0639 \u063a\u064a\u0627\u0631\">Spare parts<\/option>\r\n <option value=\"\u0648\u0631\u0634\u0629 \u0645\u062a\u0646\u0642\u0644\u0629\">workshop<\/option>\r\n <option value=\"\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645\">General inquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"cs-form-group\">\r\n <label for=\"cs-message\">Your Message <span>*<\/span><\/label>\r\n <textarea id=\"cs-message\" name=\"message\" class=\"cs-form-textarea\" placeholder=\"Type Your Message\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"cs-form-submit\">\r\n <span>Send Message<\/span>\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-map-wrapper\">\r\n <div class=\"cs-map-header\">\r\n <h3 class=\"cs-map-title\">Location<\/h3>\r\n <p class=\"cs-map-address\">CS Center for Isuzu Cars and Trucks<br>Kingdom of Saudi Arabia<\/p>\r\n <\/div>\r\n <div class=\"cs-map-container\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3624.9527640684447!2d46.67818631500181!3d24.713551984127!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f03890d489399%3A0xba974d1c98e79fd5!2sRiyadh%20Saudi%20Arabia!5e0!3m2!1sen!2s!4v1234567890123!5m2!1sen!2s\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0633\u0624\u0627\u0644\u0646\u0627 \u0639\u0646 \u0623\u064a \u0634\u064a\u0621 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 920031691 \u0631\u0627\u0633\u0644\u0646\u0627 info@cs-center.co \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0628\u062a – \u0627\u0644\u062e\u0645\u064a\u06338:00 – 5:30 \u0645\u0648\u0642\u0639\u0646\u0627 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629 \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 * \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 * \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a * \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 * \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u064a\u0633\u0648\u0632\u0648\u0634\u0627\u062d\u0646\u0627\u062a […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":13,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":10593,"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/pages\/124\/revisions\/10593"}],"wp:attachment":[{"href":"https:\/\/cs-center.sa\/en\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}