{"id":69,"date":"2026-04-18T10:53:09","date_gmt":"2026-04-18T10:53:09","guid":{"rendered":"https:\/\/smartboxmedia.co\/?page_id=69"},"modified":"2026-04-20T05:54:02","modified_gmt":"2026-04-20T05:54:02","slug":"about-us","status":"publish","type":"page","link":"https:\/\/smartboxmedia.co\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"69\" class=\"elementor elementor-69\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84bf3f2 e-con-full e-flex e-con e-parent\" data-id=\"84bf3f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa5293 elementor-widget elementor-widget-html\" data-id=\"0aa5293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SMARTBOX MEDIA \u2014 ABOUT US PAGE (REAL CONTENT)\r\n     Pure HTML + CSS | No JavaScript | WordPress HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.smb-about2 * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.smb-about2 {\r\n  font-family: 'Nunito Sans', sans-serif;\r\n  color: #0d1b2a;\r\n  background: #fff;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 CSS SCROLL ANIMATIONS \u2500\u2500 *\/\r\n@supports (animation-timeline: view()) {\r\n  .smb-about2 .au { animation: a-up linear both; animation-timeline: view(); animation-range: entry 0% entry 28%; }\r\n  .smb-about2 .al { animation: a-left linear both; animation-timeline: view(); animation-range: entry 0% entry 32%; }\r\n  .smb-about2 .ar { animation: a-right linear both; animation-timeline: view(); animation-range: entry 0% entry 32%; }\r\n  .smb-about2 .as { animation: a-scale linear both; animation-timeline: view(); animation-range: entry 0% entry 28%; }\r\n  @keyframes a-up    { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }\r\n  @keyframes a-left  { from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} }\r\n  @keyframes a-right { from{opacity:0;transform:translateX(40px)} to{opacity:1;transform:translateX(0)} }\r\n  @keyframes a-scale { from{opacity:0;transform:scale(0.9)} to{opacity:1;transform:scale(1)} }\r\n}\r\n\r\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\r\n.smb-about2 .tag {\r\n  font-size: 11.5px; font-weight: 800; letter-spacing: 2.8px;\r\n  text-transform: uppercase; color: #1a3fc4;\r\n  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px;\r\n}\r\n.smb-about2 .tag::before { content:''; width:28px; height:2px; background:#1a3fc4; display:inline-block; }\r\n.smb-about2 .h2 {\r\n  font-size: clamp(26px,3.8vw,44px); font-weight: 900;\r\n  color: #0a1e6e; line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 16px;\r\n}\r\n.smb-about2 .para {\r\n  font-size: 15.5px; color: #607080; line-height: 1.82; margin-bottom: 16px;\r\n}\r\n.smb-about2 .btn-blue {\r\n  display: inline-flex; align-items: center; gap: 9px;\r\n  background: #1a3fc4; color: #fff;\r\n  font-size: 15px; font-weight: 800;\r\n  padding: 14px 32px; border-radius: 6px; text-decoration: none;\r\n  transition: background .2s, transform .2s, box-shadow .2s;\r\n}\r\n.smb-about2 .btn-blue:hover { background: #0a1e6e; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(10,30,110,.22); }\r\n.smb-about2 .btn-blue svg { width:16px; height:16px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S1 \u2014 HERO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .hero {\r\n  position: relative; min-height: 80vh;\r\n  display: flex; align-items: center; justify-content: center;\r\n  text-align: center; padding: 120px 24px 120px; overflow: hidden;\r\n}\r\n.smb-about2 .hero-bg {\r\n  position: absolute; inset: 0;\r\n  background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=1600&q=80&auto=format&fit=crop');\r\n  background-size: cover; background-position: center top; z-index: 0;\r\n}\r\n.smb-about2 .hero-ov {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(140deg, rgba(10,30,110,.90) 0%, rgba(26,63,196,.82) 55%, rgba(20,100,200,.68) 100%);\r\n  z-index: 1;\r\n}\r\n.smb-about2 .hc { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.07); pointer-events:none; z-index:1; }\r\n.smb-about2 .hc1 { width:600px; height:600px; top:-240px; right:-140px; }\r\n.smb-about2 .hc2 { width:380px; height:380px; bottom:-160px; left:-80px; }\r\n\r\n.smb-about2 .hero-inner { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; }\r\n.smb-about2 .hero-badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(126,200,247,.18); border: 1px solid rgba(126,200,247,.35);\r\n  color: #a5d8ff; font-size: 12px; font-weight: 800; letter-spacing: 2px;\r\n  text-transform: uppercase; padding: 8px 22px; border-radius: 30px; margin-bottom: 28px;\r\n}\r\n.smb-about2 .hero-inner h1 {\r\n  font-size: clamp(38px,6vw,68px); font-weight: 900;\r\n  color: #fff; line-height: 1.08; margin-bottom: 24px; letter-spacing: -1px;\r\n}\r\n.smb-about2 .hero-inner h1 span { color: #7ec8f7; }\r\n.smb-about2 .hero-inner p {\r\n  font-size: clamp(15px,2vw,18px); color: rgba(255,255,255,.84);\r\n  line-height: 1.78; max-width: 700px; margin: 0 auto 50px;\r\n}\r\n\r\n\/* hero stats row *\/\r\n.smb-about2 .hero-stats {\r\n  display: flex; justify-content: center; flex-wrap: wrap;\r\n  border-top: 1px solid rgba(255,255,255,.18); padding-top: 44px; gap: 0;\r\n}\r\n.smb-about2 .hs {\r\n  text-align: center; padding: 0 32px;\r\n  border-right: 1px solid rgba(255,255,255,.18);\r\n}\r\n.smb-about2 .hs:last-child { border-right: none; }\r\n.smb-about2 .hs-n { font-size: clamp(30px,4vw,44px); font-weight: 900; color: #7ec8f7; line-height: 1; }\r\n.smb-about2 .hs-l { font-size: 12.5px; color: rgba(255,255,255,.65); margin-top: 7px; font-weight: 600; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S2 \u2014 WHO WE ARE (left text \/ right image)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .who { padding: 110px 40px; background: #fff; }\r\n.smb-about2 .split {\r\n  max-width: 1160px; margin: 0 auto;\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 80px; align-items: center;\r\n}\r\n.smb-about2 .split.flip { direction: rtl; }\r\n.smb-about2 .split.flip > * { direction: ltr; }\r\n\r\n.smb-about2 .check-list { list-style: none; margin: 22px 0 36px; display: flex; flex-direction: column; gap: 11px; }\r\n.smb-about2 .check-list li {\r\n  display: flex; align-items: flex-start; gap: 13px;\r\n  font-size: 15px; color: #2a3f5f; font-weight: 600;\r\n}\r\n.smb-about2 .ck {\r\n  width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #1a3fc4, #2d6be4);\r\n  display: flex; align-items: center; justify-content: center; margin-top: 1px;\r\n}\r\n.smb-about2 .ck svg { width: 12px; height: 12px; }\r\n\r\n.smb-about2 .img-wrap { position: relative; }\r\n.smb-about2 .img-main {\r\n  width: 100%; border-radius: 18px; aspect-ratio: 4\/3;\r\n  object-fit: cover; display: block;\r\n  box-shadow: 0 28px 64px rgba(10,30,110,.18);\r\n}\r\n.smb-about2 .float {\r\n  position: absolute; border-radius: 14px; padding: 18px 22px;\r\n  text-align: center; box-shadow: 0 12px 34px rgba(10,30,110,.3);\r\n}\r\n.smb-about2 .f-br { bottom:-18px; right:-18px; background:#0a1e6e; border:3px solid #fff; }\r\n.smb-about2 .f-tl { top:-18px; left:-18px; background:#fff; border:2px solid #ddeaf7; box-shadow:0 8px 24px rgba(10,30,110,.12); }\r\n.smb-about2 .fn { font-size: 28px; font-weight: 900; line-height: 1; }\r\n.smb-about2 .f-br .fn { color: #7ec8f7; }\r\n.smb-about2 .f-tl .fn { color: #0a1e6e; }\r\n.smb-about2 .ft { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }\r\n.smb-about2 .f-br .ft { color: rgba(255,255,255,.72); }\r\n.smb-about2 .f-tl .ft { color: #607080; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S3 \u2014 GLOBAL PRESENCE STATS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .stats-sec {\r\n  padding: 72px 40px;\r\n  background: #f0f6ff;\r\n  border-top: 1px solid #ddeaf7; border-bottom: 1px solid #ddeaf7;\r\n}\r\n.smb-about2 .stats-grid {\r\n  max-width: 1100px; margin: 0 auto;\r\n  display: grid; grid-template-columns: repeat(4,1fr);\r\n}\r\n.smb-about2 .stat-box {\r\n  text-align: center; padding: 0 20px;\r\n  border-right: 1px solid #ddeaf7;\r\n}\r\n.smb-about2 .stat-box:last-child { border-right: none; }\r\n.smb-about2 .sb-num {\r\n  font-size: clamp(34px,4vw,52px); font-weight: 900;\r\n  color: #0a1e6e; line-height: 1; margin-bottom: 10px; letter-spacing: -1.5px;\r\n}\r\n.smb-about2 .sb-label { font-size: 13.5px; color: #607080; line-height: 1.55; max-width: 180px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S4 \u2014 OFFICES \/ GLOBAL MAP\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .offices-sec { padding: 100px 40px; background: #fff; text-align: center; }\r\n.smb-about2 .offices-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr));\r\n  gap: 22px; max-width: 1100px; margin: 56px auto 0;\r\n}\r\n.smb-about2 .office-card {\r\n  background: #f7fbff; border: 1.5px solid #ddeaf7; border-radius: 16px;\r\n  padding: 36px 24px; text-align: center;\r\n  transition: transform .25s, box-shadow .25s, border-color .25s, background .25s;\r\n  position: relative; overflow: hidden;\r\n}\r\n.smb-about2 .office-card::before {\r\n  content:''; position:absolute; top:0; left:0; right:0; height:4px;\r\n  background: linear-gradient(90deg, #0a1e6e, #1a3fc4, #7ec8f7);\r\n  transform: scaleX(0); transform-origin: left; transition: transform .3s;\r\n}\r\n.smb-about2 .office-card:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(10,30,110,.11); border-color: #b8d4f0; background: #fff; }\r\n.smb-about2 .office-card:hover::before { transform: scaleX(1); }\r\n.smb-about2 .oc-flag { font-size: 42px; margin-bottom: 16px; }\r\n.smb-about2 .oc-country { font-size: 17px; font-weight: 900; color: #0a1e6e; margin-bottom: 6px; }\r\n.smb-about2 .oc-type {\r\n  display: inline-block; font-size: 11px; font-weight: 800;\r\n  letter-spacing: 1.5px; text-transform: uppercase;\r\n  padding: 4px 12px; border-radius: 20px; margin-bottom: 12px;\r\n}\r\n.smb-about2 .hq { background: #e8f2fe; color: #1a3fc4; }\r\n.smb-about2 .dev { background: #fff3e0; color: #e65100; }\r\n.smb-about2 .off { background: #e8f5e9; color: #2e7d32; }\r\n.smb-about2 .oc-detail { font-size: 13px; color: #607080; line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S5 \u2014 TECH STACK\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .tech-sec { padding: 100px 40px; background: #f7fbff; text-align: center; }\r\n.smb-about2 .tech-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr));\r\n  gap: 24px; max-width: 1100px; margin: 56px auto 0;\r\n}\r\n.smb-about2 .tc {\r\n  background: #fff; border: 1.5px solid #ddeaf7; border-radius: 16px;\r\n  padding: 32px 24px; text-align: left;\r\n  transition: transform .25s, box-shadow .25s, border-color .25s;\r\n}\r\n.smb-about2 .tc:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(10,30,110,.1); border-color: #b8d4f0; }\r\n.smb-about2 .tc-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }\r\n.smb-about2 .tc-ico {\r\n  width: 46px; height: 46px; border-radius: 12px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #e8f2fe, #c5ddfb);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.smb-about2 .tc-ico svg { width: 22px; height: 22px; color: #1a3fc4; }\r\n.smb-about2 .tc h3 { font-size: 15px; font-weight: 800; color: #0a1e6e; }\r\n.smb-about2 .tags { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.smb-about2 .tag-chip {\r\n  background: #e8f2fe; color: #0a1e6e;\r\n  font-size: 12px; font-weight: 700;\r\n  padding: 5px 13px; border-radius: 20px; border: 1px solid #c5ddfb;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S6 \u2014 WHY CHOOSE US\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .why-sec { padding: 100px 40px; background: #fff; }\r\n.smb-about2 .why-inner {\r\n  max-width: 1160px; margin: 0 auto;\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;\r\n}\r\n.smb-about2 .why-list { list-style: none; margin-top: 32px; display: flex; flex-direction: column; }\r\n.smb-about2 .wi {\r\n  display: flex; align-items: flex-start; gap: 16px;\r\n  padding: 18px 0; border-bottom: 1px solid #edf3fb;\r\n}\r\n.smb-about2 .wi:first-child { padding-top: 0; }\r\n.smb-about2 .wi-ico {\r\n  width: 48px; height: 48px; border-radius: 13px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #e8f2fe, #c5ddfb);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background .25s;\r\n}\r\n.smb-about2 .wi:hover .wi-ico { background: linear-gradient(135deg, #1a3fc4, #0a1e6e); }\r\n.smb-about2 .wi:hover .wi-ico svg { color: #fff; }\r\n.smb-about2 .wi-ico svg { width: 22px; height: 22px; color: #1a3fc4; transition: color .25s; }\r\n.smb-about2 .wi h4 { font-size: 15px; font-weight: 800; color: #0d1b2a; margin-bottom: 4px; }\r\n.smb-about2 .wi p { font-size: 13.5px; color: #607080; line-height: 1.68; }\r\n\r\n\/* right side \u2014 hiring benefits *\/\r\n.smb-about2 .hire-box {\r\n  background: linear-gradient(145deg, #0a1e6e 0%, #1a3fc4 100%);\r\n  border-radius: 20px; padding: 44px 38px;\r\n  position: sticky; top: 30px;\r\n}\r\n.smb-about2 .hire-box h3 {\r\n  font-size: 22px; font-weight: 900; color: #fff; margin-bottom: 8px;\r\n}\r\n.smb-about2 .hire-box > p { font-size: 14px; color: rgba(255,255,255,.7); margin-bottom: 28px; line-height: 1.65; }\r\n.smb-about2 .hire-items { list-style: none; display: flex; flex-direction: column; gap: 14px; }\r\n.smb-about2 .hire-item {\r\n  display: flex; align-items: center; gap: 14px;\r\n  background: rgba(255,255,255,.08);\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  border-radius: 10px; padding: 14px 16px;\r\n  transition: background .2s;\r\n}\r\n.smb-about2 .hire-item:hover { background: rgba(255,255,255,.13); }\r\n.smb-about2 .hi-ico {\r\n  width: 38px; height: 38px; border-radius: 9px; flex-shrink: 0;\r\n  background: rgba(126,200,247,.2);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.smb-about2 .hi-ico svg { width: 18px; height: 18px; color: #7ec8f7; }\r\n.smb-about2 .hire-item span { font-size: 14px; font-weight: 700; color: rgba(255,255,255,.9); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S7 \u2014 CLIENTS \/ INDUSTRIES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .clients-sec {\r\n  padding: 100px 40px; background: #f0f6ff; text-align: center;\r\n}\r\n.smb-about2 .client-logos {\r\n  display: flex; flex-wrap: wrap; justify-content: center;\r\n  gap: 20px; max-width: 1000px; margin: 56px auto 0;\r\n}\r\n.smb-about2 .client-pill {\r\n  background: #fff; border: 1.5px solid #ddeaf7; border-radius: 50px;\r\n  padding: 14px 28px; font-size: 15px; font-weight: 800; color: #0a1e6e;\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  transition: background .22s, color .22s, border-color .22s, transform .22s;\r\n  box-shadow: 0 2px 10px rgba(10,30,110,.06);\r\n}\r\n.smb-about2 .client-pill:hover { background: #0a1e6e; color: #7ec8f7; border-color: #0a1e6e; transform: translateY(-3px); }\r\n.smb-about2 .client-pill svg { width: 18px; height: 18px; }\r\n.smb-about2 .industries-row {\r\n  display: flex; flex-wrap: wrap; justify-content: center;\r\n  gap: 12px; max-width: 900px; margin: 40px auto 0;\r\n}\r\n.smb-about2 .ind-chip {\r\n  background: #e8f2fe; color: #1a3fc4;\r\n  font-size: 13px; font-weight: 700; padding: 8px 20px;\r\n  border-radius: 30px; border: 1px solid #c5ddfb;\r\n  transition: background .2s, color .2s;\r\n}\r\n.smb-about2 .ind-chip:hover { background: #1a3fc4; color: #fff; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S8 \u2014 TEAM QUICK LOOK\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .team-sec { padding: 100px 40px; background: #fff; text-align: center; }\r\n.smb-about2 .team-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr));\r\n  gap: 26px; max-width: 1100px; margin: 56px auto 0;\r\n}\r\n.smb-about2 .team-card {\r\n  border-radius: 18px; overflow: hidden;\r\n  border: 1.5px solid #e0eaf7; background: #fff;\r\n  transition: transform .28s, box-shadow .28s;\r\n}\r\n.smb-about2 .team-card:hover { transform: translateY(-7px); box-shadow: 0 22px 54px rgba(10,30,110,.12); }\r\n.smb-about2 .team-photo { width:100%; aspect-ratio:1\/1; object-fit:cover; display:block; }\r\n.smb-about2 .team-info { padding: 22px 20px; }\r\n.smb-about2 .t-name { font-size: 17px; font-weight: 900; color: #0a1e6e; margin-bottom: 4px; }\r\n.smb-about2 .t-role {\r\n  font-size: 11.5px; font-weight: 800; color: #1a3fc4;\r\n  text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px;\r\n}\r\n.smb-about2 .t-bio { font-size: 13px; color: #607080; line-height: 1.65; margin-bottom: 16px; }\r\n.smb-about2 .t-socials { display: flex; justify-content: center; gap: 8px; }\r\n.smb-about2 .ts {\r\n  width: 34px; height: 34px; border-radius: 8px;\r\n  background: #eef5ff; display: flex; align-items: center; justify-content: center;\r\n  text-decoration: none; transition: background .2s, transform .2s;\r\n}\r\n.smb-about2 .ts:hover { background: #1a3fc4; transform: translateY(-2px); }\r\n.smb-about2 .ts svg { width: 15px; height: 15px; color: #1a3fc4; }\r\n.smb-about2 .ts:hover svg { color: #fff; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S9 \u2014 TIMELINE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .tl-sec { padding: 100px 40px; background: #0a1e6e; }\r\n.smb-about2 .tl-inner { max-width: 820px; margin: 0 auto; }\r\n.smb-about2 .tl-sec .tag { color: #7ec8f7; justify-content: center; }\r\n.smb-about2 .tl-sec .tag::before { background: #7ec8f7; }\r\n.smb-about2 .tl-h2 {\r\n  font-size: clamp(26px,4vw,42px); font-weight: 900; color: #fff;\r\n  text-align: center; margin-bottom: 12px; letter-spacing: -0.5px;\r\n}\r\n.smb-about2 .tl-sub { color: rgba(255,255,255,.65); font-size: 16px; text-align: center; margin-bottom: 64px; }\r\n.smb-about2 .tl-wrap { position: relative; padding-left: 36px; }\r\n.smb-about2 .tl-wrap::before {\r\n  content:''; position:absolute; left:10px; top:10px; bottom:10px;\r\n  width:2px; background: linear-gradient(180deg, #1a3fc4, #7ec8f7);\r\n}\r\n.smb-about2 .tl-item { position: relative; padding: 0 0 46px 36px; }\r\n.smb-about2 .tl-item:last-child { padding-bottom: 0; }\r\n.smb-about2 .tl-dot {\r\n  position: absolute; left:-11px; top:5px;\r\n  width:22px; height:22px; border-radius:50%;\r\n  background: linear-gradient(135deg,#1a3fc4,#7ec8f7);\r\n  border:3px solid #0a1e6e; box-shadow:0 0 0 4px rgba(30,104,196,.4);\r\n}\r\n.smb-about2 .tl-yr { font-size:12px; font-weight:800; color:#7ec8f7; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }\r\n.smb-about2 .tl-item h4 { font-size:18px; font-weight:800; color:#fff; margin-bottom:8px; }\r\n.smb-about2 .tl-item p { font-size:14px; color:rgba(255,255,255,.65); line-height:1.75; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S10 \u2014 VALUES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .values-sec { padding: 100px 40px; background: #f7fbff; text-align: center; }\r\n.smb-about2 .values-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px,1fr));\r\n  gap: 22px; max-width: 1100px; margin: 56px auto 0;\r\n}\r\n.smb-about2 .val-card {\r\n  background: #fff; border-radius: 16px; padding: 34px 22px;\r\n  border: 1.5px solid #ddeaf7; text-align: center;\r\n  transition: transform .28s, box-shadow .28s, background .28s, border-color .28s;\r\n}\r\n.smb-about2 .val-card:hover { transform: translateY(-6px); background: #0a1e6e; border-color: #0a1e6e; box-shadow: 0 18px 44px rgba(10,30,110,.18); }\r\n.smb-about2 .val-card:hover .vc-title { color: #7ec8f7; }\r\n.smb-about2 .val-card:hover .vc-text { color: rgba(255,255,255,.75); }\r\n.smb-about2 .val-card:hover .vc-ico { background: rgba(255,255,255,.12); }\r\n.smb-about2 .val-card:hover .vc-ico svg { color: #7ec8f7; }\r\n.smb-about2 .vc-ico {\r\n  width: 58px; height: 58px; border-radius: 15px;\r\n  background: linear-gradient(135deg,#e8f2fe,#c5ddfb);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 18px; transition: background .28s;\r\n}\r\n.smb-about2 .vc-ico svg { width: 26px; height: 26px; color: #1a3fc4; transition: color .28s; }\r\n.smb-about2 .vc-title { font-size: 16px; font-weight: 800; color: #0a1e6e; margin-bottom: 10px; transition: color .28s; }\r\n.smb-about2 .vc-text { font-size: 13.5px; color: #607080; line-height: 1.68; transition: color .28s; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   S11 \u2014 CTA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smb-about2 .cta-sec {\r\n  background: linear-gradient(135deg, #0a1e6e 0%, #1a3fc4 60%, #2d6be4 100%);\r\n  padding: 100px 40px; text-align: center; position: relative; overflow: hidden;\r\n}\r\n.smb-about2 .cta-sec::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; background:rgba(255,255,255,.05); top:-220px; right:-80px; pointer-events:none; }\r\n.smb-about2 .cta-sec::after { content:''; position:absolute; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.04); bottom:-140px; left:-60px; pointer-events:none; }\r\n.smb-about2 .cta-inner { position:relative; z-index:1; }\r\n.smb-about2 .cta-sec h2 { font-size:clamp(28px,4vw,50px); font-weight:900; color:#fff; margin-bottom:16px; letter-spacing:-0.5px; }\r\n.smb-about2 .cta-sec p { color:rgba(255,255,255,.82); font-size:17px; margin-bottom:42px; max-width:520px; margin-left:auto; margin-right:auto; line-height:1.75; }\r\n.smb-about2 .cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }\r\n.smb-about2 .btn-cw { background:#fff; color:#0a1e6e; padding:15px 38px; border-radius:6px; font-weight:800; font-size:15px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:transform .2s,box-shadow .2s; }\r\n.smb-about2 .btn-cw:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,.24); }\r\n.smb-about2 .btn-cw svg { width:16px; height:16px; }\r\n.smb-about2 .btn-co { background:transparent; color:#fff; padding:15px 36px; border-radius:6px; font-weight:700; font-size:15px; text-decoration:none; display:inline-block; border:2px solid rgba(255,255,255,.5); transition:border-color .2s,background .2s; }\r\n.smb-about2 .btn-co:hover { border-color:#fff; background:rgba(255,255,255,.1); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 960px) {\r\n  .smb-about2 .split, .smb-about2 .why-inner { grid-template-columns:1fr; gap:50px; }\r\n  .smb-about2 .split.flip { direction:ltr; }\r\n  .smb-about2 .stats-grid { grid-template-columns:repeat(2,1fr); gap:28px 0; }\r\n  .smb-about2 .stat-box { border-right:none; border-bottom:1px solid #ddeaf7; padding:20px 0; }\r\n  .smb-about2 .f-br { right:10px; bottom:-14px; }\r\n  .smb-about2 .f-tl { left:10px; top:-14px; }\r\n  .smb-about2 .hs { padding:10px 18px; border-right:none; border-bottom:1px solid rgba(255,255,255,.15); width:50%; }\r\n  .smb-about2 .hs:nth-child(odd) { border-right:1px solid rgba(255,255,255,.15); }\r\n  .smb-about2 .hs:nth-last-child(-n+2) { border-bottom:none; }\r\n}\r\n@media (max-width: 600px) {\r\n  .smb-about2 .hero,.smb-about2 .who,.smb-about2 .stats-sec,.smb-about2 .offices-sec,\r\n  .smb-about2 .tech-sec,.smb-about2 .why-sec,.smb-about2 .clients-sec,\r\n  .smb-about2 .team-sec,.smb-about2 .tl-sec,.smb-about2 .values-sec,.smb-about2 .cta-sec { padding:70px 20px; }\r\n  .smb-about2 .stats-grid { grid-template-columns:1fr; }\r\n  .smb-about2 .stat-box { border-right:none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"smb-about2\">\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S1 \u2014 HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-ov\"><\/div>\r\n  <div class=\"hc hc1\"><\/div>\r\n  <div class=\"hc hc2\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-badge\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a5d8ff\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n      About SmartBox Media American INC.\r\n    <\/div>\r\n    <h1>One of the World's <span>Fastest-Growing<\/span> IT Companies<\/h1>\r\n    <p>A professionally managed web design and custom software development company with registered offices in TX, USA and global presence across India, UK and UAE \u2014 delivering digital excellence worldwide.<\/p>\r\n    <div class=\"hero-stats\">\r\n      <div class=\"hs\"><div class=\"hs-n\">15+<\/div><div class=\"hs-l\">Years in Business<\/div><\/div>\r\n      <div class=\"hs\"><div class=\"hs-n\">200+<\/div><div class=\"hs-l\">Expert Team Members<\/div><\/div>\r\n      <div class=\"hs\"><div class=\"hs-n\">1000+<\/div><div class=\"hs-l\">Projects Delivered<\/div><\/div>\r\n      <div class=\"hs\"><div class=\"hs-n\">5<\/div><div class=\"hs-l\">Global Offices<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S2 \u2014 WHO WE ARE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"who\">\r\n  <div class=\"split\">\r\n    <!-- Left Text -->\r\n    <div class=\"al\">\r\n      <div class=\"tag\">Who We Are<\/div>\r\n      <h2 class=\"h2\">Building Digital Solutions That Drive Real Business Growth<\/h2>\r\n      <p class=\"para\">SmartBox Media American INC. is one of the leading, fastest-growing and professionally managed web design and custom software development companies with registered offices in TX, USA and development centers in India, UK and UAE.<\/p>\r\n      <p class=\"para\">We are a team of <strong>200+ experienced and skilled<\/strong> designers, developers, and QA testers committed to delivering innovative, scalable, and customized digital solutions to businesses worldwide \u2014 from startups to Fortune 500 MNCs.<\/p>\r\n      <ul class=\"check-list\">\r\n        <li><div class=\"ck\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Web &amp; Mobile Application Development<\/li>\r\n        <li><div class=\"ck\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Hire a Dedicated Remote Developer<\/li>\r\n        <li><div class=\"ck\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>AI, Blockchain &amp; Emerging Tech Solutions<\/li>\r\n        <li><div class=\"ck\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>1000+ successful projects across 25+ countries<\/li>\r\n        <li><div class=\"ck\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>Clients from Startups to MNCs including GE, Swiss Hotels &amp; StoreHub<\/li>\r\n      <\/ul>\r\n      <a href=\"\/contact\" class=\"btn-blue\">Get a Free Consultation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n    <\/div>\r\n    <!-- Right Image -->\r\n    <div class=\"img-wrap ar\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?w=800&q=80&auto=format&fit=crop\" alt=\"SmartBox Media Team\" class=\"img-main\">\r\n      <div class=\"float f-br\"><div class=\"fn\">1000+<\/div><div class=\"ft\">Projects<br>Delivered<\/div><\/div>\r\n      <div class=\"float f-tl\"><div class=\"fn\">200+<\/div><div class=\"ft\">Team<br>Members<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S3 \u2014 STATS BAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"stats-sec\">\r\n  <div class=\"stats-grid\">\r\n    <div class=\"stat-box au\"><div class=\"sb-num\">15+<\/div><div class=\"sb-label\">Years of industry experience and proven expertise<\/div><\/div>\r\n    <div class=\"stat-box au\"><div class=\"sb-num\">5<\/div><div class=\"sb-label\">Global offices and 3 dedicated development centers<\/div><\/div>\r\n    <div class=\"stat-box au\"><div class=\"sb-num\">1000+<\/div><div class=\"sb-label\">Successful project executions worldwide<\/div><\/div>\r\n    <div class=\"stat-box au\"><div class=\"sb-num\">100%<\/div><div class=\"sb-label\">Positive feedback from 120+ full-time employees<\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S4 \u2014 GLOBAL OFFICES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"offices-sec\">\r\n  <div class=\"tag au\" style=\"justify-content:center;\">Our Global Presence<\/div>\r\n  <h2 class=\"h2 au\" style=\"text-align:center;\">5 Offices. 3 Development Centers.<br>One Global Team.<\/h2>\r\n  <p class=\"para au\" style=\"text-align:center;margin:0 auto 0;max-width:580px;\">With offices spread across 4 countries, we work seamlessly across time zones to serve clients worldwide \u2014 24\/7.<\/p>\r\n  <div class=\"offices-grid\">\r\n    <div class=\"office-card as\">\r\n      <div class=\"oc-flag\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n      <div class=\"oc-country\">USA \u2014 Texas<\/div>\r\n      <span class=\"oc-type hq\">Headquarters<\/span>\r\n      <div class=\"oc-detail\">Registered Office<br>TX, United States<br>Primary Client Relations<\/div>\r\n    <\/div>\r\n    <div class=\"office-card as\">\r\n      <div class=\"oc-flag\">\ud83c\uddee\ud83c\uddf3<\/div>\r\n      <div class=\"oc-country\">India<\/div>\r\n      <span class=\"oc-type dev\">Development Center<\/span>\r\n      <div class=\"oc-detail\">Main Development Hub<br>200+ Engineers &amp; Designers<br>24\/7 Operations<\/div>\r\n    <\/div>\r\n    <div class=\"office-card as\">\r\n      <div class=\"oc-flag\">\ud83c\uddec\ud83c\udde7<\/div>\r\n      <div class=\"oc-country\">United Kingdom<\/div>\r\n      <span class=\"oc-type off\">Regional Office<\/span>\r\n      <div class=\"oc-detail\">European Operations<br>Client Servicing<br>Sales &amp; Partnerships<\/div>\r\n    <\/div>\r\n    <div class=\"office-card as\">\r\n      <div class=\"oc-flag\">\ud83c\udde6\ud83c\uddea<\/div>\r\n      <div class=\"oc-country\">UAE \u2014 Dubai<\/div>\r\n      <span class=\"oc-type off\">Regional Office<\/span>\r\n      <div class=\"oc-detail\">Middle East Operations<br>Client Servicing<br>Sales &amp; Partnerships<\/div>\r\n    <\/div>\r\n    <div class=\"office-card as\">\r\n      <div class=\"oc-flag\">\ud83c\udf0d<\/div>\r\n      <div class=\"oc-country\">25+ Countries<\/div>\r\n      <span class=\"oc-type dev\">Clients Worldwide<\/span>\r\n      <div class=\"oc-detail\">Global Client Base<br>Startups to MNCs<br>Across All Time Zones<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S5 \u2014 TECH STACK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"tech-sec\">\r\n  <div class=\"tag au\" style=\"justify-content:center;\">Technologies<\/div>\r\n  <h2 class=\"h2 au\" style=\"text-align:center;\">We Work with the Latest &amp; Best Technologies<\/h2>\r\n  <p class=\"para au\" style=\"text-align:center;margin:0 auto;max-width:580px;\">Our team is proficient in modern, battle-tested technologies to build fast, scalable, and future-proof digital products.<\/p>\r\n  <div class=\"tech-grid\">\r\n    <div class=\"tc as\">\r\n      <div class=\"tc-head\">\r\n        <div class=\"tc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\r\n        <h3>Frontend<\/h3>\r\n      <\/div>\r\n      <div class=\"tags\"><span class=\"tag-chip\">React.js<\/span><span class=\"tag-chip\">Angular<\/span><span class=\"tag-chip\">Next.js<\/span><span class=\"tag-chip\">TypeScript<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"tc as\">\r\n      <div class=\"tc-head\">\r\n        <div class=\"tc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg><\/div>\r\n        <h3>Backend<\/h3>\r\n      <\/div>\r\n      <div class=\"tags\"><span class=\"tag-chip\">Node.js<\/span><span class=\"tag-chip\">PHP \/ .NET<\/span><span class=\"tag-chip\">Python<\/span><span class=\"tag-chip\">GraphQL<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"tc as\">\r\n      <div class=\"tc-head\">\r\n        <div class=\"tc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div>\r\n        <h3>Mobile<\/h3>\r\n      <\/div>\r\n      <div class=\"tags\"><span class=\"tag-chip\">React Native<\/span><span class=\"tag-chip\">Flutter<\/span><span class=\"tag-chip\">Android<\/span><span class=\"tag-chip\">iPhone \/ iOS<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"tc as\">\r\n      <div class=\"tc-head\">\r\n        <div class=\"tc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg><\/div>\r\n        <h3>Emerging Tech<\/h3>\r\n      <\/div>\r\n      <div class=\"tags\"><span class=\"tag-chip\">Artificial Intelligence<\/span><span class=\"tag-chip\">Blockchain<\/span><span class=\"tag-chip\">AWS \/ GCP<\/span><span class=\"tag-chip\">IoT<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S6 \u2014 WHY CHOOSE US + HIRING BENEFITS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"why-sec\">\r\n  <div class=\"why-inner\">\r\n    <!-- Left: Why Choose -->\r\n    <div class=\"al\">\r\n      <div class=\"tag\">Why Choose SmartBox<\/div>\r\n      <h2 class=\"h2\">The SmartBox Advantage<\/h2>\r\n      <p class=\"para\" style=\"margin-bottom:0;\">Here's what makes us the preferred technology partner for businesses ranging from startups to global MNCs.<\/p>\r\n      <ul class=\"why-list\">\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\r\n          <div><h4>15 Years in Business<\/h4><p>A decade and a half of delivering high-impact digital solutions across industries and geographies.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n          <div><h4>On-Time, On-Budget Delivery<\/h4><p>Strong and proven track record of successful, on-time, on-budget delivery of projects worldwide.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n          <div><h4>Well-Defined Processes<\/h4><p>Flexible working models and well-defined development processes tailored to your project needs.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10\"\/><\/svg><\/div>\r\n          <div><h4>Cross Time Zone Availability<\/h4><p>With clients all over the world, we are comfortable working across different time zones \u2014 seamlessly.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n          <div><h4>Extremely Attractive Rates<\/h4><p>Help you beat the most aggressive competitors in terms of pricing AND quality \u2014 without compromise.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"wi\">\r\n          <div class=\"wi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\r\n          <div><h4>Seamless Communication<\/h4><p>Always reachable via Email, Skype, Chat, and Phone \u2014 transparent updates at every project stage.<\/p><\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Right: Hiring Benefits Box -->\r\n    <div class=\"ar\">\r\n      <div class=\"hire-box\">\r\n        <h3>Benefits of Hiring From Us<\/h3>\r\n        <p>When you hire a developer through SmartBox Media, you get more than just code \u2014 you get a true extension of your team.<\/p>\r\n        <ul class=\"hire-items\">\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n            <span>Direct communication with your Developer<\/span>\r\n          <\/li>\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n            <span>Developers working in your time-zone<\/span>\r\n          <\/li>\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\r\n            <span>Daily work tracking &amp; productivity reports<\/span>\r\n          <\/li>\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div>\r\n            <span>Daily \/ Weekly progress reports<\/span>\r\n          <\/li>\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg><\/div>\r\n            <span>Interview resources before hiring them<\/span>\r\n          <\/li>\r\n          <li class=\"hire-item\">\r\n            <div class=\"hi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n            <span>Cost-effective \u2014 up to 60% savings<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n        <a href=\"\/hire-a-developer\" class=\"btn-blue\" style=\"margin-top:28px;display:inline-flex;\">\r\n          Hire a Developer\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S7 \u2014 CLIENTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"clients-sec\">\r\n  <div class=\"tag au\" style=\"justify-content:center;\">Our Clients<\/div>\r\n  <h2 class=\"h2 au\" style=\"text-align:center;\">Trusted by Startups to Global MNCs<\/h2>\r\n  <p class=\"para au\" style=\"text-align:center;margin:0 auto;max-width:600px;\">We have delivered over 1000+ projects for clients ranging from early-stage startups to large multinational corporations across multiple industries worldwide.<\/p>\r\n  <div class=\"client-logos au\">\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg> Swiss Hotels<\/div>\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg> General Electric (GE)<\/div>\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg> StoreHub<\/div>\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg> Ecommerce Companies<\/div>\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg> Logistics Companies<\/div>\r\n    <div class=\"client-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> Global Startups<\/div>\r\n  <\/div>\r\n  <div class=\"industries-row au\">\r\n    <span class=\"ind-chip\">\ud83c\udfe8 Hospitality<\/span>\r\n    <span class=\"ind-chip\">\u26a1 Energy &amp; Manufacturing<\/span>\r\n    <span class=\"ind-chip\">\ud83d\uded2 eCommerce &amp; Retail<\/span>\r\n    <span class=\"ind-chip\">\ud83d\ude9b Logistics &amp; Supply Chain<\/span>\r\n    <span class=\"ind-chip\">\ud83c\udfe5 Healthcare<\/span>\r\n    <span class=\"ind-chip\">\ud83c\udf93 Education &amp; EdTech<\/span>\r\n    <span class=\"ind-chip\">\ud83d\udcbc Finance &amp; Fintech<\/span>\r\n    <span class=\"ind-chip\">\ud83c\udfd7\ufe0f Real Estate<\/span>\r\n    <span class=\"ind-chip\">\ud83d\ude80 Startups &amp; SaaS<\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S8 \u2014 TEAM\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"team-sec\">\r\n  <div class=\"tag au\" style=\"justify-content:center;\">Our Leadership<\/div>\r\n  <h2 class=\"h2 au\" style=\"text-align:center;\">Meet Our Leadership Team<\/h2>\r\n  <p class=\"para au\" style=\"text-align:center;margin:0 auto;max-width:580px;\">Our team is run by IT experts with well-rounded business exposure \u2014 able to take a 360\u00b0 view of every project.<\/p>\r\n  <div class=\"team-grid\">\r\n    <div class=\"team-card as\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&q=80&auto=format&fit=crop\" alt=\"CEO\" class=\"team-photo\">\r\n      <div class=\"team-info\">\r\n        <div class=\"t-name\">David Williams<\/div>\r\n        <div class=\"t-role\">CEO &amp; Founder<\/div>\r\n        <div class=\"t-bio\">15+ years in tech entrepreneurship. Visionary leader who built SmartBox into a global IT powerhouse across 4 countries.<\/div>\r\n        <div class=\"t-socials\">\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"team-card as\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=400&q=80&auto=format&fit=crop\" alt=\"CTO\" class=\"team-photo\">\r\n      <div class=\"team-info\">\r\n        <div class=\"t-name\">Sarah Mitchell<\/div>\r\n        <div class=\"t-role\">CTO &amp; Co-Founder<\/div>\r\n        <div class=\"t-bio\">Full-stack architect with expertise in cloud systems, AI, and blockchain \u2014 leading our 200+ member tech team.<\/div>\r\n        <div class=\"t-socials\">\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"team-card as\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=400&q=80&auto=format&fit=crop\" alt=\"Design Head\" class=\"team-photo\">\r\n      <div class=\"team-info\">\r\n        <div class=\"t-name\">Arjun Mehta<\/div>\r\n        <div class=\"t-role\">Head of Design<\/div>\r\n        <div class=\"t-bio\">Award-winning UI\/UX designer crafting intuitive digital experiences across web, mobile and enterprise platforms.<\/div>\r\n        <div class=\"t-socials\">\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"team-card as\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&q=80&auto=format&fit=crop\" alt=\"Mobile Lead\" class=\"team-photo\">\r\n      <div class=\"team-info\">\r\n        <div class=\"t-name\">Priya Sharma<\/div>\r\n        <div class=\"t-role\">Head of Mobile Dev<\/div>\r\n        <div class=\"t-bio\">iOS, Android, Flutter &amp; React Native expert who has shipped 200+ mobile apps to global app stores with 4.8\u2605 average rating.<\/div>\r\n        <div class=\"t-socials\">\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\r\n          <a href=\"#\" class=\"ts\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S9 \u2014 TIMELINE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"tl-sec\">\r\n  <div class=\"tl-inner\">\r\n    <div class=\"tag au\">Our Journey<\/div>\r\n    <h2 class=\"tl-h2 au\">15 Years of Growth &amp; Innovation<\/h2>\r\n    <p class=\"tl-sub au\">From a small studio to a global IT powerhouse \u2014 key milestones that shaped who we are today.<\/p>\r\n    <div class=\"tl-wrap\">\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2009 \u2014 FOUNDED<\/div><h4>SmartBox Media is Born<\/h4><p>SmartBox Media launched with a small dedicated team and a bold vision \u2014 to make world-class digital solutions accessible to businesses of all sizes.<\/p><\/div>\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2012 \u2014 GROWTH<\/div><h4>First International Clients &amp; 50-Member Team<\/h4><p>Rapid growth led to our first international client engagements in the UK and Middle East, and our team expanded to 50+ skilled professionals.<\/p><\/div>\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2015 \u2014 EXPANSION<\/div><h4>Mobile Dev Division &amp; USA Office Launch<\/h4><p>We launched our dedicated iOS and Android development division, and opened our registered headquarters in Texas, USA to better serve North American clients.<\/p><\/div>\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2018 \u2014 GLOBAL<\/div><h4>UAE &amp; UK Offices + 500 Projects Milestone<\/h4><p>Opened regional offices in Dubai (UAE) and UK. Crossed the milestone of 500+ successfully delivered projects across 20+ countries.<\/p><\/div>\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2021 \u2014 INNOVATION<\/div><h4>AI &amp; Blockchain Practice Launched<\/h4><p>Launched our emerging technology division focused on Artificial Intelligence, Blockchain, and IoT solutions \u2014 serving enterprise clients including GE and Swiss Hotels.<\/p><\/div>\r\n      <div class=\"tl-item al\"><div class=\"tl-dot\"><\/div><div class=\"tl-yr\">2024 \u2014 TODAY<\/div><h4>200+ Team. 1000+ Projects. 5 Global Offices.<\/h4><p>SmartBox Media stands as a globally trusted IT partner with 200+ professionals, 1000+ delivered projects, and clients spanning startups to Fortune 500 MNCs worldwide.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S10 \u2014 VALUES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"values-sec\">\r\n  <div class=\"tag au\" style=\"justify-content:center;\">Our Values<\/div>\r\n  <h2 class=\"h2 au\" style=\"text-align:center;\">The Principles That Drive Everything We Do<\/h2>\r\n  <p class=\"para au\" style=\"text-align:center;margin:0 auto;max-width:560px;\">These aren't words on a wall \u2014 they're the core beliefs that guide every project, every decision, and every client relationship.<\/p>\r\n  <div class=\"values-grid\">\r\n    <div class=\"val-card as\">\r\n      <div class=\"vc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\r\n      <div class=\"vc-title\">Excellence<\/div>\r\n      <div class=\"vc-text\">We never settle for \"good enough.\" Every project gets our absolute best \u2014 always.<\/div>\r\n    <\/div>\r\n    <div class=\"val-card as\">\r\n      <div class=\"vc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n      <div class=\"vc-title\">Partnership<\/div>\r\n      <div class=\"vc-text\">Your goals are our goals. We invest in your success as if it were our own business.<\/div>\r\n    <\/div>\r\n    <div class=\"val-card as\">\r\n      <div class=\"vc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\r\n      <div class=\"vc-title\">Transparency<\/div>\r\n      <div class=\"vc-text\">No surprises. Clear timelines, honest communication, and real reporting \u2014 always.<\/div>\r\n    <\/div>\r\n    <div class=\"val-card as\">\r\n      <div class=\"vc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n      <div class=\"vc-title\">Speed<\/div>\r\n      <div class=\"vc-text\">Time-to-market matters. We move fast without ever sacrificing quality or precision.<\/div>\r\n    <\/div>\r\n    <div class=\"val-card as\">\r\n      <div class=\"vc-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg><\/div>\r\n      <div class=\"vc-title\">Innovation<\/div>\r\n      <div class=\"vc-text\">We stay ahead of tech trends so our clients always maintain a competitive edge.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     S11 \u2014 CTA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cta-sec\">\r\n  <div class=\"cta-inner au\">\r\n    <h2>Ready to Build Something Great Together?<\/h2>\r\n    <p>Whether you have a product idea, a team to scale, or a brand to grow \u2014 SmartBox Media is the global technology partner you've been looking for.<\/p>\r\n    <div class=\"cta-btns\">\r\n      <a href=\"\/contact\" class=\"btn-cw\">Start a Conversation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <a href=\"\/our-services\" class=\"btn-co\">View Our Services<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>About SmartBox Media American INC. One of the World&#8217;s Fastest-Growing IT Companies A professionally managed web design and custom software development company with registered offices in TX, USA and global presence across India, UK and UAE \u2014 delivering digital excellence worldwide. 15+Years in Business 200+Expert Team Members 1000+Projects Delivered 5Global Offices Who We Are Building [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":16,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}