{"id":595,"date":"2025-09-25T12:20:57","date_gmt":"2025-09-25T12:20:57","guid":{"rendered":"https:\/\/ficertech.com\/?page_id=595"},"modified":"2026-01-24T15:34:14","modified_gmt":"2026-01-24T15:34:14","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/ficertech.com\/?page_id=595","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"595\" class=\"elementor elementor-595\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf9c02c e-flex e-con-boxed e-con e-parent\" data-id=\"cf9c02c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9cf65e elementor-widget elementor-widget-heading\" data-id=\"c9cf65e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span style=\"color:#a855f7\">CONTACT<\/span> US<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27e90d4 elementor-widget elementor-widget-text-editor\" data-id=\"27e90d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Have questions or require expert support?<br data-start=\"850\" data-end=\"853\" \/>Contact us today and enjoy dedicated assistance from our team.<\/p>\t\t\t\t\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-8362484 e-flex e-con-boxed e-con e-parent\" data-id=\"8362484\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-10893d0 e-con-full e-flex e-con e-child\" data-id=\"10893d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-826a18b elementor-widget elementor-widget-html\" data-id=\"826a18b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --------- CONTACT SECTION --------- *\/\r\n.contact-section {\r\n    \/*background: radial-gradient(circle at top right, #4b008f, #0a0a0a 70%);*\/\r\n    padding: 50px 20px;\r\n    color: #fff;\r\n    font-family: 'Segoe UI', sans-serif;\r\n}\r\n\r\n.contact-wrapper {\r\n    max-width: 950px;\r\n    margin: auto;\r\n}\r\n\r\n.contact-section h2 {\r\n    font-size: 33px;\r\n    font-weight: 800;\r\n    color: #a855f7;\r\n    line-height: 1.2;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.contact-section p.description {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: #d6d6d6;\r\n    max-width: 750px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 30px;\r\n    padding: 12px;\r\n    border-radius: 15px;\r\n    background: rgba(255, 255, 255, 0.09);\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.contact-item:hover {\r\n    background: rgba(255, 255, 255, 0.09);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.contact-icon {\r\n    min-width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, #9333ea, #7e22ce);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-right: 18px;\r\n    box-shadow: 0 5px 18px rgba(147, 51, 234, 0.3);\r\n}\r\n\r\n.contact-icon i {\r\n    font-size: 26px;\r\n    color: #fff;\r\n}\r\n\r\n.contact-details h4 {\r\n    margin: 0;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 1px;\r\n}\r\n\r\n.contact-details p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #d1d1d1;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* --------- MOBILE RESPONSIVE --------- *\/\r\n@media (max-width: 768px) {\r\n    .contact-section {\r\n        padding: 50px 20px;\r\n    }\r\n\r\n    .contact-section h2 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .contact-item {\r\n        flex-direction: row;\r\n        align-items: center;\r\n    }\r\n\r\n    .contact-icon {\r\n        min-width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .contact-icon i {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .contact-details h4 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .contact-details p {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .contact-section h2 {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .contact-item {\r\n        padding: 12px;\r\n    }\r\n\r\n    .contact-details p {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- --------- CONTACT SECTION HTML --------- -->\r\n<div class=\"contact-section\">\r\n    <div class=\"contact-wrapper\">\r\n\r\n        <h2>Connect With Us: Let\u2019s Build Something Great Together<\/h2>\r\n\r\n        <p class=\"description\">\r\n            Have an idea for a revolutionary app? Want to create cutting-edge software solutions?\r\n            Our team of experts is ready to help turn your vision into reality. Let\u2019s start the conversation today!\r\n        <\/p>\r\n\r\n        <!-- Office -->\r\n        <div class=\"contact-item\">\r\n            <div class=\"contact-icon\">\r\n                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-details\">\r\n                <h4>Our Office<\/h4>\r\n                <p>12 KM Okara - Faisalabad Rd, 56300, Okara, Punjab  Innovation starts here.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Phone -->\r\n        <div class=\"contact-item\">\r\n            <div class=\"contact-icon\">\r\n                <i class=\"fas fa-phone\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-details\">\r\n                <h4>Let's Talk<\/h4>\r\n                <p>(+92) 303 060 8888 \u2013 We are always ready to listen.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Email -->\r\n        <div class=\"contact-item\">\r\n            <div class=\"contact-icon\">\r\n                <i class=\"fas fa-envelope\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-details\">\r\n                <h4>Email Us<\/h4>\r\n                <p>info@ficertech.com \u2013 Send us your questions or proposals.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/js\/all.min.js\"><\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83442e2 e-con-full e-flex e-con e-child\" data-id=\"83442e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a25cc4 elementor-widget elementor-widget-html\" data-id=\"6a25cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ---------- Form container (paste into WP Custom HTML) ---------- *\/\r\n.contact-form-section {\r\n    padding: 60px 20px;\r\n    font-family: 'Segoe UI', sans-serif;\r\n    max-width: 850px;\r\n    margin: auto;\r\n    color: #fff;\r\n}\r\n\r\n\/* heading *\/\r\n.contact-form-section h2 {\r\n    text-align: center;\r\n    font-size: 34px;\r\n    font-weight: 800;\r\n    background: linear-gradient(90deg, #a855f7, #a855f7);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n\/* rows *\/\r\n.form-row {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n.form-row .form-group { flex: 1; }\r\n\r\n\/* inputs *\/\r\n.form-group input,\r\n.form-group textarea {\r\n    width: 100%;\r\n    padding: 16px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    background:#A855F736;\r\n    color: #fff;\r\n    font-size: 16px;\r\n    outline: none;\r\n    transition: 0.25s;\r\n}\r\n.form-group input::placeholder,\r\n.form-group textarea::placeholder { color: #585858E9; }\r\ntextarea { height: 140px; resize: none; }\r\n\r\n\/* ===== FIXED\/RESTYLED SELECT =====\r\n   We remove native appearance and draw our own chevron with SVG background.\r\n   This prevents font\/icon conflicts (no 'q' or morse glyphs). *\/\r\n.custom-select {\r\n    position: relative;\r\n}\r\n.custom-select select {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    background: #A855F736;\r\n    color: #585858E9;\r\n    font-size: 13px;\r\n    outline: none;\r\n    transition: 0.25s;\r\n    \/* add right padding so the arrow doesn't overlap text *\/\r\n    padding-right: 50px;\r\n    \/* ensure same font as inputs to avoid glyph mismatch *\/\r\n    font-family: inherit;\r\n    \/* remove default drop-down triangle on IE *\/\r\n}\r\n.custom-select::after {\r\n    content: \"\";\r\n    pointer-events: none;\r\n    \/* inline SVG chevron (white-ish) scaled *\/\r\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23cfc0ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    width: 36px;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 8px;\r\n    display: block;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* focus *\/\r\n.form-group input:focus,\r\n.custom-select select:focus,\r\n.form-group textarea:focus {\r\n    background:#A855F745;\r\n    box-shadow: 0 0 0 2px rgba(168,85,247,0.12);\r\n}\r\n\r\n\/* submit button *\/\r\n.submit-btn {\r\n    width: 100%;\r\n    padding: 16px;\r\n    background: linear-gradient(90deg, #a855f7, #a855f7);\r\n    border: none;\r\n    border-radius: 12px;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: 0.25s ease;\r\n}\r\n.submit-btn:hover { transform: translateY(-2px); opacity: 0.95; }\r\n\r\n\/* responsive *\/\r\n@media (max-width: 768px) {\r\n    .form-row { flex-direction: column; gap: 15px; }\r\n    .contact-form-section h2 { font-size: 28px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-form-section\">\r\n    <h2>GET IN TOUCH WITH OUR TEAM<\/h2>\r\n\r\n    <form id=\"contact-us-form\" onsubmit=\"event.preventDefault(); alert('Form submitted (demo)');\">\r\n\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n                <input type=\"text\" placeholder=\"Your Full Name\" name=\"name\" required>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <input type=\"text\" placeholder=\"Your Phone\" name=\"phone\" required>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-bottom:20px;\">\r\n            <input type=\"email\" placeholder=\"Your Email\" name=\"email\" required>\r\n        <\/div>\r\n\r\n        <!-- CUSTOM SELECT -->\r\n        <div class=\"form-group custom-select\" style=\"margin-bottom:20px;\">\r\n            <select id=\"inquiryType\" name=\"inquiry\" required>\r\n                <!-- keep placeholder option with empty value (no 'selected' attribute set by server-side JS) -->\r\n                <option value=\"\" disabled selected>Select Inquiry Type<\/option>\r\n                <option value=\"website\">Website Development<\/option>\r\n                <option value=\"mobile\">Mobile App Development<\/option>\r\n                <option value=\"custom\">Custom Software<\/option>\r\n                <option value=\"design\">UI\/UX Design<\/option>\r\n                <option value=\"other\">Other<\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-bottom:25px;\">\r\n            <textarea placeholder=\"Tell Us About Your Project\" name=\"message\"><\/textarea>\r\n        <\/div>\r\n\r\n        <button class=\"submit-btn\" type=\"submit\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"filter:brightness(1.1)\"><path d=\"M22 2L11 13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M22 2L15 22L11 13L2 9L22 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            Send Message\r\n        <\/button>\r\n\r\n    <\/form>\r\n<\/div>\r\n\r\n<script>\r\n\/* Extra safety: if some font\/renderer still inserts a strange glyph,\r\n   replace any single-character accidental text inside the select with proper placeholder *\/\r\n(function(){\r\n    var sel = document.getElementById('inquiryType');\r\n    if (!sel) return;\r\n\r\n    \/\/ ensure the first option is the placeholder and shows correct text\r\n    var first = sel.options[0];\r\n    if (first && (!first.value || first.value === \"\")) {\r\n        first.text = 'Select Inquiry Type';\r\n        first.disabled = true;\r\n    }\r\n\r\n    \/\/ optional: if some browser shows weird glyph, force the font-family for the select\r\n    sel.style.fontFamily = 'inherit';\r\n})();\r\n\r\ndocument.getElementById(\"contact-us-form\").addEventListener(\"submit\", function (e) {\r\n    e.preventDefault();\r\n\r\n    const name = this.name.value;\r\n    const phone = this.phone.value;\r\n    const email = this.email.value;\r\n    const inquiry = this.inquiry.value;\r\n    const message = this.message.value;\r\n\r\n    const subject = encodeURIComponent(\"New Contact Form Submission\");\r\n    const body = encodeURIComponent(\r\n        `Name: ${name}\\n` +\r\n        `Phone: ${phone}\\n` +\r\n        `Email: ${email}\\n` +\r\n        `Inquiry Type: ${inquiry}\\n\\n` +\r\n        `Message:\\n${message}`\r\n    );\r\n\r\n    window.location.href = `mailto:info@ficertech?subject=${subject}&body=${body}`;\r\n});\r\n\r\n\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTACT US Have questions or require expert support?Contact us today and enjoy dedicated assistance from our team. Connect With Us: [&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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-595","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ficertech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=595"}],"version-history":[{"count":60,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":2534,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/595\/revisions\/2534"}],"wp:attachment":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}