{"id":22,"date":"2026-05-28T17:44:35","date_gmt":"2026-05-28T17:44:35","guid":{"rendered":"https:\/\/reforma.alipanel.online\/contact\/"},"modified":"2026-06-09T01:53:09","modified_gmt":"2026-06-08T22:53:09","slug":"contact","status":"publish","type":"page","link":"https:\/\/reforma.sa\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644"},"content":{"rendered":"\n<section class=\"reforma-contact-banner\" aria-labelledby=\"reforma-contact-banner-title\">\n\t<div class=\"reforma-contact-banner__inner\">\n\t\t<div class=\"reforma-contact-banner__floral\" aria-hidden=\"true\"><\/div>\n\t\t<div class=\"reforma-contact-banner__sparkle reforma-contact-banner__sparkle--tl-lg\" aria-hidden=\"true\">\n\t\t\t<svg width=\"38\" height=\"38\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<path d=\"M14 0L15.8 11.2L28 14L15.8 16.8L14 28L12.2 16.8L0 14L12.2 11.2L14 0Z\" fill=\"white\" fill-opacity=\"0.7\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<div class=\"reforma-contact-banner__sparkle reforma-contact-banner__sparkle--tl\" aria-hidden=\"true\">\n\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<path d=\"M14 0L15.8 11.2L28 14L15.8 16.8L14 28L12.2 16.8L0 14L12.2 11.2L14 0Z\" fill=\"white\" fill-opacity=\"0.7\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<div class=\"reforma-contact-banner__sparkle reforma-contact-banner__sparkle--br\" aria-hidden=\"true\">\n\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<path d=\"M14 0L15.8 11.2L28 14L15.8 16.8L14 28L12.2 16.8L0 14L12.2 11.2L14 0Z\" fill=\"white\" fill-opacity=\"0.7\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<h1 id=\"reforma-contact-banner-title\" class=\"reforma-contact-banner__title\">\n\t\t\t\u062a\u0648\u0627\u0635\u0644\u064a \u0645\u0639\u0646\u0627\t\t<\/h1>\n\t\t<p class=\"reforma-contact-banner__subtitle\">\n\t\t\t\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643\u0650 \u0641\u064a \u0623\u064a \u0623\u0633\u0626\u0644\u0629 \u0623\u0648 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0642\u062f \u062a\u0643\u0648\u0646 \u0644\u062f\u064a\u0643\u0650. \u062a\u0648\u0627\u0635\u0644\u064a \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0648\u0633\u064a\u0633\u0639\u062f\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u0650 \u0641\u064a \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0628\u0634\u0631\u062a\u0643\u0650.\t\t<\/p>\n\t<\/div>\n<\/section>\n<style>\n.reforma-contact-banner {\n\tpadding: 48px 24px;\n}\n.reforma-contact-banner__inner {\n\tposition: relative;\n\tbackground: #f2662d;\n\tborder-radius: 32px;\n\tmax-width: 1303px;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tmargin: 0 auto;\n\tpadding: 80px;\n\t\/* v2.10.247 \u2014 Figma 93:1688 banner height = 364px (was ~313px) *\/\n\tmin-height: 364px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\toverflow: hidden;\n\ttext-align: center;\n}\n.reforma-contact-banner__floral {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-image: url(\/wp-content\/themes\/reforma-theme\/assets\/figma-images\/contact-banner-floral.svg);\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\topacity: 0.04;\n\tpointer-events: none;\n}\n.reforma-contact-banner__sparkle {\n\tposition: absolute;\n\tpointer-events: none;\n}\n\/* Two overlapping glow sparkles at the upper-left (Figma \"Glows\" 94:\u2026 group:\n   large 39px lower-left + small 26px upper-right). *\/\n.reforma-contact-banner__sparkle--tl-lg {\n\ttop: 40px;\n\tleft: 62px;\n}\n.reforma-contact-banner__sparkle--tl {\n\ttop: 30px;\n\tleft: 86px;\n}\n.reforma-contact-banner__sparkle--br {\n\tbottom: 28px;\n\tright: 100px;\n}\n.reforma-contact-banner__title {\n\tposition: relative;\n\tfont-family: var(--wp--preset--font-family--display);\n\tfont-size: 64px;\n\tfont-weight: 700;\n\tline-height: 1.333;\n\tletter-spacing: 0;\n\tcolor: #ffffff;\n\tmargin: 0 0 24px;\n}\n.reforma-contact-banner__subtitle {\n\tposition: relative;\n\tfont-family: var(--wp--preset--font-family--body);\n\tfont-size: 16px;\n\tline-height: 1.36;\n\tcolor: #fae7f5;\n\t\/* v2.10.306 \u2014 contact figma-parity 2026-06-07: subhead box w=903 (matches H1, Figma 93:1600 subhead bbox) so the line breaks where Figma does *\/\n\tmax-width: 903px;\n\tmargin: 0 auto;\n}\n@media (max-width: 640px) {\n\t.reforma-contact-banner__inner {\n\t\tpadding: 48px 24px;\n\t\tborder-radius: 24px;\n\t\tmin-height: 0;\n\t}\n\t.reforma-contact-banner__title {\n\t\tfont-size: clamp(28px, 8vw, 40px);\n\t}\n\t.reforma-contact-banner__sparkle--tl-lg { left: 16px; top: 28px; }\n\t.reforma-contact-banner__sparkle--tl { left: 40px; top: 18px; }\n\t.reforma-contact-banner__sparkle--br { right: 20px; }\n}\n<\/style>\n\n\n\n\n<section class=\"reforma-contact-body\" aria-label=\"Contact form and information\">\n\t<div class=\"reforma-contact-body__inner\">\n\n\t\t<!-- Form card -->\n\t\t<div class=\"reforma-contact-card\">\n\t\t\t<h2 class=\"reforma-contact-card__heading\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643\u0650<\/h2>\n\t\t\t<p class=\"reforma-contact-card__sub\">\u0633\u0646\u0631\u062f\u0651 \u0639\u0644\u0649 \u0631\u0633\u0627\u0644\u062a\u0643\u0650 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a\u064d \u0645\u0645\u0643\u0646!<\/p>\n\n\t\t\t\n\t\t\t<div class=\"reforma-contact-form-wrap\">\n\t\t\t\t<div class='reformaform ff-default reformaform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"reformaform_1\" class=\"frm-reforma-form reforma_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_1_item_sf\" aria-label=\"Contact\">\n                    Contact                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_1__reforma_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_1_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__reforma_form_embded_post_id' value='22' \/><input type=\"hidden\" id=\"_reformaform_1_reformaformnonce\" name=\"_reformaform_1_reformaformnonce\" value=\"1bca113c9e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/22\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter your first name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter your last name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Enter your email address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_subject' id='label_ff_1_subject' aria-label=\"Subject\">Subject<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"subject\" class=\"ff-el-form-control\" placeholder=\"Enter the subject\" data-name=\"subject\" id=\"ff_1_subject\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Message\">Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"Type your message here\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit\">Submit<\/button><\/div><\/fieldset><\/form><div id='reformaform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.reforma_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/reforma.sa\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"reformaform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\"}},\"subject\":{\"required\":{\"value\":false,\"message\":\"This field is required\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\"}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Info cards -->\n\t\t<div class=\"reforma-contact-info-cards\" role=\"list\">\n\n\t\t\t<div class=\"reforma-contact-info-card\" role=\"listitem\">\n\t\t\t\t<div class=\"reforma-contact-info-card__head\">\n\t\t\t\t\t<div class=\"reforma-contact-info-card__icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M2 7C2 5.9 2.9 5 4 5H24C25.1 5 26 5.9 26 7V21C26 22.1 25.1 23 24 23H4C2.9 23 2 22.1 2 21V7Z\" stroke=\"#9c783a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t\t<path d=\"M2 7L14 15L26 7\" stroke=\"#9c783a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"reforma-contact-info-card__title\">\u0631\u0627\u0633\u0644\u064a\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"reforma-contact-info-card__body\">\n\t\t\t\t\t\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0641\u0635\u064a\u0644\u064b\u0627\u060c \u0631\u0627\u0633\u0644\u064a\u0646\u0627 \u0639\u0644\u0649 <a href=\"mailto:support@reforma.sa\" class=\"reforma-contact-info-card__link\">support@reforma.sa<\/a>. \u0633\u0648\u0627\u0621 \u0627\u062d\u062a\u062c\u062a\u0650 \u0625\u0644\u0649 \u0646\u0635\u064a\u062d\u0629\u064d \u062d\u0648\u0644 \u0645\u0646\u062a\u062c\u060c \u0623\u0648 \u0645\u0633\u0627\u0639\u062f\u0629\u064d \u0641\u064a \u0637\u0644\u0628\u060c \u0623\u0648 \u0645\u0632\u064a\u062f\u064d \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\u060c \u0633\u0646\u0631\u062f\u0651 \u0639\u0644\u064a\u0643\u0650 \u0644\u0646\u0636\u0645\u0646 \u062d\u0635\u0648\u0644\u0643\u0650 \u0639\u0644\u0649 \u0643\u0644 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u064a\u0646\u0647.\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"reforma-contact-info-card\" role=\"listitem\">\n\t\t\t\t<div class=\"reforma-contact-info-card__head\">\n\t\t\t\t\t<div class=\"reforma-contact-info-card__icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M14 2C10.13 2 7 5.13 7 9C7 14.25 14 22 14 22C14 22 21 14.25 21 9C21 5.13 17.87 2 14 2Z\" stroke=\"#9c783a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t\t<circle cx=\"14\" cy=\"9\" r=\"2.5\" stroke=\"#9c783a\" stroke-width=\"2\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"reforma-contact-info-card__title\">\u0632\u0648\u0631\u064a\u0646\u0627 \u0641\u064a \u0645\u0643\u062a\u0628\u0646\u0627<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"reforma-contact-info-card__body\">\n\t\t\t\t\t\u064a\u0633\u0639\u062f\u0646\u0627 \u0644\u0642\u0627\u0624\u0643\u0650 \u0634\u062e\u0635\u064a\u064b\u0627! \u0632\u0648\u0631\u064a\u0646\u0627 \u0641\u064a <strong>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/strong>. \u0639\u064a\u0627\u062f\u062a\u0646\u0627 \u0645\u0641\u062a\u0648\u062d\u0629 \u0645\u0646 \u0627\u0644\u0623\u062d\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0645\u064a\u0633\u060c \u0645\u0646 9 \u0635\u0628\u0627\u062d\u064b\u0627 \u062d\u062a\u0649 6 \u0645\u0633\u0627\u0621\u064b\u060c \u062d\u064a\u062b \u064a\u0645\u0643\u0646\u0643\u0650 \u0627\u0644\u062a\u062d\u062f\u0651\u062b \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a.\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"reforma-contact-info-card\" role=\"listitem\">\n\t\t\t\t<div class=\"reforma-contact-info-card__head\">\n\t\t\t\t\t<div class=\"reforma-contact-info-card__icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M5 4H9L11 9L8.5 10.5C9.57 12.69 11.31 14.43 13.5 15.5L15 13L20 15V19C20 19 18.5 23 14 23C8.48 23 4 13.52 4 8C4 6.23 4.39 4 5 4Z\" stroke=\"#9c783a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"reforma-contact-info-card__title\">\u0627\u062a\u0635\u0644\u064a \u0628\u0646\u0627<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"reforma-contact-info-card__body\">\n\t\t\t\t\t\u0644\u062f\u064a\u0643\u0650 \u0633\u0624\u0627\u0644 \u0623\u0648 \u062a\u062d\u062a\u0627\u062c\u064a\u0646 \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629\u061f \u0627\u062a\u0635\u0644\u064a \u0628\u0646\u0627 \u0639\u0644\u0649 <a href=\"tel:+966500000000\" class=\"reforma-contact-info-card__link\"><strong>+966 50 000 0000<\/strong><\/a>. \u0641\u0631\u064a\u0642 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u062e\u0635\u0651\u0635 \u0644\u062f\u064a\u0646\u0627 \u0645\u062a\u0627\u062d\u064c \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u062d\u0648\u0644 \u0639\u0644\u0627\u062c\u0627\u062a\u0646\u0627 \u0648\u062e\u062f\u0645\u0627\u062a\u0646\u0627.\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\t<\/div><!-- \/.reforma-contact-info-cards -->\n\n\t<\/div>\n<\/section>\n<style>\n\/* \u2500\u2500 Contact body layout \u2500\u2500 *\/\n.reforma-contact-body {\n\tpadding: 64px 24px 96px;\n\tbackground: var(--wp--preset--color--page, #ffffff);\n}\n.reforma-contact-body__inner {\n\tmax-width: 1303px;\n\tmargin: 0 auto;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: stretch;\n\tgap: 24px;\n}\n\n\/* \u2500\u2500 Form card \u2500\u2500\n   v2.10.247 \u2014 Figma 94:1967\/94:2052: Submit button is a STANDALONE element\n   ~58px BELOW the white card, not inside it. We keep the form atomic (the\n    shortcode renders heading\u2192fields\u2192submit as one form) and\n   move the WHITE PANEL onto a ::before that stops above the submit, so the\n   submit visually sits in a gap below the card. Submit zone reserved at the\n   card bottom = 48px pad + 60px button + 58px gap = 166px. *\/\n.reforma-contact-card {\n\tposition: relative;\n\tflex: 0 0 972px;\n\tmax-width: 972px;\n\tmin-width: 0;\n\tbackground: transparent;\n\tborder-radius: 0;\n\tbox-shadow: none;\n\tpadding: 48px;\n\tbox-sizing: border-box;\n\t\/* reserved zone at the card bottom = bottom padding + submit btn + 58px gap *\/\n\t--reforma-submit-reserve: 166px;\n}\n.reforma-contact-card::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\theight: calc(100% - var(--reforma-submit-reserve));\n\tbackground: #ffffff;\n\tborder-radius: 32px;\n\tbox-shadow: 0 0 8px rgba(0, 0, 0, 0.08);\n\tz-index: 0;\n\tpointer-events: none;\n}\n.reforma-contact-card > * {\n\tposition: relative;\n\tz-index: 1;\n}\n.reforma-contact-card__heading {\n\tfont-family: var(--wp--preset--font-family--display);\n\tfont-size: 48px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tletter-spacing: 0;\n\tcolor: #3e273b;\n\tmargin: 0 0 12px;\n}\n.reforma-contact-card__sub {\n\tfont-family: var(--wp--preset--font-family--body);\n\tfont-size: 16px;\n\tcolor: #a08298;\n\tmargin: 0 0 32px;\n\tline-height: 1.2;\n}\n.reforma-contact-card__alert {\n\tpadding: 12px 16px;\n\tborder-radius: 12px;\n\tmargin-bottom: 24px;\n\tfont-size: 15px;\n\tline-height: 1.5;\n}\n.reforma-contact-card__alert--success {\n\tbackground: oklch(95% 0.04 165 \/ 0.15);\n\tcolor: oklch(38% 0.08 165);\n\tborder: 1px solid oklch(85% 0.05 165);\n}\n.reforma-contact-card__alert--error {\n\tbackground: oklch(95% 0.04 25 \/ 0.15);\n\tcolor: oklch(40% 0.15 25);\n\tborder: 1px solid oklch(85% 0.06 25);\n}\n\n\/* \u2500\u2500 Reforma Forms overrides inside the card \u2500\u2500 *\/\n.reforma-contact-form-wrap .ff-el-group {\n\tmargin-bottom: 0;\n}\n.reforma-contact-form-wrap .ff-el-form-control {\n\tborder-radius: 32px;\n\tborder: none;\n\tbox-shadow: 0 0 8px rgba(0, 0, 0, 0.08);\n\tbackground: #ffffff;\n\tpadding: 15px 16px;\n\tfont-family: var(--wp--preset--font-family--body);\n\tfont-size: 16px;\n\tline-height: 1.25;\n\tcolor: var(--wp--preset--color--ink-plum);\n\theight: 52px;\n\tmin-height: 52px;\n\twidth: 100%;\n\tbox-sizing: border-box !important;\n\ttransition: box-shadow 150ms ease-out;\n}\n.reforma-contact-form-wrap .ff-el-form-control::placeholder {\n\tcolor: #a08298;\n\topacity: 1;\n}\n.reforma-contact-form-wrap .ff-el-form-control:focus {\n\toutline: none;\n\tbox-shadow: 0 0 0 2px var(--wp--preset--color--brand-gold), 0 0 8px rgba(0, 0, 0, 0.08);\n}\n.reforma-contact-form-wrap textarea.ff-el-form-control {\n\tborder-radius: 32px;\n\tresize: vertical;\n\tmin-height: 74px;\n}\n\/* Leading mail icon inside the Email field *\/\n.reforma-contact-form-wrap input[name=\"email\"],\n.reforma-contact-form-wrap input[type=\"email\"] {\n\tpadding-left: 48px;\n\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M2 7C2 5.9 2.9 5 4 5H24C25.1 5 26 5.9 26 7V21C26 22.1 25.1 23 24 23H4C2.9 23 2 22.1 2 21V7Z' stroke='%23a08298' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'\/%3E%3Cpath d='M2 7L14 15L26 7' stroke='%23a08298' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n\tbackground-repeat: no-repeat;\n\tbackground-position: 18px center;\n\tbackground-size: 20px 20px;\n}\n.reforma-contact-form-wrap .ff-el-input--label label,\n.reforma-contact-form-wrap .ff-el-input--label .ff-el-input--label-title {\n\tfont-family: var(--wp--preset--font-family--body);\n\tfont-size: 16px;\n\tfont-weight: 700;\n\tcolor: #4f404b;\n\tmargin-bottom: 8px;\n}\n.reforma-contact-form-wrap .ff-message-success {\n\tbackground: oklch(95% 0.04 165 \/ 0.15);\n\tcolor: oklch(38% 0.08 165);\n\tborder: 1px solid oklch(85% 0.05 165);\n\tborder-radius: 12px;\n\tpadding: 16px 20px;\n}\n.reforma-contact-form-wrap .ff_form_fields_wrap {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 24px;\n}\n\/* Name fields row and full-width fields *\/\n.reforma-contact-form-wrap .ff-el-group:has([name=\"names[first_name]\"]),\n.reforma-contact-form-wrap .ff-el-group:has([name=\"names[last_name]\"]) {\n\t\/* part of the grid naturally *\/\n}\n.reforma-contact-form-wrap .ff-el-group:has(textarea),\n.reforma-contact-form-wrap .ff-el-group:has(.ff_submit_btn_wrapper) {\n\tgrid-column: 1 \/ -1;\n}\n\/* Submit button \u2014 standalone, 58px gap below the white card (Figma 94:2052). *\/\n.reforma-contact-form-wrap .ff_submit_btn_wrapper {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tmargin-top: 58px;\n}\n.reforma-contact-form-wrap .ff-btn-submit,\n.reforma-contact-form-wrap button[type=\"submit\"] {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 8px 16px;\n\tbackground: linear-gradient(90deg, #9c783a 0%, #825a14 100%);\n\tcolor: #ffffff;\n\tfont-family: var(--wp--preset--font-family--display);\n\tfont-size: 20px;\n\tfont-weight: 700;\n\tline-height: 1.33;\n\tborder: none;\n\tborder-radius: 0 30px 0 30px;\n\tcursor: pointer;\n\ttransition: opacity 150ms ease-out, transform 100ms ease-out;\n\tmin-height: 60px;\n\twhite-space: nowrap;\n}\n.reforma-contact-form-wrap .ff-btn-submit::after,\n.reforma-contact-form-wrap button[type=\"submit\"]::after {\n\tcontent: '\u2192';\n\tfont-style: normal;\n}\n.reforma-contact-form-wrap .ff-btn-submit:hover,\n.reforma-contact-form-wrap button[type=\"submit\"]:hover {\n\topacity: 0.9;\n}\n.reforma-contact-form-wrap .ff-btn-submit:active,\n.reforma-contact-form-wrap button[type=\"submit\"]:active {\n\ttransform: translateY(1px);\n}\n.reforma-contact-form-wrap .ff-btn-submit:focus-visible,\n.reforma-contact-form-wrap button[type=\"submit\"]:focus-visible {\n\toutline: 3px solid var(--wp--preset--color--brand-gold);\n\toutline-offset: 3px;\n}\n\/* Errors *\/\n.reforma-contact-form-wrap .error,\n.reforma-contact-form-wrap .ff-el-is-error .ff-el-form-control {\n\tbox-shadow: 0 0 0 2px oklch(60% 0.2 25), 0 0 8px rgba(0, 0, 0, 0.08);\n}\n.reforma-contact-form-wrap .error {\n\tfont-size: 13px;\n\tcolor: oklch(45% 0.18 25);\n\tmargin-top: 4px;\n\tbox-shadow: none;\n}\n\n\/* \u2500\u2500 Info cards \u2500\u2500 *\/\n.reforma-contact-info-cards {\n\tflex: 0 0 308px;\n\tmax-width: 308px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n}\n.reforma-contact-info-card {\n\tbackground: #ffffff;\n\tborder-radius: 24px;\n\tbox-shadow: 0 0 8px rgba(0, 0, 0, 0.08);\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n.reforma-contact-info-card__head {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n}\n.reforma-contact-info-card__icon {\n\tborder: 1px solid rgba(156,120,58,0.18);\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 12px;\n\tbackground: rgba(156,120,58,0.07);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n}\n.reforma-contact-info-card__title {\n\tfont-family: var(--wp--preset--font-family--display);\n\tfont-size: 20px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tcolor: #3e273b;\n\tmargin: 0;\n}\n.reforma-contact-info-card__body {\n\tfont-family: var(--wp--preset--font-family--body);\n\tfont-size: 14px;\n\tline-height: 1.36;\n\tcolor: #a08298;\n\tmargin: 0;\n}\n.reforma-contact-info-card__link {\n\tcolor: inherit;\n\ttext-decoration: underline;\n\ttext-underline-offset: 2px;\n}\n.reforma-contact-info-card__link:hover {\n\tcolor: var(--wp--preset--color--brand-gold);\n}\n.reforma-contact-info-card__link:focus-visible {\n\toutline: 2px solid var(--wp--preset--color--brand-gold);\n\toutline-offset: 2px;\n\tborder-radius: 2px;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n\/* Below the Figma desktop width the 972 + 308 row no longer fits \u2014 stack it. *\/\n@media (max-width: 1100px) {\n\t.reforma-contact-body__inner {\n\t\tflex-direction: column;\n\t\tgap: 32px;\n\t}\n\t.reforma-contact-card {\n\t\tflex: 1 1 auto;\n\t\tmax-width: none;\n\t}\n\t.reforma-contact-info-cards {\n\t\tflex: 1 1 auto;\n\t\tmax-width: none;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgap: 24px;\n\t}\n}\n@media (max-width: 780px) {\n\t.reforma-contact-info-cards {\n\t\tgrid-template-columns: 1fr;\n\t}\n\t.reforma-contact-form-wrap .ff_form_fields_wrap {\n\t\tgrid-template-columns: 1fr;\n\t}\n\t.reforma-contact-form-wrap .ff-el-group:has([name=\"names[first_name]\"]),\n\t.reforma-contact-form-wrap .ff-el-group:has([name=\"names[last_name]\"]) {\n\t\tgrid-column: auto;\n\t}\n}\n@media (max-width: 640px) {\n\t.reforma-contact-body {\n\t\tpadding: 48px 16px 64px;\n\t}\n\t.reforma-contact-card {\n\t\tpadding: 32px 20px;\n\t\tborder-radius: 24px;\n\t\t\/* bottom padding shrinks to 32px on mobile: 32 + 60 + 58 = 150px *\/\n\t\t--reforma-submit-reserve: 150px;\n\t}\n\t.reforma-contact-card::before {\n\t\tborder-radius: 24px;\n\t}\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n\t.reforma-contact-form-wrap .ff-el-form-control,\n\t.reforma-contact-form-wrap .ff-btn-submit,\n\t.reforma-contact-form-wrap button[type=\"submit\"] {\n\t\ttransition: none;\n\t}\n}\n\n\/* v2.10.80 \u2014 2-col form: wrapper is a <fieldset> (classless); names is .ff-name-field-wrapper *\/\n.reforma-contact-form-wrap .frm-reforma-form{display:block;}\n.reforma-contact-form-wrap .frm-reforma-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;border:0;margin:0;padding:0;min-inline-size:0;}\n.reforma-contact-form-wrap .frm-reforma-form fieldset > legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}\n.reforma-contact-form-wrap .ff-hpsf-container{display:none !important;}\n.reforma-contact-form-wrap .ff-name-field-wrapper,\n.reforma-contact-form-wrap .frm-reforma-form fieldset > .ff-el-group:has(textarea),\n.reforma-contact-form-wrap .frm-reforma-form fieldset > .ff-el-group.ff_submit_btn_wrapper,\n.reforma-contact-form-wrap .frm-reforma-form fieldset > .ff-message-success,\n.reforma-contact-form-wrap .frm-reforma-form fieldset > .ff_form_messages{grid-column:1 \/ -1;}\n.reforma-contact-form-wrap .ff_submit_btn_wrapper{justify-content:stretch;}\n.reforma-contact-form-wrap .ff-btn-submit,.reforma-contact-form-wrap button[type=\"submit\"]{width:100%;justify-content:center;}\n@media (max-width:780px){.reforma-contact-form-wrap .frm-reforma-form fieldset{grid-template-columns:1fr;}}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-contact","meta":{"_acf_changed":false,"_acf":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/pages\/22\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/reforma.sa\/ar\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}