{"id":50,"date":"2026-10-21T06:19:36","date_gmt":"2026-10-21T06:19:36","guid":{"rendered":"https:\/\/knockoutbelts.com\/?page_id=50"},"modified":"2026-10-21T07:04:16","modified_gmt":"2026-10-21T07:04:16","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/knockoutbelts.com\/?page_id=50","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9724872 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"9724872\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d345432 elementor-widget elementor-widget-shortcode\" data-id=\"d345432\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Knockout Belts \u2014 Contact Us | Elementor \"HTML\" widget ya Gutenberg \"Custom HTML\" block -->\n<!--\n  ==========================================================================\n  BADALNI WALI CHEEZEN \u2014 file me har jagah \"EDIT\" likha hai:\n\n  EDIT-1  PHONE \/ WHATSAPP  -> niche <script> me PHONE aur WA.\n          PHONE me wo likhein jo screen par dikhe: +92 340 491 8239\n          WA   me 0 hata kar 92 wala:            923404918239\n          Ek hi jagah badlein - poore page me khud lag jayega.\n\n  EDIT-2  EMAIL -> script me EMAIL_TO.\n\n  EDIT-3  BUSINESS HOURS -> script me HOURS. (Abhi andaza laga kar likha hai.)\n\n  EDIT-4  SOCIAL LINKS -> script me SOCIAL. Jo link \"#\" rahega wo button\n          khud chhup jayega - tuta hua link kisi ko nahi dikhega.\n\n  EDIT-5  MAP -> Sialkot ka general map laga hai. Apni exact location chahiye to\n          Google Maps > Share > Embed a map > src copy karke niche lagayen.\n          Map nahi chahiye to neeche \"MAP\" wala poora section mita dein.\n\n  EDIT-6  FAQ JAWABAT -> sab padh kar confirm kar lein. Jo aapke kaam se\n          match na kare, badal dein. (Turnaround, minimum order waghera.)\n  ==========================================================================\n  FORM ABHI KAISE CHALTA HAI:\n  Submit dabate hi customer ka email app khul jata hai, sab kuch bhara hua.\n  Customer ko sirf \"send\" dabana hota hai.\n  Behtar: Contact Form 7 \/ Fluent Forms laga lein - phir email khud aapke\n  inbox me aayegi. Us ki styling bhi is file me pehle se maujood hai;\n  <form ...> se <\/form> tak mita kar shortcode paste kar dein.\n  ==========================================================================\n-->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Oswald:wght@500;600;700&display=swap');\n\n\/* Sirf background - theme ki spacing ko haath nahi lagana (warna content header par charh jata hai) *\/\nhtml,body,\n.website-wrapper,.main-page-wrapper,.page-wrapper,\n.site-content,.content-area,.site-main,#main,#content{background-color:#0d0d0d!important}\n\n#kob-ct{--g:#c9a24d;--g2:#f0d79a;--gdim:rgba(201,162,77,.12);\n --dark:#0d0d0d;--dark2:#141414;--light:#f5f4f0;--white:#fff;\n --tx:#f2ece0;--mut:rgba(255,255,255,.5);--err:#e35d54;\n width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow-x:hidden;\n background:var(--dark);color:var(--tx);font-family:Inter,Arial,sans-serif;line-height:1.5;\n -webkit-text-size-adjust:100%}\n#kob-ct *,#kob-ct *::before,#kob-ct *::after{box-sizing:border-box}\n#kob-ct img{max-width:100%;height:auto;border:0;box-shadow:none}\n#kob-ct a{text-decoration:none;box-shadow:none;border-bottom:0}\n#kob-ct p{margin:0;padding:0}\n#kob-ct h1,#kob-ct h2,#kob-ct h3{font-family:Oswald,Impact,sans-serif!important;margin:0;padding:0;\n font-weight:600;line-height:1.12;letter-spacing:.01em!important;text-transform:uppercase!important}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .hero{position:relative;background:var(--dark);min-height:380px;display:flex;align-items:center;\n overflow:hidden;padding:150px 60px 80px}\n#kob-ct .hero-pattern{position:absolute;inset:0;z-index:0;background-image:\n repeating-linear-gradient(60deg,transparent,transparent 34px,rgba(201,162,77,.04) 34px,rgba(201,162,77,.04) 35px),\n repeating-linear-gradient(-60deg,transparent,transparent 34px,rgba(201,162,77,.04) 34px,rgba(201,162,77,.04) 35px)}\n#kob-ct .hero-accent{position:absolute;top:0;left:0;right:0;height:5px;z-index:2;\n background:linear-gradient(90deg,var(--g) 0%,var(--g2) 50%,transparent 100%)}\n#kob-ct .hero-bg-text{position:absolute;right:-20px;bottom:-30px;z-index:0;pointer-events:none;\n user-select:none;font-family:Oswald,Impact,sans-serif;font-size:clamp(120px,18vw,240px);font-weight:700;\n line-height:1;letter-spacing:-5px;color:rgba(201,162,77,.035)}\n#kob-ct .hero-content{position:relative;z-index:3;max-width:700px}\n#kob-ct .hero h1{font-size:clamp(38px,5.8vw,72px);line-height:1.02;color:var(--white)!important;\n margin-bottom:20px}\n#kob-ct .hero h1 span{color:var(--g)!important}\n#kob-ct .hero-desc{font-size:15px;font-weight:300;line-height:1.8;color:rgba(255,255,255,.5);max-width:520px}\n\n#kob-ct .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;\n letter-spacing:3px;text-transform:uppercase;color:var(--g);margin-bottom:18px}\n#kob-ct .eyebrow::before{content:\"\";display:block;width:30px;height:2px;background:var(--g)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CONTACT CARD \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .contact-section{background:var(--light);padding:0 60px 100px}\n#kob-ct .contact-wrap{max-width:1200px;margin:0 auto -60px;display:grid;grid-template-columns:1fr 1.55fr;\n border-radius:4px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35);transform:translateY(-60px)}\n\n#kob-ct .contact-info{position:relative;overflow:hidden;background:var(--dark);padding:60px 48px}\n#kob-ct .contact-info::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--g)}\n#kob-ct .contact-info .pat{position:absolute;inset:0;pointer-events:none;background-image:\n repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(201,162,77,.016) 30px,rgba(201,162,77,.016) 31px)}\n#kob-ct .ci-body{position:relative;z-index:1}\n#kob-ct .contact-info h2{font-size:clamp(22px,2.5vw,31px);color:var(--white)!important;margin-bottom:16px}\n#kob-ct .contact-info h2 span{color:var(--g)!important}\n#kob-ct .ci-body>p{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.45);margin-bottom:34px}\n\n#kob-ct .info-item{display:flex;align-items:flex-start;gap:18px;padding:19px 0;\n border-bottom:1px solid rgba(255,255,255,.06)}\n#kob-ct .info-item:last-child{border-bottom:none}\n#kob-ct .info-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;\n background:var(--gdim);border:1px solid rgba(201,162,77,.25);border-radius:3px}\n#kob-ct .info-icon svg{width:20px;height:20px;fill:var(--g)}\n#kob-ct .info-text .label{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\n color:rgba(201,162,77,.65);margin-bottom:4px}\n#kob-ct .info-text .value{font-size:13.5px;font-weight:500;line-height:1.55;color:rgba(255,255,255,.85)}\n#kob-ct .info-text .value a{display:inline-block;padding:5px 0;color:inherit;transition:color .2s}\n#kob-ct .info-text .value a:hover{color:var(--g)}\n\n#kob-ct .social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}\n#kob-ct .social-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;\n background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:3px;\n transition:background .2s,border-color .2s}\n#kob-ct .social-btn:hover{background:var(--gdim);border-color:rgba(201,162,77,.4)}\n#kob-ct .social-btn svg{width:16px;height:16px;fill:rgba(255,255,255,.6);transition:fill .2s}\n#kob-ct .social-btn:hover svg{fill:var(--g)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FORM PANEL \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .form-panel{background:#fff;padding:60px 56px}\n#kob-ct .form-panel .eyebrow{color:#b08a2e;margin-bottom:10px}\n#kob-ct .form-panel .eyebrow::before{background:#b08a2e}\n#kob-ct .form-panel h2{font-size:clamp(22px,2.5vw,31px);color:var(--dark)!important;margin-bottom:8px}\n#kob-ct .form-panel h2 span{color:#b08a2e!important}\n#kob-ct .form-panel>p{font-size:13.5px;color:#888;line-height:1.7;margin-bottom:32px}\n\n\/* form grid - CF7 shortcode daalne par bhi yahi styling lagegi *\/\n#kob-ct .cf7-wrapper form,#kob-ct .cf7-wrapper .wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n#kob-ct .cf7-wrapper .field-group{display:flex;flex-direction:column;min-width:0}\n#kob-ct .cf7-wrapper .field-group.full{grid-column:1\/-1}\n#kob-ct .cf7-wrapper label,#kob-ct .cf7-wrapper .field-label{display:block;margin-bottom:7px;\n font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#888}\n#kob-ct .cf7-wrapper label b{color:#b08a2e}\n#kob-ct .cf7-wrapper input[type=text],#kob-ct .cf7-wrapper input[type=email],\n#kob-ct .cf7-wrapper input[type=tel],#kob-ct .cf7-wrapper select,#kob-ct .cf7-wrapper textarea{\n width:100%;padding:13px 16px;font-family:Inter,Arial,sans-serif;font-size:13.5px;font-weight:400;\n color:var(--dark);background:#f7f6f2;border:1.5px solid #e8e5de;border-radius:3px;outline:none;\n transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}\n#kob-ct .cf7-wrapper input:focus,#kob-ct .cf7-wrapper select:focus,#kob-ct .cf7-wrapper textarea:focus{\n border-color:var(--g);background:#fff;box-shadow:0 0 0 3px rgba(201,162,77,.14)}\n#kob-ct .cf7-wrapper input::placeholder,#kob-ct .cf7-wrapper textarea::placeholder{color:#bbb}\n#kob-ct .cf7-wrapper select{cursor:pointer;line-height:1.4;background-color:#f7f6f2;background-repeat:no-repeat;\n background-position:right 16px center;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'\/%3E%3C\/svg%3E\")}\n#kob-ct .cf7-wrapper textarea{resize:vertical;min-height:130px;line-height:1.6}\n#kob-ct .cf7-wrapper .field-group.bad input,#kob-ct .cf7-wrapper .field-group.bad select,\n#kob-ct .cf7-wrapper .field-group.bad textarea{border-color:var(--err);background:#fff8f7}\n#kob-ct .cf7-wrapper .tip{display:none;margin-top:5px;font-size:11px;font-weight:600;color:var(--err)}\n#kob-ct .cf7-wrapper .field-group.bad .tip{display:block}\n#kob-ct .cf7-wrapper .note{margin-top:6px;font-size:11.5px;line-height:1.55;color:#999}\n#kob-ct .cf7-wrapper .count{float:right;font-size:11px;color:#bbb}\n\n#kob-ct .cf7-wrapper input[type=submit],#kob-ct .cf7-wrapper button[type=submit],\n#kob-ct .cf7-wrapper .wpcf7-submit{grid-column:1\/-1;justify-self:start;margin-top:6px;\n display:inline-flex;align-items:center;gap:10px;padding:16px 36px;\n font-family:Oswald,Impact,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;\n text-transform:uppercase;background:var(--g);color:var(--dark);border:2px solid var(--g);\n border-radius:2px;cursor:pointer;transition:background .2s,color .2s,transform .15s}\n#kob-ct .cf7-wrapper button[type=submit] svg{width:17px;height:17px;fill:none;stroke:currentColor;\n stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\n#kob-ct .cf7-wrapper input[type=submit]:hover,#kob-ct .cf7-wrapper button[type=submit]:hover,\n#kob-ct .cf7-wrapper .wpcf7-submit:hover{background:var(--dark);color:var(--g);transform:translateY(-2px)}\n\/* CF7 ke apne messages *\/\n#kob-ct .cf7-wrapper .wpcf7-not-valid-tip{font-size:11px;color:var(--err);margin-top:4px}\n#kob-ct .cf7-wrapper .wpcf7-response-output{grid-column:1\/-1;margin-top:8px;padding:14px 18px;\n border:1.5px solid rgba(201,162,77,.4);border-radius:3px;background:rgba(201,162,77,.08);\n font-size:13px;font-weight:500;color:var(--dark)}\n\n\/* submit ke baad ka paigham *\/\n#kob-ct .sent{grid-column:1\/-1;display:none;margin-top:4px;padding:16px 18px;\n border:1.5px solid rgba(201,162,77,.45);border-radius:3px;background:rgba(201,162,77,.08)}\n#kob-ct .sent.show{display:block}\n#kob-ct .sent b{display:block;margin-bottom:6px;font-size:13.5px;color:#6b5114}\n#kob-ct .sent p{font-size:12.5px;line-height:1.65;color:#7a6a45}\n#kob-ct .sent .fb{display:flex;gap:8px;margin-top:12px}\n#kob-ct .sent .fb input{flex:1;min-width:0;padding:10px 12px;font-size:12.5px;background:#fff;\n border:1.5px solid #e8e5de;border-radius:3px;color:var(--dark);outline:none}\n#kob-ct .sent .fb button{flex:none;padding:10px 16px;background:transparent;color:#6b5114;\n border:1.5px solid var(--g);border-radius:3px;font-family:Oswald,Impact,sans-serif;font-size:12px;\n font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}\n#kob-ct .sent .fb button:hover{background:var(--g);color:var(--dark)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 MAP \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .map-section{background:var(--light);padding:0 60px 100px}\n#kob-ct .map-inner{max-width:1200px;margin:0 auto}\n#kob-ct .map-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;\n flex-wrap:wrap;margin-bottom:36px}\n#kob-ct .map-header .eyebrow{color:#b08a2e;margin-bottom:10px}\n#kob-ct .map-header .eyebrow::before{background:#b08a2e}\n#kob-ct .map-header h2{font-size:clamp(22px,2.5vw,31px);color:var(--dark)!important}\n#kob-ct .map-header h2 span{color:#b08a2e!important}\n#kob-ct .directions-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;\n background:var(--dark);color:var(--g);border:2px solid var(--dark);border-radius:2px;\n font-family:Oswald,Impact,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;\n text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}\n#kob-ct .directions-btn:hover{background:transparent;color:var(--dark)}\n#kob-ct .directions-btn svg{width:15px;height:15px;fill:currentColor}\n#kob-ct .map-frame{position:relative;height:420px;border:3px solid var(--dark);border-radius:4px;overflow:hidden}\n#kob-ct .map-frame iframe{display:block;width:100%;height:100%;border:none;filter:grayscale(.3) contrast(1.05)}\n#kob-ct .map-chip{position:absolute;bottom:20px;left:20px;z-index:10;pointer-events:none;\n display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--dark);\n border:1px solid rgba(201,162,77,.4);border-radius:3px}\n#kob-ct .map-chip svg{flex-shrink:0;width:18px;height:18px;fill:var(--g)}\n#kob-ct .map-chip .top{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g)}\n#kob-ct .map-chip .addr{margin-top:2px;font-size:12px;color:rgba(255,255,255,.8)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .faq-section{position:relative;overflow:hidden;background:var(--dark2);padding:100px 60px}\n#kob-ct .faq-pattern{position:absolute;inset:0;background-image:\n repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(201,162,77,.016) 40px,rgba(201,162,77,.016) 41px)}\n#kob-ct .faq-inner{position:relative;z-index:1;max-width:900px;margin:0 auto}\n#kob-ct .faq-header{text-align:center;margin-bottom:50px}\n#kob-ct .faq-header .eyebrow{margin-bottom:12px}\n#kob-ct .faq-header .eyebrow::after{content:\"\";display:block;width:24px;height:2px;background:var(--g)}\n#kob-ct .faq-header h2{font-size:clamp(24px,3vw,38px);color:var(--white)!important}\n#kob-ct .faq-header h2 span{color:var(--g)!important}\n#kob-ct .faq-list{display:flex;flex-direction:column;gap:2px}\n#kob-ct .faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);\n border-radius:3px;overflow:hidden;transition:border-color .2s}\n#kob-ct .faq-item.open{border-color:rgba(201,162,77,.3)}\n#kob-ct .faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;\n padding:20px 26px;background:transparent;border:0;text-align:left;cursor:pointer;\n font-family:Inter,Arial,sans-serif}\n#kob-ct .faq-q span{font-size:14px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.85);\n transition:color .2s}\n#kob-ct .faq-item.open .faq-q span{color:var(--g)}\n#kob-ct .faq-toggle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;\n justify-content:center;background:var(--gdim);border:1px solid rgba(201,162,77,.2);\n border-radius:2px;transition:background .2s}\n#kob-ct .faq-item.open .faq-toggle{background:var(--g)}\n#kob-ct .faq-toggle svg{width:14px;height:14px;fill:var(--g);transition:transform .3s,fill .2s}\n#kob-ct .faq-item.open .faq-toggle svg{transform:rotate(45deg);fill:var(--dark)}\n#kob-ct .faq-a{max-height:0;overflow:hidden;padding:0 26px;transition:max-height .35s ease,padding .35s ease}\n#kob-ct .faq-item.open .faq-a{max-height:420px;padding:0 26px 22px}\n#kob-ct .faq-a p{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.5)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500 *\/\n#kob-ct .cta-strip{background:var(--g);padding:60px;text-align:center}\n#kob-ct .cta-strip h2{font-size:clamp(22px,3vw,36px);color:var(--dark)!important;margin-bottom:10px}\n#kob-ct .cta-strip p{font-size:15px;color:rgba(0,0,0,.6);margin-bottom:28px}\n#kob-ct .cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}\n#kob-ct .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;\n background:var(--dark);color:var(--g);border:2px solid var(--dark);border-radius:2px;\n font-family:Oswald,Impact,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;\n text-transform:uppercase;transition:background .2s,color .2s}\n#kob-ct .cta-btn:hover{background:transparent;color:var(--dark)}\n#kob-ct .cta-btn svg{width:16px;height:16px;fill:currentColor}\n\n\/* \u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width:960px){\n #kob-ct .hero{padding:120px 32px 70px}\n #kob-ct .contact-section{padding:0 32px 80px}\n #kob-ct .contact-wrap{grid-template-columns:1fr;transform:translateY(-40px);margin-bottom:-40px}\n #kob-ct .contact-info{padding:48px 36px}\n #kob-ct .form-panel{padding:48px 36px}\n #kob-ct .map-section{padding:0 32px 80px}\n #kob-ct .faq-section{padding:80px 32px}\n #kob-ct .cta-strip{padding:48px 32px}\n}\n@media (max-width:640px){\n #kob-ct .hero{padding:100px 18px 56px;min-height:0}\n #kob-ct .hero-bg-text{display:none}\n #kob-ct .contact-section{padding:0 16px 60px}\n #kob-ct .contact-wrap{transform:translateY(-28px);margin-bottom:-28px}\n #kob-ct .contact-info{padding:34px 22px}\n #kob-ct .form-panel{padding:34px 22px}\n #kob-ct .cf7-wrapper form,#kob-ct .cf7-wrapper .wpcf7-form{grid-template-columns:1fr;gap:16px}\n #kob-ct .cf7-wrapper .field-group.full{grid-column:1}\n #kob-ct .cf7-wrapper button[type=submit]{width:100%;justify-content:center}\n #kob-ct .map-section{padding:0 16px 60px}\n #kob-ct .map-frame{height:300px}\n #kob-ct .map-chip{display:none}\n #kob-ct .faq-section{padding:60px 18px}\n #kob-ct .faq-q{padding:17px 18px}\n #kob-ct .faq-a,#kob-ct .faq-item.open .faq-a{padding-left:18px;padding-right:18px}\n #kob-ct .cta-strip{padding:40px 18px}\n #kob-ct .cta-btns{flex-direction:column}\n #kob-ct .cta-btn{justify-content:center}\n #kob-ct .sent .fb{flex-direction:column}\n}\n<\/style>\n\n<div id=\"kob-ct\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-pattern\"><\/div>\n  <div class=\"hero-accent\"><\/div>\n  <div class=\"hero-bg-text\">CONTACT<\/div>\n  <div class=\"hero-content\">\n    <div class=\"eyebrow\">Get In Touch<\/div>\n    <h1>Let's Build<br>Your<br><span>Championship Belt.<\/span><\/h1>\n    <p class=\"hero-desc\">Planning an award for your league, gym, tournament or company? Tell us what you have in mind and we will come back with ideas, artwork and pricing \u2014 straight from the workshop that builds them.<\/p>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"contact-section\">\n  <div class=\"contact-wrap\">\n\n    <!-- LEFT: info -->\n    <div class=\"contact-info\">\n      <div class=\"pat\"><\/div>\n      <div class=\"ci-body\">\n        <div class=\"eyebrow\">Reach Us<\/div>\n        <h2>We're Here<br>to <span>Help You<\/span><\/h2>\n        <p>Whether it is a single trophy belt or a full run for a promotion, we are happy to talk it through before you commit to anything.<\/p>\n\n        <div class=\"info-items\">\n          <div class=\"info-item\">\n            <div class=\"info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg><\/div>\n            <div class=\"info-text\">\n              <div class=\"label\">Phone \/ WhatsApp<\/div>\n              <!-- EDIT-1: script me PHONE \/ WA -->\n              <div class=\"value\"><a id=\"ctPhone\" href=\"#\">&nbsp;<\/a><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"info-item\">\n            <div class=\"info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 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><\/div>\n            <div class=\"info-text\">\n              <div class=\"label\">Email<\/div>\n              <!-- EDIT-2 -->\n              <div class=\"value\"><a id=\"ctEmail\" href=\"#\">&nbsp;<\/a><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"info-item\">\n            <div class=\"info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><\/div>\n            <div class=\"info-text\">\n              <div class=\"label\">Workshop<\/div>\n              <div class=\"value\">Sialkot, Pakistan<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"info-item\">\n            <div class=\"info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg><\/div>\n            <div class=\"info-text\">\n              <div class=\"label\">Business Hours<\/div>\n              <!-- EDIT-3 -->\n              <div class=\"value\" id=\"ctHours\">&nbsp;<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- EDIT-4: links script me. Jo \"#\" rahega wo button khud chhup jayega -->\n        <div class=\"social-row\" id=\"ctSocial\">\n          <a class=\"social-btn\" data-k=\"whatsapp\" href=\"#\" title=\"WhatsApp\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n          <\/a>\n          <a class=\"social-btn\" data-k=\"facebook\" href=\"#\" title=\"Facebook\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n          <\/a>\n          <a class=\"social-btn\" data-k=\"instagram\" href=\"#\" title=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n          <a class=\"social-btn\" data-k=\"tiktok\" href=\"#\" title=\"TikTok\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19.6 5.8a5.2 5.2 0 01-3.2-1.1 5.2 5.2 0 01-2-3.4h-3.4v13.1a3.1 3.1 0 11-2.2-3v-3.5a6.6 6.6 0 105.6 6.5V8.9a8.6 8.6 0 005.2 1.7V5.8z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: form -->\n    <div class=\"form-panel\">\n      <div class=\"eyebrow\">Send A Message<\/div>\n      <h2>Request a <span>Quote<\/span><\/h2>\n      <p>Fill in the details below. We review every enquiry and reply with artwork ideas, pricing and timing.<\/p>\n\n      <!--\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      CONTACT FORM 7 LAGANA HO TO:\n      Niche <form ...> se <\/form> tak ka poora hissa mita dein aur\n      wahan apna shortcode paste kar dein, jaise:\n        [contact-form-7 id=\"123\" title=\"Contact form\"]\n\n      CF7 ke \"Form\" tab me ye code daalein (styling khud lag jayegi):\n\n      <div class=\"field-group\">\n        <label>First Name <b>*<\/b><\/label>\n        [text* first-name placeholder \"e.g. James\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Last Name <b>*<\/b><\/label>\n        [text* last-name placeholder \"e.g. Anderson\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Email Address <b>*<\/b><\/label>\n        [email* your-email placeholder \"you@company.com\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Phone \/ WhatsApp<\/label>\n        [tel your-phone placeholder \"+92 300 0000000\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Organisation \/ Club<\/label>\n        [text your-org placeholder \"League, gym, company or brand\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Country<\/label>\n        [text your-country placeholder \"e.g. Pakistan, UAE, USA\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>Belt Style <b>*<\/b><\/label>\n        [select* belt-style \"Wrestling style\" \"Boxing style\" \"MMA style\" \"Award \/ corporate belt\" \"Fully custom design\" \"Not sure yet\"]\n      <\/div>\n      <div class=\"field-group\">\n        <label>How Many Belts <b>*<\/b><\/label>\n        [select* quantity \"1 belt\" \"2 \u2013 5 belts\" \"6 \u2013 20 belts\" \"21 \u2013 50 belts\" \"50+ belts\"]\n      <\/div>\n      <div class=\"field-group full\">\n        <label>Plate Wording \/ Names<\/label>\n        [text plate-text placeholder \"e.g. CITY CHAMPIONS 2026\"]\n      <\/div>\n      <div class=\"field-group full\">\n        <label>Your Belt \u2014 Details<\/label>\n        [textarea your-message placeholder \"Colours, side-plate ideas, logos, the event it is for, your deadline...\"]\n      <\/div>\n      [submit \"Send Enquiry\"]\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      -->\n\n      <div class=\"cf7-wrapper\">\n        <form id=\"ctForm\" novalidate>\n\n          <div class=\"field-group\">\n            <label for=\"ctFirst\">First Name <b>*<\/b><\/label>\n            <input type=\"text\" id=\"ctFirst\" autocomplete=\"given-name\" placeholder=\"e.g. James\">\n            <span class=\"tip\">Please enter your first name.<\/span>\n          <\/div>\n          <div class=\"field-group\">\n            <label for=\"ctLast\">Last Name<\/label>\n            <input type=\"text\" id=\"ctLast\" autocomplete=\"family-name\" placeholder=\"e.g. Anderson\">\n          <\/div>\n\n          <div class=\"field-group\">\n            <label for=\"ctEmailIn\">Email Address <b>*<\/b><\/label>\n            <input type=\"email\" id=\"ctEmailIn\" autocomplete=\"email\" placeholder=\"you@company.com\">\n            <span class=\"tip\">Please enter a valid email address.<\/span>\n          <\/div>\n          <div class=\"field-group\">\n            <label for=\"ctPhoneIn\">Phone \/ WhatsApp<\/label>\n            <input type=\"tel\" id=\"ctPhoneIn\" autocomplete=\"tel\" placeholder=\"+92 300 0000000\">\n          <\/div>\n\n          <div class=\"field-group\">\n            <label for=\"ctOrg\">Organisation \/ Club<\/label>\n            <input type=\"text\" id=\"ctOrg\" placeholder=\"League, gym, company or brand\">\n          <\/div>\n          <div class=\"field-group\">\n            <label for=\"ctCountry\">Country<\/label>\n            <input type=\"text\" id=\"ctCountry\" placeholder=\"e.g. Pakistan, UAE, USA\">\n          <\/div>\n\n          <div class=\"field-group\">\n            <label for=\"ctStyle\">Belt Style <b>*<\/b><\/label>\n            <select id=\"ctStyle\">\n              <option value=\"\" disabled selected>Select a style<\/option>\n              <option>Wrestling style<\/option>\n              <option>Boxing style<\/option>\n              <option>MMA style<\/option>\n              <option>Award \/ corporate belt<\/option>\n              <option>Fully custom design<\/option>\n              <option>Not sure yet<\/option>\n            <\/select>\n            <span class=\"tip\">Please choose a style.<\/span>\n          <\/div>\n          <div class=\"field-group\">\n            <label for=\"ctQty\">How Many Belts <b>*<\/b><\/label>\n            <select id=\"ctQty\">\n              <option value=\"\" disabled selected>Select quantity<\/option>\n              <option>1 belt<\/option>\n              <option>2 \u2013 5 belts<\/option>\n              <option>6 \u2013 20 belts<\/option>\n              <option>21 \u2013 50 belts<\/option>\n              <option>50+ belts<\/option>\n            <\/select>\n            <span class=\"tip\">Please choose a quantity.<\/span>\n          <\/div>\n\n          <div class=\"field-group full\">\n            <label for=\"ctPlate\">Plate Wording \/ Names<\/label>\n            <input type=\"text\" id=\"ctPlate\" placeholder=\"e.g. CITY CHAMPIONS 2026\">\n          <\/div>\n\n          <div class=\"field-group full\">\n            <label for=\"ctMsg\">Your Belt \u2014 Details <b>*<\/b><\/label>\n            <textarea id=\"ctMsg\" maxlength=\"1400\" placeholder=\"Colours, side-plate ideas, logos, the event it is for, your deadline\u2026\"><\/textarea>\n            <span class=\"note\"><span class=\"count\" id=\"ctCount\"><\/span>Have a logo or sketch? Attach it to the email that opens when you hit send.<\/span>\n            <span class=\"tip\">Please tell us about the belt.<\/span>\n          <\/div>\n\n          <button type=\"submit\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2.5\" y=\"4.5\" width=\"19\" height=\"15\" rx=\"2\"\/><path d=\"m3 6 9 6.5L21 6\"\/><\/svg>\n            Send Enquiry\n          <\/button>\n\n          <div class=\"sent\" id=\"ctSent\">\n            <b>Your email is ready to send<\/b>\n            <p>Your email app should have opened with every detail filled in. Add any logo or sketch, then press send \u2014 that last step is what reaches us.<\/p>\n            <div class=\"fb\">\n              <input type=\"text\" id=\"ctCopyIn\" readonly aria-label=\"Our email address\">\n              <button type=\"button\" id=\"ctCopyBtn\">Copy<\/button>\n            <\/div>\n          <\/div>\n\n        <\/form>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAP \u2550\u2550\u2550\u2550\u2550\u2550\u2550 (EDIT-5: nahi chahiye to ye poora section mita dein) -->\n<section class=\"map-section\">\n  <div class=\"map-inner\">\n    <div class=\"map-header\">\n      <div>\n        <div class=\"eyebrow\">Find Us<\/div>\n        <h2>Built in <span>Sialkot<\/span><\/h2>\n      <\/div>\n      <a class=\"directions-btn\" id=\"ctDirections\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Sialkot%2C+Pakistan\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M21.7 11.3l-9-9a1 1 0 00-1.4 0l-9 9a1 1 0 000 1.4l9 9a1 1 0 001.4 0l9-9a1 1 0 000-1.4zM14 14.5V12h-4v3H8v-4a1 1 0 011-1h5V7.5l3.5 3.5-3.5 3.5z\"\/><\/svg>\n        Get Directions\n      <\/a>\n    <\/div>\n    <div class=\"map-frame\">\n      <iframe title=\"Knockout Belts \u2014 Sialkot, Pakistan\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" allowfullscreen\n        src=\"https:\/\/www.google.com\/maps?q=Sialkot,%20Pakistan&output=embed\"><\/iframe>\n      <div class=\"map-chip\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n        <div><div class=\"top\">Our Workshop<\/div><div class=\"addr\">Sialkot, Pakistan<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 (EDIT-6: jawabat confirm kar lein) -->\n<section class=\"faq-section\">\n  <div class=\"faq-pattern\"><\/div>\n  <div class=\"faq-inner\">\n    <div class=\"faq-header\">\n      <div class=\"eyebrow\">Common Questions<\/div>\n      <h2>Before You <span>Enquire<\/span><\/h2>\n    <\/div>\n    <div class=\"faq-list\">\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>Can I see the design before you build it?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>Yes \u2014 that is how every order works. We send you artwork first and only start cutting plates once you have approved it. If something is not right, we revise it.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>Do you copy existing belts from WWE, UFC or other promotions?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>No. Everything we make is an original design \u2014 either from our own catalogue or drawn to your brief. It means the belt you receive belongs to you and your event, not to someone else's logo.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>How long does a custom belt take?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>It depends on the design and how many you need. Tell us your event date when you enquire and we will confirm whether we can meet it before you commit to anything.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>Can you make just one belt?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>Yes. We build single pieces for individual awards and gifts, as well as full runs for leagues and promotions. Pricing per belt improves with quantity.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>What are the belts actually made of?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>Real metal plates with a hand-applied finish, mounted on a leather strap. We will confirm the exact materials and finish options for your design when we quote.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\"><span>Do you ship outside Pakistan?<\/span>\n          <span class=\"faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><\/svg><\/span><\/button>\n        <div class=\"faq-a\"><p>Yes \u2014 we ship worldwide with tracking. Tell us the destination country in your enquiry and we will include delivery cost and timing in the quote.<\/p><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-strip\">\n  <h2>Ready to start your belt?<\/h2>\n  <p>Send us the idea \u2014 we will come back with artwork, pricing and timing.<\/p>\n  <div class=\"cta-btns\">\n    <a class=\"cta-btn\" id=\"ctCtaMail\" href=\"#\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 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>\n      Email Us\n    <\/a>\n    <a class=\"cta-btn\" id=\"ctCtaWa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n      WhatsApp\n    <\/a>\n  <\/div>\n<\/section>\n\n<\/div>\n<script>\n(function(){\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 YAHAN BADLEIN \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var PHONE    = '+92 XXX XXXXXXX';                 \/\/ EDIT-1: jo dikhega\n  var WA       = '92XXXXXXXXXX';                    \/\/ EDIT-1: 0 hata kar 92 (wa.me ke liye)\n  var EMAIL_TO = 'support@knockoutbelts.com';       \/\/ EDIT-2\n  var HOURS    = 'Mon \u2013 Sat: 10:00 AM \u2013 7:00 PM<br>Sunday: Closed';   \/\/ EDIT-3\n  var SOCIAL   = {                                  \/\/ EDIT-4: \"#\" wala button chhup jata hai\n    whatsapp : '#',          \/* khali chhoren - WhatsApp link WA se khud ban jata hai *\/\n    facebook : '#',\n    instagram: '#',\n    tiktok   : '#'\n  };\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  var root=document.getElementById('kob-ct'); if(!root) return;\n  var waOk = WA.indexOf('X')===-1 && WA.length>6;\n  var waUrl = 'https:\/\/wa.me\/'+WA;\n\n  \/* ---- contact details bharo ---- *\/\n  var ph=document.getElementById('ctPhone');\n  if(ph){ ph.textContent=PHONE; ph.href='tel:'+PHONE.replace(\/[^+\\d]\/g,''); }\n  var em=document.getElementById('ctEmail');\n  if(em){ em.textContent=EMAIL_TO; em.href='mailto:'+EMAIL_TO; }\n  var hr=document.getElementById('ctHours'); if(hr) hr.innerHTML=HOURS;\n\n  \/* ---- social: jo \"#\" hai wo chhupa do ---- *\/\n  root.querySelectorAll('#ctSocial .social-btn').forEach(function(a){\n    var k=a.getAttribute('data-k');\n    var href=(k==='whatsapp'&&waOk)?waUrl:(SOCIAL[k]||'#');\n    if(!href||href==='#'){ a.remove(); return; }\n    a.href=href;\n  });\n  var row=document.getElementById('ctSocial');\n  if(row && !row.querySelector('.social-btn')) row.remove();\n\n  \/* ---- CTA buttons ---- *\/\n  var cm=document.getElementById('ctCtaMail'); if(cm) cm.href='mailto:'+EMAIL_TO;\n  var cw=document.getElementById('ctCtaWa');\n  if(cw){ if(waOk) cw.href=waUrl; else cw.remove(); }\n\n  \/* ---- FAQ accordion ---- *\/\n  root.querySelectorAll('.faq-q').forEach(function(btn){\n    btn.addEventListener('click',function(){\n      var item=btn.closest('.faq-item');\n      var open=item.classList.contains('open');\n      root.querySelectorAll('.faq-item.open').forEach(function(i){i.classList.remove('open');});\n      if(!open) item.classList.add('open');\n    });\n  });\n\n  \/* ---- FORM ---- *\/\n  var form=document.getElementById('ctForm'); if(!form) return;\n  var sent=document.getElementById('ctSent');\n  function f(id){ return document.getElementById(id); }\n  function v(id){ var e=f(id); return e?e.value.trim():''; }\n  function grp(el){ return el.closest('.field-group'); }\n\n  ['ctFirst','ctEmailIn','ctStyle','ctQty','ctMsg'].forEach(function(id){\n    var el=f(id); if(!el) return;\n    el.addEventListener(el.tagName==='SELECT'?'change':'input',function(){ grp(el).classList.remove('bad'); });\n  });\n\n  \/* textarea counter *\/\n  var msg=f('ctMsg'), cnt=document.getElementById('ctCount');\n  if(msg&&cnt){\n    var max=parseInt(msg.getAttribute('maxlength'),10)||1400;\n    msg.addEventListener('input',function(){\n      var left=max-msg.value.length;\n      cnt.textContent = left<=250 ? left+' left' : '';\n    });\n  }\n\n  function validate(){\n    var first=null;\n    var checks=[\n      ['ctFirst',   function(x){ return x!==''; }],\n      ['ctEmailIn', function(x){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(x); }],\n      ['ctStyle',   function(x){ return x!==''; }],\n      ['ctQty',     function(x){ return x!==''; }],\n      ['ctMsg',     function(x){ return x!==''; }]\n    ];\n    checks.forEach(function(c){\n      var el=f(c[0]); if(!el) return;\n      if(!c[1](el.value.trim())){ grp(el).classList.add('bad'); if(!first) first=el; }\n      else grp(el).classList.remove('bad');\n    });\n    if(first){ first.focus(); first.scrollIntoView({behavior:'smooth',block:'center'}); return false; }\n    return true;\n  }\n\n  function body(){\n    var L=[];\n    L.push('CUSTOM BELT ENQUIRY');\n    L.push('');\n    L.push('Name: '+v('ctFirst')+(v('ctLast')?' '+v('ctLast'):''));\n    L.push('Email: '+v('ctEmailIn'));\n    if(v('ctPhoneIn')) L.push('Phone \/ WhatsApp: '+v('ctPhoneIn'));\n    if(v('ctOrg'))     L.push('Organisation: '+v('ctOrg'));\n    if(v('ctCountry')) L.push('Country: '+v('ctCountry'));\n    L.push('');\n    L.push('Belt style: '+v('ctStyle'));\n    L.push('Quantity: '+v('ctQty'));\n    if(v('ctPlate')) L.push('Plate wording: '+v('ctPlate'));\n    L.push('');\n    L.push('DETAILS');\n    L.push(v('ctMsg'));\n    L.push('');\n    L.push('---');\n    L.push('Sent from the contact form on knockoutbelts.com');\n    return L.join('\\n');\n  }\n\n  form.addEventListener('submit',function(e){\n    e.preventDefault();\n    if(!validate()) return;\n    window.location.href='mailto:'+EMAIL_TO\n      +'?subject='+encodeURIComponent('Belt Enquiry \u2014 '+v('ctFirst')+(v('ctLast')?' '+v('ctLast'):''))\n      +'&body='+encodeURIComponent(body());\n    if(sent) sent.classList.add('show');\n  });\n\n  \/* fallback: email copy *\/\n  var ci=document.getElementById('ctCopyIn'), cb=document.getElementById('ctCopyBtn');\n  if(ci) ci.value=EMAIL_TO;\n  if(cb&&ci){\n    cb.addEventListener('click',function(){\n      var done=function(){ cb.textContent='Copied'; setTimeout(function(){cb.textContent='Copy';},1800); };\n      if(navigator.clipboard&&navigator.clipboard.writeText){\n        navigator.clipboard.writeText(EMAIL_TO).then(done,function(){ci.select();});\n      } else { ci.select(); try{document.execCommand('copy');done();}catch(err){} }\n    });\n  }\n})();\n<\/script><\/div>\n\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":7,"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/knockoutbelts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}