{"id":17,"date":"2026-08-21T22:57:41","date_gmt":"2026-08-21T22:57:41","guid":{"rendered":"https:\/\/endlesscalls.com\/?page_id=17"},"modified":"2026-09-23T17:32:56","modified_gmt":"2026-09-23T17:32:56","slug":"support","status":"publish","type":"page","link":"https:\/\/endlesscalls.com\/en-gb\/support\/","title":{"rendered":"Ticket"},"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<div class=\"elementor-element elementor-element-d0d7beb e-con-full e-flex e-con e-parent\" data-id=\"d0d7beb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94168b2 elementor-widget elementor-widget-html\" data-id=\"94168b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .touch-section {\r\n    background-color: #13071D;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    color: #ffffff;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .touch-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Header Area *\/\r\n  .touch-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .touch-tag {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    color: #b6ff03;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n  }\r\n\r\n  .touch-title {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin-bottom: 16px;\r\n    color: #ffffff;\r\n    max-width: 700px;\r\n  }\r\n\r\n  .touch-title span {\r\n    color: #c084fc;\r\n  }\r\n\r\n  .touch-desc {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #b0b0bc;\r\n    max-width: 650px;\r\n  }\r\n\r\n  \/* Main Grid Layout *\/\r\n  .touch-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 30px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  \/* Left Side (Form Card) *\/\r\n  .support-card {\r\n    background-color: #13071D;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 24px;\r\n    padding: 32px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tab-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .tab-btn {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    color: #a0a0ab;\r\n    padding: 10px 16px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .tab-btn svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .tab-btn:hover {\r\n    color: #ffffff;\r\n    border-color: rgba(192, 132, 252, 0.3);\r\n  }\r\n\r\n  .tab-btn.active {\r\n    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);\r\n    color: #ffffff;\r\n    border-color: transparent;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .tab-desc {\r\n    font-size: 14px;\r\n    color: #b0b0bc;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .form-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .form-group.full-width {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .form-group label {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    color: #a1a1aa;\r\n    text-transform: uppercase;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .form-control {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    outline: none;\r\n    transition: border-color 0.3s ease;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .form-control::placeholder {\r\n    color: #71717a;\r\n  }\r\n\r\n  .form-control:focus {\r\n    border-color: #c084fc;\r\n  }\r\n\r\n  textarea.form-control {\r\n    resize: vertical;\r\n    min-height: 100px;\r\n  }\r\n\r\n  .priority-options {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .priority-btn {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    color: #a0a0ab;\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 12px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .priority-btn.active {\r\n    background: rgba(192, 132, 252, 0.15);\r\n    border-color: #c084fc;\r\n    color: #c084fc;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .form-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: 24px;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n  }\r\n\r\n  .fraud-notice {\r\n    font-size: 12px;\r\n    color: #7c7c88;\r\n    max-width: 320px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* Purple Gradient Submit Button *\/\r\n  .submit-btn {\r\n    background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 12px 24px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .submit-btn:hover {\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .form-message {\r\n    margin-top: 12px;\r\n    font-size: 13px;\r\n    text-align: center;\r\n  }\r\n\r\n  .tab-content {\r\n    display: none;\r\n  }\r\n\r\n  .tab-content.active {\r\n    display: block;\r\n  }\r\n\r\n  \/* Right Side Info Cards *\/\r\n  .info-cards-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .info-box {\r\n    background-color: #13071D;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .info-box .icon-label {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    color: #a1a1aa;\r\n    text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n    display: block;\r\n  }\r\n\r\n  .info-box .info-value {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .info-box .info-sub {\r\n    font-size: 13px;\r\n    color: #a1a1aa;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .touch-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .touch-title {\r\n      font-size: 36px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .form-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .form-group.full-width {\r\n      grid-column: span 1;\r\n    }\r\n    .support-card {\r\n      padding: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"touch-section\">\r\n  <div class=\"touch-container\">\r\n    \r\n    <!-- Top Header -->\r\n    <div class=\"touch-header\">\r\n      <span class=\"touch-tag\">GET IN TOUCH<\/span>\r\n      <h2 class=\"touch-title\">One team for <span>sales, support and service<\/span><\/h2>\r\n      <p class=\"touch-desc\">Pick the right desk below. Tickets route straight into our NOC queue, sales enquiries reach a voice specialist, and service requests are scheduled with your provisioning engineer.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"touch-grid\">\r\n      \r\n      <!-- LEFT SIDE: FORM CARD WITH TABS -->\r\n      <div class=\"support-card\">\r\n        <!-- Tab Buttons -->\r\n        <div class=\"tab-buttons\">\r\n          <button type=\"button\" class=\"tab-btn active\" onclick=\"switchTab(event, 'tab-contact')\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n            Contact\r\n          <\/button>\r\n          <button type=\"button\" class=\"tab-btn\" onclick=\"switchTab(event, 'tab-support')\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n            Support ticket\r\n          <\/button>\r\n          <button type=\"button\" class=\"tab-btn\" onclick=\"switchTab(event, 'tab-sales')\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z\"\/><\/svg>\r\n            Sales\r\n          <\/button>\r\n          <button type=\"button\" class=\"tab-btn\" onclick=\"switchTab(event, 'tab-service')\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.03 2.18 13.84 2 13.6 2h-4c-.24 0-.43.18-.47.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.04.24.23.42.47.42h4c.24 0 .43-.18.47-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n            Service request\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- TAB 1: Contact -->\r\n        <div id=\"tab-contact\" class=\"tab-content active\">\r\n          <p class=\"tab-desc\">General enquiries \u2014 we reply within one business hour.<\/p>\r\n          <form class=\"custom-support-form\" action=\"https:\/\/formspree.io\/f\/YOUR_FORMSPREE_ENDPOINT_HERE\" method=\"POST\">\r\n            <input type=\"hidden\" name=\"Form_Type\" value=\"Contact\">\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\"><label>Full Name<\/label><input type=\"text\" name=\"name\" class=\"form-control\" required placeholder=\"Alex Morgan\"><\/div>\r\n              <div class=\"form-group\"><label>Work Email<\/label><input type=\"email\" name=\"email\" class=\"form-control\" required placeholder=\"alex@company.com\"><\/div>\r\n              <div class=\"form-group\"><label>Phone<\/label><input type=\"text\" name=\"phone\" class=\"form-control\" placeholder=\"+1 555 0134\"><\/div>\r\n              <div class=\"form-group\"><label>Company<\/label><input type=\"text\" name=\"company\" class=\"form-control\" placeholder=\"Northwind Ltd\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Subject<\/label><input type=\"text\" name=\"subject\" class=\"form-control\" value=\"How can we help?\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Message<\/label><textarea name=\"message\" class=\"form-control\" required>Tell us about your current phone setup, number of users and locations...<\/textarea><\/div>\r\n            <\/div>\r\n            <input type=\"hidden\" name=\"priority\" value=\"Normal\">\r\n            <div class=\"form-footer\">\r\n              <div class=\"fraud-notice\">Your IP address, browser and page are recorded with this submission for fraud prevention.<\/div>\r\n              <button type=\"submit\" class=\"submit-btn\">Send request<\/button>\r\n            <\/div>\r\n            <div class=\"form-message\"><\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <!-- TAB 2: Support ticket -->\r\n        <div id=\"tab-support\" class=\"tab-content\">\r\n          <p class=\"tab-desc\">Raise a technical ticket for our 24\/7 NOC team.<\/p>\r\n          <form class=\"custom-support-form\" action=\"https:\/\/formspree.io\/f\/YOUR_FORMSPREE_ENDPOINT_HERE\" method=\"POST\">\r\n            <input type=\"hidden\" name=\"Form_Type\" value=\"Support ticket\">\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\"><label>Full Name<\/label><input type=\"text\" name=\"name\" class=\"form-control\" required placeholder=\"Alex Morgan\"><\/div>\r\n              <div class=\"form-group\"><label>Work Email<\/label><input type=\"email\" name=\"email\" class=\"form-control\" required placeholder=\"alex@company.com\"><\/div>\r\n              <div class=\"form-group\"><label>Phone<\/label><input type=\"text\" name=\"phone\" class=\"form-control\" placeholder=\"+1 555 0134\"><\/div>\r\n              <div class=\"form-group\"><label>Company<\/label><input type=\"text\" name=\"company\" class=\"form-control\" placeholder=\"Northwind Ltd\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Issue Summary<\/label><input type=\"text\" name=\"subject\" class=\"form-control\" value=\"Technical Support Issue\"><\/div>\r\n            <\/div>\r\n            <div class=\"form-group\" style=\"margin-bottom: 16px;\">\r\n              <label>Priority<\/label>\r\n              <div class=\"priority-options\" style=\"margin-top: 6px;\">\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'Low')\">Low<\/button>\r\n                <button type=\"button\" class=\"priority-btn active\" onclick=\"setPriority(this, 'Normal')\">Normal<\/button>\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'High')\">High<\/button>\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'Critical')\">Critical<\/button>\r\n              <\/div>\r\n              <input type=\"hidden\" name=\"priority\" value=\"Normal\">\r\n            <\/div>\r\n            <div class=\"form-group full-width\"><label>Message<\/label><textarea name=\"message\" class=\"form-control\" required>Describe your technical issue...<\/textarea><\/div>\r\n            <div class=\"form-footer\">\r\n              <div class=\"fraud-notice\">Your IP address, browser and page are recorded with this submission for fraud prevention.<\/div>\r\n              <button type=\"submit\" class=\"submit-btn\">Send request<\/button>\r\n            <\/div>\r\n            <div class=\"form-message\"><\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <!-- TAB 3: Sales -->\r\n        <div id=\"tab-sales\" class=\"tab-content\">\r\n          <p class=\"tab-desc\">Get pricing, number porting plans and a live demo.<\/p>\r\n          <form class=\"custom-support-form\" action=\"https:\/\/formspree.io\/f\/YOUR_FORMSPREE_ENDPOINT_HERE\" method=\"POST\">\r\n            <input type=\"hidden\" name=\"Form_Type\" value=\"Sales\">\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\"><label>Full Name<\/label><input type=\"text\" name=\"name\" class=\"form-control\" required placeholder=\"Alex Morgan\"><\/div>\r\n              <div class=\"form-group\"><label>Work Email<\/label><input type=\"email\" name=\"email\" class=\"form-control\" required placeholder=\"alex@company.com\"><\/div>\r\n              <div class=\"form-group\"><label>Phone<\/label><input type=\"text\" name=\"phone\" class=\"form-control\" placeholder=\"+1 555 0134\"><\/div>\r\n              <div class=\"form-group\"><label>Company<\/label><input type=\"text\" name=\"company\" class=\"form-control\" placeholder=\"Northwind Ltd\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Subject<\/label><input type=\"text\" name=\"subject\" class=\"form-control\" value=\"50 seats + number porting\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Message<\/label><textarea name=\"message\" class=\"form-control\" required>Tell us about your requirements...<\/textarea><\/div>\r\n            <\/div>\r\n            <input type=\"hidden\" name=\"priority\" value=\"Normal\">\r\n            <div class=\"form-footer\">\r\n              <div class=\"fraud-notice\">Your IP address, browser and page are recorded with this submission for fraud prevention.<\/div>\r\n              <button type=\"submit\" class=\"submit-btn\">Send request<\/button>\r\n            <\/div>\r\n            <div class=\"form-message\"><\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <!-- TAB 4: Service request -->\r\n        <div id=\"tab-service\" class=\"tab-content\">\r\n          <p class=\"tab-desc\">Provisioning, moves, adds, changes and installs.<\/p>\r\n          <form class=\"custom-support-form\" action=\"https:\/\/formspree.io\/f\/YOUR_FORMSPREE_ENDPOINT_HERE\" method=\"POST\">\r\n            <input type=\"hidden\" name=\"Form_Type\" value=\"Service request\">\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\"><label>Full Name<\/label><input type=\"text\" name=\"name\" class=\"form-control\" required placeholder=\"Alex Morgan\"><\/div>\r\n              <div class=\"form-group\"><label>Work Email<\/label><input type=\"email\" name=\"email\" class=\"form-control\" required placeholder=\"alex@company.com\"><\/div>\r\n              <div class=\"form-group\"><label>Phone<\/label><input type=\"text\" name=\"phone\" class=\"form-control\" placeholder=\"+1 555 0134\"><\/div>\r\n              <div class=\"form-group\"><label>Company<\/label><input type=\"text\" name=\"company\" class=\"form-control\" placeholder=\"Northwind Ltd\"><\/div>\r\n              <div class=\"form-group full-width\"><label>Subject<\/label><input type=\"text\" name=\"subject\" class=\"form-control\" value=\"Service Request\"><\/div>\r\n            <\/div>\r\n            <div class=\"form-group\" style=\"margin-bottom: 16px;\">\r\n              <label>Priority<\/label>\r\n              <div class=\"priority-options\" style=\"margin-top: 6px;\">\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'Low')\">Low<\/button>\r\n                <button type=\"button\" class=\"priority-btn active\" onclick=\"setPriority(this, 'Normal')\">Normal<\/button>\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'High')\">High<\/button>\r\n                <button type=\"button\" class=\"priority-btn\" onclick=\"setPriority(this, 'Critical')\">Critical<\/button>\r\n              <\/div>\r\n              <input type=\"hidden\" name=\"priority\" value=\"Normal\">\r\n            <\/div>\r\n            <div class=\"form-group full-width\"><label>Message<\/label><textarea name=\"message\" class=\"form-control\" required>Describe the service changes needed...<\/textarea><\/div>\r\n            <div class=\"form-footer\">\r\n              <div class=\"fraud-notice\">Your IP address, browser and page are recorded with this submission for fraud prevention.<\/div>\r\n              <button type=\"submit\" class=\"submit-btn\">Send request<\/button>\r\n            <\/div>\r\n            <div class=\"form-message\"><\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT SIDE: 4 INFO BOXES -->\r\n      <div class=\"info-cards-stack\">\r\n        <div class=\"info-box\">\r\n          <span class=\"icon-label\">SALES<\/span>\r\n          <div class=\"info-value\">1-888-2GET-ELC<\/div>\r\n          <div class=\"info-sub\">Mon\u2013Fri, 8am\u20138pm<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <span class=\"icon-label\">SUPPORT<\/span>\r\n          <div class=\"info-value\">support@endlesscalls.com<\/div>\r\n          <div class=\"info-sub\">24\/7 NOC coverage<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <span class=\"icon-label\">RESPONSE SLA<\/span>\r\n          <div class=\"info-value\">Under 60 minutes<\/div>\r\n          <div class=\"info-sub\">Critical tickets: 15 min<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function switchTab(evt, tabId) {\r\n    const contents = document.querySelectorAll('.touch-section .tab-content');\r\n    contents.forEach(content => content.classList.remove('active'));\r\n    const buttons = document.querySelectorAll('.touch-section .tab-btn');\r\n    buttons.forEach(btn => btn.classList.remove('active'));\r\n    document.getElementById(tabId).classList.add('active');\r\n    evt.currentTarget.classList.add('active');\r\n  }\r\n\r\n  function setPriority(btn, val) {\r\n    const parentForm = btn.closest('form');\r\n    parentForm.querySelectorAll('.priority-btn').forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n    parentForm.querySelector('input[name=\"priority\"]').value = val;\r\n  }\r\n\r\n  \/\/ AJAX submission without page refresh\r\n  document.querySelectorAll('.touch-section .custom-support-form').forEach(form => {\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n      const submitBtn = this.querySelector('.submit-btn');\r\n      const msgDiv = this.querySelector('.form-message');\r\n      \r\n      submitBtn.disabled = true;\r\n      submitBtn.innerText = 'Sending...';\r\n      msgDiv.style.color = '#c084fc';\r\n      msgDiv.innerText = 'Please wait...';\r\n\r\n      const formData = new FormData(this);\r\n\r\n      fetch(this.action, {\r\n        method: 'POST',\r\n        body: formData,\r\n        headers: {\r\n            'Accept': 'application\/json'\r\n        }\r\n      })\r\n      .then(response => {\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerText = 'Send request';\r\n        if (response.ok) {\r\n          msgDiv.style.color = '#c084fc';\r\n          msgDiv.innerText = 'Success! Request sent to ehtisham.khalid770@gmail.com.';\r\n          this.reset();\r\n        } else {\r\n          msgDiv.style.color = '#ff4d4d';\r\n          msgDiv.innerText = 'Oops! There was a problem submitting your form.';\r\n        }\r\n      })\r\n      .catch(error => {\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerText = 'Send request';\r\n        msgDiv.style.color = '#ff4d4d';\r\n        msgDiv.innerText = 'Network error. Please try again.';\r\n      });\r\n    });\r\n  });\r\n<\/script>\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 One team for sales, support and service Pick the right desk below. Tickets route straight into our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":14,"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/pages\/17\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/endlesscalls.com\/en-gb\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}