{"Name":"Customer Care","0":"Customer Care","IsPublished":1,"1":1,"LanguageId":1,"2":1,"Type":"1","3":"1","PageTitle":"Customer Care","4":"Customer Care","PageContent":"<style>\n  :root{\n    --navy:#0f2a4a;\n    --steel:#1e5c97;\n    --teal:#0ea5a0;\n    --line:#dbe3ea;\n    --ink:#1c2733;\n    --muted:#64748b;\n    --bg:#f4f7fa;\n  }\n\n  .cf-wrap{\n    background:var(--bg);\n    font-family:'Segoe UI',Tahoma,sans-serif;\n    padding:40px 20px;\n    display:flex;\n    justify-content:center;\n  }\n\n  .cf-card{\n    width:100%;\n    max-width:460px;\n    background:#fff;\n    border:1px solid var(--line);\n    border-radius:14px;\n    box-shadow:0 6px 22px rgba(15,42,74,.08);\n    overflow:hidden;\n  }\n\n  .cf-header{\n    background:linear-gradient(135deg,var(--navy),var(--steel));\n    padding:22px 28px;\n  }\n\n  .cf-header h2{\n    margin:0;\n    color:#fff;\n    font-size:20px;\n    font-weight:700;\n    letter-spacing:.01em;\n  }\n\n  .cf-header p{\n    margin:4px 0 0;\n    color:rgba(255,255,255,.85);\n    font-size:13px;\n  }\n\n  .cf-body{\n    padding:26px 28px 28px;\n  }\n\n  .cf-field{\n    margin-bottom:18px;\n  }\n\n  .cf-field label{\n    display:block;\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:.06em;\n    color:var(--muted);\n    margin-bottom:6px;\n  }\n\n  .cf-field input,\n  .cf-field textarea{\n    width:100%;\n    padding:11px 13px;\n    border:1.5px solid var(--line);\n    border-radius:8px;\n    font-size:14.5px;\n    font-family:inherit;\n    color:var(--ink);\n    outline:none;\n    transition:border-color .2s, box-shadow .2s;\n    box-sizing:border-box;\n  }\n\n  .cf-field textarea{\n    resize:vertical;\n    min-height:100px;\n  }\n\n  .cf-field input:focus,\n  .cf-field textarea:focus{\n    border-color:var(--steel);\n    box-shadow:0 0 0 3px rgba(30,92,151,.15);\n  }\n\n  .cf-actions{\n    display:flex;\n    gap:12px;\n    margin-top:22px;\n  }\n\n  .cf-btn{\n    flex:1;\n    padding:12px;\n    border-radius:8px;\n    font-size:14.5px;\n    font-weight:700;\n    cursor:pointer;\n    border:none;\n    transition:.15s;\n  }\n\n  .cf-btn-submit{\n    background:var(--teal);\n    color:#fff;\n  }\n\n  .cf-btn-submit:hover{\n    background:#0c8f8a;\n  }\n\n  .cf-btn-reset{\n    background:#fff;\n    color:var(--muted);\n    border:1.5px solid var(--line);\n  }\n\n  .cf-btn-reset:hover{\n    background:#f8fafc;\n    border-color:var(--muted);\n  }\n<\/style>\n\n<div class=\"cf-wrap\">\n  <div class=\"cf-card\">\n    <div class=\"cf-header\">\n      <h2>Get in touch<\/h2>\n      <p>We'll get back to you as soon as we can<\/p>\n    <\/div>\n    <div class=\"cf-body\">\n      <form>\n        <div class=\"cf-field\">\n          <label for=\"cf-name\">Field Name<\/label>\n          <input type=\"text\" id=\"cf-name\" name=\"fieldname\" placeholder=\"Enter your name\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-email\">Email ID<\/label>\n          <input type=\"email\" id=\"cf-email\" name=\"email\" placeholder=\"you@example.com\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-phone\">Phone<\/label>\n          <input type=\"tel\" id=\"cf-phone\" name=\"phone\" placeholder=\"Enter your phone number\" pattern=\"[0-9]{10}\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-message\">Message<\/label>\n          <textarea id=\"cf-message\" name=\"message\" placeholder=\"Write your message here\" required><\/textarea>\n        <\/div>\n\n        <div class=\"cf-actions\">\n          <button type=\"submit\" class=\"cf-btn cf-btn-submit\">Submit<\/button>\n          <button type=\"reset\" class=\"cf-btn cf-btn-reset\">Reset<\/button>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>","5":"<style>\n  :root{\n    --navy:#0f2a4a;\n    --steel:#1e5c97;\n    --teal:#0ea5a0;\n    --line:#dbe3ea;\n    --ink:#1c2733;\n    --muted:#64748b;\n    --bg:#f4f7fa;\n  }\n\n  .cf-wrap{\n    background:var(--bg);\n    font-family:'Segoe UI',Tahoma,sans-serif;\n    padding:40px 20px;\n    display:flex;\n    justify-content:center;\n  }\n\n  .cf-card{\n    width:100%;\n    max-width:460px;\n    background:#fff;\n    border:1px solid var(--line);\n    border-radius:14px;\n    box-shadow:0 6px 22px rgba(15,42,74,.08);\n    overflow:hidden;\n  }\n\n  .cf-header{\n    background:linear-gradient(135deg,var(--navy),var(--steel));\n    padding:22px 28px;\n  }\n\n  .cf-header h2{\n    margin:0;\n    color:#fff;\n    font-size:20px;\n    font-weight:700;\n    letter-spacing:.01em;\n  }\n\n  .cf-header p{\n    margin:4px 0 0;\n    color:rgba(255,255,255,.85);\n    font-size:13px;\n  }\n\n  .cf-body{\n    padding:26px 28px 28px;\n  }\n\n  .cf-field{\n    margin-bottom:18px;\n  }\n\n  .cf-field label{\n    display:block;\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:.06em;\n    color:var(--muted);\n    margin-bottom:6px;\n  }\n\n  .cf-field input,\n  .cf-field textarea{\n    width:100%;\n    padding:11px 13px;\n    border:1.5px solid var(--line);\n    border-radius:8px;\n    font-size:14.5px;\n    font-family:inherit;\n    color:var(--ink);\n    outline:none;\n    transition:border-color .2s, box-shadow .2s;\n    box-sizing:border-box;\n  }\n\n  .cf-field textarea{\n    resize:vertical;\n    min-height:100px;\n  }\n\n  .cf-field input:focus,\n  .cf-field textarea:focus{\n    border-color:var(--steel);\n    box-shadow:0 0 0 3px rgba(30,92,151,.15);\n  }\n\n  .cf-actions{\n    display:flex;\n    gap:12px;\n    margin-top:22px;\n  }\n\n  .cf-btn{\n    flex:1;\n    padding:12px;\n    border-radius:8px;\n    font-size:14.5px;\n    font-weight:700;\n    cursor:pointer;\n    border:none;\n    transition:.15s;\n  }\n\n  .cf-btn-submit{\n    background:var(--teal);\n    color:#fff;\n  }\n\n  .cf-btn-submit:hover{\n    background:#0c8f8a;\n  }\n\n  .cf-btn-reset{\n    background:#fff;\n    color:var(--muted);\n    border:1.5px solid var(--line);\n  }\n\n  .cf-btn-reset:hover{\n    background:#f8fafc;\n    border-color:var(--muted);\n  }\n<\/style>\n\n<div class=\"cf-wrap\">\n  <div class=\"cf-card\">\n    <div class=\"cf-header\">\n      <h2>Get in touch<\/h2>\n      <p>We'll get back to you as soon as we can<\/p>\n    <\/div>\n    <div class=\"cf-body\">\n      <form>\n        <div class=\"cf-field\">\n          <label for=\"cf-name\">Field Name<\/label>\n          <input type=\"text\" id=\"cf-name\" name=\"fieldname\" placeholder=\"Enter your name\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-email\">Email ID<\/label>\n          <input type=\"email\" id=\"cf-email\" name=\"email\" placeholder=\"you@example.com\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-phone\">Phone<\/label>\n          <input type=\"tel\" id=\"cf-phone\" name=\"phone\" placeholder=\"Enter your phone number\" pattern=\"[0-9]{10}\" required>\n        <\/div>\n\n        <div class=\"cf-field\">\n          <label for=\"cf-message\">Message<\/label>\n          <textarea id=\"cf-message\" name=\"message\" placeholder=\"Write your message here\" required><\/textarea>\n        <\/div>\n\n        <div class=\"cf-actions\">\n          <button type=\"submit\" class=\"cf-btn cf-btn-submit\">Submit<\/button>\n          <button type=\"reset\" class=\"cf-btn cf-btn-reset\">Reset<\/button>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>","IsDefault":1,"6":1,"TemplateId":1,"7":1,"LinkUrl":"","8":"","UploadedFileName":"","9":"","MenuId":151,"10":151,"PageId":58,"11":58}