{"id":17,"date":"2025-03-12T02:58:00","date_gmt":"2025-03-12T02:58:00","guid":{"rendered":"https:\/\/moccasin-cattle-244623.hostingersite.com\/?page_id=17"},"modified":"2025-05-26T00:39:27","modified_gmt":"2025-05-26T00:39:27","slug":"contact","status":"publish","type":"page","link":"https:\/\/hegchem.com\/es\/contact\/","title":{"rendered":"CONTACT US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16a47bcd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"16a47bcd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16f3c17\" data-id=\"16f3c17\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c5b5a6d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1c5b5a6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Customer First<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2629318 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2629318\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Credit First<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51087c7e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"51087c7e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13dff36\" data-id=\"13dff36\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a44587 elementor-widget elementor-widget-html\" data-id=\"4a44587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"heg-contact-title\">Get Free Quote<\/h1>\r\n<p class=\"heg-contact-subtitle\">Send us a message if you have any questions or request a quote. We will be back to you ASAP!<\/p>\r\n\r\n<form id=\"heg-contact-form\" action=\"https:\/\/api.form-data.com\/f\/ns37YcdCl8mCzz\" method=\"post\" target=\"_blank\">\r\n  <div class=\"form-group\">\r\n    <label for=\"email\">Email*<\/label>\r\n    <input name=\"email\" type=\"email\" class=\"form-control\" placeholder=\"Enter email here\" required \/>\r\n  <\/div>\r\n  <div class=\"form-group\">\r\n    <label for=\"phone\">Phone (Recommended)<\/label>\r\n    <input name=\"phone\" type=\"tel\" class=\"form-control\" placeholder=\"Relax, Calls only when emails unconnected\" pattern=\"[0-9]{5,20}\" \/>\r\n    <small class=\"optional-hint\">Optional but helps us contact you faster<\/small>\r\n  <\/div>\r\n  <div class=\"form-group\">\r\n    <label for=\"name\">Name*<\/label>\r\n    <input name=\"name\" type=\"text\" class=\"form-control\" placeholder=\"I don't know how to call you if leave it blank\" required \/>\r\n  <\/div>\r\n  <div class=\"form-group\">\r\n    <label for=\"message\">Your Inquiry*<\/label>\r\n    <textarea name=\"message\" rows=\"6\" class=\"form-control\" placeholder=\"Tell us about your chemical needs (products, quantities, application). The more detail the more time we save.\" required><\/textarea>\r\n  <\/div>\r\n  <button type=\"submit\" class=\"heg-submit-btn\">QUOTE NOW <span class=\"dashicons dashicons-email-alt\"><\/span><\/button>\r\n<\/form>\r\n\r\n<style>\r\n  \/* Your Global Brand Colors - Update these to match your site *\/\r\n  :root {\r\n    --heg-primary: #2A5C99; \/* Example primary color (replace with your actual brand color) *\/\r\n    --heg-secondary: #FF6B35; \/* Example secondary color *\/\r\n    --heg-gray: #f5f7fa;\r\n    --heg-text: #333333;\r\n  }\r\n  \r\n  #heg-contact-form {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 2.5rem;\r\n    background: white;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 15px rgba(42, 92, 153, 0.12); \/* Updated to --heg-primary *\/\r\n  }\r\n  \r\n  .heg-contact-title {\r\n    color: var(--heg-primary); \/* Now using global primary color *\/\r\n    font-size: 2.75rem;\r\n    text-align: center;\r\n    margin-bottom: 1.25rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.2px;\r\n    font-weight: 700;\r\n  }\r\n  \r\n  \/* Added styling for the phone field hint *\/\r\n  .optional-hint {\r\n    display: block;\r\n    margin-top: 6px;\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n    font-style: italic;\r\n  }\r\n  \r\n  \/* Phone input specific styling *\/\r\n  input[type=\"tel\"] {\r\n    background-position: right 10px center; \/* For potential flag dropdowns *\/\r\n  }\r\n  \r\n  \/* Rest of your existing CSS remains the same *\/\r\n  .heg-contact-subtitle {\r\n    text-align: center;\r\n    font-size: 1.2rem;\r\n    color: #555;\r\n    margin-bottom: 2.5rem;\r\n    max-width: 700px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.6;\r\n  }\r\n  \r\n  .form-group {\r\n    margin-bottom: 2rem;\r\n  }\r\n  \r\n  .form-group label {\r\n    display: block;\r\n    margin-bottom: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--heg-text); \/* Using text color variable *\/\r\n    font-size: 1.05rem;\r\n  }\r\n  \r\n  .form-control {\r\n    width: 100%;\r\n    padding: 14px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 6px;\r\n    font-size: 1.05rem;\r\n    transition: all 0.3s;\r\n  }\r\n  \r\n  .form-control:focus {\r\n    border-color: var(--heg-primary); \/* Updated focus color *\/\r\n    outline: none;\r\n    box-shadow: 0 0 0 3px rgba(42, 92, 153, 0.15); \/* Matching primary *\/\r\n  }\r\n  \r\n  .heg-submit-btn {\r\n    background: var(--heg-primary); \/* Primary color for button *\/\r\n    color: white;\r\n    border: none;\r\n    padding: 14px 28px;\r\n    font-size: 1.1rem;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    transition: all 0.3s;\r\n    font-weight: 600;\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .heg-submit-btn:hover {\r\n    background: var(--heg-secondary); \/* Secondary color on hover *\/\r\n    transform: translateY(-2px);\r\n  }\r\n  \r\n  .heg-submit-btn .dashicons {\r\n    margin-left: 10px;\r\n    font-size: 1.2rem;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Customer First Send us a message if you have any questions or request a quote. We will be back to you ASAP! Email* Phone (Recommended) Optional but helps us contact you faster Name* Your Inquiry* QUOTE NOW<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":68,"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":2958,"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/pages\/17\/revisions\/2958"}],"wp:attachment":[{"href":"https:\/\/hegchem.com\/es\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}