{"id":7,"date":"2025-11-03T04:06:51","date_gmt":"2025-11-03T04:06:51","guid":{"rendered":"https:\/\/brartool.com\/?page_id=7"},"modified":"2025-11-21T05:07:27","modified_gmt":"2025-11-21T05:07:27","slug":"home","status":"publish","type":"page","link":"https:\/\/brartool.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f29dd e-con-full e-flex e-con e-parent\" data-id=\"f0f29dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f562bfd elementor-widget elementor-widget-html\" data-id=\"f562bfd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Hero banner with typing headline (paste into WP Custom HTML block) -->\r\n<style>\r\n  \/* Hero wrapper *\/\r\n  .brar-hero {\r\n    --hero-height: 62vh;\r\n    --overlay: rgba(14,44,48,0.45);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: var(--hero-height);\r\n    width: 100%;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    padding: 48px 6%;\r\n    background:\r\n      linear-gradient(var(--overlay), var(--overlay)),\r\n      url(\"https:\/\/brartool.com\/wp-content\/uploads\/2025\/11\/2839.jpg\") center\/cover no-repeat;\r\n  }\r\n\r\n  \/* Content column *\/\r\n  .brar-hero .container {\r\n    max-width: 1400px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Headline *\/\r\n  .brar-hero h1 {\r\n    margin: 0 0 16px 0;\r\n    font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n    font-weight: 700;\r\n    font-size: clamp(22px, 4.6vw, 50px);\r\n    line-height: 1.02;\r\n    color: #ffffff;\r\n    letter-spacing: -0.02em;\r\n    \/* allow wrapping and safe breaks *\/\r\n    display: block;\r\n    overflow-wrap: break-word;\r\n    word-break: break-word;\r\n    hyphens: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* Typing wrapper (keeps caret close but allows wrapping) *\/\r\n  .typing-wrap {\r\n    display: inline;           \/* let it wrap *\/\r\n    white-space: normal;       \/* IMPORTANT: allow wrapping *\/\r\n    vertical-align: bottom;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* blinking caret *\/\r\n  .typing-caret {\r\n    display: inline-block;\r\n    width: 2px;\r\n    height: 1.05em;\r\n    background: #ffffff;\r\n    margin-left: 8px;\r\n    animation: blink 1s steps(2,start) infinite;\r\n    vertical-align: middle;\r\n    \/* small negative translate so caret stays visually close on wrap *\/\r\n    transform: translateY(-0.04em);\r\n  }\r\n  @keyframes blink { 50% { opacity: 0 } }\r\n\r\n  \/* Subheading *\/\r\n  .brar-hero p.lead {\r\n    margin: 12px 0 22px 0;\r\n    max-width: 850px;\r\n    font-size: clamp(14px, 1.6vw, 18px);\r\n    color: rgba(255,255,255,0.92);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* CTA *\/\r\n  .brar-hero .cta {\r\n    display: inline-block;\r\n    padding: 14px 22px;\r\n    font-size: 16px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    background: linear-gradient(90deg,#6b46ff,#9f7aea);\r\n    color: #fff;\r\n    box-shadow: 0 8px 28px rgba(82,63,255,0.18);\r\n    transition: transform .15s ease, box-shadow .15s ease, opacity .15s;\r\n  }\r\n  .brar-hero .cta:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(82,63,255,0.22); }\r\n  .brar-hero .cta:active { transform: translateY(-1px); }\r\n\r\n  \/* Small devices spacing *\/\r\n  @media (max-width:720px){\r\n    .brar-hero { padding: 28px 6%; --hero-height: 64vh; }\r\n    .typing-caret { height: 1.02em; }\r\n    .brar-hero p.lead { font-size: 15px; }\r\n    \/* reduce headline weight visually to avoid overflow *\/\r\n    .brar-hero h1 { font-size: clamp(20px, 6.6vw, 36px); line-height:1.08; }\r\n  }\r\n\r\n  \/* optional: ensure long words break (defensive) *\/\r\n  .brar-hero h1, .brar-hero h1 * {\r\n    -webkit-word-break: break-word;\r\n    -ms-word-break: break-word;\r\n    word-break: break-word;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  \/* sr-only utility *\/\r\n  .sr-only {\r\n    position:absolute;\r\n    left:-9999px;\r\n    top:auto;\r\n    width:1px;\r\n    height:1px;\r\n    overflow:hidden;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"brar-hero\" role=\"banner\" aria-label=\"Brar Tool hero banner\">\r\n  <div class=\"container\">\r\n    <!-- Accessible headline: the typed text is updated into the live region below -->\r\n    <h1>\r\n      <span class=\"typing-wrap\" aria-hidden=\"true\">\r\n        <span id=\"typed-target\"><\/span><span class=\"typing-caret\" aria-hidden=\"true\"><\/span>\r\n      <\/span>\r\n      <span class=\"sr-only\" id=\"typed-sr\">\r\n       Manufacturer & Exporter of Tractor, Truck, Trailer, JCB, Agriculture & Lawn Mower Spare Parts\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"lead\">\r\n     High-Quality Plastic, Rubber & Metal Components for Heavy-Duty & Automotive Applications\r\n    <\/p>\r\n\r\n    <a class=\"cta\" href=\"https:\/\/brartool.com\/index.php\/products\/\" id=\"hero-cta\">Explore products<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Typing animation (simple, small, accessible)\r\n  (function(){\r\n    const text = \"Manufacturer & Exporter of Tractor, Truck, Trailer, JCB, Agriculture & Lawn Mower Spare Parts\";\r\n    const target = document.getElementById('typed-target');\r\n    const sr = document.getElementById('typed-sr'); \/\/ screen reader fallback\r\n    const speed = 24; \/\/ ms per character\r\n    const pauseAfter = 500; \/\/ ms pause after typing\r\n    let i = 0;\r\n\r\n    \/\/ For accessibility: announce to screen readers once typed\r\n    function announceSR(finalText){\r\n      \/\/ populate the sr-only element; some screen readers will pick it up\r\n      sr.textContent = finalText;\r\n      \/\/ also set aria-live on it briefly to force announcement\r\n      sr.setAttribute('aria-live','polite');\r\n      setTimeout(()=> sr.removeAttribute('aria-live'), 1200);\r\n    }\r\n\r\n    \/\/ Progressive reveal\r\n    function typeNext(){\r\n      if(i <= text.length){\r\n        \/\/ use textContent so HTML isn't injected\r\n        target.textContent = text.slice(0,i);\r\n        i++;\r\n        setTimeout(typeNext, speed);\r\n      } else {\r\n        \/\/ finished - small pause then ensure SR sees it\r\n        setTimeout(()=> announceSR(text), pauseAfter);\r\n      }\r\n    }\r\n\r\n    \/\/ Start typing when DOM is ready and when hero is visible (basic)\r\n    if(document.readyState === 'loading'){\r\n      document.addEventListener('DOMContentLoaded', () => setTimeout(typeNext, 250));\r\n    } else {\r\n      setTimeout(typeNext, 250);\r\n    }\r\n\r\n    \/\/ If user prefers reduced motion, skip animation and show full text immediately\r\n    const mq = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)');\r\n    if(mq && mq.matches){\r\n      target.textContent = text;\r\n      announceSR(text);\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- noscript fallback: show text if JS is disabled -->\r\n<noscript>\r\n  <style>.brar-hero h1 { visibility: visible; }<\/style>\r\n  <section style=\"display:block;padding:20px 6%;background:#f3f4f6;color:#111;\">\r\n    <h1 style=\"font-size:32px;margin:0 0 12px;\">Precision cutting tools engineered for performance & longevity<\/h1>\r\n    <p>Custom end mills, carbide inserts & tooling solutions for automotive, aerospace and precision manufacturing. CNC tolerances, batch testing & export-ready quality.<\/p>\r\n  <\/section>\r\n<\/noscript>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf9c28b e-con-full e-flex e-con e-parent\" data-id=\"cf9c28b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2faf31c elementor-widget elementor-widget-html\" data-id=\"2faf31c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.br-about-section {\r\n  padding: 60px 0;\r\n  background: #0d1b21; \/* industrial dark theme *\/\r\n  color: #fff;\r\n  font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n.br-about-section .heading-wrap {\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.br-about-section .top-subtitle {\r\n  font-size: 14px;\r\n  letter-spacing: 4px;\r\n  color: #6bb6ff;\r\n  font-weight: 500;\r\n}\r\n\r\n.br-about-section h2 {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 10px 0;\r\n}\r\n\r\n.br-about-section h3 {\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  color: #3db2ff;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.br-about-section .divider {\r\n  width: 120px;\r\n  height: 2px;\r\n  background: #3db2ff;\r\n  margin: 18px auto 0;\r\n}\r\n\r\n.br-about-container {\r\n  display: grid;\r\n  grid-template-columns: 1fr 350px;\r\n  gap: 40px;\r\n  align-items: start;\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.br-about-text {\r\n  line-height: 1.7;\r\n  font-size: 16px;\r\n  color: #d9e3e8;\r\n}\r\n\r\n.br-about-img {\r\n  background: #ffffff;\r\n  padding: 18px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 36px rgba(0,0,0,0.25);\r\n  text-align: center;\r\n}\r\n\r\n.br-about-img img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\/* Mobile responsive *\/\r\n@media (max-width: 768px) {\r\n  .br-about-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .br-about-img {\r\n    max-width: 300px;\r\n    margin: 20px auto 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"br-about-section\">\r\n  <div class=\"heading-wrap\">\r\n    <div class=\"top-subtitle\"><\/div>\r\n    <h2>WE MANUFACTURE<\/h2>\r\n    <h3>Precision Spare Parts<\/h3>\r\n    <div class=\"divider\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"br-about-container\">\r\n\r\n    <div class=\"br-about-text\">\r\n      <p>\r\n      Brar Tool is a trusted manufacturer and exporter of precision spare parts used in tractors, trucks, trailers, JCB and agriculture machinery.\r\nWe produce durable plastic moulded parts, rubber components, metal brackets, bushes, clamps, caps, latches and custom-engineered components as per drawing and sample.\r\n\r\nOur products are supplied to OEMs, aftermarket brands and export buyers across different industries.\r\n      <\/p>\r\n\r\n      \r\n\r\n     \r\n\r\n      <p>\r\n      With a strong distribution network across Indian markets, \r\n      we continue to expand our presence while maintaining reliability, precision, \r\n      and innovation at every step.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"br-about-img\">\r\n      <img decoding=\"async\" src=\"https:\/\/brartool.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-15-at-16.34.12.jpeg\" alt=\"BRAR TOOL Certification\">\r\n    <\/div>\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-0db67ca e-flex e-con-boxed e-con e-parent\" data-id=\"0db67ca\" data-element_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-b0c0180 elementor-widget elementor-widget-html\" data-id=\"b0c0180\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"brar-features-mvv\">\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">Our Features<\/h2>\r\n\r\n    <div class=\"feature-mvv-grid\">\r\n\r\n      <!-- ORANGE -->\r\n      <div class=\"mvv-box box-orange\">\r\n        <div class=\"icon-circle icon-orange\">\r\n          <i class=\"fa-solid fa-truck-fast\"><\/i>\r\n        <\/div>\r\n        <h3>Timely Delivery<\/h3>\r\n        <p>Fast and reliable delivery of all precision-engineered tools.<\/p>\r\n      <\/div>\r\n\r\n      <!-- BLUE -->\r\n      <div class=\"mvv-box box-blue\">\r\n        <div class=\"icon-circle icon-blue\">\r\n          <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n        <\/div>\r\n        <h3>Reliability & Durability<\/h3>\r\n        <p>Premium-grade materials ensuring long-lasting performance.<\/p>\r\n      <\/div>\r\n\r\n      <!-- TEAL -->\r\n      <div class=\"mvv-box box-teal\">\r\n        <div class=\"icon-circle icon-teal\">\r\n          <i class=\"fa-solid fa-users-gear\"><\/i>\r\n        <\/div>\r\n        <h3>Dedicated Professionals<\/h3>\r\n        <p>Expert engineering team driving quality & innovation.<\/p>\r\n      <\/div>\r\n\r\n      <!-- ORANGE -->\r\n      <div class=\"mvv-box box-orange\">\r\n        <div class=\"icon-circle icon-orange\">\r\n          <i class=\"fa-solid fa-tags\"><\/i>\r\n        <\/div>\r\n        <h3>Competitive Prices<\/h3>\r\n        <p>World-class tooling at competitive pricing.<\/p>\r\n      <\/div>\r\n\r\n      <!-- BLUE -->\r\n      <div class=\"mvv-box box-blue\">\r\n        <div class=\"icon-circle icon-blue\">\r\n          <i class=\"fa-solid fa-network-wired\"><\/i>\r\n        <\/div>\r\n        <h3>Wide Distribution Network<\/h3>\r\n        <p>Serving OEMs & industries across multiple regions.<\/p>\r\n      <\/div>\r\n\r\n      <!-- TEAL -->\r\n      <div class=\"mvv-box box-teal\">\r\n        <div class=\"icon-circle icon-teal\">\r\n          <i class=\"fa-solid fa-handshake\"><\/i>\r\n        <\/div>\r\n        <h3>Ethical Business Practices<\/h3>\r\n        <p>Transparent operations & long-term customer trust.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.brar-features-mvv {\r\n  background: #f8f7fb;\r\n  padding: 80px 6%;\r\n  text-align: center;\r\n}\r\n\r\n.section-title {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: #00254d;\r\n  margin-bottom: 40px;\r\n}\r\n.section-title::after {\r\n  content: \"\";\r\n  width: 60px;\r\n  height: 3px;\r\n  background: #004c97;\r\n  margin: 12px auto 0;\r\n  display: block;\r\n  border-radius: 2px;\r\n}\r\n\r\n.feature-mvv-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));\r\n  gap: 40px;\r\n}\r\n\r\n\/* Feature Box Base *\/\r\n.mvv-box {\r\n  padding: 35px 20px;\r\n  border-radius: 16px;\r\n  color: #ffffff;\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n  transition: 0.3s ease;\r\n}\r\n.mvv-box:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 32px rgba(0,0,0,0.22);\r\n}\r\n\r\n\/* GRADIENT BOX COLORS *\/\r\n.box-orange {\r\n  background: linear-gradient(135deg, #ff8a65, #ff7043);\r\n}\r\n.box-blue {\r\n  background: linear-gradient(135deg, #42a5f5, #1e88e5);\r\n}\r\n.box-teal {\r\n  background: linear-gradient(135deg, #26c6da, #00acc1);\r\n}\r\n\r\n\/* Icon circles (same as Mission\/Vision) *\/\r\n.icon-circle {\r\n  width: 78px;\r\n  height: 78px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 32px;\r\n}\r\n\r\n.icon-orange {\r\n  background: linear-gradient(135deg, #ff8a65, #ff7043);\r\n}\r\n.icon-blue {\r\n  background: linear-gradient(135deg, #42a5f5, #1e88e5);\r\n}\r\n.icon-teal {\r\n  background: linear-gradient(135deg, #26c6da, #00acc1);\r\n}\r\n\r\n.mvv-box h3 {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin: 10px 0 10px;\r\n}\r\n\r\n.mvv-box p {\r\n  font-size: 15px;\r\n  line-height: 1.55;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media(max-width:600px){\r\n  .section-title { font-size: 26px; }\r\n  .icon-circle { width: 68px; height: 68px; font-size: 26px; }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\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-880aef6 e-con-full e-flex e-con e-parent\" data-id=\"880aef6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0800f48 elementor-widget elementor-widget-html\" data-id=\"0800f48\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"iw-serve-dark\" aria-labelledby=\"iw-title\">\r\n  <style>\r\n    .iw-serve-dark {\r\n      width: 100%;\r\n      padding: 70px 20px;\r\n      background: #0d1b21; \/* full background *\/\r\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .iw-center {\r\n      text-align: center;\r\n      margin: 0 auto;\r\n      max-width: 1200px;\r\n    }\r\n\r\n    .iw-kicker {\r\n      font-size: 14px;\r\n      color: #7fb8c9;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .iw-title {\r\n      font-size: 30px;\r\n      font-weight: 800;\r\n      margin-bottom: 10px;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .iw-sub {\r\n      color: #b7c9d1;\r\n      font-size: 15px;\r\n      max-width: 600px;\r\n      margin: 0 auto 40px auto;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Tiles container *\/\r\n    .iw-tiles {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 22px;\r\n    }\r\n\r\n    .iw-tile {\r\n      width: 130px;\r\n      height: 130px;\r\n      background: #162830; \r\n      border-radius: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      transition: 0.25s ease;\r\n      box-shadow: 0 12px 28px rgba(0,0,0,0.35);\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .iw-tile:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 18px 45px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* Larger, clearer icons *\/\r\n    .iw-icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      fill: #ffffff;\r\n      opacity: 0.95;\r\n    }\r\n\r\n    \/* Labels under tiles *\/\r\n    .iw-labels {\r\n      margin-top: 15px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 22px;\r\n    }\r\n\r\n    .iw-label {\r\n      width: 130px;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: #e2eef2;\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media(max-width:600px) {\r\n      .iw-tile {\r\n        width: 110px;\r\n        height: 110px;\r\n      }\r\n      .iw-label {\r\n        width: 110px;\r\n        font-size: 12px;\r\n      }\r\n      .iw-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"iw-center\">\r\n    <div class=\"iw-kicker\">Industries We Serve<\/div>\r\n    <h2 id=\"iw-title\" class=\"iw-title\">Precision Components For Every Industry<\/h2>\r\n    <p class=\"iw-sub\">We manufacture tractor, trailer, construction, agriculture, garden, and OEM custom spare parts with exact tolerances and consistent quality.<\/p>\r\n\r\n    <!-- tiles -->\r\n    <div class=\"iw-tiles\">\r\n\r\n      <!-- Tractor -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <g stroke=\"white\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\">\r\n            <circle cx=\"7\" cy=\"17\" r=\"2.5\" fill=\"white\"\/>\r\n            <circle cx=\"17\" cy=\"17\" r=\"2.5\" fill=\"white\"\/>\r\n            <path d=\"M3 13h14v3\"\/>\r\n            <rect x=\"12\" y=\"7\" width=\"6\" height=\"4\" rx=\"1\" fill=\"white\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Truck -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <g fill=\"white\">\r\n            <rect x=\"3\" y=\"11\" width=\"11\" height=\"6\"\/>\r\n            <rect x=\"14\" y=\"8\" width=\"6\" height=\"5\" rx=\"1\"\/>\r\n            <circle cx=\"7\" cy=\"19\" r=\"2\"\/>\r\n            <circle cx=\"17\" cy=\"19\" r=\"2\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Construction -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <g stroke=\"white\" stroke-width=\"1.4\" stroke-linecap=\"round\" fill=\"none\">\r\n            <rect x=\"4\" y=\"13\" width=\"9\" height=\"4\" fill=\"white\"\/>\r\n            <path d=\"M13 7l4 4v3\"\/>\r\n            <circle cx=\"17\" cy=\"18\" r=\"2\" fill=\"white\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Agriculture -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <g stroke=\"white\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M12 3v12\"\/>\r\n            <path d=\"M7 10c2-2 6-2 8 0\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Lawn Mower -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <g stroke=\"white\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\">\r\n            <path d=\"M3 12h18\"\/>\r\n            <rect x=\"6\" y=\"12\" width=\"3\" height=\"4\" fill=\"white\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- OEM -->\r\n      <div class=\"iw-tile\">\r\n        <svg class=\"iw-icon\" viewBox=\"0 0 24 24\">\r\n          <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"1\" fill=\"white\"\/>\r\n          <path d=\"M8 11h8\" stroke=\"#0d1b21\" stroke-width=\"1.6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- labels -->\r\n    <div class=\"iw-labels\">\r\n      <div class=\"iw-label\">Tractor<\/div>\r\n      <div class=\"iw-label\">Trailer<\/div>\r\n      <div class=\"iw-label\">Construction<\/div>\r\n      <div class=\"iw-label\">Agriculture<\/div>\r\n      <div class=\"iw-label\">Garden<\/div>\r\n      <div class=\"iw-label\">OEM Parts<\/div>\r\n    <\/div>\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-9c2d6d6 e-flex e-con-boxed e-con e-parent\" data-id=\"9c2d6d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed7a47 elementor-widget elementor-widget-html\" data-id=\"3ed7a47\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PHILOSOPHY SECTION - Brar Tool -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* Scoped styles for this section only *\/\r\n.philosophy-section {\r\n  max-width: 1200px;\r\n  margin: 60px auto;\r\n  text-align: center;\r\n  font-family: \"Inter\", system-ui, Segoe UI, Roboto, Arial;\r\n  color: #0b203a;\r\n}\r\n\r\n.philosophy-section h2 {\r\n  font-family: \"Poppins\", Inter, sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.philosophy-section .line {\r\n  width: 80px;\r\n  height: 4px;\r\n  margin: 10px auto 30px;\r\n  border-radius: 5px;\r\n  background: linear-gradient(90deg, #0b6cff, #8a3ffc);\r\n}\r\n\r\n.philosophy-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  justify-content: center;\r\n  align-items: stretch;\r\n}\r\n\r\n.philosophy-card {\r\n  background: #f4f6fa;\r\n  border-radius: 12px;\r\n  padding: 32px 20px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);\r\n  position: relative;\r\n}\r\n\r\n.philosophy-card:hover {\r\n  transform: translateY(-6px);\r\n  background: linear-gradient(180deg, #ffffff, #f7faff);\r\n  box-shadow: 0 10px 25px rgba(11, 108, 255, 0.15);\r\n}\r\n\r\n.icon-circle {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: linear-gradient(135deg, #ff7a3c, #ff5a7a);\r\n  color: #fff;\r\n  font-size: 28px;\r\n  box-shadow: 0 6px 18px rgba(255, 90, 122, 0.25);\r\n}\r\n\r\n.philosophy-card h3 {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n  color: #0b203a;\r\n}\r\n\r\n.philosophy-card p {\r\n  font-size: 15px;\r\n  color: #4a5e72;\r\n  margin-bottom: 18px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.read-more {\r\n  display: inline-block;\r\n  padding: 8px 18px;\r\n  border-radius: 6px;\r\n  border: 2px solid #ff7a3c;\r\n  color: #ff7a3c;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.read-more:hover {\r\n  background: #ff7a3c;\r\n  color: #fff;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .philosophy-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .philosophy-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"philosophy-section\" aria-labelledby=\"philosophy-heading\">\r\n  <h2 id=\"philosophy-heading\">Philosophy<\/h2>\r\n  <div class=\"line\"><\/div>\r\n\r\n  <div class=\"philosophy-grid\">\r\n    <!-- Technology -->\r\n    <div class=\"philosophy-card\">\r\n      <div class=\"icon-circle\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\r\n      <h3>Technology<\/h3>\r\n      <p>Brar Tool has developed in-house technology to continually upgrade and align with evolving customer needs \u2014 ensuring precision and reliability.<\/p>\r\n     \r\n    <\/div>\r\n\r\n    <!-- Quality -->\r\n    <div class=\"philosophy-card\" style=\"background: linear-gradient(180deg, #ff7a3c, #ff5a7a); color: #fff;\">\r\n      <div class=\"icon-circle\" style=\"background: #fff; color: #ff7a3c;\"><i class=\"fa-solid fa-thumbs-up\"><\/i><\/div>\r\n      <h3 style=\"color:#fff;\">Quality<\/h3>\r\n      <p style=\"color:#fff;\">Brar Tool adopts and implements international quality standards with every component we manufacture, ensuring zero-defect delivery.<\/p>\r\n     \r\n    <\/div>\r\n\r\n    <!-- Manufacturing Facility -->\r\n    <div class=\"philosophy-card\">\r\n      <div class=\"icon-circle\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n      <h3>Manufacturing Facility<\/h3>\r\n      <p>Our facility integrates world-class CNC machines, inspection tools, and lean systems to deliver consistent precision and scalability.<\/p>\r\n      \r\n    <\/div>\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-7113601 e-con-full e-flex e-con e-parent\" data-id=\"7113601\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f7d15d elementor-widget elementor-widget-html\" data-id=\"7f7d15d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BRAR TOOL - Features strip + Footer with contact details -->\r\n<style>\r\n:root{\r\n  --bg-dark:#0f1112;\r\n  --accent:#e35b2a;\r\n  --card-dark:#141414;\r\n  --muted:rgba(255,255,255,0.78);\r\n  --white: #ffffff;\r\n  --maxw:1200px;\r\n  --icon-red-start:#ff3b3b;\r\n  --icon-red-end:#d32f2f;\r\n  --gap:18px;\r\n  font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\r\n}\r\n\r\n\/* FEATURES STRIP *\/\r\n.br-features-strip {\r\n  width:100%;\r\n  background: var(--bg-dark);\r\n  border-top:4px solid var(--accent);\r\n  box-sizing:border-box;\r\n  padding:var(--gap) 0 0;\r\n}\r\n.br-features-inner {\r\n  max-width:var(--maxw);\r\n  margin:0 auto;\r\n  padding:0 18px;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:0;\r\n  align-items:stretch;\r\n}\r\n.br-feature {\r\n  padding:30px 20px;\r\n  min-height:170px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  color:var(--white);\r\n  background:transparent;\r\n  position:relative;\r\n}\r\n.br-feature + .br-feature { border-left:1px solid rgba(255,255,255,0.06); }\r\n.br-feature .icon {\r\n  width:72px;height:72px;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  background: linear-gradient(180deg,var(--icon-red-start),var(--icon-red-end));\r\n  box-shadow: 0 6px 20px rgba(227,91,42,0.14), inset 0 -6px 12px rgba(0,0,0,0.12);\r\n  margin-bottom:14px;\r\n}\r\n.br-feature .icon svg{ width:36px;height:36px; fill:#fff; opacity:0.98; }\r\n.br-feature .title { font-size:18px; font-weight:700; text-align:center; line-height:1.18; }\r\n.br-feature .sub { font-size:13px; color:var(--muted); margin-top:8px; text-align:center; }\r\n\r\n\/* FOOTER *\/\r\n.br-footer {\r\n  background: linear-gradient(180deg,#0c0d0e,#0d0e10);\r\n  padding:28px 0 44px;\r\n  color:var(--muted);\r\n  border-top:2px solid rgba(227,91,42,0.06);\r\n}\r\n.br-footer-inner{\r\n  max-width:var(--maxw);\r\n  margin:0 auto;\r\n  padding:0 18px;\r\n  display:grid;\r\n  grid-template-columns: 1fr 360px;\r\n  gap:28px;\r\n  align-items:start;\r\n}\r\n.br-footer-left { color:var(--muted); line-height:1.7; }\r\n.br-footer-left .brand { color:var(--accent); font-weight:800; font-size:20px; margin-bottom:8px; display:block; }\r\n.br-footer-left p{ margin:8px 0; font-size:14px; }\r\n\r\n\/* contact column *\/\r\n.br-contact { background:transparent; color:var(--white); padding:8px 14px; }\r\n.br-contact h4{ color:var(--accent); margin:0 0 10px; font-size:15px; }\r\n.br-contact .addr, .br-contact .phones, .br-contact .mail { font-size:14px; color:var(--muted); margin-bottom:10px; line-height:1.55; }\r\n.br-contact .phones strong, .br-contact .mail strong { color:var(--white); font-weight:700; }\r\n\r\n\/* small search box *\/\r\n.br-search {\r\n  margin-top:12px;\r\n  display:flex;\r\n  gap:8px;\r\n  align-items:center;\r\n}\r\n.br-search input[type=\"text\"]{\r\n  flex:1;\r\n  padding:10px 12px;\r\n  border-radius:4px;\r\n  border:0;\r\n  background:#fff;\r\n  color:#111;\r\n  font-size:14px;\r\n  box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);\r\n}\r\n.br-search button {\r\n  background:var(--accent);\r\n  color:#fff;\r\n  padding:10px 12px;\r\n  border-radius:4px;\r\n  border:0;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* bottom small bar *\/\r\n.br-footer-bottom {\r\n  max-width:var(--maxw);\r\n  margin:18px auto 0;\r\n  padding:8px 18px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:10px;\r\n  color:rgba(255,255,255,0.6);\r\n  font-size:13px;\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 980px){\r\n  .br-features-inner { grid-template-columns:repeat(2,1fr); }\r\n  .br-footer-inner { grid-template-columns:1fr; }\r\n  .br-contact { order:2; }\r\n  .br-footer-left { order:1; }\r\n}\r\n@media (max-width:420px){\r\n  .br-feature { padding:18px; min-height:120px; text-align:left; flex-direction:row; gap:14px; align-items:center; }\r\n  .br-feature .icon { width:56px;height:56px; margin:0; flex:0 0 56px; }\r\n  .br-feature .title { font-size:16px; text-align:left; }\r\n  .br-feature .sub { display:block; text-align:left; font-size:12px; }\r\n  .br-features-inner { gap:6px; }\r\n  .br-footer-bottom { flex-direction:column; align-items:flex-start; gap:6px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"br-features-strip\" aria-label=\"BRAR TOOL features\">\r\n  <div class=\"br-features-inner\">\r\n    <div class=\"br-feature\">\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <!-- truck -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 3h11v6h4l3 4v8h-2a2 2 0 0 1-4 0H9a2 2 0 0 1-4 0H3V3zm16 7h-3V5H5v11h14v-6zM7 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"title\">Fast & Hassle-Free Shipping<\/div>\r\n      <div class=\"sub\">Reliable delivery worldwide<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"br-feature\">\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <!-- gears -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19.14 12.94a7.49 7.49 0 0 0 0-1.88l2.03-1.58a.5.5 0 0 0 .12-.63l-1.92-3.32a.5.5 0 0 0-.6-.22l-2.39.96a7.53 7.53 0 0 0-1.6-.93l-.36-2.54A.5.5 0 0 0 14.6 2h-3.2a.5.5 0 0 0-.5.42l-.36 2.54c-.56.2-1.09.48-1.6.93L6.55 5.93a.5.5 0 0 0-.6.22L4.03 9.47a.5.5 0 0 0 .12.63l2.03 1.58c-.04.31-.07.62-.07.94s.03.63.07.94L4.15 15.1a.5.5 0 0 0-.12.63l1.92 3.32c.14.24.42.34.68.28l2.39-.96c.5.45 1.04.82 1.6.93l.36 2.54c.06.27.3.46.57.46h3.2c.27 0 .51-.19.57-.46l.36-2.54c.56-.2 1.09-.48 1.6-.93l2.39.96c.26.06.54-.04.68-.28l1.92-3.32a.5.5 0 0 0-.12-.63l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"title\">Customized Parts as per Drawings<\/div>\r\n      <div class=\"sub\">Precision manufacturing to spec<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"br-feature\">\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <!-- factory -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 13h2v7H3v-7zm4 0h2v7H7v-7zm4 0h2v7h-2v-7zm6-9h-6v6H7V4H3v16h18V4h-4z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"title\">State-of-the-art Manufacturing<\/div>\r\n      <div class=\"sub\">CNC, quality checks & export-ready<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"br-feature\">\r\n      <div class=\"icon\" aria-hidden=\"true\">\r\n        <!-- funnel\/pricing -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 5h18v2l-7 7v5l-4-2v-3L3 7V5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"title\">Competitive Pricing<\/div>\r\n      <div class=\"sub\">Fair rates for high quality<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"br-footer\" role=\"contentinfo\">\r\n  <div class=\"br-footer-inner\">\r\n    <div class=\"br-footer-left\">\r\n      <span class=\"brand\">BRAR TOOL<\/span>\r\n      <p>BRAR TOOL is a trusted manufacturer of precision cutting tools, carbide inserts, end mills and custom tooling solutions for automotive, aerospace and precision manufacturing. We focus on quality, strict tolerances and export-ready standards.<\/p>\r\n      <p>Our product range includes end mills, carbide inserts, tool holders, reamers and special-purpose custom tools engineered for performance and longevity.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"br-contact\" aria-label=\"Contact details\">\r\n      <h4>Contact Us<\/h4>\r\n\r\n      <div class=\"addr\">\r\n        499 - Plot No.55, Block-G, S G M Nagar, Gali No.4 Opp: Petrol Pump, Sector-21D, N.I.T, Faridabad - 121001, Haryana, India\r\n      <\/div>\r\n\r\n      <div class=\"phones\">\r\n        <span style=\"display:block\"><strong>Phone:<\/strong> +91 92124 68087<\/span>\r\n        <span style=\"display:block\"><strong>Phone:<\/strong> +91 95547 95706<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mail\">\r\n        <span style=\"display:block\"><strong>Email:<\/strong> <a href=\"mailto:brartool@gmail.com\" style=\"color:var(--white); text-decoration:none;\">brartool@gmail.com<\/a><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"br-search\" role=\"search\">\r\n        <input type=\"text\" placeholder=\"Search...\" aria-label=\"Search the site\">\r\n        <button aria-label=\"Search\">Search<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"br-footer-bottom\">\r\n    <div>\u00a9 <strong>BRAR TOOL<\/strong> \u2014 All rights reserved<\/div>\r\n    <div>Designed & Managed by <a href=\"https:\/\/webcurry.co.in\" style=\"color:var(--accent); text-decoration:none;\">WebCurry<\/a><\/div>\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Manufacturer &#038; Exporter of Tractor, Truck, Trailer, JCB, Agriculture &#038; Lawn Mower Spare Parts High-Quality Plastic, Rubber &#038; Metal Components for Heavy-Duty &#038; Automotive Applications Explore products Precision cutting tools engineered for performance &#038; longevity Custom end mills, carbide inserts &#038; tooling solutions for automotive, aerospace and precision manufacturing. CNC tolerances, batch testing &#038; export-ready [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":53,"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/brartool.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}