{"id":7,"date":"2026-05-22T17:57:31","date_gmt":"2026-05-22T17:57:31","guid":{"rendered":"https:\/\/dev.hawkdevops.net\/?page_id=7"},"modified":"2026-05-22T20:59:15","modified_gmt":"2026-05-22T20:59:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/hs-surgicalinstruments.com\/?page_id=7","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContact Us \u2014 HS Surgical Instrument<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --steel: #002f6c;\r\n --steel-mid: #002f6c;\r\n --steel-light: #fff;\r\n --gold: #01a4fd;\r\n --gold-light: #01a4fd;\r\n --cream: #ffffff;\r\n --white: #ffffff;\r\n --text-dark: #1a2332;\r\n --text-mid: #4a5568;\r\n --text-light: #718096;\r\n --border: rgba(26,35,50,0.1);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--cream);\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n background: var(--steel);\r\n padding: 0 3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 64px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }\r\n .logo-diamond {\r\n width: 30px; height: 30px;\r\n border: 2px solid var(--gold);\r\n transform: rotate(45deg);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .logo-diamond-inner { width: 9px; height: 9px; background: var(--gold); }\r\n .logo-text { color: #fff; font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; }\r\n .logo-text span { color: var(--gold); }\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n .nav-links a { color: rgba(255,255,255,0.65); font-size: 13px; text-decoration: none; letter-spacing: 0.8px; text-transform: uppercase; transition: color 0.2s; }\r\n .nav-links a:hover, .nav-links a.active { color: var(--gold); }\r\n .nav-cta {\r\n background: var(--gold); color: var(--steel);\r\n font-size: 12px; font-weight: 500;\r\n padding: 9px 20px;\r\n text-decoration: none;\r\n letter-spacing: 0.8px; text-transform: uppercase;\r\n transition: background 0.2s;\r\n }\r\n .nav-cta:hover { background: var(--gold-light); }\r\n\r\n \/* \u2500\u2500 HERO BANNER \u2500\u2500 *\/\r\n .page-hero {\r\n background: var(--steel);\r\n padding: 4rem 3rem 3.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .page-hero::before {\r\n content: '';\r\n position: absolute; right: -80px; top: -80px;\r\n width: 400px; height: 400px;\r\n border: 1px solid rgba(201,168,76,0.12);\r\n border-radius: 50%;\r\n }\r\n .page-hero::after {\r\n content: '';\r\n position: absolute; right: 60px; top: 60px;\r\n width: 220px; height: 220px;\r\n border: 1px solid rgba(201,168,76,0.07);\r\n border-radius: 50%;\r\n }\r\n .breadcrumb {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 12px; color: rgba(255,255,255,0.4);\r\n letter-spacing: 0.8px; text-transform: uppercase;\r\n margin-bottom: 1.5rem;\r\n }\r\n .breadcrumb a { color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.2s; }\r\n .breadcrumb a:hover { color: var(--gold); }\r\n .breadcrumb-sep { color: rgba(255,255,255,0.2); }\r\n .breadcrumb-current { color: var(--gold); }\r\n .page-tag { display: flex; align-items: center; gap: 10px; margin-bottom: 1.2rem; }\r\n .page-tag-line { width: 28px; height: 1.5px; background: var(--gold); }\r\n .page-tag-text { color: var(--gold); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; }\r\n .page-hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(36px, 5vw, 56px);\r\n font-weight: 700; color: #fff;\r\n line-height: 1.1; margin-bottom: 1rem;\r\n }\r\n .page-hero h1 em { color: var(--gold); font-style: normal; }\r\n .page-hero p { color: rgba(255,255,255,0.55); font-size: 15px; font-weight: 300; max-width: 520px; }\r\n\r\n \/* \u2500\u2500 CONTACT STRIP \u2500\u2500 *\/\r\n .contact-strip {\r\n background: var(--gold);\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n border-bottom: 3px solid var(--steel);\r\n }\r\n .strip-item {\r\n display: flex; align-items: center; gap: 14px;\r\n padding: 1.4rem 2rem;\r\n border-right: 1px solid rgba(26,35,50,0.15);\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n .strip-item:last-child { border-right: none; }\r\n .strip-item:hover { background: var(--gold-light); }\r\n .strip-icon {\r\n width: 42px; height: 42px; flex-shrink: 0;\r\n background: var(--steel);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .strip-icon svg { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n .strip-label { font-size: 10px; font-weight: 500; color: var(--steel); opacity: 0.6; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 3px; }\r\n .strip-value { font-size: 14px; font-weight: 500; color: var(--steel); }\r\n\r\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\r\n .contact-main {\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr;\r\n gap: 0;\r\n min-height: 700px;\r\n }\r\n\r\n \/* \u2500\u2500 LEFT PANEL \u2500\u2500 *\/\r\n .contact-left {\r\n background: var(--steel-mid);\r\n padding: 3.5rem 2.5rem;\r\n display: flex; flex-direction: column; gap: 2rem;\r\n }\r\n .left-heading {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 26px; font-weight: 600; color: #fff;\r\n line-height: 1.3; margin-bottom: 0.5rem;\r\n }\r\n .left-sub { font-size: 13.5px; color: rgba(255,255,255,0.5); font-weight: 300; line-height: 1.7; }\r\n\r\n .divider { height: 1px; background: rgba(255,255,255,0.08); }\r\n\r\n .info-block { display: flex; flex-direction: column; gap: 1.25rem; }\r\n .info-item { display: flex; align-items: flex-start; gap: 14px; }\r\n .info-item-icon {\r\n width: 38px; height: 38px; flex-shrink: 0;\r\n border: 1px solid rgba(201,168,76,0.35);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .info-item-icon svg { width: 17px; height: 17px; stroke: var(--gold); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n .info-item-label { font-size: 10px; color: var(--gold); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 3px; }\r\n .info-item-value { font-size: 13.5px; color: rgba(255,255,255,0.85); font-weight: 400; }\r\n .info-item-value a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.2s; }\r\n .info-item-value a:hover { color: var(--gold); }\r\n\r\n .social-block { display: flex; flex-direction: column; gap: 10px; }\r\n .social-label { font-size: 10px; color: rgba(255,255,255,0.4); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 4px; }\r\n .social-links { display: flex; gap: 10px; }\r\n .social-link {\r\n width: 36px; height: 36px;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n display: flex; align-items: center; justify-content: center;\r\n text-decoration: none; transition: all 0.2s;\r\n }\r\n .social-link:hover { border-color: var(--gold); background: rgba(201,168,76,0.1); }\r\n .social-link svg { width: 16px; height: 16px; stroke: rgba(255,255,255,0.5); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n .social-link:hover svg { stroke: var(--gold); }\r\n\r\n .hours-block { display: flex; flex-direction: column; gap: 8px; }\r\n .hours-row { display: flex; justify-content: space-between; align-items: center; }\r\n .hours-day { font-size: 12px; color: rgba(255,255,255,0.5); }\r\n .hours-time { font-size: 12px; color: rgba(255,255,255,0.8); font-weight: 500; }\r\n .hours-badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(60,180,100,0.15);\r\n border: 1px solid rgba(60,180,100,0.3);\r\n color: #6ee095;\r\n font-size: 11px; padding: 3px 10px;\r\n margin-bottom: 12px;\r\n }\r\n .hours-dot { width: 6px; height: 6px; background: #6ee095; border-radius: 50%; }\r\n\r\n \/* \u2500\u2500 RIGHT PANEL (FORM) \u2500\u2500 *\/\r\n .contact-right {\r\n background: var(--cream);\r\n padding: 3.5rem;\r\n }\r\n .form-section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 24px; font-weight: 600;\r\n color: var(--text-dark); margin-bottom: 0.4rem;\r\n }\r\n .form-section-sub { font-size: 13.5px; color: var(--text-light); margin-bottom: 2rem; }\r\n\r\n .inquiry-tabs {\r\n display: flex; gap: 0; margin-bottom: 2.5rem;\r\n border: 1px solid var(--border);\r\n }\r\n .tab-btn {\r\n flex: 1; padding: 10px 12px;\r\n background: var(--white); border: none;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 12px; font-weight: 500;\r\n color: var(--text-light); letter-spacing: 0.8px; text-transform: uppercase;\r\n cursor: pointer; transition: all 0.2s;\r\n border-right: 1px solid var(--border);\r\n }\r\n .tab-btn:last-child { border-right: none; }\r\n .tab-btn.active { background: var(--steel); color: var(--gold); }\r\n .tab-btn:hover:not(.active) { background: var(--cream); color: var(--text-dark); }\r\n\r\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\r\n .form-group { display: flex; flex-direction: column; gap: 6px; }\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n .form-label {\r\n font-size: 11px; font-weight: 500;\r\n color: var(--text-mid);\r\n letter-spacing: 1px; text-transform: uppercase;\r\n }\r\n .form-label .required { color: var(--gold); margin-left: 2px; }\r\n .form-control {\r\n padding: 11px 14px;\r\n border: 1px solid var(--border);\r\n background: var(--white);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 14px; color: var(--text-dark);\r\n outline: none; transition: border-color 0.2s;\r\n -webkit-appearance: none;\r\n }\r\n .form-control:focus { border-color: var(--gold); }\r\n .form-control::placeholder { color: var(--text-light); }\r\n textarea.form-control { resize: vertical; min-height: 120px; }\r\n select.form-control { cursor: pointer; }\r\n\r\n .form-note {\r\n font-size: 12px; color: var(--text-light);\r\n display: flex; align-items: flex-start; gap: 8px;\r\n padding: 12px 14px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-left: 3px solid var(--gold);\r\n }\r\n .form-note svg { width: 14px; height: 14px; flex-shrink: 0; margin-top: 1px; stroke: var(--gold); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n .form-footer {\r\n display: flex; align-items: center;\r\n justify-content: space-between; flex-wrap: wrap; gap: 1rem;\r\n margin-top: 1.75rem; padding-top: 1.75rem;\r\n border-top: 1px solid var(--border);\r\n }\r\n .form-privacy { font-size: 12px; color: var(--text-light); max-width: 280px; line-height: 1.5; }\r\n .submit-btn {\r\n background: var(--steel);\r\n color: var(--white);\r\n border: none; padding: 14px 32px;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 13px; font-weight: 500;\r\n letter-spacing: 0.8px; text-transform: uppercase;\r\n cursor: pointer; transition: all 0.2s;\r\n display: flex; align-items: center; gap: 10px;\r\n }\r\n .submit-btn:hover { background: var(--gold); color: var(--steel); }\r\n .submit-btn:active { transform: scale(0.98); }\r\n .submit-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n \/* \u2500\u2500 SUCCESS STATE \u2500\u2500 *\/\r\n .success-msg {\r\n display: none;\r\n flex-direction: column; align-items: center; justify-content: center;\r\n text-align: center; padding: 3rem;\r\n gap: 1rem;\r\n }\r\n .success-icon {\r\n width: 64px; height: 64px;\r\n border: 2px solid var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 0.5rem;\r\n }\r\n .success-icon svg { width: 28px; height: 28px; stroke: var(--gold); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .success-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: var(--text-dark); }\r\n .success-sub { font-size: 14px; color: var(--text-light); max-width: 320px; line-height: 1.6; }\r\n\r\n \/* \u2500\u2500 MAP SECTION \u2500\u2500 *\/\r\n .map-section { background: var(--steel); padding: 0; position: relative; overflow: hidden; }\r\n .map-placeholder {\r\n height: 280px;\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative;\r\n background: var(--steel-mid);\r\n }\r\n .map-grid-overlay {\r\n position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(201,168,76,0.08) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(201,168,76,0.08) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n }\r\n .map-pin {\r\n position: relative; z-index: 1;\r\n display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n }\r\n .map-pin-dot {\r\n width: 48px; height: 48px;\r\n background: var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .map-pin-dot svg { width: 22px; height: 22px; stroke: var(--steel); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .map-pin-label {\r\n background: var(--steel); color: var(--white);\r\n font-size: 13px; font-weight: 500; padding: 6px 16px;\r\n letter-spacing: 0.5px;\r\n }\r\n .map-rings {\r\n position: absolute;\r\n width: 200px; height: 200px;\r\n border: 1px solid rgba(201,168,76,0.2);\r\n border-radius: 50%;\r\n animation: pulse-ring 2.5s ease-out infinite;\r\n }\r\n .map-rings-2 {\r\n width: 300px; height: 300px;\r\n animation-delay: 0.8s;\r\n }\r\n @keyframes pulse-ring { 0% { opacity: 0.5; transform: scale(0.7); } 100% { opacity: 0; transform: scale(1.3); } }\r\n\r\n \/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n .faq-section { padding: 4rem 3rem; background: var(--white); }\r\n .faq-inner { max-width: 760px; margin: 0 auto; }\r\n .section-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 0.8rem; }\r\n .eyebrow-line { width: 22px; height: 2px; background: var(--gold); }\r\n .eyebrow-text { font-size: 11px; font-weight: 500; color: var(--gold); letter-spacing: 2px; text-transform: uppercase; }\r\n .faq-title { font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 700; color: var(--text-dark); margin-bottom: 2.5rem; }\r\n .faq-item { border-bottom: 1px solid var(--border); }\r\n .faq-q {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 1.25rem 0; cursor: pointer; gap: 1rem;\r\n }\r\n .faq-q-text { font-size: 15px; font-weight: 500; color: var(--text-dark); }\r\n .faq-toggle {\r\n width: 28px; height: 28px; flex-shrink: 0;\r\n border: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: all 0.2s;\r\n }\r\n .faq-toggle svg { width: 14px; height: 14px; stroke: var(--text-light); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; }\r\n .faq-item.open .faq-toggle { background: var(--steel); border-color: var(--steel); }\r\n .faq-item.open .faq-toggle svg { stroke: var(--gold); transform: rotate(45deg); }\r\n .faq-a { font-size: 14px; color: var(--text-mid); line-height: 1.7; max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.3s; }\r\n .faq-item.open .faq-a { max-height: 200px; padding-bottom: 1.25rem; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--steel);\r\n padding: 2.5rem 3rem;\r\n display: flex; align-items: center;\r\n justify-content: space-between; flex-wrap: wrap; gap: 1rem;\r\n }\r\n .footer-left { display: flex; align-items: center; gap: 10px; }\r\n .footer-copy { font-size: 12px; color: rgba(255,255,255,0.35); }\r\n .footer-right { display: flex; gap: 1.5rem; }\r\n .footer-right a { font-size: 12px; color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; }\r\n .footer-right a:hover { color: var(--gold); }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n nav { padding: 0 1.5rem; }\r\n .nav-links { display: none; }\r\n .contact-main { grid-template-columns: 1fr; }\r\n .contact-strip { grid-template-columns: 1fr; }\r\n .strip-item { border-right: none; border-bottom: 1px solid rgba(26,35,50,0.15); }\r\n .strip-item:last-child { border-bottom: none; }\r\n .contact-right { padding: 2rem 1.5rem; }\r\n .contact-left { padding: 2rem 1.5rem; }\r\n .form-grid { grid-template-columns: 1fr; }\r\n .form-group.full { grid-column: 1; }\r\n .page-hero { padding: 2.5rem 1.5rem 2rem; }\r\n .faq-section { padding: 3rem 1.5rem; }\r\n footer { padding: 2rem 1.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<div class=\"page-hero\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"breadcrumb-sep\">\/<\/span>\r\n <span class=\"breadcrumb-current\">Contact Us<\/span>\r\n <\/div>\r\n <div class=\"page-tag\">\r\n <div class=\"page-tag-line\"><\/div>\r\n <span class=\"page-tag-text\">Get in Touch<\/span>\r\n <\/div>\r\n <h1>We're Here to<br><em>Help You<\/em><\/h1>\r\n <p>Whether you need a catalogue, bulk pricing, custom instruments, or export information \u2014 our team responds within 24 hours.<\/p>\r\n<\/div>\r\n\r\n<!-- QUICK CONTACT STRIP -->\r\n<div class=\"contact-strip\">\r\n <div class=\"strip-item\">\r\n <div class=\"strip-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8a19.79 19.79 0 01-3.07-8.67A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"strip-label\">Phone \/ WhatsApp<\/div>\r\n <div class=\"strip-value\">+92 300 000 0000<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\">\r\n <div class=\"strip-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"strip-label\">Email<\/div>\r\n <div class=\"strip-value\">info@hssurgical.com<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"strip-item\">\r\n <div class=\"strip-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"strip-label\">Instagram<\/div>\r\n <div class=\"strip-value\">@hssurgical.instrument<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN CONTACT SECTION -->\r\n<div class=\"contact-main\" id=\"inquiry-form\">\r\n\r\n <!-- LEFT: Info Panel -->\r\n <div class=\"contact-left\">\r\n <div>\r\n <div class=\"left-heading\">Let's Start a Conversation<\/div>\r\n <div class=\"left-sub\">Send us your requirements and we'll get back to you with pricing, availability, and shipping details.<\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <div class=\"info-block\">\r\n <div class=\"info-item\">\r\n <div class=\"info-item-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8a19.79 19.79 0 01-3.07-8.67A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"info-item-label\">Phone & WhatsApp<\/div>\r\n <div class=\"info-item-value\"><a href=\"tel:+923000000000\">+92 300 000 0000<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <div class=\"info-item-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"info-item-label\">Email Address<\/div>\r\n <div class=\"info-item-value\"><a href=\"mailto:info@hssurgical.com\">info@hssurgical.com<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <div class=\"info-item-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"info-item-label\">Location<\/div>\r\n <div class=\"info-item-value\">Sialkot \/ Gujranwala, Punjab, Pakistan<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <div class=\"info-item-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"info-item-label\">Response Time<\/div>\r\n <div class=\"info-item-value\">Within 24 hours<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <div class=\"hours-block\">\r\n <div class=\"hours-badge\">\r\n <div class=\"hours-dot\"><\/div>\r\n We're currently open\r\n <\/div>\r\n <div class=\"hours-row\">\r\n <span class=\"hours-day\">Monday \u2013 Friday<\/span>\r\n <span class=\"hours-time\">9:00 AM \u2013 6:00 PM PKT<\/span>\r\n <\/div>\r\n <div class=\"hours-row\">\r\n <span class=\"hours-day\">Saturday<\/span>\r\n <span class=\"hours-time\">10:00 AM \u2013 3:00 PM PKT<\/span>\r\n <\/div>\r\n <div class=\"hours-row\">\r\n <span class=\"hours-day\">Sunday<\/span>\r\n <span class=\"hours-time\">Closed<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <div class=\"social-block\">\r\n <div class=\"social-label\">Follow Us<\/div>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.instagram.com\/hssurgical.instrument\" class=\"social-link\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"mailto:info@hssurgical.com\" class=\"social-link\" aria-label=\"Email\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: Form -->\r\n <div class=\"contact-right\">\r\n <div class=\"form-section-title\">Send Your Inquiry<\/div>\r\n <div class=\"form-section-sub\">Fill in the details below and we'll respond with pricing and availability.<\/div>\r\n\r\n <div class=\"inquiry-tabs\" role=\"tablist\">\r\n <button class=\"tab-btn active\" onclick=\"switchTab(this)\" role=\"tab\">Product Inquiry<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchTab(this)\" role=\"tab\">Bulk \/ Export Order<\/button>\r\n <button class=\"tab-btn\" onclick=\"switchTab(this)\" role=\"tab\">Custom Order<\/button>\r\n <\/div>\r\n\r\n <form id=\"contact-form\" onsubmit=\"handleSubmit(event)\" novalidate>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"fname\">First Name <span class=\"required\">*<\/span><\/label>\r\n <input class=\"form-control\" type=\"text\" id=\"fname\" name=\"fname\" placeholder=\"Ahmed\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"lname\">Last Name <span class=\"required\">*<\/span><\/label>\r\n <input class=\"form-control\" type=\"text\" id=\"lname\" name=\"lname\" placeholder=\"Khan\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">Email Address <span class=\"required\">*<\/span><\/label>\r\n <input class=\"form-control\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"phone\">Phone \/ WhatsApp<\/label>\r\n <input class=\"form-control\" type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 234 567 8900\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"company\">Company \/ Hospital<\/label>\r\n <input class=\"form-control\" type=\"text\" id=\"company\" name=\"company\" placeholder=\"Your organization\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"country\">Country <span class=\"required\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"country\" name=\"country\" required>\r\n <option value=\"\" disabled selected>Select country<\/option>\r\n <option>Pakistan<\/option>\r\n <option>United States<\/option>\r\n <option>United Kingdom<\/option>\r\n <option>Germany<\/option>\r\n <option>UAE<\/option>\r\n <option>Saudi Arabia<\/option>\r\n <option>Australia<\/option>\r\n <option>Canada<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"category\">Instrument Category <span class=\"required\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"category\" name=\"category\" required>\r\n <option value=\"\" disabled selected>Select category<\/option>\r\n <option>General Surgery<\/option>\r\n <option>Dental Instruments<\/option>\r\n <option>Ophthalmic<\/option>\r\n <option>Orthopedic<\/option>\r\n <option>ENT Instruments<\/option>\r\n <option>Veterinary<\/option>\r\n <option>Multiple \/ Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"quantity\">Estimated Quantity<\/label>\r\n <input class=\"form-control\" type=\"text\" id=\"quantity\" name=\"quantity\" placeholder=\"e.g. 50 pcs, 10 sets\">\r\n <\/div>\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"message\">Message \/ Specific Requirements <span class=\"required\">*<\/span><\/label>\r\n <textarea class=\"form-control\" id=\"message\" name=\"message\" placeholder=\"Describe the instruments you need, any specific grades, finishes, or quantities. Mention if you need a full catalogue.\" required><\/textarea>\r\n <\/div>\r\n <div class=\"form-group full\">\r\n <div class=\"form-note\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>All instruments are medical-grade stainless steel. Custom branding, packaging, and OEM orders are available on request.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-footer\">\r\n <div class=\"form-privacy\">Your information is kept confidential and used only to respond to your inquiry.<\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\r\n Send Inquiry\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"success-msg\" id=\"success-msg\">\r\n <div class=\"success-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"success-title\">Inquiry Sent!<\/div>\r\n <div class=\"success-sub\">Thank you for reaching out. Our team will get back to you within 24 hours with pricing and availability.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MAP -->\r\n<div class=\"map-section\">\r\n <div class=\"map-placeholder\">\r\n <div class=\"map-grid-overlay\"><\/div>\r\n <div class=\"map-rings\"><\/div>\r\n <div class=\"map-rings map-rings-2\"><\/div>\r\n <div class=\"map-pin\">\r\n <div class=\"map-pin-dot\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div class=\"map-pin-label\">HS Surgical \u2014 Sialkot \/ Gujranwala, Pakistan<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FAQ -->\r\n<div class=\"faq-section\">\r\n <div class=\"faq-inner\">\r\n <div class=\"section-eyebrow\">\r\n <div class=\"eyebrow-line\"><\/div>\r\n <span class=\"eyebrow-text\">Common Questions<\/span>\r\n <\/div>\r\n <div class=\"faq-title\">Frequently Asked Questions<\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span class=\"faq-q-text\">Do you ship internationally?<\/span>\r\n <div class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"faq-a\">Yes, we ship worldwide. We have experience exporting to the US, UK, Germany, UAE, Saudi Arabia, Australia, and many other countries. Shipping costs and timelines are shared in the quotation.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span class=\"faq-q-text\">What is the minimum order quantity (MOQ)?<\/span>\r\n <div class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"faq-a\">MOQ varies by product. For most instruments, we accept orders from as low as 10\u201320 pieces. For custom or OEM orders, minimum quantities may be higher. Please mention your requirement in the inquiry form.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span class=\"faq-q-text\">Are your instruments ISO certified?<\/span>\r\n <div class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"faq-a\">Our manufacturing processes follow international quality standards. We produce instruments from medical-grade and German stainless steel. Certification documentation is available upon request for import compliance.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span class=\"faq-q-text\">Can I request custom-branded or OEM instruments?<\/span>\r\n <div class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"faq-a\">Yes. We offer OEM and custom branding services including laser engraving, custom packaging, and instrument modification. Select \"Custom Order\" in the inquiry type and provide your specifications.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n <span class=\"faq-q-text\">How long does production and delivery take?<\/span>\r\n <div class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"faq-a\">Standard stock items ship within 3\u20137 business days. Custom or large bulk orders may take 2\u20134 weeks for production. International delivery typically takes 7\u201314 days depending on destination and shipping method.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\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 \u2014 HS Surgical Instrument Home \/ Contact Us Get in Touch We’re Here toHelp You Whether you need a catalogue, bulk pricing, custom instruments, or export information \u2014 our team responds within 24 hours. Phone \/ WhatsApp +92 300 000 0000 Email info@hssurgical.com Instagram @hssurgical.instrument Let’s Start a Conversation Send us your requirements […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":32,"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/hs-surgicalinstruments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}