{"id":941,"date":"2025-12-29T14:41:43","date_gmt":"2025-12-29T14:41:43","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/electronics-3-elementor\/?page_id=941"},"modified":"2026-08-17T11:08:20","modified_gmt":"2026-08-17T11:08:20","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mahon.pk\/?page_id=941","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"941\" class=\"elementor elementor-941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2430da wd-section-stretch-content e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e2430da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;curve&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,97C126.7,96.3,0.8,19.8,0,0v100l1000,0V1C1000,19.4,873.3,97.8,500,97z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-791ae6e wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"791ae6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-large text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-xxl\">Get in Touch with Our Team<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-970f914 elementor-widget elementor-widget-wd_text_block\" data-id=\"970f914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-center\">\n\t\t\t\n\t\t\t<p>Let\u2019s start the journey toward a successful partnership. Choose your department below to submit your details.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-462387e e-con-full wd-animation-slide-from-bottom e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no wd-animation-normal wd_delay_100 wd-animation wd-transform e-con e-parent\" data-id=\"462387e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2a61ea elementor-widget__width-initial elementor-widget-mobile__width-inherit ha-has-bg-overlay elementor-widget elementor-widget-html\" data-id=\"c2a61ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n     MAHON FOODS: MINIMAL CONTACT PAGE \r\n     ========================================== -->\r\n\r\n  <!-- DYNAMIC CONTACT FORM -->\r\n  <div id=\"dynamic-contact-wrapper\">\r\n\r\n    <!-- STEP 1: DROPDOWN ONLY -->\r\n    <div id=\"step-dropdown-box\">\r\n      <label for=\"querySelector\" class=\"dc-label\">How can we help you?<\/label>\r\n      <select id=\"querySelector\" class=\"dc-select\">\r\n        <option value=\"\" disabled selected>-- Select your query --<\/option>\r\n        <option value=\"careers\">Careers<\/option>\r\n        <option value=\"complaint\">Report a Product \/ Complaint<\/option>\r\n        <option value=\"suggestions\">Suggestions<\/option>\r\n        <option value=\"media\">Media or Promotions<\/option>\r\n        <option value=\"sales\">Sales and Distribution<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <!-- STEP 2: DYNAMIC FORMS -->\r\n    <form id=\"dynamic-contact-form\" style=\"display: none;\" onsubmit=\"handleFormSubmit(event)\">\r\n      <input type=\"hidden\" id=\"selectedQueryType\" name=\"query_type\" value=\"\">\r\n      \r\n      <div class=\"dc-header-row\">\r\n        <span id=\"activeQueryLabel\" class=\"dc-badge\"><\/span>\r\n        <button type=\"button\" class=\"dc-change-btn\" onclick=\"resetFormSelection()\">\u2190 Change Query<\/button>\r\n      <\/div>\r\n\r\n      <!-- COMMON FIELDS -->\r\n      <div class=\"dc-grid\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Full Name *<\/label>\r\n          <input type=\"text\" name=\"full_name\" class=\"dc-input\" required placeholder=\"Your Name\">\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Company<\/label>\r\n          <input type=\"text\" name=\"company\" class=\"dc-input\" placeholder=\"Company Name (Optional)\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dc-grid\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Email Address *<\/label>\r\n          <input type=\"email\" name=\"email\" class=\"dc-input\" required placeholder=\"name@example.com\">\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Phone *<\/label>\r\n          <input type=\"tel\" name=\"phone\" class=\"dc-input\" required placeholder=\"e.g. +92 300 1234567\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dc-field\">\r\n        <label class=\"dc-label\">Address *<\/label>\r\n        <input type=\"text\" name=\"address\" class=\"dc-input\" required placeholder=\"Your full address\">\r\n      <\/div>\r\n\r\n      <!-- DEPARTMENT SECTIONS -->\r\n      <!-- 1. Careers -->\r\n      <div id=\"section-careers\" class=\"dc-dept-section\" style=\"display: none;\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Resume \/ CV Link *<\/label>\r\n          <input type=\"url\" name=\"resume_link\" class=\"dc-input\" placeholder=\"Paste Google Drive or LinkedIn link here\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2. Complaints -->\r\n      <div id=\"section-complaint\" class=\"dc-dept-section\" style=\"display: none;\">\r\n        <div class=\"dc-grid\">\r\n          <div class=\"dc-field\">\r\n            <label class=\"dc-label\">Product Name & Size *<\/label>\r\n            <input type=\"text\" name=\"product_details\" class=\"dc-input\" placeholder=\"e.g. Garlic Mayo 500g\" required>\r\n          <\/div>\r\n          <div class=\"dc-field\">\r\n            <label class=\"dc-label\">Location Purchased<\/label>\r\n            <input type=\"text\" name=\"purchase_location\" class=\"dc-input\" placeholder=\"Store name \/ City\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Description of the Issue *<\/label>\r\n          <textarea name=\"issue_description\" class=\"dc-textarea\" rows=\"3\" required placeholder=\"Please describe the problem...\"><\/textarea>\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Photo Link (Optional)<\/label>\r\n          <input type=\"url\" name=\"photo_link\" class=\"dc-input\" placeholder=\"Paste link to a photo of the product\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3. Suggestions -->\r\n      <div id=\"section-suggestions\" class=\"dc-dept-section\" style=\"display: none;\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Your Suggestion *<\/label>\r\n          <textarea name=\"suggestion_details\" class=\"dc-textarea\" rows=\"4\" required placeholder=\"Tell us your ideas...\"><\/textarea>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4. Media & Promotions -->\r\n      <div id=\"section-media\" class=\"dc-dept-section\" style=\"display: none;\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Website or Social Media Links *<\/label>\r\n          <input type=\"url\" name=\"social_links\" class=\"dc-input\" placeholder=\"https:\/\/\" required>\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Proposal Details \/ Message *<\/label>\r\n          <textarea name=\"proposal_details\" class=\"dc-textarea\" rows=\"4\" required placeholder=\"Describe your proposal...\"><\/textarea>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5. Sales & Distribution -->\r\n      <div id=\"section-sales\" class=\"dc-dept-section\" style=\"display: none;\">\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Products of Interest *<\/label>\r\n          <input type=\"text\" name=\"interested_products\" class=\"dc-input\" placeholder=\"Which products are you interested in?\" required>\r\n        <\/div>\r\n        <div class=\"dc-field\">\r\n          <label class=\"dc-label\">Additional Details \/ Message *<\/label>\r\n          <textarea name=\"sales_message\" class=\"dc-textarea\" rows=\"4\" required placeholder=\"Order volume, distribution network, etc.\"><\/textarea>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"dc-submit-btn\">Submit<\/button>\r\n    <\/form>\r\n\r\n    <!-- STEP 3: SUCCESS MESSAGE -->\r\n    <div id=\"step-success-box\" style=\"display: none;\">\r\n      <div class=\"dc-success-card\">\r\n        <div class=\"dc-success-icon\">\u2713<\/div>\r\n        <h3>Query Submitted Successfully<\/h3>\r\n        <p>Your message\/query has been submitted, we will usually respond within 2 business days. If you did not get any response from our team please feel free to reach <a href=\"https:\/\/mahon.pk\" target=\"_blank\">mahon.pk<\/a>.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CSS STYLING \r\n     ========================================== -->\r\n<style>\r\n\/* FULL PAGE LAYOUT *\/\r\n.mahon-contact-section {\r\n  max-width: 700px; \/* Centered, single-column width *\/\r\n  margin: 60px auto;\r\n  padding: 0 20px;\r\n  background: #FFFFFF; \/* Page Background *\/\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.contact-header {\r\n  text-align: center;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.contact-header h1 {\r\n  font-size: 38px;\r\n  font-weight: 800;\r\n  color: #222222;\r\n  margin-bottom: 10px;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.contact-header p {\r\n  font-size: 16px;\r\n  color: #666666;\r\n}\r\n\r\n\/* FORM WRAPPER *\/\r\n#dynamic-contact-wrapper {\r\n  background: ##FFFFFF; \/* Requested Header\/Box Color *\/\r\n  border: 1px solid #e8e8e8;\r\n  border-radius: 12px;\r\n  padding: 40px;\r\n  padding-bottom: 50px;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  box-shadow: 0 4px 12px;\r\n}\r\n\r\n\/* FORM ELEMENTS STYLING *\/\r\n.dc-label {\r\n  display: block;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #222222;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.dc-select, .dc-input, .dc-textarea {\r\n  width: 100%;\r\n  padding: 14px 16px;\r\n  font-size: 15px;\r\n  color: #333333;\r\n  border: 1px solid #dcdcdc;\r\n  border-radius: 6px;\r\n  box-sizing: border-box;\r\n  background: #ffffff;\r\n  transition: all 0.2s ease;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.dc-select:focus, .dc-input:focus, .dc-textarea:focus {\r\n  outline: none;\r\n  background: #ffffff;\r\n  border-color: #4933D1; \/* Brand Color *\/\r\n  box-shadow: 0 0 0 3px rgba(73, 51, 209, 0.2); \/* Brand Color Glow *\/\r\n}\r\n\r\n.dc-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .dc-grid { grid-template-columns: 1fr; gap: 0;}\r\n  #dynamic-contact-wrapper { padding: 25px; }\r\n}\r\n\r\n\/* UI ELEMENTS *\/\r\n.dc-header-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 25px;\r\n  padding-bottom: 15px;\r\n  border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.dc-badge {\r\n  background: #4933D1; \/* Brand Color *\/\r\n  color: #ffffff;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.dc-change-btn {\r\n  background: none;\r\n  border: none;\r\n  color: #4933D1; \/* Brand Color *\/\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.dc-change-btn:hover {\r\n  text-decoration: underline;\r\n  color: #3a29a6;\r\n}\r\n\r\n.dc-submit-btn {\r\n  width: 100%;\r\n  padding: 16px;\r\n  background-color: #4933D1; \/* Brand Color *\/\r\n  color: #ffffff;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: background 0.2s ease;\r\n  margin-top: 10px;\r\n}\r\n\r\n.dc-submit-btn:hover {\r\n  background-color: #3a29a6; \/* Slightly darker brand color for hover *\/\r\n}\r\n\r\n\/* SUCCESS BOX *\/\r\n.dc-success-card {\r\n  text-align: center;\r\n  padding: 20px 10px;\r\n}\r\n\r\n.dc-success-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  line-height: 60px;\r\n  background: #4933D1; \/* Brand Color *\/\r\n  color: #ffffff;\r\n  font-size: 28px;\r\n  font-weight: bold;\r\n  border-radius: 50%;\r\n  margin: 0 auto 20px auto;\r\n}\r\n\r\n.dc-success-card h3 {\r\n  margin: 0 0 10px 0;\r\n  font-size: 22px;\r\n  color: #222222;\r\n}\r\n\r\n.dc-success-card p {\r\n  color: #555555;\r\n  line-height: 1.6;\r\n  font-size: 16px;\r\n}\r\n\r\n.dc-success-card a {\r\n  color: #4933D1; \/* Brand Color *\/\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     JAVASCRIPT BEHAVIOR & API LOGIC\r\n     ========================================== -->\r\n<script>\r\ndocument.getElementById('querySelector').addEventListener('change', function() {\r\n  var selected = this.value;\r\n  if (!selected) return;\r\n\r\n  document.getElementById('step-dropdown-box').style.display = 'none';\r\n  document.getElementById('dynamic-contact-form').style.display = 'block';\r\n  document.getElementById('selectedQueryType').value = selected;\r\n\r\n  var text = this.options[this.selectedIndex].text;\r\n  document.getElementById('activeQueryLabel').innerText = text;\r\n\r\n  \/\/ Disable all fields first\r\n  var allSections = document.querySelectorAll('.dc-dept-section');\r\n  allSections.forEach(function(sec) {\r\n    sec.style.display = 'none';\r\n    var inputs = sec.querySelectorAll('input, textarea');\r\n    inputs.forEach(function(input) { input.disabled = true; });\r\n  });\r\n\r\n  \/\/ Enable fields for chosen department\r\n  var targetSection = document.getElementById('section-' + selected);\r\n  if (targetSection) {\r\n    targetSection.style.display = 'block';\r\n    var activeInputs = targetSection.querySelectorAll('input, textarea');\r\n    activeInputs.forEach(function(input) { input.disabled = false; });\r\n  }\r\n});\r\n\r\nfunction resetFormSelection() {\r\n  document.getElementById('dynamic-contact-form').reset();\r\n  document.getElementById('dynamic-contact-form').style.display = 'none';\r\n  document.getElementById('querySelector').selectedIndex = 0;\r\n  document.getElementById('step-dropdown-box').style.display = 'block';\r\n}\r\n\r\nasync function handleFormSubmit(event) {\r\n  event.preventDefault(); \r\n  \r\n  var form = event.target;\r\n  var btn = form.querySelector('.dc-submit-btn');\r\n\r\n  btn.innerText = 'Sending...';\r\n  btn.disabled = true;\r\n\r\n  var formData = new FormData(form);\r\n\r\n  try {\r\n    \/\/ Your verified Formspree endpoint\r\n    var response = await fetch('https:\/\/formspree.io\/f\/xvkpwrgk', {\r\n      method: 'POST',\r\n      body: formData,\r\n      headers: {\r\n        'Accept': 'application\/json'\r\n      }\r\n    });\r\n\r\n    if (response.ok) {\r\n      document.getElementById('dynamic-contact-form').style.display = 'none';\r\n      document.getElementById('step-dropdown-box').style.display = 'none';\r\n      document.getElementById('step-success-box').style.display = 'block';\r\n    } else {\r\n      alert('There was a problem submitting your query. Please try again.');\r\n      btn.innerText = 'Submit';\r\n      btn.disabled = false;\r\n    }\r\n  } catch (error) {\r\n    alert('Network error. Please check your connection and try again.');\r\n    btn.innerText = 'Submit';\r\n    btn.disabled = false;\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-421e327 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"421e327\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf78da6 wd-animation-slide-from-bottom wd-animation-slow wd_delay_100 wd-animation wd-transform elementor-widget elementor-widget-html\" data-id=\"cf78da6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Clean Social Section (No Outer Box, Page Background) -->\r\n<div class=\"social-section-wrapper\">\r\n  <div class=\"social-header\">\r\n    <h2>Connect with us online \u2014 we\u2019re social!<\/h2>\r\n    <p>Stay connected with us on social media for updates, recipes, and insights. Don't miss a thing.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"social-grid\">\r\n    <!-- Instagram Card -->\r\n    <a href=\"https:\/\/www.instagram.com\/mahonfoods\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-card instagram\">\r\n      <div class=\"card-top\">\r\n        <div class=\"icon-box\">\r\n          <svg class=\"brand-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n            <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n            <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\r\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <h3>Instagram<\/h3>\r\n        <p>Follow us for insights, stories, and a peek behind the scenes<\/p>\r\n      <\/div>\r\n      <span class=\"hover-cta\">Follow<\/span>\r\n    <\/a>\r\n\r\n    <!-- TikTok Card -->\r\n    <a href=\"https:\/\/www.tiktok.com\/@mahonfoods\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-card tiktok\">\r\n      <div class=\"card-top\">\r\n        <div class=\"icon-box\">\r\n          <svg class=\"brand-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.24 1.07-.14 1.61.24 1.64 1.82 2.89 3.5 2.73 1.57-.03 2.94-1.14 3.28-2.67.11-.53.13-1.08.13-1.63V0h-.01z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\r\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <h3>TikTok<\/h3>\r\n        <p>Watch our trending recipes, tips & fun videos<\/p>\r\n      <\/div>\r\n      <span class=\"hover-cta\">Follow<\/span>\r\n    <\/a>\r\n\r\n    <!-- YouTube Card -->\r\n    <a href=\"https:\/\/www.youtube.com\/channel\/UCch8covsCEtuaGTVnVSJsYQ\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-card youtube\">\r\n      <div class=\"card-top\">\r\n        <div class=\"icon-box\">\r\n          <svg class=\"brand-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M21.58 7.19a2.5 2.5 0 0 0-1.76-1.77C18.26 5 12 5 12 5s-6.26 0-7.82.42A2.5 2.5 0 0 0 2.42 7.19 26.2 26.2 0 0 0 2 12a26.2 26.2 0 0 0 .42 4.81 2.5 2.5 0 0 0 1.76 1.77C5.74 19 12 19 12 19s6.26 0 7.82-.42a2.5 2.5 0 0 0 1.76-1.77A26.2 26.2 0 0 0 22 12a26.2 26.2 0 0 0-.42-4.81ZM9.75 15.02V8.98L15.5 12l-5.75 3.02Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\r\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <h3>YouTube<\/h3>\r\n        <p>Subscribe for fresh content and the latest videos<\/p>\r\n      <\/div>\r\n      <span class=\"hover-cta\">Subscribe<\/span>\r\n    <\/a>\r\n\r\n    <!-- Facebook Card -->\r\n    <a href=\"https:\/\/facebook.com\/share\/18v2h6WBUW\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-card facebook\">\r\n      <div class=\"card-top\">\r\n        <div class=\"icon-box\">\r\n          <svg class=\"brand-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95C18.05 21.45 22 17.19 22 12Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\r\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <h3>Facebook<\/h3>\r\n        <p>Follow us for updates, news, and more!<\/p>\r\n      <\/div>\r\n      <span class=\"hover-cta\">Like<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Container - Seamless Page Integration *\/\r\n  .social-section-wrapper {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 50px 20px;\r\n    box-sizing: border-box;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  .social-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .social-header h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: inherit;\r\n    margin: 0 0 12px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .social-header p {\r\n    font-size: 15px;\r\n    opacity: 0.75;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Grid Layout *\/\r\n  .social-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Card Base *\/\r\n  .social-card {\r\n    position: relative;\r\n    background-color: #f7f9fc;\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    text-decoration: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 220px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);\r\n    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),\r\n                background 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .icon-box {\r\n    width: 36px;\r\n    height: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .brand-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .arrow-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    opacity: 0;\r\n    transform: translate(-6px, 6px);\r\n    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .card-content h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #1a1b2f;\r\n    margin: 0 0 8px 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .card-content p {\r\n    font-size: 12.5px;\r\n    line-height: 1.45;\r\n    color: #7b8092;\r\n    margin: 0;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .hover-cta {\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 24px;\r\n    font-size: 30px;\r\n    font-weight: 800;\r\n    color: rgba(255, 255, 255, 0.32);\r\n    letter-spacing: -0.5px;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Default Icon Colors *\/\r\n  .instagram .brand-icon { color: #e1306c; }\r\n  .tiktok .brand-icon { color: #010101; }\r\n  .youtube .brand-icon { color: #ff0000; }\r\n  .facebook .brand-icon { color: #1877f2; }\r\n\r\n  \/* Hover Effects *\/\r\n  .social-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  .social-card:hover .arrow-icon {\r\n    opacity: 1;\r\n    transform: translate(0, 0);\r\n  }\r\n\r\n  .social-card:hover .brand-icon,\r\n  .social-card:hover .card-content h3 {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .social-card:hover .card-content p {\r\n    color: rgba(255, 255, 255, 0.82);\r\n  }\r\n\r\n  .social-card:hover .hover-cta {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Social Brand Colors on Hover *\/\r\n  .social-card.instagram:hover { background: linear-gradient(135deg, #d62976 0%, #fa7e1e 100%); }\r\n  .social-card.tiktok:hover { background: #010101; }\r\n  .social-card.youtube:hover { background-color: #e55353; }\r\n  .social-card.facebook:hover { background-color: #2b7ae4; }\r\n\r\n  \/* Responsiveness *\/\r\n  @media (max-width: 900px) {\r\n    .social-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .social-grid { grid-template-columns: 1fr; }\r\n    .social-header h2 { font-size: 24px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get in Touch with Our Team Let\u2019s start the journey toward a successful partnership. Choose your department below to submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-941","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/pages\/941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mahon.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=941"}],"version-history":[{"count":87,"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/pages\/941\/revisions"}],"predecessor-version":[{"id":2464,"href":"https:\/\/mahon.pk\/index.php?rest_route=\/wp\/v2\/pages\/941\/revisions\/2464"}],"wp:attachment":[{"href":"https:\/\/mahon.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}