{"id":2,"date":"2026-10-21T15:44:20","date_gmt":"2026-10-21T15:44:20","guid":{"rendered":"https:\/\/karachibullionrefinery.com\/?page_id=2"},"modified":"2026-10-27T19:03:30","modified_gmt":"2026-10-27T19:03:30","slug":"home","status":"publish","type":"page","link":"https:\/\/karachibullionrefinery.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3938e7 e-flex e-con-boxed e-con e-parent\" data-id=\"f3938e7\" 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-9c5ca59 e-flex e-con-boxed e-con e-child\" data-id=\"9c5ca59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/karachibullionrefinery.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Untitled-design.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-ad73620 e-con e-atomic-element e-grid-base e-default-div e-ad73620-8822a2b \" data-id=\"ad73620\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"ad73620\" data-e-type=\"e-grid\" data-id=\"ad73620\">\n    \t\t<div class=\"elementor-element elementor-element-65b81b1 elementor-widget elementor-widget-heading\" data-id=\"65b81b1\" 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\">Pakistan's<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c73f33 elementor-widget elementor-widget-heading\" data-id=\"3c73f33\" 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\">Premium<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7316ab elementor-widget elementor-widget-heading\" data-id=\"a7316ab\" 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\">Bullion Refinery<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f19b66d elementor-widget elementor-widget-text-editor\" data-id=\"f19b66d\" 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>Premium Gold &amp; Silver Bullion 999.0 Purity QR-Verified Authenticity on Every Product Personalized &amp; Gift Gold Collections Available at Jewellers Across Pakistan<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c14b3e9 e-con e-atomic-element e-flexbox-base e-default-div e-c14b3e9-d6c1e47 \" data-id=\"c14b3e9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c14b3e9\" data-e-type=\"e-flexbox\" data-id=\"c14b3e9\">\n    \t\t<div class=\"elementor-element elementor-element-0d982c8 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"0d982c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Verify Your Gold<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b8f00 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"e0b8f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Product Range<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa4cea6 e-con e-atomic-element e-div-block-base e-default-div e-fa4cea6-f67463d \" data-id=\"fa4cea6\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"fa4cea6\" data-e-type=\"e-div-block\" data-id=\"fa4cea6\">\n    <div class=\"elementor-element elementor-element-c9e4c43 e-con e-atomic-element e-flexbox-base e-default-div hscroll-line \" data-id=\"c9e4c43\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9e4c43\" data-e-type=\"e-flexbox\" data-id=\"c9e4c43\">\n    \n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94a6ee8 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"94a6ee8\" 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-52abb8d e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"52abb8d\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"52abb8d\" data-e-type=\"e-div-block\" data-id=\"52abb8d\">\n    \t\t<div class=\"elementor-element elementor-element-fb37058 elementor-widget elementor-widget-heading\" data-id=\"fb37058\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Trust &amp; Authority<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-168a64e sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"168a64e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Numbers That Define <span>Our Legacy<\/span><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-037bd09 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"037bd09\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"037bd09\" data-e-type=\"e-div-block\" data-id=\"037bd09\">\n    \t\t<div class=\"elementor-element elementor-element-058ce48 elementor-widget elementor-widget-html\" data-id=\"058ce48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"\">\n  <div class=\"stats-container\">\n\n    <div class=\"stats-grid\">\n      <div class=\"stat-card\">\n        <h2>20+<\/h2>\n        <p>Years Of Excellence<\/p>\n        <span>Established Heritage<\/span>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <h2>50K+<\/h2>\n        <p>Verified Products<\/p>\n        <span>QR Authenticated<\/span>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <h2>200+<\/h2>\n        <p>Corporate Clients<\/p>\n        <span>Banks \u00b7 Jewellers \u00b7 Firms<\/span>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <h2>500+<\/h2>\n        <p>Custom Designs<\/p>\n        <span>Bespoke Collections<\/span>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <h2>999.0<\/h2>\n        <p>Purity Standard<\/p>\n        <span>International Benchmark<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c360e64 homePageSec02 e-con-full e-flex e-con e-parent\" data-id=\"c360e64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62e2bfc e-con e-atomic-element e-div-block-base e-default-div e-62e2bfc-0d95117 \" data-id=\"62e2bfc\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"62e2bfc\" data-e-type=\"e-div-block\" data-id=\"62e2bfc\">\n    \t\t<div class=\"elementor-element elementor-element-7e92045 elementor-widget elementor-widget-html\" data-id=\"7e92045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"stats-section\">\n  <div class=\"zigzag\">\n      <svg viewBox=\"0 0 1200 180\"\n           preserveAspectRatio=\"none\">\n        <path class=\"line-fill\"\n          d=\"M0 30 L300 100 L540 45 L900 100 L1200 92 L1200 180 L0 180 Z\"\/>\n\n        <path class=\"line-track\"\n          d=\"M0 30 L300 100 L540 45 L900 100 L1200 92\"\/>\n\n        <path class=\"line-animated\"\n          d=\"M0 30 L300 100 L540 45 L900 100 L1200 92\"\/>\n\n        <g class=\"dots\">\n          <circle cx=\"300\" cy=\"100\" r=\"5\"\/>\n          <circle cx=\"540\" cy=\"45\" r=\"5\"\/>\n          <circle cx=\"900\" cy=\"100\" r=\"5\"\/>\n        <\/g>\n      <\/svg>\n\n      <span class=\"label label-1\">18.07<\/span>\n      <span class=\"label label-2\">18.07<\/span>\n      <span class=\"label label-3\">18.07<\/span>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d5f1ea e-con e-atomic-element e-flexbox-base e-default-div hscroll-line two \" data-id=\"9d5f1ea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d5f1ea\" data-e-type=\"e-flexbox\" data-id=\"9d5f1ea\">\n    \n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a25c850 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"a25c850\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e6c7c0d e-con e-atomic-element e-div-block-base e-default-div e-e6c7c0d-f75f6b6 \" data-id=\"e6c7c0d\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"e6c7c0d\" data-e-type=\"e-div-block\" data-id=\"e6c7c0d\">\n    \t\t<div class=\"elementor-element elementor-element-c99c4f4 elementor-widget elementor-widget-heading\" data-id=\"c99c4f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Global Markets<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f11574 sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"0f11574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Live Spot <span>Prices<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83f7001 sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"83f7001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Prices are indicative, and information only they are not an offer to buy or sell<\/h6>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6077aa e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"a6077aa\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a6077aa\" data-e-type=\"e-div-block\" data-id=\"a6077aa\">\n    \t\t<div class=\"elementor-element elementor-element-4b586a3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4b586a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.live-metals {\r\n  width: 100%;\r\n  min-height: 510px;\r\n  padding: 26px 3.4% 35px;\r\n  overflow: hidden;\r\n  color: #f4f4f4;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* Top status *\/\r\n.live-status {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.indicative {\r\n  height: 34px;\r\n  padding: 0 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  border: 1px solid #00d889;\r\n  border-radius: 30px;\r\n  color: #00d889;\r\n  font-size: 10px;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.indicative i {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #00d889;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 9px #00d889;\r\n}\r\n\r\n.updated {\r\n  color: #777;\r\n  font-size: 9px;\r\n}\r\n\r\n.updated b {\r\n  font-weight: 400;\r\n}\r\n\r\n.refresh-btn {\r\n  width: 33px;\r\n  height: 33px;\r\n  border: 1px solid #d9b52d;\r\n  border-radius: 50%;\r\n  background: transparent;\r\n  color: #d9b52d;\r\n  font-size: 23px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  place-items: center;\r\n  transition: background .3s, transform .3s;\r\n  justify-content: center;\r\n}\r\n\r\n.refresh-btn:hover {\r\n  background: #d9b52d18;\r\n}\r\n\r\n.refresh-btn.rotating {\r\n  animation: refreshSpin .7s ease;\r\n}\r\n\r\n@keyframes refreshSpin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Cards layout *\/\r\n.metals-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n  gap: 6.8%;\r\n  position: relative;\r\n  align-items: stretch;\r\n}\r\n\r\n.metal-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-width: 0;\r\n  height: 340px;\r\n}\r\n\r\n.card-shape {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: -1;\r\n  overflow: visible;\r\n}\r\n\r\n.shape-fill {\r\n  stroke: none;\r\n}\r\n\r\n.shape-border {\r\n  fill: none;\r\n  stroke-width: 1;\r\n  vector-effect: non-scaling-stroke;\r\n}\r\n\r\n.gold-border {\r\n  stroke: #554721;\r\n}\r\n\r\n.silver-border {\r\n  stroke: #393939;\r\n}\r\n\r\n\/* Subtle card glow *\/\r\n.gold-card::after,\r\n.silver-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -2;\r\n  left: 12%;\r\n  right: 12%;\r\n  bottom: -29px;\r\n  height: 13px;\r\n  border-radius: 50%;\r\n  filter: blur(8px);\r\n  opacity: .28;\r\n}\r\n\r\n.gold-card::after {\r\n  background: #c4a52b;\r\n}\r\n\r\n.silver-card::after {\r\n  background: #999;\r\n}\r\n\r\n\/* Card content *\/\r\n.metal-content {\r\n  position: relative;\r\n  height: 100%;\r\n  padding: 20px 36px 26px;\r\n}\r\n\r\n.metal-heading {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 10%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.gold-heading {\r\n  color: #daba35;\r\n}\r\n\r\n.silver-heading {\r\n  color: #d0d0d0;\r\n}\r\n\r\n.live-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: currentColor;\r\n}\r\n\r\n\/* Main prices *\/\r\n.price-block {\r\n  position: absolute;\r\n  top: 92px;\r\n  left: 36px;\r\n  right: 20px;\r\n}\r\n\r\n.unit-label {\r\n  display: block;\r\n  color: #6e602b;\r\n  font-size: 12px;\r\n  letter-spacing: .5px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.silver-card .unit-label {\r\n  color: #666;\r\n}\r\n\r\n.price-block h2 {\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n  color: #d9b52f;\r\n  font-size: clamp(25px, 2.5vw, 29px);\r\n  font-weight: 500;\r\n  letter-spacing: -1px;\r\n  margin: 0 0 19px;\r\n  line-height: 1.1;\r\n  white-space: nowrap;\r\n}\r\n\r\n.silver-card .price-block h2 {\r\n  color: #d0d0d0;\r\n}\r\n\r\n.price-description {\r\n  color: #d1d1d1;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Bottom conversions *\/\r\n.metal-footer {\r\n  position: absolute;\r\n  left: 36px;\r\n  right: 75px;\r\n  bottom: 46px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n}\r\n\r\n.conversion {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n  min-width: 0;\r\n}\r\n\r\n.conversion + .conversion {\r\n  border-left: 1px solid rgba(255,255,255,.08);\r\n  padding-left: 27px;\r\n  margin-left: 27px;\r\n}\r\n\r\n.conversion span {\r\n  color: #a18b32;\r\n  font-size: 8px;\r\n  letter-spacing: 1.7px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.silver-card .conversion span {\r\n  color: #686868;\r\n}\r\n\r\n.conversion strong {\r\n  color: #f0f0f0;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Round arrow buttons *\/\r\n.metal-arrow {\r\n  position: absolute;\r\n  width: 65px;\r\n  height: 65px;\r\n  right: 4%;\r\n  bottom: 17px;\r\n  border: none;\r\n  border-radius: 50%;\r\n  background: #d8b536;\r\n  color: #111;\r\n  display: grid;\r\n  place-items: center;\r\n  cursor: pointer;\r\n  transition: transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n.metal-arrow svg {\r\n  width: 35px;\r\n  height: 35px;\r\n}\r\n\r\n.metal-arrow:hover {\r\n        background-color: #2b2613;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    border: 1px solid #463b1d;\r\n  transform: translate(3px, -3px);\r\n  box-shadow: 0 0 24px #d8b53635;\r\n}\r\n\r\n.silver-arrow {\r\n  background: #d4d4d4;\r\n  color: #111;\r\n}\r\n\r\n.silver-arrow:hover {\r\n  box-shadow: 0 0 24px #ffffff20;\r\n}\r\n\r\n.refresh-btn:disabled {\r\n  opacity: 0.6;\r\n  cursor: wait;\r\n}\r\n\r\n.refresh-btn.rotating {\r\n  animation: refreshSpin 0.7s linear infinite;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .refresh-btn.rotating {\r\n    animation: none;\r\n  }\r\n}\r\n\r\n\r\n\/* Responsive tablet *\/\r\n@media (max-width: 900px) {\r\n  .live-metals {\r\n    padding: 24px 22px 40px;\r\n  }\r\n\r\n  .metals-grid {\r\n    gap: 24px;\r\n  }\r\n\r\n  .metal-card {\r\n    height: 315px;\r\n  }\r\n\r\n  .metal-content {\r\n    padding-left: 22px;\r\n    padding-right: 15px;\r\n  }\r\n\r\n  .price-block {\r\n    left: 22px;\r\n    top: 85px;\r\n  }\r\n\r\n  .price-description {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .metal-footer {\r\n    left: 22px;\r\n    right: 58px;\r\n    bottom: 42px;\r\n  }\r\n\r\n  .conversion + .conversion {\r\n    padding-left: 12px;\r\n    margin-left: 12px;\r\n  }\r\n\r\n  .conversion span {\r\n    font-size: 7px;\r\n    letter-spacing: .8px;\r\n  }\r\n\r\n  .conversion strong {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .metal-arrow {\r\n    width: 52px;\r\n    height: 52px;\r\n  }\r\n}\r\n\r\n\/* Responsive mobile *\/\r\n@media (max-width: 600px) {\r\n  .live-metals {\r\n    padding: 22px 16px 35px;\r\n  }\r\n\r\n  .live-status {\r\n    gap: 10px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .indicative {\r\n    padding: 0 10px;\r\n    font-size: 8px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .updated {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .metals-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .metal-card {\r\n    height: 320px;\r\n  }\r\n\r\n  .metal-content {\r\n    padding: 20px 28px;\r\n  }\r\n\r\n  .metal-heading {\r\n    right: 12%;\r\n  }\r\n\r\n  .price-block {\r\n    left: 28px;\r\n    top: 88px;\r\n  }\r\n\r\n  .price-block h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .price-description {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .metal-footer {\r\n    left: 28px;\r\n    right: 82px;\r\n    bottom: 43px;\r\n  }\r\n\r\n  .conversion + .conversion {\r\n    padding-left: 18px;\r\n    margin-left: 18px;\r\n  }\r\n\r\n  .conversion span {\r\n    font-size: 7px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .conversion strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .metal-arrow {\r\n    width: 58px;\r\n    height: 58px;\r\n    right: 5%;\r\n    bottom: 17px;\r\n  }\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"live-metals\">\r\n  <div class=\"live-status\">\r\n    <span class=\"indicative\"><i><\/i> INDICATIVE<\/span>\r\n    <span class=\"updated\">Updated <b id=\"updatedTime\">08:18:21 am<\/b><\/span>\r\n    <button class=\"refresh-btn\" id=\"refreshPrices\" aria-label=\"Refresh prices\">\r\n      \u21bb\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"metals-grid\">\r\n\r\n    <!-- GOLD CARD -->\r\n    <article class=\"metal-card gold-card\">\r\n      <svg class=\"card-shape\" viewBox=\"0 0 500 340\"\r\n           preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <defs>\r\n          <linearGradient id=\"goldBg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#28251b\"\/>\r\n            <stop offset=\"55%\" stop-color=\"#111110\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#0c0c0c\"\/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        <path class=\"shape-fill\" fill=\"url(#goldBg)\"\r\n          d=\"M34 65 Q4 65 4 96 L4 301 Q4 334 36 334\r\n             L378 334 Q399 334 415 317 L475 259\r\n             Q493 242 493 219 L493 32\r\n             Q493 4 465 4 L357 4\r\n             Q333 4 319 24 L300 50\r\n             Q288 65 264 65 Z\"\/>\r\n        <path class=\"shape-border gold-border\"\r\n          d=\"M34 65 Q4 65 4 96 L4 301 Q4 334 36 334\r\n             L378 334 Q399 334 415 317 L475 259\r\n             Q493 242 493 219 L493 32\r\n             Q493 4 465 4 L357 4\r\n             Q333 4 319 24 L300 50\r\n             Q288 65 264 65 Z\"\/>\r\n      <\/svg>\r\n\r\n      <div class=\"metal-content\">\r\n        <div class=\"metal-heading gold-heading\">\r\n          <span class=\"live-dot\"><\/span> Gold Live\r\n        <\/div>\r\n\r\n        <div class=\"price-block\">\r\n          <span class=\"unit-label\">PER TROY OZ<\/span>\r\n          <h2 data-price=\"2418.50\">$2,418.50<\/h2>\r\n          <p class=\"price-description\">\r\n            USD \/ Troy Ounce (31.1g) \u2014 999.0 Fine\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"metal-footer\">\r\n          <div class=\"conversion\">\r\n            <span>PER GRAM (PKR)<\/span>\r\n            <strong>PKR 21.62K<\/strong>\r\n          <\/div>\r\n          <div class=\"conversion\">\r\n            <span>PER TOLA (PKR)<\/span>\r\n            <strong>PKR 252.13K<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"metal-arrow\" aria-label=\"View gold details\">\r\n          <svg viewBox=\"0 0 32 32\" fill=\"none\">\r\n            <path d=\"M7 25L25 7M8 7H25V24\"\r\n              stroke=\"currentColor\" stroke-width=\"1.5\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- SILVER CARD -->\r\n    <article class=\"metal-card silver-card\">\r\n      <svg class=\"card-shape\" viewBox=\"0 0 500 340\"\r\n           preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <defs>\r\n          <linearGradient id=\"silverBg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#292929\"\/>\r\n            <stop offset=\"48%\" stop-color=\"#171717\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#0c0c0c\"\/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        <path class=\"shape-fill\" fill=\"url(#silverBg)\"\r\n          d=\"M34 65 Q4 65 4 96 L4 301 Q4 334 36 334\r\n             L378 334 Q399 334 415 317 L475 259\r\n             Q493 242 493 219 L493 32\r\n             Q493 4 465 4 L357 4\r\n             Q333 4 319 24 L300 50\r\n             Q288 65 264 65 Z\"\/>\r\n        <path class=\"shape-border silver-border\"\r\n          d=\"M34 65 Q4 65 4 96 L4 301 Q4 334 36 334\r\n             L378 334 Q399 334 415 317 L475 259\r\n             Q493 242 493 219 L493 32\r\n             Q493 4 465 4 L357 4\r\n             Q333 4 319 24 L300 50\r\n             Q288 65 264 65 Z\"\/>\r\n      <\/svg>\r\n\r\n      <div class=\"metal-content\">\r\n        <div class=\"metal-heading silver-heading\">\r\n          <span class=\"live-dot\"><\/span> Silver Live\r\n        <\/div>\r\n\r\n        <div class=\"price-block\">\r\n          <span class=\"unit-label\">PER TROY OZ<\/span>\r\n          <h2 data-price=\"31.25\">$31.25<\/h2>\r\n          <p class=\"price-description\">\r\n            USD \/ Troy Ounce (31.1g) \u2014 999 Fine\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"metal-footer\">\r\n          <div class=\"conversion\">\r\n            <span>PER GRAM (PKR)<\/span>\r\n            <strong>PKR 279.31<\/strong>\r\n          <\/div>\r\n          <div class=\"conversion\">\r\n            <span>PER TOLA (PKR)<\/span>\r\n            <strong>PKR 3.26K<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"metal-arrow silver-arrow\"\r\n                aria-label=\"View silver details\">\r\n          <svg viewBox=\"0 0 32 32\" fill=\"none\">\r\n            <path d=\"M7 25L25 7M8 7H25V24\"\r\n              stroke=\"currentColor\" stroke-width=\"1.5\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3718b0 homePageSec02 e-con-full e-flex e-con e-parent\" data-id=\"e3718b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f97207b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f97207b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\r\n.hscroll-line.three {\r\n  bottom: 94% !important;\r\n}\r\n\r\n\/* =========================\r\n   SECTION\r\n========================= *\/\r\n\r\n.gold-reference-section {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n\/* =========================\r\n   MAIN PANEL + GRADIENT BORDER\r\n========================= *\/\r\n\r\n.reference-panel {\r\n  position: relative;\r\n  width: min(100%, 896px);\r\n  min-height: 560px;\r\n  margin: 0 auto;\r\n  padding: 72px 20px 38px;\r\n\r\n  border: 3px solid transparent;\r\n  border-bottom: none !important;\r\n  border-radius: 25px 25px 0 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #0a0a0a 0%,\r\n      #050505 100%\r\n    ) padding-box,\r\n    linear-gradient(\r\n      135deg,\r\n      #505050 0%,\r\n      #292929 22%,\r\n      #292929 78%,\r\n      #505050 100%\r\n    ) border-box;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,.025),\r\n    0 8px 30px rgba(0,0,0,.15);\r\n\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  animation: panelReveal .7s ease forwards;\r\n}\r\n\r\n\/* =========================\r\n   TOP GOLD LINE\r\n========================= *\/\r\n\r\n.panel-top-line {\r\n  position: absolute;\r\n  top: 8px;\r\n  left: 50%;\r\n  width: 1px;\r\n  height: 51px;\r\n\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(216,181,54,.4),\r\n    rgba(216,181,54,.04)\r\n  );\r\n}\r\n\r\n\/* =========================\r\n   HEADING\r\n========================= *\/\r\n\r\n.reference-header {\r\n  text-align: center;\r\n  margin-bottom: 39px;\r\n}\r\n\r\n.reference-header h2 {\r\n  font-family: \"DegularDemo-Bold\", sans-serif;\r\n  color: #f7f7f7;\r\n  font-size: 27px;\r\n  font-weight: 750;\r\n  line-height: 1.2;\r\n  margin: 0;\r\n}\r\n\r\n.reference-header h3 {\r\n  font-family: \"DegularDemo-Bold\", sans-serif;\r\n  color: #d8b536;\r\n  font-size: 27px;\r\n  font-weight: 750;\r\n  line-height: 1.2;\r\n  margin: 0;\r\n}\r\n\r\n\/* =========================\r\n   TABLE WRAPPER\r\n========================= *\/\r\n\r\n.reference-table-wrap {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: #49401f transparent;\r\n}\r\n\r\n\/* =========================\r\n   TABLE\r\n========================= *\/\r\n\r\n.reference-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  table-layout: fixed;\r\n  text-align: left;\r\n\r\n  \/* Remove all table borders *\/\r\n  border: none !important;\r\n  outline: none;\r\n  box-shadow: none;\r\n}\r\n\r\n\/* Remove all row and column borders *\/\r\n\r\n.reference-table thead,\r\n.reference-table tbody,\r\n.reference-table tr,\r\n.reference-table th,\r\n.reference-table td {\r\n  border: none !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Column widths *\/\r\n\r\n.reference-table th:nth-child(1),\r\n.reference-table td:nth-child(1) {\r\n  width: 21%;\r\n}\r\n\r\n.reference-table th:nth-child(2),\r\n.reference-table td:nth-child(2) {\r\n  width: 21%;\r\n}\r\n\r\n.reference-table th:nth-child(3),\r\n.reference-table td:nth-child(3) {\r\n  width: 23%;\r\n}\r\n\r\n.reference-table th:nth-child(4),\r\n.reference-table td:nth-child(4) {\r\n  width: 35%;\r\n}\r\n\r\n\/* =========================\r\n   TABLE HEADER\r\n========================= *\/\r\n\r\n.reference-table thead th {\r\n  padding: 7px 15px 5px;\r\n\r\n  color: #686868;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  white-space: nowrap;\r\n  background: transparent;\r\n}\r\n\r\n\/* =========================\r\n   TABLE ROWS\r\n========================= *\/\r\n\r\n.reference-table tbody tr {\r\n  height: 29px;\r\n  transition: background .25s ease;\r\n}\r\n\r\n\/* Alternating backgrounds without borders *\/\r\n\r\n.reference-table tbody tr:nth-child(odd) {\r\n  background: rgba(255,255,255,.035);\r\n}\r\n\r\n.reference-table tbody tr:nth-child(even) {\r\n  background: transparent;\r\n}\r\n\r\n.reference-table tbody tr:hover {\r\n  background: rgba(216,181,54,.08);\r\n}\r\n\r\n\/* Remove borders from all cells *\/\r\n\r\n.reference-table tbody td {\r\n  padding: 7px 15px;\r\n\r\n  color: #e6e6e6;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 1.25;\r\n  white-space: nowrap;\r\n\r\n  border: none !important;\r\n  background-clip: padding-box;\r\n}\r\n\r\n\/* Weight column *\/\r\n\r\n.reference-table tbody td:first-child {\r\n  color: #f4f4f4;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Grams column *\/\r\n\r\n.reference-table tbody td:nth-child(2) {\r\n  color: #858585;\r\n}\r\n\r\n\/* Gold price column *\/\r\n\r\n.reference-table tbody td.gold-price {\r\n  color: #e0b91e;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* Remove last row divider *\/\r\n\r\n.reference-table tbody tr:last-child td {\r\n  border: none !important;\r\n}\r\n\r\n\/* =========================\r\n   DISCLAIMER\r\n========================= *\/\r\n\r\n.reference-disclaimer {\r\n  max-width: 720px;\r\n  margin: 27px auto 0;\r\n\r\n  color: #c4c4c4;\r\n  font-size: 9px;\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n  text-align: center;\r\n}\r\n\r\n\/* =========================\r\n   PANEL ANIMATION\r\n========================= *\/\r\n\r\n@keyframes panelReveal {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 768px) {\r\n  .gold-reference-section {\r\n    min-height: auto;\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .reference-panel {\r\n    min-height: auto;\r\n    padding: 62px 14px 28px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .reference-header {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .reference-header h2,\r\n  .reference-header h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .reference-table {\r\n    min-width: 570px;\r\n  }\r\n\r\n  .reference-table thead th {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .reference-table tbody td {\r\n    font-size: 11px;\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .reference-disclaimer {\r\n    font-size: 8px;\r\n    margin-top: 22px;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   SMALL MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 480px) {\r\n  .gold-reference-section {\r\n    padding: 28px 10px;\r\n  }\r\n\r\n  .reference-panel {\r\n    padding: 55px 9px 22px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .reference-header h2,\r\n  .reference-header h3 {\r\n    font-size: 20px;\r\n    letter-spacing: -.7px;\r\n  }\r\n\r\n  .reference-header {\r\n    margin-bottom: 23px;\r\n  }\r\n\r\n  .reference-table {\r\n    min-width: 520px;\r\n  }\r\n\r\n  .reference-table thead th {\r\n    padding: 7px 9px;\r\n    font-size: 9px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .reference-table tbody td {\r\n    padding: 8px 9px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .reference-disclaimer {\r\n    font-size: 7px;\r\n    line-height: 1.6;\r\n    margin-top: 19px;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .reference-panel {\r\n    animation: none;\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n<section class=\"gold-reference-section\">\r\n  <div class=\"reference-panel\">\r\n\r\n    <div class=\"hscroll-line three\"><\/div>\r\n\r\n    <header class=\"reference-header\">\r\n      <h2>Gold Spot Reference<\/h2>\r\n      <h3>Common KBE Weights<\/h3>\r\n    <\/header>\r\n\r\n    <div class=\"reference-table-wrap\">\r\n      <table class=\"reference-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>WEIGHT<\/th>\r\n            <th>GRAMS<\/th>\r\n            <th>USD SPOT<\/th>\r\n            <th>PER EQUIVALENT*<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n\r\n        <tbody>\r\n          <tr>\r\n            <td>1 Gram<\/td>\r\n            <td>1g<\/td>\r\n            <td class=\"gold-price\">$77.76<\/td>\r\n            <td>PKR 21,616<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>5 Gram<\/td>\r\n            <td>5g<\/td>\r\n            <td class=\"gold-price\">$388.78<\/td>\r\n            <td>PKR 108,082<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>10 Gram<\/td>\r\n            <td>10g<\/td>\r\n            <td class=\"gold-price\">$777.57<\/td>\r\n            <td>PKR 216,163<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Half Tola<\/td>\r\n            <td>5.8319g<\/td>\r\n            <td class=\"gold-price\">$453.47<\/td>\r\n            <td>PKR 126,064<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>1 Tola<\/td>\r\n            <td>11.6638g<\/td>\r\n            <td class=\"gold-price\">$906.94<\/td>\r\n            <td>PKR 252,128<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>2 Tolas<\/td>\r\n            <td>23.3276g<\/td>\r\n            <td class=\"gold-price\">$1,813.87<\/td>\r\n            <td>PKR 504,257<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>5 Tolas<\/td>\r\n            <td>58.3190g<\/td>\r\n            <td class=\"gold-price\">$4,534.68<\/td>\r\n            <td>PKR 1,260,642<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>1 Ounce<\/td>\r\n            <td>31.1035g<\/td>\r\n            <td class=\"gold-price\">$2,418.50<\/td>\r\n            <td>PKR 672,343<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <p class=\"reference-disclaimer\">\r\n      * Spot prices are sourced from international bullion markets in USD\r\n      and converted at the prevailing PKR\/USD interbank rate.\r\n      Prices are indicative only and reflect every 30 seconds.\r\n      KBE product prices are authorized jewellers' indicative trading\r\n      prices, premiums, and applicable taxes. KBE is a manufacturer\r\n      and does not retail directly. Live feed unavailable \u2014 indicative\r\n      prices shown.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e004db homePageSec02 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"9e004db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e6e0b4 elementor-widget__width-inherit elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"6e6e0b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \r\n\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* ==============================\r\n   MAIN SECTION\r\n============================== *\/\r\n\r\n.auth-section {\r\n  --gold: #d8b536;\r\n  --gold-bright: #f0cf4b;\r\n  --bg: #101010;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  color: #f7f7f7;\r\n  font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\/* Background glow *\/\r\n\r\n.auth-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  top: 0px;\r\n  right: -30px;\r\n  width: 52%;\r\n  height: 430px;\r\n  pointer-events: none;\r\n\r\n  background: radial-gradient(\r\n    ellipse at center,\r\n    rgba(90,90,90,.24) 0%,\r\n    rgba(35,35,35,.13) 42%,\r\n    transparent 73%\r\n  );\r\n}\r\n\r\n\/* ==============================\r\n   MAIN LAYOUT\r\n============================== *\/\r\n\r\n.auth-container {\r\n  width: 100%;\r\n  max-width: 1220px;\r\n  min-height: 545px;\r\n  margin: 0 auto;\r\n  padding: 40px 24px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 35px;\r\n}\r\n\r\n\/* ==============================\r\n   LEFT CONTENT\r\n============================== *\/\r\n\r\n.auth-content {\r\n  width: 100%;\r\n  max-width: 510px;\r\n  margin-left: auto;\r\n}\r\n\r\n.auth-eyebrow {\r\n  display: block;\r\n  margin-bottom: 19px;\r\n  color: var(--gold);\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  letter-spacing: .15px;\r\n}\r\n\r\n.auth-content h1 {\r\n  margin: 0 0 20px;\r\n  color: #f8f8f8;\r\n  font-size: clamp(27px, 2.6vw, 32px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.1px;\r\n}\r\n\r\n.auth-content h1 span {\r\n  color: var(--gold);\r\n}\r\n\r\n.auth-description {\r\n  margin: 0;\r\n  color: #858585;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n  letter-spacing: .1px;\r\n}\r\n\r\n\/* ==============================\r\n   SERIAL NUMBER FORM\r\n============================== *\/\r\n\r\n.verify-form {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 76px;\r\n  margin-top: 49px;\r\n  padding: 9px 0 9px 22px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  border: 1px solid #343434;\r\n  border-radius: 12px;\r\n\r\n  background: linear-gradient(\r\n    120deg,\r\n    rgba(255,255,255,.018),\r\n    rgba(0,0,0,.08)\r\n  );\r\n\r\n  transition: border-color .3s ease;\r\n}\r\n\r\n.verify-form:focus-within {\r\n  border-color: rgba(216,181,54,.55);\r\n}\r\n\r\n.verify-form label {\r\n  position: absolute;\r\n  top: -7px;\r\n  left: 19px;\r\n  padding: 0 4px;\r\n\r\n  background: #101010;\r\n  color: var(--gold);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n.verify-form input {\r\n  flex: 1;\r\n  min-width: 0;\r\n  height: 44px;\r\n  padding: 0;\r\n\r\n  border: none;\r\n  outline: none;\r\n  background: transparent;\r\n\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: 11px;\r\n}\r\n\r\n.verify-form input::placeholder {\r\n  color: #888;\r\n  opacity: 1;\r\n}\r\n\r\n.verify-form button {\r\n  align-self: center;\r\n  flex: 0 0 170px;\r\n  height: 54px;\r\n  margin-right: -21px;\r\n  padding: 0 14px;\r\n\r\n  border: none;\r\n  border-radius: 13px 0 13px 13px;\r\n  background: var(--gold);\r\n  color: #090909;\r\n\r\n  font-family: inherit;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.7px;\r\n\r\n  clip-path: polygon(\r\n    0 0,\r\n    82% 0,\r\n    100% 43%,\r\n    100% 100%,\r\n    0 100%\r\n  );\r\n\r\n  cursor: pointer;\r\n  transition: background .25s ease, filter .25s ease;\r\n}\r\n\r\n.verify-form button:hover {\r\n  background: var(--gold-bright);\r\n  filter: drop-shadow(0 0 9px rgba(216,181,54,.15));\r\n}\r\n\r\n\/* ==============================\r\n   RIGHT SCANNER AREA\r\n============================== *\/\r\n\r\n.auth-visual {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  height: 350px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ==============================\r\n   STATUS BADGES\r\n============================== *\/\r\n\r\n.status-pill {\r\n  position: absolute;\r\n  z-index: 5;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n\r\n  height: 37px;\r\n  padding: 0 15px;\r\n\r\n  border: 1px solid #777;\r\n  border-radius: 30px;\r\n  background: rgba(67,67,67,.85);\r\n\r\n  color: #eee;\r\n  font-size: 9px;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n}\r\n\r\n.status-pill svg {\r\n  display: block;\r\n  width: 17px;\r\n  height: 17px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.secure-pill {\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  color: var(--gold);\r\n  border-color: #aa881b;\r\n  background: rgba(64,56,30,.9);\r\n\r\n  animation: secureGlow 3s ease-in-out infinite;\r\n}\r\n\r\n.instant-pill {\r\n  top: 110px;\r\n  right: -2px;\r\n  height: 37px;\r\n  padding: 0 14px;\r\n}\r\n\r\n.instant-pill svg {\r\n  width: 21px;\r\n  height: 21px;\r\n  stroke-width: 1.6;\r\n}\r\n\r\n.certified-pill {\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  height: 37px;\r\n  padding: 0 15px;\r\n}\r\n\r\n.certified-pill svg {\r\n  width: 19px;\r\n  height: 19px;\r\n}\r\n\r\n@keyframes secureGlow {\r\n  0%, 100% {\r\n    box-shadow: 0 0 0 rgba(216,181,54,0);\r\n  }\r\n\r\n  50% {\r\n    box-shadow: 0 0 15px rgba(216,181,54,.12);\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   SCANNER FRAME\r\n============================== *\/\r\n\r\n.scanner-frame {\r\n  position: absolute;\r\n  top: 55px;\r\n  left: 50%;\r\n\r\n  width: 236px;\r\n  height: 236px;\r\n\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\/* Four gold corner brackets *\/\r\n\r\n.corner {\r\n  position: absolute;\r\n  z-index: 3;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  border-color: var(--gold);\r\n  border-style: solid;\r\n  filter: drop-shadow(0 0 3px rgba(216,181,54,.1));\r\n}\r\n\r\n.corner-tl {\r\n  top: 0;\r\n  left: 0;\r\n  border-width: 2px 0 0 2px;\r\n}\r\n\r\n.corner-tr {\r\n  top: 0;\r\n  right: 0;\r\n  border-width: 2px 2px 0 0;\r\n}\r\n\r\n.corner-bl {\r\n  bottom: 0;\r\n  left: 0;\r\n  border-width: 0 0 2px 2px;\r\n}\r\n\r\n.corner-br {\r\n  right: 0;\r\n  bottom: 0;\r\n  border-width: 0 2px 2px 0;\r\n}\r\n\r\n\/* ==============================\r\n   PIXEL GRID\r\n============================== *\/\r\n\r\n.pixel-grid {\r\n  position: absolute;\r\n  top: 31px;\r\n  right: 31px;\r\n  bottom: 31px;\r\n  left: 31px;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  grid-template-rows: repeat(6, minmax(0, 1fr));\r\n  gap: 4px;\r\n}\r\n\r\n\/* Default black squares *\/\r\n\r\n.pixel-grid span {\r\n  position: relative;\r\n  display: block;\r\n  min-width: 0;\r\n  min-height: 0;\r\n\r\n  border-radius: 1px;\r\n  background: #101010;\r\n\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);\r\n\r\n  \/* Black squares also blink *\/\r\n  animation: blackPixelBlink 2.8s ease-in-out infinite;\r\n}\r\n\r\n\/* Yellow squares *\/\r\n\r\n.pixel-grid span.gold {\r\n  background: #b99a2e;\r\n  animation-name: goldPixelBlink;\r\n}\r\n\r\n\/* ==============================\r\n   BLACK SQUARE BLINK\r\n   Black -> dark gold -> black\r\n============================== *\/\r\n\r\n@keyframes blackPixelBlink {\r\n  0%, 100% {\r\n    background: #101010;\r\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);\r\n  }\r\n\r\n  45% {\r\n    background: #101010;\r\n    box-shadow: 0 0 0 rgba(216,181,54,0);\r\n  }\r\n\r\n  60% {\r\n    background: #55451c;\r\n    box-shadow:\r\n      0 0 8px rgba(216,181,54,.5),\r\n      inset 0 0 3px rgba(216,181,54,.35);\r\n  }\r\n\r\n  75% {\r\n    background: #241f13;\r\n    box-shadow: 0 0 3px rgba(216,181,54,.15);\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   YELLOW SQUARE BLINK\r\n   Gold -> bright gold -> gold\r\n============================== *\/\r\n\r\n@keyframes goldPixelBlink {\r\n  0%, 100% {\r\n    background: #b99a2e;\r\n    box-shadow: 0 0 2px rgba(216,181,54,.08);\r\n  }\r\n\r\n  50% {\r\n    background: #f0cf4b;\r\n    box-shadow:\r\n      0 0 13px rgba(216,181,54,.55),\r\n      inset 0 0 4px rgba(255,239,161,.35);\r\n  }\r\n}\r\n\r\n\/* Different timing for every square *\/\r\n\r\n.pixel-grid span:nth-child(1)  { animation-delay: .1s; }\r\n.pixel-grid span:nth-child(2)  { animation-delay: .4s; }\r\n.pixel-grid span:nth-child(3)  { animation-delay: .7s; }\r\n.pixel-grid span:nth-child(4)  { animation-delay: 1s; }\r\n.pixel-grid span:nth-child(5)  { animation-delay: 1.3s; }\r\n.pixel-grid span:nth-child(6)  { animation-delay: 1.6s; }\r\n\r\n.pixel-grid span:nth-child(7)  { animation-delay: .5s; }\r\n.pixel-grid span:nth-child(8)  { animation-delay: .8s; }\r\n.pixel-grid span:nth-child(9)  { animation-delay: 1.1s; }\r\n.pixel-grid span:nth-child(10) { animation-delay: 1.4s; }\r\n.pixel-grid span:nth-child(11) { animation-delay: 1.7s; }\r\n.pixel-grid span:nth-child(12) { animation-delay: 2s; }\r\n\r\n.pixel-grid span:nth-child(13) { animation-delay: .9s; }\r\n.pixel-grid span:nth-child(14) { animation-delay: 1.2s; }\r\n.pixel-grid span:nth-child(15) { animation-delay: 1.5s; }\r\n.pixel-grid span:nth-child(16) { animation-delay: 1.8s; }\r\n.pixel-grid span:nth-child(17) { animation-delay: 2.1s; }\r\n.pixel-grid span:nth-child(18) { animation-delay: 2.4s; }\r\n\r\n.pixel-grid span:nth-child(19) { animation-delay: 1.3s; }\r\n.pixel-grid span:nth-child(20) { animation-delay: 1.6s; }\r\n.pixel-grid span:nth-child(21) { animation-delay: 1.9s; }\r\n.pixel-grid span:nth-child(22) { animation-delay: 2.2s; }\r\n.pixel-grid span:nth-child(23) { animation-delay: 2.5s; }\r\n.pixel-grid span:nth-child(24) { animation-delay: 2.8s; }\r\n\r\n.pixel-grid span:nth-child(25) { animation-delay: 1.7s; }\r\n.pixel-grid span:nth-child(26) { animation-delay: 2s; }\r\n.pixel-grid span:nth-child(27) { animation-delay: 2.3s; }\r\n.pixel-grid span:nth-child(28) { animation-delay: 2.6s; }\r\n.pixel-grid span:nth-child(29) { animation-delay: 2.9s; }\r\n.pixel-grid span:nth-child(30) { animation-delay: 3.2s; }\r\n\r\n.pixel-grid span:nth-child(31) { animation-delay: 2.1s; }\r\n.pixel-grid span:nth-child(32) { animation-delay: 2.4s; }\r\n.pixel-grid span:nth-child(33) { animation-delay: 2.7s; }\r\n.pixel-grid span:nth-child(34) { animation-delay: 3s; }\r\n.pixel-grid span:nth-child(35) { animation-delay: 3.3s; }\r\n.pixel-grid span:nth-child(36) { animation-delay: 3.6s; }\r\n\r\n\/* ==============================\r\n   SCANNING LINE\r\n============================== *\/\r\n\r\n.scan-line {\r\n  position: absolute;\r\n  z-index: 4;\r\n  top: 50%;\r\n  left: -90px;\r\n\r\n  width: calc(100% + 180px);\r\n  height: 2px;\r\n\r\n  pointer-events: none;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent 0%,\r\n    rgba(216,181,54,.08) 10%,\r\n    rgba(216,181,54,.58) 50%,\r\n    rgba(216,181,54,.08) 90%,\r\n    transparent 100%\r\n  );\r\n\r\n  box-shadow: 0 0 10px rgba(216,181,54,.12);\r\n\r\n  animation: scanMove 4s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes scanMove {\r\n  0% {\r\n    transform: translateY(-72px);\r\n    opacity: .5;\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    transform: translateY(72px);\r\n    opacity: .65;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   TABLET RESPONSIVE\r\n============================== *\/\r\n\r\n@media (max-width: 900px) {\r\n  .auth-container {\r\n    gap: 20px;\r\n    padding: 35px 20px;\r\n  }\r\n\r\n  .auth-content h1 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .auth-description br {\r\n    display: none;\r\n  }\r\n\r\n  .verify-form {\r\n    padding-left: 14px;\r\n  }\r\n\r\n  .verify-form button {\r\n    flex-basis: 145px;\r\n    margin-right: -14px;\r\n    font-size: 8px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .auth-visual {\r\n    transform: scale(.88);\r\n    transform-origin: center;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   MOBILE RESPONSIVE\r\n============================== *\/\r\n\r\n@media (max-width: 650px) {\r\n  .auth-section {\r\n    min-height: auto;\r\n  }\r\n\r\n  .auth-section::before {\r\n    top: 48%;\r\n    width: 100%;\r\n    height: 52%;\r\n    background-size: 48px 48px;\r\n  }\r\n\r\n  .auth-section::after {\r\n    top: 45%;\r\n    width: 100%;\r\n  }\r\n\r\n  .auth-container {\r\n    grid-template-columns: 1fr;\r\n    min-height: auto;\r\n    padding: 42px 20px 25px;\r\n    gap: 24px;\r\n  }\r\n\r\n  .auth-content {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .auth-eyebrow {\r\n    margin-bottom: 16px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .auth-content h1 {\r\n    font-size: clamp(26px, 6.5vw, 32px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .auth-description {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .verify-form {\r\n    margin-top: 34px;\r\n    height: 72px;\r\n    padding-left: 13px;\r\n  }\r\n\r\n  .verify-form input {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .verify-form button {\r\n    flex-basis: 140px;\r\n    height: 51px;\r\n    margin-right: -13px;\r\n    padding: 0 10px;\r\n    font-size: 8px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .auth-visual {\r\n    width: 100%;\r\n    max-width: 420px;\r\n    height: 340px;\r\n    margin: 0 auto -40px;\r\n    transform: scale(.88);\r\n    transform-origin: top center;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  .auth-container {\r\n    padding-right: 14px;\r\n    padding-left: 14px;\r\n  }\r\n\r\n  .auth-visual {\r\n    transform: scale(.77);\r\n    margin-bottom: -75px;\r\n  }\r\n\r\n  .verify-form button {\r\n    flex-basis: 125px;\r\n    font-size: 7px;\r\n  }\r\n}\r\n\r\n\/* ==============================\r\n   ACCESSIBILITY\r\n============================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .pixel-grid span,\r\n  .pixel-grid span.gold,\r\n  .scan-line,\r\n  .secure-pill {\r\n    animation: none !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"auth-section\">\r\n  <div class=\"auth-container\">\r\n\r\n    <!-- LEFT: CONTENT -->\r\n    <div class=\"auth-content\">\r\n\r\n      <span class=\"auth-eyebrow\">AUTHENTICITY ENGINE<\/span>\r\n\r\n      <h1>\r\n        Verify Your <span>Gold or Silver<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"auth-description\">\r\n        Enter your product's unique serial number to instantly verify authenticity.<br>\r\n        Every KBE product is individually registered and cryptographically secured.\r\n      <\/p>\r\n\r\n      <form class=\"verify-form\">\r\n        <label for=\"serial-number\">Serial Number<\/label>\r\n\r\n        <input\r\n          type=\"text\"\r\n          id=\"serial-number\"\r\n          placeholder=\"e.g. KBE-2024-GLD-001234\"\r\n          required\r\n        >\r\n\r\n        <button type=\"submit\">VERIFY PRODUCT<\/button>\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT: ANIMATED SCANNER -->\r\n    <div class=\"auth-visual\">\r\n\r\n      <div class=\"status-pill secure-pill\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3 19 6v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/>\r\n          <path d=\"m9 12 2 2 4-4\"\/>\r\n        <\/svg>\r\n        <span>Secure<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"scanner-frame\">\r\n\r\n        <!-- Corner brackets -->\r\n        <span class=\"corner corner-tl\"><\/span>\r\n        <span class=\"corner corner-tr\"><\/span>\r\n        <span class=\"corner corner-bl\"><\/span>\r\n        <span class=\"corner corner-br\"><\/span>\r\n\r\n        <!-- Animated gold scan beam -->\r\n        <div class=\"scan-line\"><\/div>\r\n\r\n        <!-- 6 x 6 pixel pattern -->\r\n        <div class=\"pixel-grid\" aria-hidden=\"true\">\r\n          <span><\/span><span><\/span><span class=\"gold\"><\/span><span class=\"gold\"><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span class=\"gold\"><\/span><span class=\"gold\"><\/span><span class=\"gold\"><\/span><span><\/span><span><\/span>\r\n          <span class=\"gold\"><\/span><span><\/span><span class=\"gold\"><\/span><span><\/span><span><\/span><span class=\"gold\"><\/span>\r\n          <span><\/span><span class=\"gold\"><\/span><span><\/span><span><\/span><span class=\"gold\"><\/span><span><\/span>\r\n          <span class=\"gold\"><\/span><span class=\"gold\"><\/span><span class=\"gold\"><\/span><span><\/span><span class=\"gold\"><\/span><span class=\"gold\"><\/span>\r\n          <span class=\"gold\"><\/span><span class=\"gold\"><\/span><span><\/span><span class=\"gold\"><\/span><span><\/span><span class=\"gold\"><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Instant badge -->\r\n      <div class=\"status-pill instant-pill\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M13 2 4 14h7l-1 8 10-13h-7z\"\/>\r\n        <\/svg>\r\n        <span>Instant<\/span>\r\n      <\/div>\r\n\r\n      <!-- Certified badge -->\r\n      <div class=\"status-pill certified-pill\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m12 2 3 3 4-.2.2 4L22 12l-2.8 3.2.2 4-4-.2L12 22l-3.2-3-4 .2.2-4L2 12l3-3.2-.2-4 4 .2z\"\/>\r\n          <path d=\"m8.5 12 2.2 2.2 4.8-4.8\"\/>\r\n        <\/svg>\r\n        <span>Certified<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\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-e8d40c7 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"e8d40c7\" data-element_type=\"container\" data-e-type=\"container\" id=\"aboutUs\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d67ad08 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d67ad08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* ===== MAIN SECTION ===== *\/\r\n.about-kbe {\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: 85px 24px;\r\n    overflow: hidden;\r\n    background: #080808;\r\n    color: #fff;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n.about-kbe,\r\n.about-kbe * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background grid *\/\r\n.about-kbe::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: 12%;\r\n    left: 6%;\r\n    width: 45%;\r\n    height: 76%;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px);\r\n    background-size: 57px 53px;\r\n    mask-image: linear-gradient(90deg, #000, transparent);\r\n    -webkit-mask-image: linear-gradient(90deg, #000, transparent);\r\n}\r\n\r\n\/* Gold background glow *\/\r\n.about-kbe::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: 10%;\r\n    left: 10%;\r\n    width: 43%;\r\n    height: 75%;\r\n    background: radial-gradient(\r\n        ellipse,\r\n        rgba(190,153,40,.16),\r\n        rgba(80,65,25,.07) 42%,\r\n        transparent 72%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.about-kbe-container {\r\n    width: 100%;\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 60px;\r\n}\r\n\r\n\/* ===== LEFT IMAGE ===== *\/\r\n.about-kbe-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    padding: 30px 0 0;\r\n}\r\n\r\n.about-kbe-image {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 370px;\r\n    overflow: hidden;\r\n    border-radius: 28px 28px 28px 28px;\r\n\r\n    \/* Cut upper-right corner *\/\r\n    clip-path: polygon(\r\n        0 18%,\r\n        49% 18%,\r\n        61% 0,\r\n        100% 0,\r\n        100% 100%,\r\n        0 100%\r\n    );\r\n\r\n    background: #171717;\r\n    box-shadow: 0 15px 55px rgba(0,0,0,.5);\r\n}\r\n\r\n.about-kbe-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: brightness(.84) contrast(1.04);\r\n    transition: transform .7s ease, filter .7s ease;\r\n}\r\n\r\n.about-kbe-visual:hover .about-kbe-image img {\r\n    transform: scale(1.045);\r\n    filter: brightness(.96) contrast(1.04);\r\n}\r\n\r\n\/* Image overlay *\/\r\n.about-kbe-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        140deg,\r\n        rgba(0,0,0,.12),\r\n        transparent 55%,\r\n        rgba(0,0,0,.12)\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== 20+ BADGE ===== *\/\r\n.about-kbe-badge {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 0;\r\n    bottom: 42px;\r\n\r\n    width: 202px;\r\n    min-height: 130px;\r\n    padding: 25px 26px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    border-radius: 27px;\r\n    background: #d8b536;\r\n    color: #090909;\r\n\r\n    box-shadow: 0 15px 35px rgba(0,0,0,.22);\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.about-kbe-visual:hover .about-kbe-badge {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.about-kbe-badge strong {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    font-size: 29px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n        font-family: \"DegularDemo-Bold\", Sans-serif;\r\n}\r\n\r\n.about-kbe-badge span {\r\n    display: block;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.55;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* ===== RIGHT CONTENT ===== *\/\r\n.about-kbe-content {\r\n    min-width: 0;\r\n}\r\n\r\n.about-kbe-eyebrow {\r\n    display: block;\r\n    margin-bottom: 19px;\r\n    color: #d8b536;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: .2px;\r\n}\r\n\r\n.about-kbe-title {\r\n    margin: 0 0 21px;\r\n    color: #fff;\r\n    font-size: clamp(26px, 2.5vw, 29px);\r\n    font-weight: 800;\r\n    line-height: 1.02;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.about-kbe-title span {\r\n    display: block;\r\n    color: #d8b536;\r\n}\r\n\r\n.about-kbe-description {\r\n    margin: 0 0 15px;\r\n    color: #898989;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n    letter-spacing: .08px;\r\n}\r\n\r\n\/* ===== FEATURE CARDS ===== *\/\r\n.about-kbe-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.about-kbe-feature {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n    min-height: 72px;\r\n    padding: 13px 15px 12px 0;\r\n\r\n    border: 1px solid #222;\r\n    border-radius: 13px;\r\n\r\n    background: linear-gradient(\r\n        110deg,\r\n        rgba(255,255,255,.008) 50%,\r\n        rgba(255,255,255,.025)\r\n    );\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.about-kbe-feature:hover {\r\n    border-color: rgba(216,181,54,.38);\r\n    background: linear-gradient(\r\n        110deg,\r\n        rgba(216,181,54,.035),\r\n        rgba(255,255,255,.025)\r\n    );\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Number circle *\/\r\n.about-kbe-number {\r\n    position: relative;\r\n    flex: 0 0 36px;\r\n    width: 36px;\r\n    height: 36px;\r\n    margin-left: -1px;\r\n    margin-top: -28px;\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n    background: #d8b536;\r\n    color: #111;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* Feature text *\/\r\n.about-kbe-feature-text {\r\n    min-width: 0;\r\n}\r\n\r\n.about-kbe-feature-text h3 {\r\n    margin: 0 0 5px;\r\n    color: #e1bd38;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n}\r\n\r\n.about-kbe-feature-text p {\r\n    margin: 0;\r\n    color: #858585;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ===== ENTRANCE ANIMATION ===== *\/\r\n@keyframes aboutFadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(18px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.about-kbe-visual {\r\n    animation: aboutFadeUp .8s ease both;\r\n}\r\n\r\n.about-kbe-content {\r\n    animation: aboutFadeUp .8s ease .12s both;\r\n}\r\n\r\n.about-kbe-feature:nth-child(1) {\r\n    animation: aboutFadeUp .6s ease .2s both;\r\n}\r\n\r\n.about-kbe-feature:nth-child(2) {\r\n    animation: aboutFadeUp .6s ease .35s both;\r\n}\r\n\r\n.about-kbe-feature:nth-child(3) {\r\n    animation: aboutFadeUp .6s ease .5s both;\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n@media (max-width: 900px) {\r\n    .about-kbe {\r\n        padding: 65px 25px;\r\n    }\r\n\r\n    .about-kbe-container {\r\n        gap: 35px;\r\n    }\r\n\r\n    .about-kbe-image {\r\n        height: 320px;\r\n    }\r\n\r\n    .about-kbe-badge {\r\n        width: 165px;\r\n        min-height: 115px;\r\n        padding: 20px;\r\n        bottom: 25px;\r\n    }\r\n\r\n    .about-kbe-badge strong {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .about-kbe-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .about-kbe-feature {\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media (max-width: 650px) {\r\n    .about-kbe {\r\n        padding: 48px 20px 55px;\r\n    }\r\n\r\n    .about-kbe::before {\r\n        top: 4%;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 45%;\r\n    }\r\n\r\n    .about-kbe-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n        max-width: 460px;\r\n    }\r\n\r\n    .about-kbe-visual {\r\n        padding-top: 20px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .about-kbe-image {\r\n        height: clamp(270px, 75vw, 370px);\r\n    }\r\n\r\n    .about-kbe-badge {\r\n        right: 0;\r\n        bottom: 18px;\r\n        width: 160px;\r\n        min-height: 105px;\r\n        padding: 18px 20px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .about-kbe-badge strong {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .about-kbe-badge span {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .about-kbe-content {\r\n        width: 100%;\r\n    }\r\n\r\n    .about-kbe-eyebrow {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .about-kbe-title {\r\n        margin-bottom: 20px;\r\n        font-size: clamp(27px, 7vw, 34px);\r\n        line-height: 1.08;\r\n    }\r\n\r\n    .about-kbe-description {\r\n        font-size: 11px;\r\n        line-height: 1.75;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .about-kbe-features {\r\n        gap: 13px;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .about-kbe-feature {\r\n        min-height: 80px;\r\n        padding: 14px 12px 14px 0;\r\n        gap: 13px;\r\n    }\r\n\r\n    .about-kbe-number {\r\n        flex-basis: 37px;\r\n        width: 37px;\r\n        height: 37px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .about-kbe-feature-text h3 {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .about-kbe-feature-text p {\r\n        font-size: 10px;\r\n        line-height: 1.6;\r\n    }\r\n}\r\n\r\n\/* ===== SMALL MOBILE ===== *\/\r\n@media (max-width: 380px) {\r\n    .about-kbe {\r\n        padding-right: 15px;\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .about-kbe-badge {\r\n        width: 140px;\r\n        min-height: 95px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .about-kbe-badge strong {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .about-kbe-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .about-kbe-feature {\r\n        gap: 10px;\r\n    }\r\n}\r\n\r\n\/* Respect reduced motion preferences *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .about-kbe-visual,\r\n    .about-kbe-content,\r\n    .about-kbe-feature {\r\n        animation: none !important;\r\n    }\r\n\r\n    .about-kbe-image img,\r\n    .about-kbe-badge,\r\n    .about-kbe-feature {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-kbe\">\r\n    <div class=\"about-kbe-container\">\r\n\r\n        <!-- LEFT IMAGE -->\r\n        <div class=\"about-kbe-visual\">\r\n            <div class=\"about-kbe-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-16-1.png\"\r\n                    alt=\"Gold bullion bar in a premium presentation box\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"about-kbe-badge\">\r\n                <strong>20+<\/strong>\r\n                <span>Years of<br>Refining Excellence<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT CONTENT -->\r\n        <div class=\"about-kbe-content\">\r\n\r\n            <span class=\"about-kbe-eyebrow\">ABOUT KBE<\/span>\r\n\r\n            <h2 class=\"about-kbe-title\">\r\n                Pakistan's Most Trusted\r\n                <span>Bullion Authority<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"about-kbe-description\">\r\n                Karachi Bullion Refinery (KBE) is Pakistan's premier\r\n                bullion refinery and authentication platform combining\r\n                two decades of refining heritage with cutting-edge\r\n                digital verification technology.\r\n            <\/p>\r\n\r\n            <p class=\"about-kbe-description\">\r\n                Our mission is to deliver internationally benchmarked\r\n                999.0 purity gold and silver products, backed by a\r\n                proprietary QR authentication system that gives every\r\n                investor, bank, and institution complete confidence in\r\n                the products they hold. As a manufacturer, KBE does not\r\n                retail directly. Our products are available at\r\n                authorized jewellers in major cities across Pakistan.\r\n            <\/p>\r\n\r\n            <!-- FEATURES -->\r\n            <div class=\"about-kbe-features\">\r\n\r\n                <div class=\"about-kbe-feature\">\r\n                    <div class=\"about-kbe-number\">01<\/div>\r\n                    <div class=\"about-kbe-feature-text\">\r\n                        <h3>Digital Verification<\/h3>\r\n                        <p>\r\n                            Every product carries a unique QR code linked\r\n                            to our secure blockchain-backed registry.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"about-kbe-feature\">\r\n                    <div class=\"about-kbe-number\">02<\/div>\r\n                    <div class=\"about-kbe-feature-text\">\r\n                        <h3>Premium Refining<\/h3>\r\n                        <p>\r\n                            State-of-the-art refinery technology achieving\r\n                            999.0 purity on every gold and silver bar.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"about-kbe-feature\">\r\n                    <div class=\"about-kbe-number\">03<\/div>\r\n                    <div class=\"about-kbe-feature-text\">\r\n                        <h3>QR Authentication<\/h3>\r\n                        <p>\r\n                            Instant product authentication via mobile\r\n                            scan, verify, and own with confidence.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\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-23aba80 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"23aba80\" data-element_type=\"container\" data-e-type=\"container\" id=\"products\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e024af9 e-con e-atomic-element e-div-block-base e-default-div e-e024af9-fb40b53 \" data-id=\"e024af9\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"e024af9\" data-e-type=\"e-div-block\" data-id=\"e024af9\">\n    <div class=\"elementor-element elementor-element-d93ad6e e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"d93ad6e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d93ad6e\" data-e-type=\"e-flexbox\" data-id=\"d93ad6e\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8b9d60 elementor-widget elementor-widget-heading\" data-id=\"b8b9d60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">We Are a Manufacturer<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c472dc sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"8c472dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The KBE <span>Product Range<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6f696 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9c6f696\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">KBE does not sell directly to the public. All KBE products are available at authorized Jewellers across Pakistan. Every product is QR-verified at point of purchase.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d854736 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"d854736\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"d854736\" data-e-type=\"e-div-block\" data-id=\"d854736\">\n    \t\t<div class=\"elementor-element elementor-element-17c2fb5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"17c2fb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n\r\n.hscroll-line.four {\r\n    top: 30px;\r\n    bottom: inherit;\r\n}\r\n\r\n.kbe-products,\r\n.kbe-products * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kbe-products {\r\n    --gold: #d8b536;\r\n    --silver: #d4d4d4;\r\n    --bg: #101010;\r\n\r\n    width: 100%;\r\n    padding: 20px 20px 40px;\r\n    color: #f5f5f5;\r\n    font-family: Inter, Arial, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* FILTER TABS *\/\r\n.kbe-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 0 auto 100px;\r\n}\r\n\r\n.kbe-tab {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    min-height: 38px;\r\n    padding: 0 18px;\r\n\r\n    border: 1px solid #555;\r\n    border-radius: 30px;\r\n    background: transparent;\r\n    color: #aaa;\r\n\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n\r\n    transition: background .25s ease,\r\n                color .25s ease,\r\n                border-color .25s ease;\r\n}\r\n\r\n.kbe-tab small {\r\n    font-size: 10px;\r\n    color: inherit;\r\n}\r\n\r\n.kbe-tab:hover {\r\n    border-color: var(--gold);\r\n    color: #fff;\r\n}\r\n\r\n.kbe-tab.active {\r\n    border-color: var(--gold);\r\n    background: var(--gold);\r\n    color: #17130a;\r\n}\r\n\r\n\/* PRODUCT GRID *\/\r\n.kbe-product-grid {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    column-gap: 22px;\r\n    row-gap: 50px;\r\n}\r\n\r\n\/* PRODUCT CARD *\/\r\n.kbe-product {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding: 148px 25px 35px;\r\n\r\n    border: 1px solid #292929;\r\n    border-radius: 26px;\r\nborder-top-right-radius: 40%;\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 0% 100%,\r\n            rgba(255,255,255,.10),\r\n            transparent 60%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #111111 0%,\r\n            #101010 70%,\r\n            #171717 100%\r\n        );\r\n    margin-bottom: 50px;\r\n    transition: border-color .3s ease,\r\n                transform .3s ease;\r\n\r\n    animation: kbeCardIn .45s ease both;\r\n}\r\n\r\n.kbe-product:hover {\r\n    border-color: rgba(216,181,54,.5);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* PRODUCT IMAGE *\/\r\n.kbe-product-image {\r\n    position: absolute;\r\n    top: -30px;\r\n    left: 50%;\r\n    width: 82px;\r\n    height: 163px;\r\n    transform: translateX(-50%);\r\n    z-index: 2;\r\n}\r\n\r\n.kbe-product-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 5px 5px rgba(0,0,0,.4));\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.kbe-product:hover .kbe-product-image img {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* QR BADGE *\/\r\n.kbe-qr {\r\n    position: absolute;\r\n    top: 11px;\r\n    right: 7px;\r\n    z-index: 3;\r\n\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: var(--gold);\r\n    color: #17130a;\r\n}\r\n\r\n.kbe-product.silver .kbe-qr {\r\n    background: #d3d3d3;\r\n    color: #171717;\r\n}\r\n\r\n.kbe-qr svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: block;\r\n}\r\n\r\n\/* PRODUCT TITLE *\/\r\n.kbe-product h3 {\r\n    margin: 0 0 6px;\r\n    color: #ededed;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* PRODUCT WEIGHT *\/\r\n.kbe-product .kbe-weight {\r\n    margin: 0 0 11px;\r\n    color: #858585;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* AVAILABILITY *\/\r\n.kbe-product .kbe-availability {\r\n    margin: 0;\r\n    color: var(--gold);\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    white-space: normal;\r\n}\r\n\r\n.kbe-product.silver .kbe-availability {\r\n    color: #c8c8c8;\r\n}\r\n\r\n\/* FILTERING *\/\r\n.kbe-product[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes kbeCardIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(8px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* LARGE DESKTOP *\/\r\n@media (min-width: 1400px) {\r\n    .kbe-product-grid {\r\n        max-width: 1200px;\r\n        column-gap: 24px;\r\n    }\r\n\r\n    .kbe-product {\r\n        padding-top: 155px;\r\n    }\r\n\r\n    .kbe-product-image {\r\n        width: 88px;\r\n        height: 170px;\r\n    }\r\n\r\n    .kbe-product h3 {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .kbe-product .kbe-weight {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .kbe-product .kbe-availability {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 900px) {\r\n    .kbe-products {\r\n        padding: 20px 18px 35px;\r\n    }\r\n\r\n    .kbe-tabs {\r\n        margin-bottom: 70px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .kbe-tab {\r\n        font-size: 11px;\r\n        padding: 0 14px;\r\n        min-height: 36px;\r\n    }\r\n\r\n    .kbe-tab small {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .kbe-product-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        column-gap: 18px;\r\n        row-gap: 48px;\r\n    }\r\n\r\n    .kbe-product {\r\n        height: 215px;\r\n        padding: 145px 12px 12px;\r\n    }\r\n\r\n    .kbe-product-image {\r\n        width: 78px;\r\n        height: 160px;\r\n    }\r\n\r\n    .kbe-product h3 {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .kbe-product .kbe-weight {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .kbe-product .kbe-availability {\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 600px) {\r\n    .kbe-products {\r\n        padding: 18px 14px 30px;\r\n    }\r\n\r\n    .kbe-tabs {\r\n        margin-bottom: 62px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .kbe-tab {\r\n        font-size: 10px;\r\n        min-height: 34px;\r\n        padding: 0 11px;\r\n        gap: 7px;\r\n    }\r\n\r\n    .kbe-tab small {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .kbe-product-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        column-gap: 14px;\r\n        row-gap: 46px;\r\n    }\r\n\r\n    .kbe-product {\r\n        height: 210px;\r\n        padding: 143px 10px 11px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .kbe-product-image {\r\n        width: 73px;\r\n        height: 151px;\r\n        top: -27px;\r\n    }\r\n\r\n    .kbe-qr {\r\n        top: 9px;\r\n        right: 5px;\r\n        width: 31px;\r\n        height: 31px;\r\n    }\r\n\r\n    .kbe-qr svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n\r\n    .kbe-product h3 {\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .kbe-product .kbe-weight {\r\n        font-size: 9px;\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .kbe-product .kbe-availability {\r\n        font-size: 8px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 380px) {\r\n    .kbe-products {\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .kbe-product-grid {\r\n        column-gap: 10px;\r\n        row-gap: 43px;\r\n    }\r\n\r\n    .kbe-product {\r\n        padding-left: 8px;\r\n        padding-right: 8px;\r\n        height: 205px;\r\n    }\r\n\r\n    .kbe-product h3 {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .kbe-product .kbe-weight {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .kbe-product .kbe-availability {\r\n        font-size: 7px;\r\n    }\r\n\r\n    .kbe-tab {\r\n        padding: 0 9px;\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .kbe-product {\r\n        animation: none;\r\n        transition: none;\r\n    }\r\n}\r\n\r\nbutton.kbe-tab:hover {\r\n    background: #ffffff26;\r\n}\r\n<\/style>\r\n\r\n<section class=\"kbe-products\">\r\n\r\n    <!-- FILTER TABS -->\r\n    <div class=\"kbe-tabs\">\r\n        <button type=\"button\" class=\"kbe-tab active\" data-filter=\"all\">\r\n            All <small>(19)<\/small>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"kbe-tab\" data-filter=\"gram\">\r\n            Gram Series <small>(8)<\/small>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"kbe-tab\" data-filter=\"tola\">\r\n            Tola Series <small>(4)<\/small>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"kbe-tab\" data-filter=\"ounce\">\r\n            Ounce Series <small>(3)<\/small>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"kbe-tab\" data-filter=\"silver\">\r\n            Fine Silver <small>(4)<\/small>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"kbe-product-grid\">\r\n\r\n        <!-- GOLD PRODUCT 1 -->\r\n        <article class=\"kbe-product gold\" data-category=\"gram\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- GOLD PRODUCT 2 -->\r\n        <article class=\"kbe-product gold\" data-category=\"gram\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- GOLD PRODUCT 3 -->\r\n        <article class=\"kbe-product gold\" data-category=\"gram\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- GOLD PRODUCT 4 -->\r\n        <article class=\"kbe-product gold\" data-category=\"gram\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- SILVER PRODUCT 1 -->\r\n        <article class=\"kbe-product silver\" data-category=\"silver\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-1.png\" alt=\"Silver bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Silver Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 Fine Silver<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- SILVER PRODUCT 2 -->\r\n        <article class=\"kbe-product silver\" data-category=\"silver\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-1.png\" alt=\"Silver bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Silver Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 Fine Silver<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- SILVER PRODUCT 3 -->\r\n        <article class=\"kbe-product silver\" data-category=\"silver\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-1.png\" alt=\"Silver bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Silver Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 Fine Silver<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- SILVER PRODUCT 4 -->\r\n        <article class=\"kbe-product silver\" data-category=\"silver\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-1.png\" alt=\"Silver bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Gram Silver Bar<\/h3>\r\n            <p class=\"kbe-weight\">1g \u00b7 Fine Silver<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- TOLA PRODUCT 1 -->\r\n        <article class=\"kbe-product gold\" data-category=\"tola\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Tola Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">11.6638g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- TOLA PRODUCT 2 -->\r\n        <article class=\"kbe-product gold\" data-category=\"tola\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Tola Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">11.6638g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- OUNCE PRODUCT 1 -->\r\n        <article class=\"kbe-product gold\" data-category=\"ounce\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Ounce Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">31.1035g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n        <!-- OUNCE PRODUCT 2 -->\r\n        <article class=\"kbe-product gold\" data-category=\"ounce\">\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37.png\" alt=\"Gold bullion bar\">\r\n            <\/div>\r\n\r\n            <div class=\"kbe-qr\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\".5\"\/>\r\n                    <path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>1 Ounce Gold Bar<\/h3>\r\n            <p class=\"kbe-weight\">31.1035g \u00b7 999.0 Fine Gold<\/p>\r\n            <p class=\"kbe-availability\">Available at authorised jewellers<\/p>\r\n        <\/article>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32c41ee elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"32c41ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Product Range<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92196ef homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"92196ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98c584c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"98c584c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- Google Font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== KBE PURCHASE CTA SECTION ===== *\/\r\n\r\n.kbe-purchase-section,\r\n.kbe-purchase-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kbe-purchase-section {\r\n    --kbe-gold: #d9b536;\r\n    --kbe-black: #211900;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 82px 24px 90px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n\r\n\r\n\/* Main gold banner *\/\r\n.kbe-purchase-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 300px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 40% 34% 26%;\r\n    align-items: center;\r\n    background: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Vector-24-scaled.png);\r\n    border-radius: 26px;\r\n    isolation: isolate;\r\n    background-size: 100% 100%;\r\n    background-position: left;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\/* Person image *\/\r\n.kbe-purchase-person {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 0;\r\n    width: 38%;\r\n    height: 125%;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.kbe-purchase-person img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center bottom;\r\n}\r\n\r\n\/* Text content *\/\r\n.kbe-purchase-content {\r\n    grid-column: 2;\r\n    position: relative;\r\n    z-index: 4;\r\n    padding: 0px 0 34px 0px;\r\n}\r\n\r\n.kbe-purchase-content h2 {\r\n    margin: 0 0 15px;\r\n    color: #211900;\r\n\r\n    font-size: clamp(32px, 3.5vw, 44px);\r\n    line-height: .96;\r\n    letter-spacing: -2px;\r\n    font-weight: 800;\r\n}\r\n\r\n.kbe-purchase-content p {\r\n    max-width: 340px;\r\n    margin: 0;\r\n\r\n    color: #392f13;\r\n    font-size: 10px;\r\n    line-height: 1.65;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Buttons column *\/\r\n.kbe-purchase-actions {\r\n    grid-column: 3;\r\n    position: relative;\r\n    z-index: 5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 14px;\r\n\r\n    padding: 0px 30px 30px 8px;\r\n}\r\n\r\n\/* Button base *\/\r\n.kbe-purchase-btn {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 42px;\r\n    padding: 12px 10px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n\r\n    color: #211900;\r\n    background: transparent;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.3px;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n\r\n    cursor: pointer;\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\/* First button *\/\r\n.kbe-purchase-btn.primary {\r\n    background: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Vector-3.png);\r\n    color: var(--kbe-gold);\r\n    background-size: 100% 100%;\r\n}\r\n\r\na.kbe-purchase-btn.secondary {\r\n    background: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Frame-2.png);\r\n    background-size: 100% 100%;\r\n}\r\n\r\n.kbe-purchase-btn.primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,.14);\r\n}\r\n\r\n\/* Second button *\/\r\n.kbe-purchase-btn.secondary:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Subtle banner reveal *\/\r\n.kbe-purchase-banner {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    animation: kbePurchaseReveal .7s ease forwards;\r\n}\r\n\r\n@keyframes kbePurchaseReveal {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n@media (max-width: 900px) {\r\n    .kbe-purchase-section {\r\n        padding: 70px 24px 80px;\r\n    }\r\n\r\n    .kbe-purchase-banner {\r\n        max-width: 760px;\r\n        min-height: 260px;\r\n        grid-template-columns: 37% 37% 26%;\r\n    }\r\n\r\n    .kbe-purchase-person {\r\n        left: 5px;\r\n        width: 37%;\r\n        height: 115%;\r\n    }\r\n\r\n    .kbe-purchase-content {\r\n        padding-left: 8px;\r\n    }\r\n\r\n    .kbe-purchase-content h2 {\r\n        font-size: clamp(29px, 4vw, 37px);\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .kbe-purchase-content p {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .kbe-purchase-actions {\r\n        padding-right: 18px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .kbe-purchase-btn {\r\n        font-size: 7px;\r\n        letter-spacing: 1px;\r\n    }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media (max-width: 600px) {\r\n    .kbe-purchase-section {\r\n        padding: 45px 16px 55px;\r\n    }\r\n\r\n    .kbe-purchase-section::after {\r\n        top: 200px;\r\n    }\r\n\r\n    .kbe-purchase-banner {\r\n        max-width: 430px;\r\n        min-height: 0;\r\n        padding: 0;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .kbe-purchase-banner::before {\r\n        clip-path: none;\r\n        border-radius: inherit;\r\n    }\r\n\r\n    .kbe-purchase-person {\r\n        position: relative;\r\n        left: auto;\r\n        bottom: auto;\r\n\r\n        width: 100%;\r\n        height: 260px;\r\n        margin-top: -25px;\r\n        margin-bottom: -5px;\r\n\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .kbe-purchase-person img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-position: center bottom;\r\n    }\r\n\r\n    .kbe-purchase-content {\r\n        order: 2;\r\n        width: 100%;\r\n        padding: 22px 24px 14px;\r\n        text-align: center;\r\n    }\r\n\r\n    .kbe-purchase-content h2 {\r\n        font-size: 35px;\r\n        line-height: 1;\r\n        letter-spacing: -1.5px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .kbe-purchase-content p {\r\n        max-width: 350px;\r\n        margin: 0 auto;\r\n        font-size: 12px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .kbe-purchase-actions {\r\n        order: 3;\r\n        width: 100%;\r\n        padding: 12px 24px 25px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .kbe-purchase-btn {\r\n        min-height: 46px;\r\n        padding: 13px;\r\n        font-size: 9px;\r\n        letter-spacing: 1.3px;\r\n    }\r\n}\r\n\r\n\/* Small mobile *\/\r\n@media (max-width: 380px) {\r\n    .kbe-purchase-section {\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n    }\r\n\r\n    .kbe-purchase-person {\r\n        height: 225px;\r\n    }\r\n\r\n    .kbe-purchase-content {\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n    }\r\n\r\n    .kbe-purchase-content h2 {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .kbe-purchase-content p {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .kbe-purchase-actions {\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n    }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .kbe-purchase-banner {\r\n        animation: none;\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    .kbe-purchase-btn {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"kbe-purchase-section\">\r\n    <div class=\"kbe-purchase-banner\">\r\n\r\n        <!-- Replace with your transparent PNG image -->\r\n        <div class=\"kbe-purchase-person\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-38.png\"\r\n                alt=\"KBE representative holding gold and silver bullion bars\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- Heading and description -->\r\n        <div class=\"kbe-purchase-content\">\r\n            <h2>Looking to<br>Purchase?<\/h2>\r\n\r\n            <p>\r\n                KBE products are stocked at authorized jewellers in Karachi,\r\n                Lahore, Islamabad, and major cities across Pakistan.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Action buttons -->\r\n        <div class=\"kbe-purchase-actions\">\r\n            <a\r\n                href=\"#nearest-jeweller\"\r\n                class=\"kbe-purchase-btn primary\"\r\n            >\r\n                Find Nearest Jeweller\r\n            <\/a>\r\n\r\n            <a\r\n                href=\"#verify-authenticity\"\r\n                class=\"kbe-purchase-btn secondary\"\r\n            >\r\n                Verify Authenticity\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\njQuery(function($) {\r\n    $('.kbe-purchase-btn').on('click', function() {\r\n        var target = $(this).attr('href');\r\n\r\n        if (target && target.charAt(0) === '#') {\r\n            var $destination = $(target);\r\n\r\n            if ($destination.length) {\r\n                $('html, body').animate({\r\n                    scrollTop: $destination.offset().top - 80\r\n                }, 600);\r\n            }\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23085ae e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"23085ae\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"23085ae\" id=\"services\" data-e-type=\"e-div-block\" data-id=\"23085ae\">\n    <div class=\"elementor-element elementor-element-e78e4ff e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"e78e4ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e78e4ff\" data-e-type=\"e-flexbox\" data-id=\"e78e4ff\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-d10780b elementor-widget elementor-widget-heading\" data-id=\"d10780b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">What We Offer<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2660f85 sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"2660f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services Built for <span>Every Need<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f374bdd elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f374bdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">From retail bullion to institutional-scale corporate programs KBE delivers premium solutions with unmatched authenticity.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5649a elementor-widget elementor-widget-html\" data-id=\"1a5649a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n.kbe-services,\r\n.kbe-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kbe-services {\r\n    --gold: #d8b436;\r\n    --card-bg: #101010;\r\n    --text: #eeeeee;\r\n    --muted: #858585;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 10px 8px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n\/* Cards grid *\/\r\n.kbe-services-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 19px;\r\n}\r\n\r\n\/* Individual card *\/\r\n.kbe-service-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    min-height: 212px;\r\n    padding: 31px 30px 29px;\r\n\r\n    background: var(--card-bg);\r\n    border: 1px solid #363636;\r\n    border-radius: 28px;\r\n\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    transition:\r\n        border-color .35s ease,\r\n        background .35s ease,\r\n        transform .35s ease;\r\n    border-bottom-right-radius: 120px;\r\n}\r\n\r\n\/* Subtle card lighting *\/\r\n.kbe-service-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    border-radius: inherit;\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 0% 100%,\r\n            rgba(255,255,255,.045),\r\n            transparent 60%\r\n        );\r\n        \r\n    pointer-events: none;\r\n}\r\n\r\n\/* Gold circular element *\/\r\n.kbe-service-circle {\r\n    position: absolute;\r\n    right: 16px;\r\n    bottom: 9px;\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    border-radius: 50%;\r\n    background: var(--gold);\r\n    z-index: 2;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\/* Icon *\/\r\n.kbe-service-icon {\r\n    display: block;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin-bottom: 25px;\r\n    color: var(--gold);\r\n}\r\n\r\n.kbe-service-icon svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* Text *\/\r\n.kbe-service-card h3 {\r\n    margin: 0 0 10px;\r\n    color: #e9e9e9;\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    letter-spacing: -.15px;\r\n}\r\n\r\n.kbe-service-card p {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    color: var(--muted);\r\n\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n}\r\n\r\n\/* Hover effect *\/\r\n.kbe-service-card:hover {\r\n    border-color: rgba(216,180,54,.55);\r\n    background: #131313;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.kbe-service-card:hover .kbe-service-circle {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 0 20px rgba(216,180,54,.20);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n    .kbe-services-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .kbe-service-card {\r\n        min-height: 205px;\r\n        padding: 27px 24px;\r\n    }\r\n\r\n    .kbe-service-icon {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .kbe-service-card h3 {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .kbe-service-card p {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 560px) {\r\n    .kbe-services {\r\n        padding: 14px;\r\n    }\r\n\r\n    .kbe-services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n\r\n    .kbe-service-card {\r\n        min-height: 190px;\r\n        padding: 25px 24px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .kbe-service-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .kbe-service-card h3 {\r\n        font-size: 14px;\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .kbe-service-card p {\r\n        max-width: 340px;\r\n        font-size: 11px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .kbe-service-circle {\r\n        width: 42px;\r\n        height: 42px;\r\n        right: 15px;\r\n        bottom: 8px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .kbe-services::before {\r\n        animation: none;\r\n    }\r\n\r\n    .kbe-service-card,\r\n    .kbe-service-circle {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n.cards {\r\n    position: relative;\r\n}\r\n<\/style>\r\n\r\n<section class=\"kbe-services\">\r\n    <div class=\"kbe-services-grid\">\r\n\r\n        <!-- Card 1 -->\r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <rect x=\"4\" y=\"12\" width=\"32\" height=\"23\" rx=\"2\"\/>\r\n                    <path d=\"M16 12V7a4 4 0 0 1 8 0v5\"\/>\r\n                    <circle cx=\"20\" cy=\"23\" r=\"2.5\"\/>\r\n                    <path d=\"M20 25.5v2\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>999.0 Fine Gold Bars<\/h3>\r\n            <p>\r\n                Investment-Grade Gold Bars Refined To International\r\n                LBMA Standards With Unique Serial Numbers.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        \r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <circle cx=\"20\" cy=\"20\" r=\"15\"\/>\r\n                    <circle cx=\"20\" cy=\"20\" r=\"7\"\/>\r\n                    <path d=\"M20 3v7M20 30v7M3 20h7M30 20h7\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Silver Bullion<\/h3>\r\n            <p>\r\n                999 Fine Silver Bars And Coins Perfect For Portfolio\r\n                Diversification And Industrial Investment.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        \r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <path d=\"M20 3l5.2 10.5 11.6 1.7-8.4 8.2 2 11.5L20 29.5 9.6 35l2-11.5-8.4-8.2 11.6-1.7L20 3z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Custom Gift Gold Bars<\/h3>\r\n            <p>\r\n                Personalized Bullion For Weddings, Birthdays, Eid,\r\n                And Milestones Engraved With Your Message.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n            <\/div>\r\n\r\n        <!-- Card 4 -->\r\n        \r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <path d=\"M5 15h30v20H5z\"\/>\r\n                    <path d=\"M3 15h34M20 15v20M20 15H9a5 5 0 1 1 5-5c0 5 6 5 6 5z\"\/>\r\n                    <path d=\"M20 15h11a5 5 0 1 0-5-5c0 5-6 5-6 5z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Personalized Collections<\/h3>\r\n            <p>\r\n                Ramadan, Wedding, Baby, Anniversary Premium\r\n                Bullion Sets For Every Life Occasion.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n            <\/div>\r\n\r\n        <!-- Card 5 -->\r\n        \r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <path d=\"M20 3 7 8v9c0 9 5.5 15 13 19 7.5-4 13-10 13-19V8L20 3z\"\/>\r\n                    <path d=\"m14 20 4 4 8-9\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>QR-Verified Products<\/h3>\r\n            <p>\r\n                Every KBE Product Carries A Cryptographically Secure\r\n                QR Code Linked To Its Full Certificate Of Authenticity.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n            <\/div>\r\n\r\n        <!-- Card 6 -->\r\n        \r\n        <div class=\"cards\">\r\n        <article class=\"kbe-service-card\">\r\n            <div class=\"kbe-service-icon\">\r\n                <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\r\n                    <rect x=\"8\" y=\"5\" width=\"24\" height=\"30\" rx=\"2\"\/>\r\n                    <path d=\"M4 35h32M16 12h2M23 12h2M16 19h2M23 19h2M16 26h2M23 26h2\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Corporate Orders<\/h3>\r\n            <p>\r\n                Bulk Procurement, Private Labelling, And Branded\r\n                Packaging For Banks, Institutions, And Corporates.\r\n            <\/p>\r\n        <\/article>\r\n            <span class=\"kbe-service-circle\"><\/span>\r\n            <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0869e1f e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"0869e1f\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"0869e1f\" id=\"collection\" data-e-type=\"e-div-block\" data-id=\"0869e1f\">\n    <div class=\"elementor-element elementor-element-ce548b3 e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"ce548b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ce548b3\" data-e-type=\"e-flexbox\" data-id=\"ce548b3\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0e4ac4 elementor-widget elementor-widget-heading\" data-id=\"c0e4ac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Signature Series<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55b86f8 sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"55b86f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Special <span>Occasions Collection<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b87fef7 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b87fef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">30 bespoke bullion designs for life's most precious moments. Each piece is individually numbered, QR-authenticated, and presented in premium packaging.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d1e56e elementor-widget elementor-widget-html\" data-id=\"1d1e56e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n.kbe-products,\r\n.kbe-products * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kbe-products {\r\n    --kbe-gold: #d8b536;\r\n    --kbe-bg: #090909;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n    color: #fff;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n\/* Tabs *\/\r\n.kbe-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 0 auto 86px;\r\n}\r\n\r\n.kbe-tab {\r\n    height: 36px;\r\n    padding: 0 17px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n\r\n    background: transparent;\r\n    border: 1px solid #555;\r\n    border-radius: 30px;\r\n\r\n    color: #929292;\r\n    font-family: inherit;\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.kbe-tab span {\r\n    font-size: 8px;\r\n    color: inherit;\r\n}\r\n\r\n.kbe-tab:hover {\r\n    border-color: var(--kbe-gold);\r\n    color: #fff;\r\n}\r\n\r\n.kbe-tab.active {\r\n    color: #241b00;\r\n    background: var(--kbe-gold);\r\n    border-color: var(--kbe-gold);\r\n}\r\n\r\n\/* Products grid *\/\r\n.kbe-product-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    column-gap: 22px;\r\n    row-gap: 23px;\r\n    width: 100%;\r\n}\r\n\r\n\/* Product card *\/\r\n.kbe-product-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    height: 195px;\r\n    margin-top: 40px;\r\n    padding: 146px 19px 15px;\r\n\r\n    border: 1px solid #303030;\r\n    border-radius: 28px 28px 28px 28px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 0% 80%,\r\n            rgba(255,255,255,.13),\r\n            transparent 65%\r\n        ),\r\n        linear-gradient(135deg, #121212, #0a0a0a);\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        transform .3s ease,\r\n        opacity .25s ease;\r\n}\r\n\r\n.kbe-product-card:hover {\r\n    border-color: rgba(216,181,54,.55);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Gold bar image *\/\r\n.kbe-product-image {\r\n    position: absolute;\r\n    width: 94px;\r\n    height: 166px;\r\n    top: -40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.kbe-product-image img {\r\n    display: block;\r\n    max-width: 100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n\r\n    filter: drop-shadow(0 5px 5px rgba(0,0,0,.35));\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.kbe-product-card:hover .kbe-product-image img {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Product details *\/\r\n.kbe-product-card h3 {\r\n    margin: 0 0 5px;\r\n    color: #ededed;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n}\r\n\r\n.kbe-product-card p {\r\n    margin: 0;\r\n    color: #8c8c8c;\r\n    font-size: 8px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Optional category badge *\/\r\n.kbe-product-tag {\r\n    position: absolute;\r\n    top: 9px;\r\n    left: 12px;\r\n    color: var(--kbe-gold);\r\n    font-size: 7px;\r\n    letter-spacing: .7px;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    transition: opacity .25s ease;\r\n}\r\n\r\n.kbe-product-card:hover .kbe-product-tag {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hide filtered items *\/\r\n.kbe-product-card.is-hidden {\r\n    display: none;\r\n}\r\n\r\n\/* Customize button *\/\r\n.kbe-customize-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 62px;\r\n}\r\n\r\n.kbe-customize-btn {\r\n    position: relative;\r\n    min-width: 175px;\r\n    height: 41px;\r\n    padding: 0 24px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #211900;\r\n    background: var(--kbe-gold);\r\n    border: none;\r\n    border-radius: 10px 13px 10px 10px;\r\n    clip-path: polygon(0 0, 88% 0, 100% 30%, 100% 100%, 0 100%);\r\n\r\n    font-family: inherit;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: filter .25s ease, transform .25s ease;\r\n}\r\n\r\n.kbe-customize-btn:hover {\r\n    filter: brightness(1.12);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1000px) {\r\n    .kbe-product-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 25px 18px;\r\n    }\r\n\r\n    .kbe-tabs {\r\n        margin-bottom: 65px;\r\n    }\r\n\r\n    .kbe-product-card {\r\n        padding-left: 16px;\r\n        padding-right: 12px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n    .kbe-products {\r\n        padding: 16px 12px 25px;\r\n    }\r\n\r\n    .kbe-tabs {\r\n        gap: 8px;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .kbe-tab {\r\n        height: 35px;\r\n        padding: 0 12px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .kbe-product-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 22px 12px;\r\n    }\r\n\r\n    .kbe-product-card {\r\n        height: 190px;\r\n        margin-top: 32px;\r\n        padding: 135px 12px 12px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .kbe-product-image {\r\n        width: 82px;\r\n        height: 145px;\r\n        top: -32px;\r\n    }\r\n\r\n    .kbe-product-card h3 {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .kbe-product-card p {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .kbe-customize-wrap {\r\n        margin-top: 42px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .kbe-product-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .kbe-product-card {\r\n        height: 195px;\r\n        padding-left: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"kbe-products\">\r\n\r\n    <!-- Category tabs -->\r\n    <div class=\"kbe-tabs\">\r\n        <button class=\"kbe-tab active\" data-filter=\"all\">\r\n            All <span>(19)<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kbe-tab\" data-filter=\"religious\">\r\n            Religious <span>(8)<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kbe-tab\" data-filter=\"occasions\">\r\n            Occasions <span>(4)<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kbe-tab\" data-filter=\"corporate\">\r\n            Corporate <span>(3)<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kbe-tab\" data-filter=\"seasonal\">\r\n            Seasonal <span>(4)<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <!-- Products -->\r\n    <div class=\"kbe-product-grid\">\r\n\r\n        <!-- Religious -->\r\n        <article class=\"kbe-product-card\" data-category=\"religious\">\r\n            <span class=\"kbe-product-tag\">Religious<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-2.png\" alt=\"Ramadan gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"occasions\">\r\n            <span class=\"kbe-product-tag\">Occasions<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-4.png\" alt=\"Compliments gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"occasions\">\r\n            <span class=\"kbe-product-tag\">Occasions<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-5.png\" alt=\"Congratulations gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"occasions\">\r\n            <span class=\"kbe-product-tag\">Occasions<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-6.png\" alt=\"Birthday gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"religious\">\r\n            <span class=\"kbe-product-tag\">Religious<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-7.png\" alt=\"Ramadan gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <!-- Second row -->\r\n        <article class=\"kbe-product-card\" data-category=\"religious\">\r\n            <span class=\"kbe-product-tag\">Religious<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-2.png\" alt=\"Ramadan gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"corporate\">\r\n            <span class=\"kbe-product-tag\">Corporate<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-4.png\" alt=\"Compliments gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"corporate\">\r\n            <span class=\"kbe-product-tag\">Corporate<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-5.png\" alt=\"Congratulations gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"seasonal\">\r\n            <span class=\"kbe-product-tag\">Seasonal<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-6.png\" alt=\"Birthday gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"kbe-product-card\" data-category=\"religious\">\r\n            <span class=\"kbe-product-tag\">Religious<\/span>\r\n            <div class=\"kbe-product-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-37-7.png\" alt=\"Ramadan gold bar\">\r\n            <\/div>\r\n            <h3>1 Gram Gold Bar<\/h3>\r\n            <p>1g \u00b7 999.0 Fine Gold<\/p>\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"kbe-customize-wrap\">\r\n        <a href=\"#customize\" class=\"kbe-customize-btn\">\r\n            CUSTOMIZE YOURS\r\n        <\/a>\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f85431 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"1f85431\" data-element_type=\"container\" data-e-type=\"container\" id=\"corporate\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e20418 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"5e20418\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"5e20418\" data-e-type=\"e-div-block\" data-id=\"5e20418\">\n    \t\t<div class=\"elementor-element elementor-element-fd9a1e4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fd9a1e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n    --gold: #e2b82e;\r\n    --gold-light: #edc832;\r\n    --bg: #101010;\r\n    --card: #101010;\r\n    --muted: #858585;\r\n}\r\n\r\nbody {\r\n    font-family: 'Inter', sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n}\r\n\r\n\/* MAIN SECTION *\/\r\n.corporate-section {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    );\r\n}\r\n\r\n\/* BACKGROUND GRID *\/\r\n.grid-pattern {\r\n    position: absolute;\r\n    top: 15%;\r\n    left: 9%;\r\n    width: 46%;\r\n    height: 70%;\r\n    z-index: -1;\r\n    opacity: .55;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);\r\n    background-size: 70px 66px;\r\n    mask-image: linear-gradient(\r\n        to bottom,\r\n        transparent,\r\n        black 10%,\r\n        black 90%,\r\n        transparent\r\n    );\r\n}\r\n\r\n.corporate-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    align-items: center;\r\n    gap: 90px;\r\n    padding: 40px 0;\r\n}\r\n\r\n\/* LEFT CARDS *\/\r\n.audience-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n}\r\n\r\n.audience-card {\r\n    min-height: 166px;\r\n    padding: 22px 18px;\r\n    background: rgba(16, 16, 16, .96);\r\n    border: 1px solid #3d3d3d;\r\n    border-radius: 27px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: transform .35s ease, border-color .35s ease,\r\n                box-shadow .35s ease;\r\n}\r\n\r\n.audience-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: var(--gold);\r\n    box-shadow: 0 12px 35px rgba(226, 184, 46, .10);\r\n}\r\n\r\n.audience-card .card-icon {\r\n    color: var(--gold);\r\n    font-size: 43px;\r\n    margin-bottom: 16px;\r\n    line-height: 1;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.audience-card:hover .card-icon {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.audience-card h3 {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    margin-bottom: 7px;\r\n    color: #f7f7f7;\r\n}\r\n\r\n.audience-card p {\r\n    max-width: 190px;\r\n    color: var(--muted);\r\n    font-size: 10.5px;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* RIGHT CONTENT *\/\r\n.corporate-content .eyebrow {\r\n    color: var(--gold);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    margin-bottom: 19px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.corporate-content h1 {\r\nmargin: 0 0 21px;\r\n    color: #fff;\r\n    font-size: clamp(26px, 2.5vw, 29px);\r\n    font-weight: 800;\r\n    line-height: 1.02;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.corporate-content h1 span {\r\n    display: block;\r\n    color: var(--gold);\r\n}\r\n\r\n.corporate-description {\r\n    color: #898989;\r\n    font-size: 12.5px;\r\n    line-height: 1.65;\r\n    margin-bottom: 26px;\r\n    max-width: 490px;\r\n}\r\n\r\n.corporate-content h2 {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    margin-bottom: 19px;\r\n    letter-spacing: -.5px;\r\n}\r\n\r\n\/* BENEFITS LIST *\/\r\n.benefits-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 11px;\r\n    margin-bottom: 29px;\r\n}\r\n\r\n.benefits-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: #898989;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.benefits-list .check-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: 0 0 18px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--gold);\r\n    color: #111;\r\n    border-radius: 50%;\r\n    font-size: 10px;\r\n    margin-top: -1px;\r\n}\r\n\r\n\/* CONTACT BUTTON *\/\r\n.contact-button {\r\n    position: relative;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-width: 188px;\r\n    min-height: 52px;\r\n    padding: 16px 28px;\r\n    color: #080808;\r\n    background: var(--gold);\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    font-family: inherit;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    border-radius: 13px;\r\n    clip-path: polygon(\r\n        0 0, 87% 0, 100% 28%, 100% 100%, 0 100%\r\n    );\r\n    transition: background .3s ease, transform .3s ease;\r\n}\r\n\r\n.contact-button:hover {\r\n    background: var(--gold-light);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1000px) {\r\n    .corporate-container {\r\n        gap: 45px;\r\n    }\r\n\r\n    .corporate-section {\r\n        padding: 100px 30px;\r\n    }\r\n\r\n    .audience-card {\r\n        min-height: 155px;\r\n    }\r\n\r\n    .corporate-content h1 {\r\n        font-size: 30px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n    .corporate-section {\r\n        clip-path: none;\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .grid-pattern {\r\n        left: 0;\r\n        width: 100%;\r\n        height: 50%;\r\n        top: 5%;\r\n    }\r\n\r\n    .corporate-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n        padding: 15px 0;\r\n    }\r\n\r\n    .audience-grid {\r\n        gap: 12px;\r\n    }\r\n\r\n    .audience-card {\r\n        min-height: 155px;\r\n        padding: 20px 12px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .audience-card .card-icon {\r\n        font-size: 37px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .audience-card p {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .corporate-content h1 {\r\n        font-size: clamp(29px, 7vw, 36px);\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .corporate-content .eyebrow {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .corporate-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .benefits-list li {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .audience-card {\r\n        min-height: 145px;\r\n        padding: 16px 8px;\r\n    }\r\n\r\n    .audience-card p {\r\n        font-size: 9px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"corporate-section\" id=\"corporate-solutions\">\r\n\r\n    <div class=\"grid-pattern\"><\/div>\r\n\r\n    <div class=\"corporate-container\">\r\n\r\n        <!-- LEFT: AUDIENCE CARDS -->\r\n        <div class=\"audience-grid\">\r\n\r\n            <div class=\"audience-card\">\r\n                <i class=\"fa-regular fa-gem card-icon\"><\/i>\r\n                <h3>Jewellers<\/h3>\r\n                <p>Certified refined gold at competitive institutional rates.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"audience-card\">\r\n                <i class=\"fa-solid fa-chart-line card-icon\"><\/i>\r\n                <h3>Investment Firms<\/h3>\r\n                <p>Portfolio-grade bullion with full provenance records.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"audience-card\">\r\n                <i class=\"fa-regular fa-building card-icon\"><\/i>\r\n                <h3>Corporates<\/h3>\r\n                <p>Branded gold gifts and appreciation awards at scale.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"audience-card\">\r\n                <i class=\"fa-solid fa-landmark card-icon\"><\/i>\r\n                <h3>Institutions<\/h3>\r\n                <p>Endowment and trust-grade bullion with documentation.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"audience-card\">\r\n                <i class=\"fa-solid fa-cart-shopping card-icon\"><\/i>\r\n                <h3>Retailers<\/h3>\r\n                <p>Private-label bullion collections for your brand.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: CORPORATE CONTENT -->\r\n        <div class=\"corporate-content\">\r\n\r\n            <div class=\"eyebrow\">FOR INSTITUTIONS<\/div>\r\n\r\n            <h1>\r\n                Corporate\r\n                <span>Gold And Silver Solutions<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"corporate-description\">\r\n                KBE provides Pakistan's most comprehensive institutional\r\n                bullion program from treasury procurement to branded\r\n                corporate gifts with the full trust of a 999.0 certified refinery.\r\n            <\/p>\r\n\r\n            <h2>Program Benefits<\/h2>\r\n\r\n            <ul class=\"benefits-list\">\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Bulk Order Discounts volume pricing from 50g upward<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Custom Branding your logo, serial, and design on every bar<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Private Label Programs full white-label bullion solutions<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Exclusive Packaging premium gift and retail packaging<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Dedicated Account Manager direct line to your KBE liaison<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Priority Delivery expedited logistics across Pakistan<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Certificate of Authenticity for every corporate shipment<\/span>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <span class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                    <span>Flexible Payment Terms structured for institutional buyers<\/span>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#contact\" class=\"contact-button\">Contact Now<\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc3040e homePageSec02 e-con-full e-flex e-con e-parent\" data-id=\"cc3040e\" data-element_type=\"container\" data-e-type=\"container\" id=\"app\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21ae110 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"21ae110\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n    --kbe-black: #000;\r\n    --kbe-gold: #dfb932;\r\n    --kbe-white: #fff;\r\n    --kbe-muted: #bdbdbd;\r\n    --kbe-border: #303030;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n    background: var(--kbe-black);\r\n    color: var(--kbe-white);\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* =========================\r\n   MOBILE APP SECTION\r\n========================= *\/\r\n\r\n.kbe-mobile-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #000;\r\n    min-height: 750px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 70px 0;\r\n}\r\n\r\n.kbe-mobile-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n    padding: 0 30px;\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n\/* =========================\r\n   LEFT CONTENT\r\n========================= *\/\r\n\r\n.kbe-mobile-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 650px;\r\n    animation: kbeFadeUp .8s ease both;\r\n}\r\n\r\n.kbe-mobile-label {\r\n    display: block;\r\n    margin-bottom: 19px;\r\n    color: #d8b536;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: .2px;\r\n}\r\n\r\n.kbe-mobile-heading {\r\n    margin: 0 0 21px;\r\n    color: #fff;\r\n    font-size: clamp(26px, 2.5vw, 29px);\r\n    font-weight: 800;\r\n    line-height: 1.02;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.kbe-mobile-heading span {\r\n    display: block;\r\n    color: var(--kbe-gold);\r\n}\r\n\r\n.kbe-mobile-description {\r\n    max-width: 600px;\r\n    color: #f0f0f0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.65;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* =========================\r\n   FEATURE CARDS\r\n========================= *\/\r\n\r\n.kbe-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 22px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.kbe-feature-card {\r\n    position: relative;\r\n    padding: 10px 10px 10px 72px;\r\n    background: #030303;\r\n    border: 1px solid var(--kbe-border);\r\n    border-radius: 15px;\r\n    transition: border-color .3s ease, transform .3s ease, background .3s ease;\r\n}\r\n\r\n.kbe-feature-card:hover {\r\n    border-color: var(--kbe-gold);\r\n    transform: translateY(-5px);\r\n    background: #0b0b0b;\r\n}\r\n\r\n.kbe-feature-number {\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    width: 55px;\r\n    height: 55px;\r\n    background: var(--kbe-gold);\r\n    color: #080808;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n}\r\n\r\n.kbe-feature-card h3 {\r\n    color: var(--kbe-gold);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    margin-bottom: 9px;\r\n}\r\n\r\n.kbe-feature-card p {\r\n    color: #f4f4f4;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================\r\n   APP DOWNLOAD BUTTONS\r\n========================= *\/\r\n\r\n.kbe-download-title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.kbe-store-buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.kbe-store-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 11px;\r\n    min-width: 190px;\r\n    min-height: 58px;\r\n    padding: 7px 13px;\r\n    border: 1px solid #999;\r\n    border-radius: 6px;\r\n    background: #030303;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    transition: border-color .3s ease,\r\n                transform .3s ease,\r\n                background .3s ease;\r\n}\r\n\r\n.kbe-store-button:hover {\r\n    color: #fff;\r\n    border-color: var(--kbe-gold);\r\n    background: #111;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.kbe-store-button .store-icon {\r\n    font-size: 34px;\r\n}\r\n\r\n.kbe-store-button .apple-icon {\r\n    font-size: 36px;\r\n}\r\n\r\n.kbe-store-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1px;\r\n}\r\n\r\n.kbe-store-text small {\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n}\r\n\r\n.kbe-store-text strong {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1.1;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* =========================\r\n   RIGHT VISUAL\r\n========================= *\/\r\n\r\n.kbe-mobile-visual {\r\n    position: relative;\r\n    min-height: 640px;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.kbe-gold-shape {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 90%;\r\n    top: 50%;\r\n    right: -40px;\r\n    transform: translateY(-50%);\r\n    z-index: 0;\r\n    background: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Vector-12.png);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: right;\r\n}\r\n\r\n\/* Phone image *\/\r\n.kbe-phone-image {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 760px;\r\n    max-height: 700px;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    filter: drop-shadow(0 20px 25px rgba(0, 0, 0, .35));\r\n    animation: kbePhoneFloat 5s ease-in-out infinite;\r\n    right: -90px;\r\n    top: -50px;\r\n}\r\n\r\n\/* =========================\r\n   ANIMATIONS\r\n========================= *\/\r\n\r\n@keyframes kbeFadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes kbePhoneFloat {\r\n    0%, 100% {\r\n        transform: translateY(0);\r\n    }\r\n    50% {\r\n        transform: translateY(-10px);\r\n    }\r\n}\r\n\r\n\/* Scroll reveal *\/\r\n.kbe-mobile-section.kbe-reveal-ready .kbe-mobile-content,\r\n.kbe-mobile-section.kbe-reveal-ready .kbe-mobile-visual {\r\n    opacity: 0;\r\n    transform: translateY(25px);\r\n    transition: opacity .8s ease, transform .8s ease;\r\n}\r\n\r\n.kbe-mobile-section.kbe-reveal-ready.kbe-visible .kbe-mobile-content,\r\n.kbe-mobile-section.kbe-reveal-ready.kbe-visible .kbe-mobile-visual {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n    .kbe-mobile-container {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .kbe-mobile-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .kbe-features-grid {\r\n        gap: 15px;\r\n    }\r\n\r\n    .kbe-feature-card {\r\n        padding-left: 62px;\r\n    }\r\n\r\n    .kbe-feature-number {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .kbe-mobile-visual {\r\n        min-height: 560px;\r\n    }\r\n\r\n    .kbe-store-button {\r\n        min-width: 165px;\r\n    }\r\n\r\n    .kbe-store-text strong {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 767px) {\r\n    .kbe-mobile-section {\r\n        padding: 65px 0 40px;\r\n        min-height: auto;\r\n    }\r\n\r\n    .kbe-mobile-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .kbe-mobile-content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .kbe-mobile-label {\r\n        font-size: 15px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .kbe-mobile-heading {\r\n    font-size: clamp(18px, 2.5vw, 29px);\r\n    }\r\n\r\n    .kbe-mobile-description {\r\n        font-size: 13px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .kbe-features-grid {\r\n        gap: 20px 12px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .kbe-feature-card {\r\n        min-height: 120px;\r\n        padding: 27px 10px 15px 17px;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .kbe-feature-number {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        width: 39px;\r\n        height: 39px;\r\n        font-size: 16px;\r\n        margin: -5px 0 13px -5px;\r\n    }\r\n\r\n    .kbe-feature-card h3 {\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .kbe-feature-card p {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .kbe-download-title {\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .kbe-store-buttons {\r\n        gap: 10px;\r\n    }\r\n\r\n    .kbe-store-button {\r\n        min-width: 0;\r\n        flex: 1 1 150px;\r\n        min-height: 53px;\r\n        gap: 8px;\r\n        padding: 7px 9px;\r\n    }\r\n\r\n    .kbe-store-button .store-icon,\r\n    .kbe-store-button .apple-icon {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .kbe-store-text small {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .kbe-store-text strong {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .kbe-mobile-visual {\r\n        min-height: 480px;\r\n        margin-top: 0;\r\n    }\r\n\r\n    .kbe-gold-shape {\r\n        width: 100%;\r\n        height: 75%;\r\n        left: 0;\r\n        border-radius: 45px 0 0 45px;\r\n    }\r\n\r\n    .kbe-phone-image {\r\n        max-height: 520px;\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 380px) {\r\n    .kbe-mobile-container {\r\n        padding: 0 14px;\r\n    }\r\n\r\n    .kbe-features-grid {\r\n        gap: 15px 9px;\r\n    }\r\n\r\n    .kbe-feature-card {\r\n        padding-left: 12px;\r\n        padding-right: 8px;\r\n    }\r\n\r\n    .kbe-mobile-visual {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .kbe-phone-image {\r\n        max-height: 430px;\r\n    }\r\n}\r\n\r\n\/* Reduce motion for accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .kbe-phone-image {\r\n        animation: none;\r\n    }\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        scroll-behavior: auto !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"kbe-mobile-section\" id=\"kbe-mobile\">\r\n\r\n    <div class=\"kbe-mobile-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"kbe-mobile-content\">\r\n\r\n            <span class=\"kbe-mobile-label\">KBE MOBILE<\/span>\r\n\r\n            <h1 class=\"kbe-mobile-heading\">\r\n                Your Gold,\r\n                <span>Verified Anywhere<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"kbe-mobile-description\">\r\n                The KBE app puts the full power of our authentication\r\n                platform in your pocket. Verify, track, and manage your\r\n                bullion portfolio from anywhere in the world.\r\n            <\/p>\r\n\r\n            <!-- FEATURES -->\r\n            <div class=\"kbe-features-grid\">\r\n\r\n                <div class=\"kbe-feature-card\">\r\n                    <div class=\"kbe-feature-number\">01<\/div>\r\n                    <h3>Verify Gold<\/h3>\r\n                    <p>Scan QR codes to instantly verify authenticity.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"kbe-feature-card\">\r\n                    <div class=\"kbe-feature-number\">02<\/div>\r\n                    <h3>Track Products<\/h3>\r\n                    <p>Full ownership and transfer history on every bar.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"kbe-feature-card\">\r\n                    <div class=\"kbe-feature-number\">03<\/div>\r\n                    <h3>Product History<\/h3>\r\n                    <p>Complete refinery-to-owner audit trail.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"kbe-feature-card\">\r\n                    <div class=\"kbe-feature-number\">04<\/div>\r\n                    <h3>Exclusive Offers<\/h3>\r\n                    <p>Early access to limited collections and pricing.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- DOWNLOAD BUTTONS -->\r\n            <h2 class=\"kbe-download-title\">Download App from<\/h2>\r\n\r\n            <div class=\"kbe-store-buttons\">\r\n\r\n                <a class=\"kbe-store-button\"\r\n                   href=\"https:\/\/www.apple.com\/app-store\/\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\"\r\n                   aria-label=\"Download on the App Store\">\r\n\r\n                    <i class=\"fa-brands fa-apple apple-icon\"><\/i>\r\n\r\n                    <span class=\"kbe-store-text\">\r\n                        <small>Download on the<\/small>\r\n                        <strong>App Store<\/strong>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n                <a class=\"kbe-store-button\"\r\n                   href=\"https:\/\/play.google.com\/store\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\"\r\n                   aria-label=\"Get it on Google Play\">\r\n\r\n                    <i class=\"fa-brands fa-google-play store-icon\"><\/i>\r\n\r\n                    <span class=\"kbe-store-text\">\r\n                        <small>GET IT ON<\/small>\r\n                        <strong>Google Play<\/strong>\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT PHONE MOCKUP -->\r\n        <div class=\"kbe-mobile-visual\">\r\n\r\n            <div class=\"kbe-gold-shape\"><\/div>\r\n\r\n            <!-- Replace the image URL with your actual phone mockup image -->\r\n            <img decoding=\"async\"\r\n                class=\"kbe-phone-image\"\r\n                src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Group-1618875037-1-scaled.png\"\r\n                alt=\"KBE mobile application displayed on a smartphone\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.querySelector(\".kbe-mobile-section\");\r\n\r\n    if (!section) return;\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n        section.classList.add(\"kbe-reveal-ready\");\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n                if (entry.isIntersecting) {\r\n                    section.classList.add(\"kbe-visible\");\r\n                    observer.unobserve(section);\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.12\r\n        });\r\n\r\n        observer.observe(section);\r\n    } else {\r\n        section.classList.add(\"kbe-visible\");\r\n    }\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-363bfed homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"363bfed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-58fdabb e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"58fdabb\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"58fdabb\" data-e-type=\"e-div-block\" data-id=\"58fdabb\">\n    <div class=\"elementor-element elementor-element-2481b48 e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"2481b48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2481b48\" data-e-type=\"e-flexbox\" data-id=\"2481b48\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4d4a73 elementor-widget elementor-widget-heading\" data-id=\"a4d4a73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">The KBE Difference<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c927fa6 sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"c927fa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why the World's Investors <span>Choose KBE<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec0106 elementor-widget elementor-widget-html\" data-id=\"7ec0106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"bullion-features\">\r\n  <div class=\"bullion-grid\">\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"24\" cy=\"18\" r=\"12\"\/>\r\n          <path d=\"M16 28 8 39l8 1 5 6 6-14M32 28l8 11-8 1-5 6\"\/>\r\n          <path d=\"m24 11 2 4 4 .5-3 3 .7 4.5-3.7-2-3.7 2 .7-4.5-3-3 4-.5z\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>999.0 Purity<\/h3>\r\n      <p>LBMA-standard refining. Every bar verified to the highest international purity benchmark.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 44V18l13-7v7l12-7v7l8-4V4h6v40z\"\/>\r\n          <path d=\"M38 4h6v9h-6zM12 27h5m5 0h5m5 0h5M12 35h5m5 0h5m5 0h5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Advanced Refining<\/h3>\r\n      <p>State-of-the-art Swiss-inspired refining technology operating at Karachi's modern facility.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\">\r\n          <path d=\"M15 5H6v9M33 5h9v9M6 33v9h9M42 33v9h-9\"\/>\r\n          <rect x=\"18\" y=\"18\" width=\"12\" height=\"12\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <rect x=\"6\" y=\"18\" width=\"7\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <rect x=\"35\" y=\"18\" width=\"7\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <rect x=\"18\" y=\"6\" width=\"7\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <rect x=\"18\" y=\"35\" width=\"7\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>QR Verification<\/h3>\r\n      <p>Proprietary blockchain-backed QR system ensures every product can be authenticated instantly.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\">\r\n          <rect x=\"5\" y=\"4\" width=\"38\" height=\"40\" rx=\"7\"\/>\r\n          <path d=\"M13 16h10M13 23h10M28 16h7M28 23h7M13 29h22M13 35h22\"\/>\r\n          <path d=\"M13 12h10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Unique Serial Numbers<\/h3>\r\n      <p>Every product carries a unique serial number traceable from refinery to owner.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\">\r\n          <path d=\"m24 4 19 11v22L24 47 5 37V15z\"\/>\r\n          <path d=\"M5 15 24 26l19-11M24 26v21M14 10l19 11v10\"\/>\r\n          <path d=\"M17 21v7l5 3v-7M31 14l5-3 5 3v7l-5 3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Premium Packaging<\/h3>\r\n      <p>Luxury presentation boxes and tamper-evident sealed cards for every purchase.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M13 5h22v8c0 10-4 16-11 16s-11-6-11-16z\"\/>\r\n          <path d=\"M13 10H5v3c0 8 5 12 12 12M35 10h8v3c0 8-5 12-12 12M24 29v7m-8 0h16v6H16zM12 42h24\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Trusted Brand<\/h3>\r\n      <p>Two decades of excellence. Pakistan's most trusted bullion refinery for individuals and institutions.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M27 3 8 27h13l-2 18 21-27H27z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Fast Support<\/h3>\r\n      <p>Dedicated customer support with 24-hour response commitment for all inquiries.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullion-card\">\r\n      <div class=\"bullion-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\">\r\n          <path d=\"M4 15h23v30H4zM27 23h17v22H27zM27 5h17v18M10 21h4m-4 7h4m-4 7h4m4-14h4m-4 7h4m-4 7h4M32 12h7m-7 6h7m-7 10h7m-7 6h7\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Corporate Solutions<\/h3>\r\n      <p>Full institutional program from private label to bulk procurement and custom branding.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bullion-features {\r\n  --gold: #dfb72d;\r\n  --card-bg: #101010;\r\n  --card-border: #393939;\r\n  width: 100%;\r\n  padding: 0;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bullion-features *,\r\n.bullion-features *::before,\r\n.bullion-features *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bullion-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 25px 24px;\r\n  width: 100%;\r\n}\r\n\r\n.bullion-card {\r\n  min-width: 0;\r\n  padding: 29px 30px 25px;\r\n  border: 1.5px solid var(--card-border);\r\n  border-radius: 39px;\r\n  color: #fff;\r\n  transition: border-color 0.3s ease,\r\n              transform 0.3s ease;\r\n}\r\n\r\n.bullion-card:hover {\r\n  border-color: var(--gold);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.bullion-icon {\r\n  width: 52px;\r\n  height: 56px;\r\n  color: var(--gold);\r\n  margin-bottom: 23px;\r\n}\r\n\r\n.bullion-icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.bullion-card h3 {\r\n  margin: 0 0 19px;\r\n  padding: 0;\r\n  color: #f7f7f7;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.bullion-card p {\r\n  margin: 0;\r\n  padding: 0;\r\n  color: #858585;\r\n  font-size: 15.5px;\r\n  font-weight: 400;\r\n  line-height: 1.3;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bullion-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .bullion-card {\r\n    min-height: 235px;\r\n    padding: 26px;\r\n    border-radius: 30px;\r\n  }\r\n\r\n  .bullion-icon {\r\n    margin-bottom: 19px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  .bullion-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .bullion-card {\r\n    min-height: auto;\r\n    padding: 25px;\r\n    border-radius: 25px;\r\n  }\r\n\r\n  .bullion-icon {\r\n    width: 46px;\r\n    height: 48px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .bullion-card h3 {\r\n    font-size: 17px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .bullion-card p {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5efd6f8 homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"5efd6f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9c47723 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"9c47723\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"9c47723\" data-e-type=\"e-div-block\" data-id=\"9c47723\">\n    <div class=\"elementor-element elementor-element-800c129 e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"800c129\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"800c129\" data-e-type=\"e-flexbox\" data-id=\"800c129\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-c782e57 elementor-widget elementor-widget-heading\" data-id=\"c782e57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Authentication Journey<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da40c5a sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"da40c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How <span>Verification Works<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce09a0e elementor-widget elementor-widget-html\" data-id=\"ce09a0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"kbe-verify-steps\">\r\n  <div class=\"kbe-steps-grid\">\r\n\r\n    <!-- Step 01 -->\r\n    <div class=\"kbe-step-card\">\r\n      <span class=\"kbe-step-number\">01<\/span>\r\n\r\n      <div class=\"kbe-step-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\"\r\n          stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M13 14 17 7h14l4 7\"\/>\r\n          <path d=\"M10 14h28v26a3 3 0 0 1-3 3H13a3 3 0 0 1-3-3z\"\/>\r\n          <path d=\"M17 22c1 5 4 8 7 8s6-3 7-8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Purchase<\/h3>\r\n      <p>Select your KBE product online, through a retailer, or via a corporate inquiry. Each purchase is registered in our system.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 02 -->\r\n    <div class=\"kbe-step-card\">\r\n      <span class=\"kbe-step-number\">02<\/span>\r\n\r\n      <div class=\"kbe-step-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\"\r\n          stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"7\" y=\"7\" width=\"13\" height=\"13\" rx=\"1\"\/>\r\n          <rect x=\"28\" y=\"7\" width=\"13\" height=\"13\" rx=\"1\"\/>\r\n          <rect x=\"7\" y=\"28\" width=\"13\" height=\"13\" rx=\"1\"\/>\r\n          <path d=\"M28 28h6v6h-6zM38 29h3M38 35h3M28 41h13\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Scan QR<\/h3>\r\n      <p>Open the KBE app and point your camera at the QR code printed on your bullion's certificate.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 03 -->\r\n    <div class=\"kbe-step-card\">\r\n      <span class=\"kbe-step-number\">03<\/span>\r\n\r\n      <div class=\"kbe-step-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\"\r\n          stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"7\" y=\"7\" width=\"34\" height=\"34\" rx=\"2\"\/>\r\n          <path d=\"M15 17h7M15 25h18M15 33h12\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Enter Serial<\/h3>\r\n      <p>For additional verification, enter the unique serial number engraved on your product and sealed in the certificate.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 04 -->\r\n    <div class=\"kbe-step-card\">\r\n      <span class=\"kbe-step-number\">04<\/span>\r\n\r\n      <div class=\"kbe-step-icon\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\"\r\n          stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M38 22a17 17 0 1 1-6-12\"\/>\r\n          <path d=\"m16 23 7 7L42 10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Get Verified<\/h3>\r\n      <p>Instantly receive your product's full certificate purity, weight, refinery date, and ownership record with a green authentication badge.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kbe-verify-steps {\r\n  --kbe-gold: #e1b92e;\r\n  --kbe-card-bg: #101010;\r\n  --kbe-border: #393939;\r\n\r\n  width: 100%;\r\n  padding: 0;\r\n  background: #000;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.kbe-verify-steps *,\r\n.kbe-verify-steps *::before,\r\n.kbe-verify-steps *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.kbe-steps-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 24px;\r\n  width: 100%;\r\n}\r\n\r\n.kbe-step-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 254px;\r\n  padding: 35px 39px 28px;\r\n  background: var(--kbe-card-bg);\r\n  border: 1px solid var(--kbe-border);\r\n  border-radius: 34px;\r\n  color: #fff;\r\n  overflow: visible;\r\n  transition: border-color 0.3s ease,\r\n              transform 0.3s ease;\r\n}\r\n\r\n.kbe-step-card:hover {\r\n  border-color: var(--kbe-gold);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Golden number badge *\/\r\n.kbe-step-number {\r\n  position: absolute;\r\n  top: 9px;\r\n  right: -11px;\r\n  z-index: 2;\r\nfont-family: \"DegularDemo-Bold\", Sans-serif;\r\n  width: 52px;\r\n  height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: var(--kbe-gold);\r\n  color: #17130a;\r\n  border-radius: 50%;\r\n\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Icons *\/\r\n.kbe-step-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  color: var(--kbe-gold);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.kbe-step-icon svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\/* Headings *\/\r\n.kbe-step-card h3 {\r\n  margin: 0 0 16px;\r\n  padding: 0;\r\n  color: #f8f8f8;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n\/* Description *\/\r\n.kbe-step-card p {\r\n  margin: 0;\r\n  padding: 0;\r\n  color: #858585;\r\n  font-size: 15.5px;\r\n  font-weight: 400;\r\n  line-height: 1.3;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .kbe-steps-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .kbe-step-card {\r\n    min-height: 235px;\r\n    padding: 30px;\r\n    border-radius: 30px;\r\n  }\r\n\r\n  .kbe-step-number {\r\n    right: -8px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  .kbe-steps-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .kbe-step-card {\r\n    min-height: auto;\r\n    padding: 28px 25px;\r\n    border-radius: 25px;\r\n  }\r\n\r\n  .kbe-step-number {\r\n    width: 46px;\r\n    height: 46px;\r\n    top: 10px;\r\n    right: -7px;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .kbe-step-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .kbe-step-card h3 {\r\n    font-size: 17px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .kbe-step-card p {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66813cc homePageSec02 e-con-full e-flex e-con e-parent\" data-id=\"66813cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bd36026 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"bd36026\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"bd36026\" data-e-type=\"e-div-block\" data-id=\"bd36026\">\n    \t\t<div class=\"elementor-element elementor-element-3249114 elementor-widget elementor-widget-html\" data-id=\"3249114\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n    --gold: #d9b32f;\r\n    --black: #101010;\r\n    --white: #ffffff;\r\n}\r\n\r\nbody {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background: #000;\r\n}\r\n\r\n.testimonial-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* HEADING AREA *\/\r\n.section-header {\r\n    width: min(1620px,75%);\r\n    margin: 0 auto 65px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.eyebrow {\r\n    color: var(--gold);\r\n    font-family: \"Geist-Regular\", Sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.28px;\r\n}\r\n\r\n.section-title {\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    text-transform: capitalize;\r\n    color: #FFFFFF;\r\n    line-height: 1;\r\n}\r\n\r\n.section-title span {\r\n    color: var(--gold);\r\n}\r\n\r\n\/* ARROW BUTTONS *\/\r\n.slider-arrows {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    display: flex;\r\n    gap: 14px;\r\n}\r\n\r\n.arrow {\r\n    width: 46px;\r\n    height: 46px;\r\n    border: none;\r\n    border-radius: 13px;\r\n    cursor: pointer;\r\n    display: grid;\r\n    place-items: center;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    transition: .25s ease;\r\n}\r\n\r\n.arrow-prev {\r\n    color: white;\r\n    background: #252525;\r\n}\r\n\r\n.arrow-next {\r\n    color: #080808;\r\n    background: var(--gold);\r\n}\r\n\r\n.arrow:hover {\r\n    transform: translateY(-3px);\r\n    filter: brightness(1.12);\r\n}\r\n\r\n\/* SLIDER *\/\r\n.testimonial-slider {\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n}\r\n\r\n.testimonial-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    width: max-content;\r\n    transform: translateX(0);\r\n    transition: transform .65s cubic-bezier(.22,.8,.25,1);\r\n    will-change: transform;\r\n}\r\n\r\n\/* TESTIMONIAL CARD *\/\r\n.testimonial-card {\r\n    width: 340px;\r\n    min-height: 385px;\r\n    padding: 30px 27px 25px;\r\n    border-radius: 27px;\r\n    background: var(--black);\r\n    color: #aaa;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n    transition: background .35s ease, color .35s ease;\r\n}\r\n\r\n.quote-mark {\r\n    font-family: Georgia, serif;\r\n    color: var(--gold);\r\n    font-size: 88px;\r\n    line-height: .8;\r\n    height: 70px;\r\n    font-weight: bold;\r\n    letter-spacing: -10px;\r\n}\r\n\r\n.testimonial-text {\r\n    font-size: 18px;\r\n    line-height: 1.42;\r\n    font-weight: 400;\r\n    color: #aaa;\r\n    margin-top: 8px;\r\n}\r\n\r\n.testimonial-author {\r\n    margin-top: auto;\r\n    padding-top: 24px;\r\n}\r\n\r\n.author-name {\r\n    color: #d0d0d0;\r\n    font-size: 12px;\r\n    margin-bottom: 9px;\r\n}\r\n\r\n.author-role {\r\n    color: #888;\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* HIGHLIGHTED CARD *\/\r\n.testimonial-card.active {\r\n    background: var(--gold);\r\n    color: #111;\r\n}\r\n\r\n.testimonial-card.active .quote-mark {\r\n    color: #111;\r\n}\r\n\r\n.testimonial-card.active .testimonial-text,\r\n.testimonial-card.active .author-name,\r\n.testimonial-card.active .author-role {\r\n    color: #111;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (min-width: 1600px) {\r\n    .testimonial-card {\r\n        width: 340px;\r\n        min-height: 385px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .testimonial-section {\r\n        min-height: 720px;\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .grid-overlay {\r\n        inset: 20% 0;\r\n        background-size: 55px 55px;\r\n    }\r\n\r\n    .section-header {\r\n        width: 88%;\r\n        margin-bottom: 45px;\r\n        padding-right: 0;\r\n    }\r\n\r\n    .section-title {\r\n        max-width: 260px;\r\n        font-size: 30px;\r\n    }\r\n\r\n    .slider-arrows {\r\n        top: 0;\r\n        right: 0;\r\n        gap: 8px;\r\n    }\r\n\r\n    .arrow {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 10px;\r\n        font-size: 24px;\r\n    }\r\n\r\n    .testimonial-track {\r\n        gap: 15px;\r\n    }\r\n\r\n    .testimonial-card {\r\n        width: min(300px, 78vw);\r\n        min-height: 340px;\r\n        padding: 25px 22px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .quote-mark {\r\n        font-size: 75px;\r\n        height: 60px;\r\n    }\r\n\r\n    .testimonial-text {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .line-one { top: 31%; }\r\n    .line-two { top: 39%; }\r\n    .line-three { top: 47%; }\r\n    .line-four { top: 70%; }\r\n    .line-five { top: 79%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"testimonial-section\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"globe\"><\/div>\r\n    <div class=\"grid-overlay\"><\/div>\r\n\r\n    <div class=\"line line-one\"><\/div>\r\n    <div class=\"line line-two\"><\/div>\r\n    <div class=\"line line-three\"><\/div>\r\n    <div class=\"line line-four\"><\/div>\r\n    <div class=\"line line-five\"><\/div>\r\n\r\n    <!-- Heading -->\r\n    <div class=\"section-header\">\r\n        <div class=\"eyebrow\">CLIENT VOICES<\/div>\r\n\r\n        <h2 class=\"section-title\">\r\n            What Our Clients Say<br>\r\n            <span>Demand the Best<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"slider-arrows\">\r\n            <button class=\"arrow arrow-prev\"\r\n                    aria-label=\"Previous testimonials\">\r\n                &#8249;\r\n            <\/button>\r\n\r\n            <button class=\"arrow arrow-next\"\r\n                    aria-label=\"Next testimonials\">\r\n                &#8250;\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Testimonial Slider -->\r\n    <div class=\"testimonial-slider\">\r\n        <div class=\"testimonial-track\">\r\n\r\n            <article class=\"testimonial-card\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    The personalized Eid collection we ordered for our\r\n                    clients was extraordinary. Every bar was perfect \u2014\r\n                    exquisitely packaged and verified. Our clients were\r\n                    genuinely impressed.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Mr. Bilal Raza<\/div>\r\n                    <div class=\"author-role\">\r\n                        MD, Apex Capital Partners\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"testimonial-card\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    We've sourced from refineries across Asia.\r\n                    KBE stands apart through the quality of their\r\n                    refining, their packaging, and especially their\r\n                    digital authentication is world-class.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Ms. Ayesha Siddiqui<\/div>\r\n                    <div class=\"author-role\">\r\n                        Director, Falcon Jewellers Karachi\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"testimonial-card active\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    KBE's 999.0 gold bars are the benchmark for our\r\n                    treasury procurement. The QR verification system\r\n                    gives our compliance team complete confidence\r\n                    in every single bar we hold.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Mr. Tariq Mahmood<\/div>\r\n                    <div class=\"author-role\">\r\n                        Head of Treasury, National Investment Bank\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"testimonial-card\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    We've sourced from refineries across Asia.\r\n                    KBE stands apart through the quality of their\r\n                    refining, their packaging, and especially their\r\n                    digital authentication is world-class.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Ms. Ayesha Siddiqui<\/div>\r\n                    <div class=\"author-role\">\r\n                        Director, Falcon Jewellers Karachi\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"testimonial-card\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    The personalized Eid collection we ordered for our\r\n                    clients was extraordinary. Every bar was perfect \u2014\r\n                    exquisitely packaged and verified. Our clients were\r\n                    genuinely impressed.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Mr. Bilal Raza<\/div>\r\n                    <div class=\"author-role\">\r\n                        MD, Apex Capital Partners\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"testimonial-card\">\r\n                <div class=\"quote-mark\">\u201c<\/div>\r\n                <p class=\"testimonial-text\">\r\n                    Quality, reliability and transparency make all the\r\n                    difference. The entire process was smooth and the\r\n                    team delivered beyond our expectations.\r\n                <\/p>\r\n                <div class=\"testimonial-author\">\r\n                    <div class=\"author-name\">Mr. Ahmed Khan<\/div>\r\n                    <div class=\"author-role\">\r\n                        Business Partner\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    const section = document.querySelector(\".testimonial-section\");\r\n    const track = section.querySelector(\".testimonial-track\");\r\n    const cards = Array.from(track.children);\r\n    const prev = section.querySelector(\".arrow-prev\");\r\n    const next = section.querySelector(\".arrow-next\");\r\n\r\n    let index = 2;\r\n\r\n    function getGap() {\r\n        return parseFloat(getComputedStyle(track).gap) || 0;\r\n    }\r\n\r\n    function updateSlider() {\r\n        const cardWidth = cards[0].getBoundingClientRect().width;\r\n        const gap = getGap();\r\n\r\n        \/\/ Keep the active card highlighted.\r\n        cards.forEach((card, i) => {\r\n            card.classList.toggle(\"active\", i === index);\r\n        });\r\n\r\n        \/\/ Center the active card in the visible slider.\r\n        const activeCenter = index * (cardWidth + gap) + cardWidth \/ 2;\r\n        const viewportWidth = section.querySelector(\r\n            \".testimonial-slider\"\r\n        ).clientWidth;\r\n\r\n        let offset = viewportWidth \/ 2 - activeCenter;\r\n\r\n        \/\/ Prevent empty space at either end.\r\n        const trackWidth = track.scrollWidth;\r\n        const minOffset = Math.min(0, viewportWidth - trackWidth);\r\n\r\n        offset = Math.max(minOffset, Math.min(0, offset));\r\n\r\n        track.style.transform = `translateX(${offset}px)`;\r\n    }\r\n\r\n    next.addEventListener(\"click\", function () {\r\n        index = (index + 1) % cards.length;\r\n        updateSlider();\r\n    });\r\n\r\n    prev.addEventListener(\"click\", function () {\r\n        index = (index - 1 + cards.length) % cards.length;\r\n        updateSlider();\r\n    });\r\n\r\n    window.addEventListener(\"resize\", updateSlider);\r\n\r\n    \/\/ Initial layout\r\n    requestAnimationFrame(updateSlider);\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-634c4bd homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"634c4bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-58e4bc6 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"58e4bc6\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"58e4bc6\" data-e-type=\"e-div-block\" data-id=\"58e4bc6\">\n    <div class=\"elementor-element elementor-element-de55e7d e-con e-atomic-element e-flexbox-base e-default-div hscroll-line four \" data-id=\"de55e7d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de55e7d\" data-e-type=\"e-flexbox\" data-id=\"de55e7d\">\n    \n<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b68053 elementor-widget elementor-widget-heading\" data-id=\"0b68053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Knowledge Centre<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f5fe2e sectionMainHeadings elementor-widget elementor-widget-heading\" data-id=\"1f5fe2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked <span>Questions<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dcea22 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"7dcea22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Everything you need to know about KBE products, verification, and services. Can't find your answer?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b63bb4c elementor-widget elementor-widget-html\" data-id=\"b63bb4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* KBE FAQ: responsive and scoped to this section *\/\r\n.kbe-faq-section, .kbe-faq-section * { box-sizing: border-box; }\r\n.kbe-faq-section {\r\n  width: 100%; max-width: 100%; margin: 0 auto;\r\n  padding: clamp(8px, 1.5vw, 16px) 0; background: #000; color: #fff;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n.kbe-faq-container {\r\n  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: clamp(16px, 2.2vw, 32px) clamp(14px, 1.8vw, 24px);\r\n  width: 100%; min-width: 0; align-items: start;\r\n}\r\n.kbe-faq-item {\r\n  position: relative; min-width: 0; overflow: visible; background: #101010;\r\n  border: 1px solid #3a3a3a; border-radius: clamp(14px, 1.5vw, 21px);\r\n  transition: border-color .25s ease;\r\n}\r\n.kbe-faq-item:hover { border-color: #575757; }\r\n.kbe-faq-question {\r\n  position: relative; display: flex; align-items: center; width: 100%;\r\n  min-height: 74px; margin: 0; padding: 20px 76px 20px 29px;\r\n  border: 0; border-radius: inherit; background: transparent; color: #929292;\r\n  text-align: left; font-family: inherit; font-size: clamp(13px, .95vw, 15px);\r\n  font-weight: 400; line-height: 1.5; cursor: pointer;\r\n  -webkit-appearance: none; appearance: none;\r\n}\r\n.kbe-faq-question:focus-visible { outline: 2px solid #dfb833; outline-offset: 3px; z-index: 2; }\r\n.kbe-faq-question-text { display: block; width: 100%; min-width: 0; overflow-wrap: anywhere; }\r\n.kbe-faq-icon {\r\n  position: absolute; top: -1px; right: -1px; display: flex; align-items: center;\r\n  justify-content: center; width: 52px; height: 52px; border-radius: 50%;\r\n  background: #dfb833; color: #111; font-size: 29px; font-weight: 500; line-height: 1;\r\n  transition: background .25s ease, transform .25s ease; pointer-events: none;\r\n}\r\n.kbe-faq-question:hover .kbe-faq-icon { background: #edc943; }\r\n.kbe-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }\r\n.kbe-faq-answer-inner { min-height: 0; overflow: hidden; }\r\n.kbe-faq-answer p {\r\n  margin: 0; padding: 0 29px; color: #a2a2a2;\r\n  font-size: clamp(13px, .95vw, 15px); line-height: 1.7;\r\n  overflow-wrap: anywhere; opacity: 0; transition: opacity .25s ease, padding .3s ease;\r\n}\r\n.kbe-faq-item.is-open .kbe-faq-answer { grid-template-rows: 1fr; }\r\n.kbe-faq-item.is-open .kbe-faq-answer p { padding: 0 29px 23px; opacity: 1; }\r\n.kbe-faq-item.is-open .kbe-faq-icon { transform: rotate(180deg); }\r\n.kbe-faq-item.is-open .kbe-faq-question { color: #fff; }\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .kbe-faq-container { gap: 22px 16px; }\r\n  .kbe-faq-question { min-height: 72px; padding: 18px 62px 18px 22px; font-size: 14px; }\r\n  .kbe-faq-icon { width: 46px; height: 46px; font-size: 25px; }\r\n  .kbe-faq-answer p { font-size: 14px; }\r\n  .kbe-faq-item.is-open .kbe-faq-answer p { padding: 0 22px 21px; }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .kbe-faq-section { padding: 8px 0; }\r\n  .kbe-faq-container { grid-template-columns: minmax(0, 1fr); gap: 18px; }\r\n  .kbe-faq-item { border-radius: 17px; }\r\n  .kbe-faq-question { min-height: 70px; padding: 18px 66px 18px 20px; font-size: 14px; line-height: 1.45; }\r\n  .kbe-faq-icon {\r\n    top: 50%; right: 10px; width: 42px; height: 42px; font-size: 25px;\r\n    transform: translateY(-50%);\r\n  }\r\n  .kbe-faq-item.is-open .kbe-faq-icon { transform: translateY(-50%) rotate(180deg); }\r\n  .kbe-faq-answer p { padding: 0 20px; font-size: 14px; line-height: 1.65; }\r\n  .kbe-faq-item.is-open .kbe-faq-answer p { padding: 0 20px 20px; }\r\n}\r\n\r\n\/* Small phones *\/\r\n@media (max-width: 380px) {\r\n  .kbe-faq-container { gap: 14px; }\r\n  .kbe-faq-item { border-radius: 15px; }\r\n  .kbe-faq-question { min-height: 66px; padding: 16px 58px 16px 16px; font-size: 13px; }\r\n  .kbe-faq-icon { right: 7px; width: 38px; height: 38px; font-size: 23px; }\r\n  .kbe-faq-answer p { padding-left: 16px; padding-right: 16px; font-size: 13px; }\r\n  .kbe-faq-item.is-open .kbe-faq-answer p { padding: 0 16px 18px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kbe-faq-item, .kbe-faq-icon, .kbe-faq-answer, .kbe-faq-answer p { transition: none !important; }\r\n}\r\n\r\n\r\n\/* MOBILE FAQ TEXT OVERFLOW FIX *\/\r\n@media (max-width: 767px) {\r\n    .kbe-faq-section,\r\n    .kbe-faq-container,\r\n    .kbe-faq-item {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-width: 0;\r\n    }\r\n\r\n    .kbe-faq-container {\r\n        grid-template-columns: minmax(0, 1fr);\r\n    }\r\n\r\n    .kbe-faq-question {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        min-width: 0;\r\n        min-height: 70px;\r\n        padding: 16px 62px 16px 16px;\r\n        white-space: normal;\r\n        text-align: left;\r\n    }\r\n\r\n    .kbe-faq-question-text {\r\n        display: block;\r\n        flex: 1 1 0;\r\n        width: auto;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n        white-space: normal !important;\r\n        overflow-wrap: break-word;\r\n        word-break: normal;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .kbe-faq-icon {\r\n        right: 8px;\r\n        flex-shrink: 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .kbe-faq-question {\r\n        padding-left: 13px;\r\n        padding-right: 55px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .kbe-faq-icon {\r\n        right: 6px;\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"kbe-faq-section\" aria-label=\"Frequently asked questions\">\r\n  <div class=\"kbe-faq-container\">\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">What purity standard does KBE use for gold bars?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>KBE gold bars are offered in 999.0 fine gold, subject to the specifications and certification of the individual product.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">How does KBE's QR verification system work?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Scan the QR code on the product or its packaging to access the available verification details and product authentication information.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">Can I order custom gold bars for a wedding or corporate event?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Custom gold bar options may be available for weddings, gifts and corporate events. Contact the KBE team to discuss your requirements.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">What is the minimum order for corporate bulk purchases?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Minimum order quantities depend on the selected product and order requirements. Contact the sales team for bulk purchase details.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">Is KBE's gold investment-grade for banks and financial institutions?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Investment suitability depends on the product's purity, documentation, applicable standards and the purchasing institution's requirements.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">Where can I purchase KBE gold bars?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Contact KBE through its official sales channels to confirm product availability, pricing and purchasing arrangements.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">Does KBE offer secure storage or delivery?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Contact KBE to confirm available delivery options, security arrangements and any applicable storage services.<\/p><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kbe-faq-item\">\r\n      <button class=\"kbe-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"kbe-faq-question-text\">What happens if I lose my KBE product's certificate?<\/span><span class=\"kbe-faq-icon\" aria-hidden=\"true\">+<\/span>\r\n      <\/button>\r\n      <div class=\"kbe-faq-answer\" hidden><div class=\"kbe-faq-answer-inner\"><p>Contact KBE support with your product details and available purchase records to ask about certificate verification or replacement options.<\/p><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  function initKbeFaq() {\r\n    document.querySelectorAll(\".kbe-faq-section\").forEach(function (section) {\r\n      if (section.dataset.faqInitialized === \"true\") return;\r\n      section.dataset.faqInitialized = \"true\";\r\n      var items = Array.prototype.slice.call(section.querySelectorAll(\".kbe-faq-item\"));\r\n\r\n      items.forEach(function (item) {\r\n        var button = item.querySelector(\".kbe-faq-question\");\r\n        var answer = item.querySelector(\".kbe-faq-answer\");\r\n        var icon = item.querySelector(\".kbe-faq-icon\");\r\n\r\n        button.addEventListener(\"click\", function () {\r\n          var shouldOpen = !item.classList.contains(\"is-open\");\r\n\r\n          items.forEach(function (other) {\r\n            other.classList.remove(\"is-open\");\r\n            other.querySelector(\".kbe-faq-question\").setAttribute(\"aria-expanded\", \"false\");\r\n            other.querySelector(\".kbe-faq-icon\").textContent = \"+\";\r\n            other.querySelector(\".kbe-faq-answer\").hidden = true;\r\n          });\r\n\r\n          if (shouldOpen) {\r\n            item.classList.add(\"is-open\");\r\n            button.setAttribute(\"aria-expanded\", \"true\");\r\n            icon.textContent = \"\u2212\";\r\n            answer.hidden = false;\r\n          }\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initKbeFaq);\r\n  } else {\r\n    initKbeFaq();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a129c7a homePageSec02 e-flex e-con-boxed e-con e-parent\" data-id=\"a129c7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-22e8159 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"22e8159\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"22e8159\" data-e-type=\"e-div-block\" data-id=\"22e8159\">\n    \t\t<div class=\"elementor-element elementor-element-3667f0c elementor-widget elementor-widget-html\" data-id=\"3667f0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.knowledge-section {\r\n    width: 100%;\r\n    padding: 8px 0 45px;\r\n    overflow: hidden;\r\n}\r\n\r\n.knowledge-container {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.knowledge-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    margin-bottom: 100px;\r\n}\r\n\r\n.knowledge-label {\r\n    color: var(--gold, #d9b32f);\r\n    font-family: \"Geist-Regular\", Sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.28px;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.knowledge-title {\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    text-transform: capitalize;\r\n    color: #fff;\r\n    line-height: 1.1;\r\n}\r\n\r\n.knowledge-title span {\r\n    color: #d9b32f;\r\n}\r\n\r\n\/* VIEW ALL ARTICLES BUTTON *\/\r\n.view-all-btn {\r\n    width: auto;\r\n    min-height: 55px;\r\n    flex-shrink: 0;\r\n    margin: 10px 2% 0 0;\r\n    padding: 12px 30px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #ffffff45;\r\n    color: #fff;\r\n    text-decoration: none;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    border-radius: 18px 35px 20px 18px;\r\n\r\n    clip-path: polygon(\r\n        0 0,\r\n        86% 0,\r\n        100% 30%,\r\n        100% 100%,\r\n        0 100%\r\n    );\r\n\r\n    font-family: \"Geist-Regular\", Sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 2.39px;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n\r\n    transition: background .3s ease, color .3s ease;\r\n}\r\n\r\n.view-all-btn:hover {\r\n    background: #d9b32f;\r\n    color: #000;\r\n}\r\n\r\n\/* ARTICLES GRID *\/\r\n.knowledge-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 35px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* CARD *\/\r\n.insight-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding: 23px 23px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/* border: 1px solid #393939; *\/\r\n    border-radius: 25px;\r\n    isolation: isolate;\r\n    background: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Vector-183.png);\r\n    background-size: 100% 100%;\r\n    background-repeat: no-repeat;\r\n    transition: 0.5s;\r\n}\r\n\r\n.insight-card:hover {\r\n    transform: translate(0px, -10px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.insight-image {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    border-radius: 19px !important;\r\n    margin-bottom: 23px;\r\n    transition: 1s;\r\n}\r\n\r\n.insight-card:hover img {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n.insight-content {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n}\r\n\r\n.insight-title {\r\n    color: #fff;\r\n    font-family: \"DegularDemo-Bold\", Sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n    letter-spacing: -.3px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.insight-description {\r\n    color: #ededed;\r\n    font-family: \"Geist-Regular\", Sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\/* CARD FOOTER *\/\r\n.insight-footer {\r\nmargin-top: auto;\r\n    padding-top: 14px;\r\n    justify-content: start;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    font-family: \"Geist-Regular\", Sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.insight-date {\r\n    color: #f0f0f0;\r\n}\r\n\r\n.insight-read {\r\n    color: #d9b32f;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* GOLD CIRCULAR ARROW *\/\r\n.insight-arrow {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 20px;\r\n    top: 85%;\r\n    width: 50px;\r\n    height: 48px;\r\n    padding: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: none;\r\n    border-radius: 50%;\r\n    background: #d9b32f;\r\n    color: #000;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    transition: transform .3s ease, background .3s ease;\r\n}\r\n\r\n.insight-arrow:hover {\r\n    background: #efc944;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\/* OPTIONAL FULL CARD LINK *\/\r\n.insight-link {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    border-radius: inherit;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1050px) {\r\n    .knowledge-section {\r\n        padding: 20px 18px 45px;\r\n    }\r\n\r\n    .knowledge-header {\r\n        margin-bottom: 75px;\r\n    }\r\n\r\n    .knowledge-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 38px 24px;\r\n    }\r\n\r\n    .insight-card {\r\n        min-height: 480px;\r\n        padding: 20px;\r\n    }\r\n\r\n    .insight-image {\r\n        height: 230px;\r\n    }\r\n\r\n    .view-all-btn {\r\n        min-height: 50px;\r\n        margin-right: 0;\r\n        padding: 12px 22px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .knowledge-title {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .insight-arrow {\r\n        width: 52px;\r\n        height: 52px;\r\n        font-size: 32px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 650px) {\r\n    .knowledge-section {\r\n        padding: 20px 16px 40px;\r\n    }\r\n\r\n    .knowledge-header {\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        margin-bottom: 65px;\r\n    }\r\n\r\n    .knowledge-label {\r\n        font-size: 12px;\r\n        letter-spacing: .5px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .knowledge-title {\r\n        font-size: 32px;\r\n        line-height: 1.1;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .view-all-btn {\r\n        min-height: 40px;\r\n        padding: 10px 13px;\r\n        margin: 4px 0 0;\r\n\r\n        font-size: 9px;\r\n        letter-spacing: .7px;\r\n        border-radius: 12px 22px 12px 12px;\r\n    }\r\n\r\n    .knowledge-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 42px;\r\n    }\r\n\r\n    .insight-card {\r\n        min-height: 0;\r\n        padding: 16px 16px 18px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .insight-card::before {\r\n        top: -19px;\r\n        height: 38px;\r\n        left: 24%;\r\n    }\r\n\r\n    .insight-image {\r\n        height: 230px;\r\n        border-radius: 15px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .insight-title {\r\n        font-size: 19px;\r\n        line-height: 1.4;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .insight-description {\r\n        font-size: 14px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .insight-footer {\r\n        font-size: 11px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .insight-card::after {\r\n        width: 65px;\r\n        height: 75px;\r\n    }\r\n\r\n    .insight-arrow {\r\n        top: 70%;\r\n        right: -1px;\r\n        width: 48px;\r\n        height: 48px;\r\n        font-size: 30px;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media (max-width: 380px) {\r\n    .knowledge-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .view-all-btn {\r\n        padding: 9px 10px;\r\n        font-size: 8px;\r\n        letter-spacing: .4px;\r\n    }\r\n\r\n    .insight-card {\r\n        padding: 13px;\r\n    }\r\n\r\n    .insight-image {\r\n        height: 195px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"knowledge-section\">\r\n    <div class=\"knowledge-container\">\r\n\r\n        <!-- HEADER -->\r\n        <header class=\"knowledge-header\">\r\n            <div class=\"knowledge-heading\">\r\n                <div class=\"knowledge-label\">\r\n                    KNOWLEDGE CENTRE\r\n                <\/div>\r\n\r\n                <h1 class=\"knowledge-title\">\r\n                    Gold <span>Insights<\/span>\r\n                <\/h1>\r\n            <\/div>\r\n\r\n            <!-- WHITE BUTTON -->\r\n            <a href=\"\/blogs\" class=\"view-all-btn\">\r\n                View All Articles\r\n            <\/a>\r\n        <\/header>\r\n\r\n        <!-- ARTICLES -->\r\n        <div class=\"knowledge-grid\">\r\n\r\n            <!-- ARTICLE 1 -->\r\n            <article class=\"insight-card\">\r\n                <img decoding=\"async\"\r\n                    class=\"insight-image\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1610375461246-83df859d849d?auto=format&fit=crop&w=900&q=85\"\r\n                    alt=\"Gold bullion bars\"\r\n                >\r\n\r\n                <div class=\"insight-content\">\r\n                    <h2 class=\"insight-title\">\r\n                        Why 999.0 Fine Gold Bars Are Pakistan's Safest Investment in 2024\r\n                    <\/h2>\r\n\r\n                    <p class=\"insight-description\">\r\n                        With inflation and currency volatility reshaping\r\n                        the investment landscape, physical gold bars offer\r\n                        an unmatched store of value especially when\r\n                        QR-authenticated.\r\n                    <\/p>\r\n\r\n                    <div class=\"insight-footer\">\r\n                        <span class=\"insight-date\">18 November 2024<\/span>\r\n                        <span class=\"insight-read\">5 min read<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a class=\"insight-link\"\r\n                   href=\"#article-1\"\r\n                   aria-label=\"Read article 1\"><\/a>\r\n\r\n                <button class=\"insight-arrow\" aria-label=\"Read article\">\u2197<\/button>\r\n            <\/article>\r\n\r\n            <!-- ARTICLE 2 -->\r\n            <article class=\"insight-card\">\r\n                <img decoding=\"async\"\r\n                    class=\"insight-image\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&w=900&q=85\"\r\n                    alt=\"Gold market trading\"\r\n                >\r\n\r\n                <div class=\"insight-content\">\r\n                    <h2 class=\"insight-title\">\r\n                        Understanding Gold Purity: 999.0 vs 999 vs 22K What Buyers Need to Know\r\n                    <\/h2>\r\n\r\n                    <p class=\"insight-description\">\r\n                        Not all gold is equal. This guide explains the\r\n                        differences in purity standards, how to read\r\n                        hallmarks, and why 999.0 (four nines) is the\r\n                        benchmark for investment-grade bullion.\r\n                    <\/p>\r\n\r\n                    <div class=\"insight-footer\">\r\n                        <span class=\"insight-date\">18 November 2024<\/span>\r\n                        <span class=\"insight-read\">5 min read<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a class=\"insight-link\"\r\n                   href=\"#article-2\"\r\n                   aria-label=\"Read article 2\"><\/a>\r\n\r\n                <button class=\"insight-arrow\" aria-label=\"Read article\">\u2197<\/button>\r\n            <\/article>\r\n\r\n            <!-- ARTICLE 3 -->\r\n            <article class=\"insight-card\">\r\n                <img decoding=\"async\"\r\n                    class=\"insight-image\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1642543348745-03b1219733d9?auto=format&fit=crop&w=900&q=85\"\r\n                    alt=\"Financial market chart\"\r\n                >\r\n\r\n                <div class=\"insight-content\">\r\n                    <h2 class=\"insight-title\">\r\n                        The Rise of QR Authentication: How KBE Is Eliminating Counterfeit Gold in Pakistan\r\n                    <\/h2>\r\n\r\n                    <p class=\"insight-description\">\r\n                        Fake gold is a growing problem across South\r\n                        Asia. KBE's proprietary QR verification system\r\n                        creates a digital link between every bar and\r\n                        its certificate of authenticity.\r\n                    <\/p>\r\n\r\n                    <div class=\"insight-footer\">\r\n                        <span class=\"insight-date\">18 November 2024<\/span>\r\n                        <span class=\"insight-read\">5 min read<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a class=\"insight-link\"\r\n                   href=\"#article-3\"\r\n                   aria-label=\"Read article 3\"><\/a>\r\n\r\n                <button class=\"insight-arrow\" aria-label=\"Read article\">\u2197<\/button>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-608ef6d homePageSec02 e-con-full e-flex e-con e-parent\" data-id=\"608ef6d\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a51ddf3 e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"a51ddf3\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a51ddf3\" data-e-type=\"e-div-block\" data-id=\"a51ddf3\">\n    \t\t<div class=\"elementor-element elementor-element-1768019 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1768019\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"gold-contact\">\r\n  <div class=\"gold-contact-inner\">\r\n\r\n    <!-- LEFT IMAGE SECTION -->\r\n    <div class=\"gold-contact-visual\">\r\n      <div class=\"gold-contact-shape\"><\/div>\r\n\r\n      <img decoding=\"async\"\r\n        class=\"gold-contact-person\"\r\n        src=\"https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/image-42.png\"\r\n        alt=\"Customer support representative\"\r\n      \/>\r\n    <\/div>\r\n\r\n    <!-- RIGHT FORM SECTION -->\r\n    <div class=\"gold-contact-content\">\r\n\r\n      <div class=\"gold-contact-label\">GET IN TOUCH<\/div>\r\n\r\n      <h2 class=\"gold-contact-heading\">\r\n        Begin Your <span>Gold Journey<\/span>\r\n      <\/h2>\r\n\r\n      <form class=\"gold-contact-form\">\r\n\r\n        <div class=\"gold-form-grid\">\r\n\r\n          <div class=\"gold-field\">\r\n            <label for=\"gold-name\">FULL NAME *<\/label>\r\n            <input id=\"gold-name\" name=\"name\" type=\"text\"\r\n              placeholder=\"Your name\" required \/>\r\n          <\/div>\r\n\r\n          <div class=\"gold-field\">\r\n            <label for=\"gold-company\">COMPANY<\/label>\r\n            <input id=\"gold-company\" name=\"company\" type=\"text\"\r\n              placeholder=\"Company \/ Institution\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"gold-field\">\r\n            <label for=\"gold-phone\">PHONE *<\/label>\r\n            <input id=\"gold-phone\" name=\"phone\" type=\"tel\"\r\n              placeholder=\"+92 300 0000000\" required \/>\r\n          <\/div>\r\n\r\n          <div class=\"gold-field\">\r\n            <label for=\"gold-email\">EMAIL *<\/label>\r\n            <input id=\"gold-email\" name=\"email\" type=\"email\"\r\n              placeholder=\"your@email.com\" required \/>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gold-field gold-inquiry-field\">\r\n          <label for=\"gold-inquiry\">INQUIRY TYPE<\/label>\r\n          <select id=\"gold-inquiry\" name=\"inquiry\">\r\n            <option value=\"\" selected disabled>Select inquiry type<\/option>\r\n            <option value=\"gold-investment\">Gold Investment<\/option>\r\n            <option value=\"gold-trading\">Gold Trading<\/option>\r\n            <option value=\"bullion\">Gold Bullion<\/option>\r\n            <option value=\"partnership\">Business Partnership<\/option>\r\n            <option value=\"other\">Other Inquiry<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"gold-field gold-message-field\">\r\n          <label for=\"gold-message\">MESSAGE *<\/label>\r\n          <textarea id=\"gold-message\" name=\"message\"\r\n            placeholder=\"Tell us about your requirements...\"\r\n            required><\/textarea>\r\n        <\/div>\r\n\r\n        <button class=\"gold-submit-btn\" type=\"submit\">\r\n          <span>SEND INQUIRY<\/span>\r\n        <\/button>\r\n\r\n      <\/form>\r\n\r\n      <!-- DIRECTORS -->\r\n      <div class=\"gold-directors\">\r\n\r\n        <div class=\"gold-director-card\">\r\n          <h3>Owais Moosa<\/h3>\r\n          <p>CHIEF EXECUTIVE OFFICER<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gold-director-card\">\r\n          <h3>Humayun Moosa<\/h3>\r\n          <p>DIRECTOR<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== GOLD CONTACT SECTION ===== *\/\r\n\r\n.gold-contact,\r\n.gold-contact * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gold-contact {\r\n  --gold: #d9b632;\r\n  --gold-dark: #cba629;\r\n  --panel: #161616;\r\n  --border: #303030;\r\n\r\n  width: 100%;\r\n  color: #fff;\r\n  font-family: \"Geist-Regular\", Arial, sans-serif;\r\n  overflow: hidden;\r\n  padding: 0;\r\n}\r\n\r\n.gold-contact-inner {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* ===== LEFT IMAGE ===== *\/\r\n\r\n.gold-contact-visual {\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 900px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.gold-contact-shape {\r\n  position: absolute;\r\n  z-index: 0;\r\n  left: 0;\r\n  bottom: 2%;\r\n  width: 82%;\r\n  height: 84%;\r\n  border-radius: 0 55px 0 0;\r\n      background\r\n: url(https:\/\/karachibullionrefinery.com\/wp-content\/uploads\/2026\/10\/Vector-12-1.png);\r\n    background-size: contain;\r\n    background-position: bottom;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.gold-contact-person {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 900px;\r\n  object-fit: contain;\r\n  object-position: center bottom;\r\n}\r\n\r\n\/* ===== RIGHT CONTENT ===== *\/\r\n\r\n.gold-contact-content {\r\n  min-width: 0;\r\n  padding: 0 2px 50px 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.gold-contact-label {\r\n  color: var(--gold);\r\n  font-size: 18px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.gold-contact-heading {\r\n  margin: 0 0 64px;\r\n  color: #fff;\r\n  font-family: \"DegularDemo-Bold\", Arial, sans-serif;\r\n  font-size: clamp(34px, 3vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -1.7px;\r\n}\r\n\r\n.gold-contact-heading span {\r\n  color: var(--gold);\r\n}\r\n\r\n\/* ===== FORM ===== *\/\r\n\r\n.gold-contact-form {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.gold-form-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 15px 14px;\r\n}\r\n\r\n.gold-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.gold-field label {\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.gold-field input,\r\n.gold-field select,\r\n.gold-field textarea {\r\n  width: 100%;\r\n  min-width: 0;\r\n  background: var(--panel);\r\n  color: #fff;\r\n  border: 1px solid var(--border);\r\n  border-radius: 9px;\r\n  outline: none;\r\n  font-family: \"Geist-Regular\", Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  box-shadow: inset 0 1px 2px rgba(255,255,255,0.02);\r\n  transition: border-color 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.gold-field input,\r\n.gold-field select {\r\n  height: 54px;\r\n  padding: 0 24px;\r\n}\r\n\r\n.gold-field input::placeholder,\r\n.gold-field textarea::placeholder {\r\n  color: #858585;\r\n  opacity: 1;\r\n}\r\n\r\n.gold-field input:focus,\r\n.gold-field select:focus,\r\n.gold-field textarea:focus {\r\n  border-color: var(--gold);\r\n  box-shadow: 0 0 0 2px rgba(217,182,50,0.10);\r\n}\r\n\r\n.gold-field select {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  cursor: pointer;\r\n  color: #858585;\r\n  padding-right: 45px;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23858585' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 17px center;\r\n}\r\n\r\n.gold-field select option {\r\n  background: #161616;\r\n  color: #fff;\r\n}\r\n\r\n.gold-field select:valid {\r\n  color: #fff;\r\n}\r\n\r\n.gold-field textarea {\r\n  height: 115px;\r\n  min-height: 115px;\r\n  resize: vertical;\r\n  padding: 17px 24px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.gold-inquiry-field,\r\n.gold-message-field {\r\n  width: 100%;\r\n}\r\n\r\n\/* ===== SEND BUTTON ===== *\/\r\n\r\n.gold-submit-btn {\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  min-height: 64px;\r\n  border: 0;\r\n  border-radius: 14px 27px 14px 14px;\r\n  background: var(--gold);\r\n  color: #080808;\r\n  cursor: pointer;\r\n  font-family: \"Geist-Regular\", Arial, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 2.3px;\r\n  transition: background 0.25s ease, transform 0.25s ease;\r\n  margin-top: 7px;\r\n}\r\n\r\n.gold-submit-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  top: 0;\r\n  right: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: #000;\r\n  clip-path: polygon(100% 0, 100% 100%, 0 0);\r\n  opacity: 0.10;\r\n}\r\n\r\n.gold-submit-btn:hover {\r\n  background: #edca46;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.gold-submit-btn span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ===== DIRECTOR CARDS ===== *\/\r\n\r\n.gold-directors {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n  margin-top: 46px;\r\n}\r\n\r\n.gold-director-card {\r\n  min-width: 0;\r\n  min-height: 118px;\r\n  padding: 26px 28px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  background: var(--panel);\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  transition: border-color 0.25s ease, transform 0.25s ease;\r\n}\r\n\r\n.gold-director-card:hover {\r\n  border-color: rgba(217,182,50,0.65);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.gold-director-card h3 {\r\n  color: #f5f5f5;\r\n  font-family: \"DegularDemo-Bold\", Arial, sans-serif;\r\n  font-size: 21px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.6px;\r\n  margin: 0 0 15px;\r\n}\r\n\r\n.gold-director-card p {\r\n  color: var(--gold);\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n  letter-spacing: 3.5px;\r\n  font-weight: 500;\r\n  margin: 0;\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .gold-contact-inner {\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n  }\r\n\r\n  .gold-contact-visual {\r\n    min-height: 760px;\r\n  }\r\n\r\n  .gold-contact-person {\r\n    height: 760px;\r\n  }\r\n\r\n  .gold-contact-content {\r\n    padding: 0 24px 40px 10px;\r\n  }\r\n\r\n  .gold-contact-heading {\r\n    font-size: 38px;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .gold-director-card {\r\n    padding: 22px 18px;\r\n  }\r\n\r\n  .gold-director-card p {\r\n    letter-spacing: 2px;\r\n  }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media (max-width: 767px) {\r\n  .gold-contact-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .gold-contact-visual {\r\n    min-height: 430px;\r\n    height: 430px;\r\n  }\r\n\r\n  .gold-contact-shape {\r\n    width: 88%;\r\n    height: 82%;\r\n    bottom: 0;\r\n    border-radius: 0 38px 0 0;\r\n  }\r\n\r\n  .gold-contact-person {\r\n    width: 100%;\r\n    height: 430px;\r\n    object-fit: contain;\r\n    object-position: center bottom;\r\n  }\r\n\r\n  .gold-contact-content {\r\n    padding: 35px 20px 45px;\r\n  }\r\n\r\n  .gold-contact-label {\r\n    font-size: 15px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .gold-contact-heading {\r\n    font-size: clamp(32px, 8vw, 42px);\r\n    letter-spacing: -1px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .gold-form-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 17px;\r\n  }\r\n\r\n  .gold-field input,\r\n  .gold-field select {\r\n    height: 52px;\r\n  }\r\n\r\n  .gold-field textarea {\r\n    height: 120px;\r\n  }\r\n\r\n  .gold-submit-btn {\r\n    min-height: 58px;\r\n  }\r\n\r\n  .gold-directors {\r\n    gap: 12px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .gold-director-card {\r\n    min-height: 108px;\r\n    padding: 18px 14px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .gold-director-card h3 {\r\n    font-size: 17px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .gold-director-card p {\r\n    font-size: 9px;\r\n    letter-spacing: 1.6px;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  .gold-directors {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .gold-contact-content {\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pakistan&#8217;s Premium Bullion Refinery Premium Gold &amp; Silver Bullion 999.0 Purity QR-Verified Authenticity on Every Product Personalized &amp; Gift Gold Collections Available at Jewellers Across Pakistan Verify Your Gold View Product Range Trust &amp; Authority Numbers That Define Our Legacy 20+ Years Of Excellence Established Heritage 50K+ Verified Products QR Authenticated 200+ Corporate Clients Banks [&hellip;]<\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":862,"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1123,"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/1123"}],"wp:attachment":[{"href":"https:\/\/karachibullionrefinery.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}