{"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-18T18:19:11","modified_gmt":"2026-04-18T18:19:11","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     PAGE: About Us - UPDATED VERSION\r\n     SmartBox Media | Blue & White Theme\r\n     CSS-Only Animations | Real Images | No JavaScript\r\n     PASTE THIS ENTIRE CODE INTO WORDPRESS HTML WIDGET\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n  \/* =============================================\r\n     SCROLL ANIMATION \u2014 CSS ONLY (No JS)\r\n     Uses animation-timeline: view() \u2014 modern browsers\r\n     Fallback: elements visible by default\r\n  ============================================= *\/\r\n  @supports (animation-timeline: view()) {\r\n    .smb-a .fade-up {\r\n      animation: smb-fadeup linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 0% entry 30%;\r\n    }\r\n    .smb-a .fade-left {\r\n      animation: smb-fadeleft linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 0% entry 35%;\r\n    }\r\n    .smb-a .fade-right {\r\n      animation: smb-faderight linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 0% entry 35%;\r\n    }\r\n    .smb-a .fade-scale {\r\n      animation: smb-fadescale linear both;\r\n      animation-timeline: view();\r\n      animation-range: entry 0% entry 30%;\r\n    }\r\n    @keyframes smb-fadeup {\r\n      from { opacity: 0; transform: translateY(50px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes smb-fadeleft {\r\n      from { opacity: 0; transform: translateX(-50px); }\r\n      to   { opacity: 1; transform: translateX(0); }\r\n    }\r\n    @keyframes smb-faderight {\r\n      from { opacity: 0; transform: translateX(50px); }\r\n      to   { opacity: 1; transform: translateX(0); }\r\n    }\r\n    @keyframes smb-fadescale {\r\n      from { opacity: 0; transform: scale(0.88); }\r\n      to   { opacity: 1; transform: scale(1); }\r\n    }\r\n  }\r\n\r\n  \/* =============================================\r\n     BASE\r\n  ============================================= *\/\r\n  .smb-a * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .smb-a {\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: #0d1b2a;\r\n    background: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* =============================================\r\n     SECTION 1: HERO with BG IMAGE\r\n  ============================================= *\/\r\n  .smb-a .hero {\r\n    position: relative;\r\n    padding: 110px 40px 100px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    min-height: 92vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .smb-a .hero-bg {\r\n    position: absolute;\r\n    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;\r\n    background-position: center top;\r\n    z-index: 0;\r\n  }\r\n  .smb-a .hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg,\r\n      rgba(6,21,64,0.88) 0%,\r\n      rgba(14,61,138,0.80) 55%,\r\n      rgba(30,104,196,0.72) 100%\r\n    );\r\n    z-index: 1;\r\n  }\r\n  .smb-a .hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n  }\r\n  .smb-a .hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(126,200,247,0.18);\r\n    color: #a5d8ff;\r\n    font-size: 12px; font-weight: 700;\r\n    letter-spacing: 2.5px; text-transform: uppercase;\r\n    padding: 8px 22px; border-radius: 30px; margin-bottom: 30px;\r\n    border: 1px solid rgba(126,200,247,0.35);\r\n  }\r\n  .smb-a .hero h1 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(40px, 6.5vw, 72px);\r\n    font-weight: 800; color: #fff; line-height: 1.07; margin-bottom: 26px;\r\n  }\r\n  .smb-a .hero h1 span { color: #7ec8f7; }\r\n  .smb-a .hero p {\r\n    max-width: 640px; margin: 0 auto 50px;\r\n    font-size: 18px; color: rgba(255,255,255,0.84); line-height: 1.78;\r\n  }\r\n  .smb-a .hero-stats {\r\n    display: flex; justify-content: center; gap: 0; flex-wrap: wrap;\r\n    border-top: 1px solid rgba(255,255,255,0.18);\r\n    padding-top: 44px;\r\n  }\r\n  .smb-a .hs-item {\r\n    text-align: center;\r\n    padding: 0 36px;\r\n    border-right: 1px solid rgba(255,255,255,0.18);\r\n  }\r\n  .smb-a .hs-item:last-child { border-right: none; }\r\n  .smb-a .hs-num {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 42px; font-weight: 800; color: #7ec8f7; line-height: 1;\r\n  }\r\n  .smb-a .hs-label { font-size: 13px; color: rgba(255,255,255,0.68); margin-top: 7px; font-weight: 500; }\r\n\r\n  \/* =============================================\r\n     SECTION 2: OUR STORY \u2014 Left Image \/ Right Text\r\n  ============================================= *\/\r\n  .smb-a .story { padding: 100px 40px; background: #fff; }\r\n  .smb-a .split-row {\r\n    max-width: 1140px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n    gap: 70px; align-items: center;\r\n  }\r\n  .smb-a .split-row.reverse { direction: rtl; }\r\n  .smb-a .split-row.reverse > * { direction: ltr; }\r\n\r\n  \/* Image side *\/\r\n  .smb-a .img-side { position: relative; }\r\n  .smb-a .img-main {\r\n    width: 100%;\r\n    border-radius: 22px;\r\n    aspect-ratio: 4\/3;\r\n    object-fit: cover;\r\n    display: block;\r\n    box-shadow: 0 28px 64px rgba(6,21,64,0.22);\r\n  }\r\n  .smb-a .img-badge {\r\n    position: absolute;\r\n    bottom: -20px; right: -20px;\r\n    background: #0e3d8a;\r\n    border-radius: 16px;\r\n    padding: 20px 24px;\r\n    box-shadow: 0 12px 34px rgba(6,21,64,0.3);\r\n    text-align: center;\r\n    min-width: 120px;\r\n    border: 3px solid #fff;\r\n  }\r\n  .smb-a .img-badge-num {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 30px; font-weight: 800; color: #7ec8f7; line-height: 1;\r\n  }\r\n  .smb-a .img-badge-txt { font-size: 11px; color: rgba(255,255,255,0.78); font-weight: 600; margin-top: 5px; line-height: 1.4; }\r\n\r\n  .smb-a .img-badge-alt {\r\n    position: absolute;\r\n    top: -18px; left: -18px;\r\n    background: #fff;\r\n    border-radius: 14px;\r\n    padding: 16px 18px;\r\n    box-shadow: 0 8px 28px rgba(6,21,64,0.14);\r\n    text-align: center;\r\n    border: 2px solid #ddeaf9;\r\n  }\r\n  .smb-a .img-badge-alt-num {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 24px; font-weight: 800; color: #0e3d8a; line-height: 1;\r\n  }\r\n  .smb-a .img-badge-alt-txt { font-size: 10px; color: #5a6a80; font-weight: 600; margin-top: 4px; }\r\n\r\n  \/* Text side *\/\r\n  .smb-a .text-side .section-label {\r\n    font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;\r\n    color: #0e3d8a; margin-bottom: 14px; display: flex; align-items: center; gap: 10px;\r\n  }\r\n  .smb-a .text-side .section-label::before {\r\n    content: '';\r\n    width: 32px; height: 2px;\r\n    background: #0e3d8a;\r\n    display: inline-block;\r\n  }\r\n  .smb-a .text-side h2 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(28px, 3.5vw, 42px); font-weight: 800;\r\n    color: #061540; margin-bottom: 22px; line-height: 1.18;\r\n  }\r\n  .smb-a .text-side p {\r\n    font-size: 15.5px; color: #4a5f78; line-height: 1.82;\r\n    margin-bottom: 18px;\r\n  }\r\n  .smb-a .check-list { list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }\r\n  .smb-a .check-list li {\r\n    display: flex; align-items: flex-start; gap: 14px;\r\n    font-size: 14.5px; color: #2a3f5f; font-weight: 500;\r\n  }\r\n  .smb-a .check-icon {\r\n    width: 24px; height: 24px; border-radius: 6px;\r\n    background: linear-gradient(135deg, #0e3d8a, #1e68c4);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0; margin-top: 1px;\r\n  }\r\n  .smb-a .check-icon svg { width: 13px; height: 13px; }\r\n\r\n  \/* =============================================\r\n     SECTION 3: MISSION VISION VALUES\r\n  ============================================= *\/\r\n  .smb-a .mvv { padding: 90px 40px; background: #f0f6ff; text-align: center; }\r\n  .smb-a .sec-label {\r\n    font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;\r\n    color: #0e3d8a; margin-bottom: 12px;\r\n  }\r\n  .smb-a .sec-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(26px, 4vw, 42px); font-weight: 800;\r\n    color: #061540; margin-bottom: 14px; line-height: 1.18;\r\n  }\r\n  .smb-a .sec-sub {\r\n    max-width: 580px; margin: 0 auto 56px;\r\n    font-size: 16px; color: #5a6a80; line-height: 1.75;\r\n  }\r\n  .smb-a .mvv-grid {\r\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\r\n    gap: 26px; max-width: 1050px; margin: 0 auto;\r\n  }\r\n  .smb-a .mvv-card {\r\n    background: #fff; border-radius: 18px; padding: 44px 32px;\r\n    border: 1px solid #ddeaf9; text-align: left;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .smb-a .mvv-card::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #061540, #1e68c4, #7ec8f7);\r\n  }\r\n  .smb-a .mvv-card:hover { transform: translateY(-8px); box-shadow: 0 22px 50px rgba(6,21,64,0.12); }\r\n  .smb-a .mvv-icon-box {\r\n    width: 60px; height: 60px;\r\n    border-radius: 16px;\r\n    background: linear-gradient(135deg, #061540, #1e68c4);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 24px;\r\n  }\r\n  .smb-a .mvv-icon-box svg { width: 28px; height: 28px; }\r\n  .smb-a .mvv-card h3 { font-family: 'Syne', sans-serif; font-size: 22px; font-weight: 800; color: #061540; margin-bottom: 14px; }\r\n  .smb-a .mvv-card p { font-size: 15px; color: #4a5f78; line-height: 1.78; }\r\n\r\n  \/* =============================================\r\n     SECTION 4: WHY CHOOSE US \u2014 Image Right\r\n  ============================================= *\/\r\n  .smb-a .why-section { padding: 100px 40px; background: #fff; }\r\n  .smb-a .why-list { list-style: none; margin-top: 32px; display: flex; flex-direction: column; gap: 0; }\r\n  .smb-a .why-item {\r\n    display: flex; align-items: flex-start; gap: 18px;\r\n    padding: 22px 0; border-bottom: 1px solid #edf3fb;\r\n  }\r\n  .smb-a .why-item:first-child { padding-top: 0; }\r\n  .smb-a .why-item-icon {\r\n    width: 50px; height: 50px; border-radius: 14px; flex-shrink: 0;\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n  .smb-a .wi-1 { background: linear-gradient(135deg, #e8f2fe, #c5ddfb); }\r\n  .smb-a .wi-2 { background: linear-gradient(135deg, #e0f0ff, #b8daf7); }\r\n  .smb-a .wi-3 { background: linear-gradient(135deg, #daeeff, #a5d8ff); }\r\n  .smb-a .wi-4 { background: linear-gradient(135deg, #d0e8ff, #90c8f0); }\r\n  .smb-a .why-item-icon svg { width: 24px; height: 24px; }\r\n  .smb-a .why-item-text h4 { font-family: 'Syne', sans-serif; font-size: 16px; font-weight: 700; color: #061540; margin-bottom: 5px; }\r\n  .smb-a .why-item-text p { font-size: 14px; color: #5a6a80; line-height: 1.68; }\r\n\r\n  \/* =============================================\r\n     SECTION 5: TEAM\r\n  ============================================= *\/\r\n  .smb-a .team { padding: 100px 40px; background: #f8fbff; text-align: center; }\r\n  .smb-a .team-grid {\r\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n    gap: 28px; max-width: 1140px; margin: 0 auto;\r\n  }\r\n  .smb-a .team-card {\r\n    border-radius: 20px; overflow: hidden;\r\n    border: 1px solid #e0eaf7;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    background: #fff;\r\n  }\r\n  .smb-a .team-card:hover { transform: translateY(-8px); box-shadow: 0 24px 56px rgba(6,21,64,0.12); }\r\n  .smb-a .team-photo {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .smb-a .team-info { padding: 24px 22px; text-align: center; }\r\n  .smb-a .team-name { font-family: 'Syne', sans-serif; font-size: 18px; font-weight: 800; color: #061540; margin-bottom: 5px; }\r\n  .smb-a .team-role {\r\n    font-size: 12px; font-weight: 700; color: #1e68c4;\r\n    text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px;\r\n  }\r\n  .smb-a .team-bio { font-size: 13px; color: #5a6a80; line-height: 1.65; margin-bottom: 18px; }\r\n  .smb-a .team-socials { display: flex; justify-content: center; gap: 10px; }\r\n  .smb-a .soc-btn {\r\n    width: 36px; height: 36px; border-radius: 9px;\r\n    background: #eef5ff;\r\n    display: flex; align-items: center; justify-content: center;\r\n    text-decoration: none;\r\n    transition: background 0.22s, transform 0.22s;\r\n  }\r\n  .smb-a .soc-btn:hover { background: #0e3d8a; transform: translateY(-2px); }\r\n  .smb-a .soc-btn svg { width: 16px; height: 16px; }\r\n\r\n  \/* =============================================\r\n     SECTION 6: TIMELINE\r\n  ============================================= *\/\r\n  .smb-a .timeline-sec { padding: 100px 40px; background: #061540; }\r\n  .smb-a .timeline-inner { max-width: 820px; margin: 0 auto; }\r\n  .smb-a .timeline-sec .sec-title { color: #fff; text-align: center; }\r\n  .smb-a .timeline-sec .sec-label { color: #7ec8f7; text-align: center; }\r\n  .smb-a .timeline-sub { color: rgba(255,255,255,0.65); font-size: 16px; margin-bottom: 64px; text-align: center; max-width: 480px; margin-left: auto; margin-right: auto; }\r\n  .smb-a .tl-wrap { position: relative; padding-left: 36px; }\r\n  .smb-a .tl-wrap::before {\r\n    content: '';\r\n    position: absolute; left: 10px; top: 12px; bottom: 12px;\r\n    width: 2px;\r\n    background: linear-gradient(180deg, #1e68c4 0%, #7ec8f7 100%);\r\n  }\r\n  .smb-a .tl-item { position: relative; padding: 0 0 48px 36px; }\r\n  .smb-a .tl-item:last-child { padding-bottom: 0; }\r\n  .smb-a .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, #1e68c4, #7ec8f7);\r\n    border: 3px solid #061540;\r\n    box-shadow: 0 0 0 4px rgba(30,104,196,0.4);\r\n  }\r\n  .smb-a .tl-year {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 12px; font-weight: 800;\r\n    color: #7ec8f7; letter-spacing: 2px; text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n  }\r\n  .smb-a .tl-item h4 { font-family: 'Syne', sans-serif; font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 10px; }\r\n  .smb-a .tl-item p { font-size: 14.5px; color: rgba(255,255,255,0.65); line-height: 1.75; }\r\n\r\n  \/* =============================================\r\n     SECTION 7: CORE VALUES\r\n  ============================================= *\/\r\n  .smb-a .values-sec { padding: 90px 40px; background: #fff; text-align: center; }\r\n  .smb-a .values-grid {\r\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\r\n    gap: 22px; max-width: 1140px; margin: 0 auto;\r\n  }\r\n  .smb-a .val-card {\r\n    background: #f8fbff; border-radius: 16px; padding: 34px 22px;\r\n    border: 1.5px solid #ddeaf9;\r\n    transition: transform 0.28s, box-shadow 0.28s, background 0.28s, border-color 0.28s;\r\n    text-align: center;\r\n  }\r\n  .smb-a .val-card:hover { transform: translateY(-6px); background: #0e3d8a; border-color: #0e3d8a; box-shadow: 0 18px 44px rgba(6,21,64,0.18); }\r\n  .smb-a .val-card:hover .val-title { color: #7ec8f7; }\r\n  .smb-a .val-card:hover .val-text { color: rgba(255,255,255,0.75); }\r\n  .smb-a .val-icon-box {\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;\r\n    transition: background 0.28s;\r\n  }\r\n  .smb-a .val-card:hover .val-icon-box { background: rgba(255,255,255,0.15); }\r\n  .smb-a .val-icon-box svg { width: 26px; height: 26px; }\r\n  .smb-a .val-title { font-family: 'Syne', sans-serif; font-size: 16px; font-weight: 800; color: #061540; margin-bottom: 10px; transition: color 0.28s; }\r\n  .smb-a .val-text { font-size: 13.5px; color: #5a6a80; line-height: 1.68; transition: color 0.28s; }\r\n\r\n  \/* =============================================\r\n     SECTION 8: CTA\r\n  ============================================= *\/\r\n  .smb-a .cta-sec {\r\n    background: linear-gradient(135deg, #061540 0%, #0e3d8a 50%, #1e68c4 100%);\r\n    padding: 100px 40px; text-align: center; position: relative; overflow: hidden;\r\n  }\r\n  .smb-a .cta-sec::before {\r\n    content: '';\r\n    position: absolute; width: 600px; height: 600px; border-radius: 50%;\r\n    background: rgba(255,255,255,0.04);\r\n    top: -250px; right: -120px; pointer-events: none;\r\n  }\r\n  .smb-a .cta-sec::after {\r\n    content: '';\r\n    position: absolute; width: 400px; height: 400px; border-radius: 50%;\r\n    background: rgba(255,255,255,0.03);\r\n    bottom: -180px; left: -80px; pointer-events: none;\r\n  }\r\n  .smb-a .cta-content { position: relative; z-index: 1; }\r\n  .smb-a .cta-sec h2 { font-family: 'Syne', sans-serif; font-size: clamp(30px, 4.5vw, 52px); font-weight: 800; color: #fff; margin-bottom: 18px; line-height: 1.13; }\r\n  .smb-a .cta-sec p { color: rgba(255,255,255,0.8); font-size: 18px; margin-bottom: 44px; max-width: 520px; margin-left: auto; margin-right: auto; line-height: 1.75; }\r\n  .smb-a .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n  .smb-a .btn-w { background: #fff; color: #061540; padding: 16px 38px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-block; transition: transform 0.22s, box-shadow 0.22s; }\r\n  .smb-a .btn-w:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,0.24); }\r\n  .smb-a .btn-ow { background: transparent; color: #fff; padding: 16px 38px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none; display: inline-block; border: 2px solid rgba(255,255,255,0.5); transition: border-color 0.22s, background 0.22s; }\r\n  .smb-a .btn-ow:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\r\n\r\n  \/* =============================================\r\n     RESPONSIVE\r\n  ============================================= *\/\r\n  @media (max-width: 860px) {\r\n    .smb-a .split-row { grid-template-columns: 1fr; gap: 50px; }\r\n    .smb-a .split-row.reverse { direction: ltr; }\r\n    .smb-a .img-badge { right: 10px; bottom: -14px; }\r\n    .smb-a .img-badge-alt { left: 10px; top: -14px; }\r\n    .smb-a .hero-stats { gap: 0; }\r\n    .smb-a .hs-item { padding: 10px 20px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); width: 50%; }\r\n    .smb-a .hs-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.15); }\r\n    .smb-a .hs-item:nth-last-child(-n+2) { border-bottom: none; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .smb-a .hero, .smb-a .story, .smb-a .mvv, .smb-a .why-section,\r\n    .smb-a .team, .smb-a .timeline-sec, .smb-a .values-sec, .smb-a .cta-sec { padding: 70px 20px; }\r\n    .smb-a .hero { min-height: auto; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smb-a\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 1: HERO \u2014 Background Image\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-bg\"><\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content fade-up\">\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\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>\r\n        About SmartBox Media\r\n      <\/div>\r\n      <h1>We Are the Team <span>Behind Your Success<\/span><\/h1>\r\n      <p>SmartBox Media is a full-service digital agency combining world-class technology, creative excellence, and strategic thinking to help businesses grow in the digital age.<\/p>\r\n      <div class=\"hero-stats\">\r\n        <div class=\"hs-item\">\r\n          <div class=\"hs-num\">12+<\/div>\r\n          <div class=\"hs-label\">Years in Business<\/div>\r\n        <\/div>\r\n        <div class=\"hs-item\">\r\n          <div class=\"hs-num\">500+<\/div>\r\n          <div class=\"hs-label\">Projects Completed<\/div>\r\n        <\/div>\r\n        <div class=\"hs-item\">\r\n          <div class=\"hs-num\">40+<\/div>\r\n          <div class=\"hs-label\">Team Members<\/div>\r\n        <\/div>\r\n        <div class=\"hs-item\">\r\n          <div class=\"hs-num\">25+<\/div>\r\n          <div class=\"hs-label\">Countries Served<\/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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 2: OUR STORY \u2014 LEFT Image \/ RIGHT Text\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"story\">\r\n    <div class=\"split-row\">\r\n      <!-- LEFT: Image -->\r\n      <div class=\"img-side fade-left\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?w=800&q=80&auto=format&fit=crop\"\r\n          alt=\"SmartBox Media Team at Work\"\r\n          class=\"img-main\"\r\n        >\r\n        <div class=\"img-badge\">\r\n          <div class=\"img-badge-num\">98%<\/div>\r\n          <div class=\"img-badge-txt\">Client<br>Satisfaction<\/div>\r\n        <\/div>\r\n        <div class=\"img-badge-alt\">\r\n          <div class=\"img-badge-alt-num\">2012<\/div>\r\n          <div class=\"img-badge-alt-txt\">Founded<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- RIGHT: Text -->\r\n      <div class=\"text-side fade-right\">\r\n        <div class=\"section-label\">Our Story<\/div>\r\n        <h2>From a Small Studio to a Global Digital Agency<\/h2>\r\n        <p>SmartBox Media was founded in 2012 with a simple but bold vision \u2014 to make world-class digital solutions accessible to businesses of all sizes. What started as a two-person web design studio has grown into a 40+ member agency serving clients across 25+ countries.<\/p>\r\n        <p>Through every project, our commitment has remained the same: deliver exceptional quality, on time, and with full transparency. Today, SmartBox is trusted for web development, mobile apps, remote hiring, and creative media \u2014 all under one roof.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li>\r\n            <div class=\"check-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            Founded in 2012 \u2014 USA Registered Company\r\n          <\/li>\r\n          <li>\r\n            <div class=\"check-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            Serving clients in 25+ countries globally\r\n          <\/li>\r\n          <li>\r\n            <div class=\"check-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            ISO Certified processes &amp; quality standards\r\n          <\/li>\r\n          <li>\r\n            <div class=\"check-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            500+ successful digital projects delivered\r\n          <\/li>\r\n        <\/ul>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 3: MISSION VISION PURPOSE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"mvv\">\r\n    <div class=\"sec-label fade-up\">What Drives Us<\/div>\r\n    <h2 class=\"sec-title fade-up\">Mission, Vision &amp; Purpose<\/h2>\r\n    <p class=\"sec-sub fade-up\">Everything we do is guided by a clear purpose and a relentless commitment to the success of the businesses we serve.<\/p>\r\n    <div class=\"mvv-grid\">\r\n      <div class=\"mvv-card fade-scale\">\r\n        <div class=\"mvv-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7ec8f7\" stroke-width=\"1.8\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n            <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\/>\r\n            <line x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\"\/><line x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Our Mission<\/h3>\r\n        <p>To empower businesses worldwide with innovative digital solutions \u2014 from cutting-edge web and app development to creative media \u2014 that drive measurable growth and lasting competitive advantage.<\/p>\r\n      <\/div>\r\n      <div class=\"mvv-card fade-scale\">\r\n        <div class=\"mvv-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7ec8f7\" stroke-width=\"1.8\">\r\n            <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Our Vision<\/h3>\r\n        <p>To be the most trusted digital partner for businesses globally \u2014 a place where technology, creativity, and strategy meet to build the products and brands of tomorrow.<\/p>\r\n      <\/div>\r\n      <div class=\"mvv-card fade-scale\">\r\n        <div class=\"mvv-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7ec8f7\" stroke-width=\"1.8\">\r\n            <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\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Our Purpose<\/h3>\r\n        <p>We believe great technology should be accessible to every business. We work tirelessly to bridge that gap with solutions that are powerful, affordable, and built to last.<\/p>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 4: WHY CHOOSE US \u2014 RIGHT Image \/ LEFT Text\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"why-section\">\r\n    <div class=\"split-row reverse\">\r\n      <!-- LEFT: Text (rendered right due to reverse) -->\r\n      <div class=\"text-side fade-left\">\r\n        <div class=\"section-label\">Why Choose Us<\/div>\r\n        <h2>The SmartBox Advantage \u2014 Your Success, Our Priority<\/h2>\r\n        <p>We're not just another agency. We are a dedicated technology partner who invests deeply in understanding your business, your goals, and your market \u2014 then builds digital solutions engineered to win.<\/p>\r\n        <ul class=\"why-list\">\r\n          <li class=\"why-item\">\r\n            <div class=\"why-item-icon wi-1\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-item-text\">\r\n              <h4>Pre-Vetted Experts Only<\/h4>\r\n              <p>Every developer, designer, and strategist on our team passes a rigorous multi-stage screening. You get the top 5% of digital talent \u2014 guaranteed.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"why-item\">\r\n            <div class=\"why-item-icon wi-2\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                <polyline points=\"12 6 12 12 16 14\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-item-text\">\r\n              <h4>On-Time Delivery, Every Time<\/h4>\r\n              <p>We maintain a 95% on-time delivery record across 500+ projects. Agile workflows and dedicated project managers keep everything on track.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"why-item\">\r\n            <div class=\"why-item-icon wi-3\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n                <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\r\n                <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\r\n                <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-item-text\">\r\n              <h4>Data-Driven Results<\/h4>\r\n              <p>Every decision we make is backed by data. We track KPIs, report transparently, and continuously optimize to maximise your return on investment.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"why-item\">\r\n            <div class=\"why-item-icon wi-4\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"why-item-text\">\r\n              <h4>Dedicated Account Manager<\/h4>\r\n              <p>One point of contact who knows your brand inside out \u2014 ensuring seamless communication, zero surprises, and a smooth partnership experience.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <!-- RIGHT: Image -->\r\n      <div class=\"img-side fade-right\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=800&q=80&auto=format&fit=crop\"\r\n          alt=\"SmartBox Media Office\"\r\n          class=\"img-main\"\r\n        >\r\n        <div class=\"img-badge\">\r\n          <div class=\"img-badge-num\">500+<\/div>\r\n          <div class=\"img-badge-txt\">Projects<br>Delivered<\/div>\r\n        <\/div>\r\n        <div class=\"img-badge-alt\">\r\n          <div class=\"img-badge-alt-num\">25+<\/div>\r\n          <div class=\"img-badge-alt-txt\">Countries<\/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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 5: TEAM with Real Images\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"team\">\r\n    <div class=\"sec-label fade-up\">The People<\/div>\r\n    <h2 class=\"sec-title fade-up\">Meet Our Leadership Team<\/h2>\r\n    <p class=\"sec-sub fade-up\">Passionate experts who bring decades of experience in technology, design, and business strategy.<\/p>\r\n    <div class=\"team-grid\">\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"David Williams CEO\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">David Williams<\/div>\r\n          <div class=\"team-role\">CEO &amp; Co-Founder<\/div>\r\n          <div class=\"team-bio\">15+ years in tech entrepreneurship. Visionary leader who built SmartBox from the ground up.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Twitter\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"Sarah Mitchell CTO\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">Sarah Mitchell<\/div>\r\n          <div class=\"team-role\">CTO &amp; Co-Founder<\/div>\r\n          <div class=\"team-bio\">Full-stack architect with expertise in cloud systems and scalable web platforms.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Github\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"Arjun Mehta Head of Design\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">Arjun Mehta<\/div>\r\n          <div class=\"team-role\">Head of Design<\/div>\r\n          <div class=\"team-bio\">Award-winning UI\/UX designer who crafts intuitive, beautiful digital experiences.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Dribbble\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"Priya Sharma Mobile Lead\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">Priya Sharma<\/div>\r\n          <div class=\"team-role\">Head of Mobile Dev<\/div>\r\n          <div class=\"team-bio\">iOS &amp; Android expert who has shipped 120+ apps to global app stores.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Github\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"James Carter Marketing Lead\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">James Carter<\/div>\r\n          <div class=\"team-role\">Head of Marketing<\/div>\r\n          <div class=\"team-bio\">Growth strategist who has generated 5M+ leads for clients across industries.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Twitter\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"team-card fade-scale\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1594744803329-e58b31de8bf5?w=400&q=80&auto=format&fit=crop&face\"\r\n          alt=\"Anjali Verma Client Success\"\r\n          class=\"team-photo\"\r\n        >\r\n        <div class=\"team-info\">\r\n          <div class=\"team-name\">Anjali Verma<\/div>\r\n          <div class=\"team-role\">Head of Client Success<\/div>\r\n          <div class=\"team-bio\">Ensures every client gets maximum value and an exceptional partnership experience.<\/div>\r\n          <div class=\"team-socials\">\r\n            <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n            <a href=\"#\" class=\"soc-btn\" title=\"Twitter\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" 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>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 6: TIMELINE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"timeline-sec\">\r\n    <div class=\"timeline-inner\">\r\n      <div class=\"sec-label fade-up\">Our Journey<\/div>\r\n      <h2 class=\"sec-title fade-up\">12 Years of Growth &amp; Innovation<\/h2>\r\n      <p class=\"timeline-sub fade-up\">Key milestones that shaped who we are today.<\/p>\r\n      <div class=\"tl-wrap\">\r\n        <div class=\"tl-item fade-left\">\r\n          <div class=\"tl-dot\"><\/div>\r\n          <div class=\"tl-year\">2012 \u2014 FOUNDED<\/div>\r\n          <h4>SmartBox Media is Born<\/h4>\r\n          <p>David and Sarah launch SmartBox from a small studio in New York, taking on their first 5 web design clients and building a reputation for quality and reliability.<\/p>\r\n        <\/div>\r\n        <div class=\"tl-item fade-left\">\r\n          <div class=\"tl-dot\"><\/div>\r\n          <div class=\"tl-year\">2015 \u2014 EXPANSION<\/div>\r\n          <h4>Mobile &amp; App Development Division Launched<\/h4>\r\n          <p>Growing client demand leads to the launch of our dedicated mobile app development team, quickly delivering 30+ apps in the first year alone.<\/p>\r\n        <\/div>\r\n        <div class=\"tl-item fade-left\">\r\n          <div class=\"tl-dot\"><\/div>\r\n          <div class=\"tl-year\">2018 \u2014 GLOBAL<\/div>\r\n          <h4>International Operations &amp; Remote Hiring<\/h4>\r\n          <p>We expand operations to India and Europe, launching our Remote Developer Hiring service \u2014 giving global businesses access to top-tier tech talent affordably.<\/p>\r\n        <\/div>\r\n        <div class=\"tl-item fade-left\">\r\n          <div class=\"tl-dot\"><\/div>\r\n          <div class=\"tl-year\">2020 \u2014 MEDIA<\/div>\r\n          <h4>SmartBox Media Services Division<\/h4>\r\n          <p>We launch a full creative media division \u2014 video production, social media marketing, branding and digital advertising \u2014 becoming a truly full-service agency.<\/p>\r\n        <\/div>\r\n        <div class=\"tl-item fade-left\">\r\n          <div class=\"tl-dot\"><\/div>\r\n          <div class=\"tl-year\">2024 \u2014 TODAY<\/div>\r\n          <h4>500+ Projects. 25+ Countries. 40+ Team Members.<\/h4>\r\n          <p>SmartBox Media stands as a globally trusted digital partner, recognized for technical excellence, creative innovation, and unwavering client commitment.<\/p>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 7: CORE VALUES\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"values-sec\">\r\n    <div class=\"sec-label fade-up\">Our DNA<\/div>\r\n    <h2 class=\"sec-title fade-up\">The Values We Live By<\/h2>\r\n    <p class=\"sec-sub fade-up\">These aren't words on a wall \u2014 they're the principles that guide every decision, every project, and every client relationship.<\/p>\r\n    <div class=\"values-grid\">\r\n\r\n      <div class=\"val-card fade-scale\">\r\n        <div class=\"val-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n            <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\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"val-title\">Excellence<\/div>\r\n        <div class=\"val-text\">We never settle for \"good enough.\" Every project gets our absolute best \u2014 always.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"val-card fade-scale\">\r\n        <div class=\"val-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"val-title\">Partnership<\/div>\r\n        <div class=\"val-text\">We treat your goals as our own. Your success is our most important metric.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"val-card fade-scale\">\r\n        <div class=\"val-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"val-title\">Transparency<\/div>\r\n        <div class=\"val-text\">No surprises. Clear communication, honest timelines, and real reporting always.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"val-card fade-scale\">\r\n        <div class=\"val-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M12 8v4l3 3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"val-title\">Speed<\/div>\r\n        <div class=\"val-text\">Time-to-market matters. We move fast without sacrificing quality or precision.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"val-card fade-scale\">\r\n        <div class=\"val-icon-box\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e3d8a\" stroke-width=\"2\">\r\n            <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 1 1 7.072 0l-.548.547A3.374 3.374 0 0 0 14 18.469V19a2 2 0 1 1-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"val-title\">Innovation<\/div>\r\n        <div class=\"val-text\">We stay ahead of technology trends so our clients always have a competitive edge.<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 8: CTA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"cta-sec\">\r\n    <div class=\"cta-content fade-up\">\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 build \u2014 we're the digital partner you've been looking for.<\/p>\r\n      <div class=\"cta-btns\">\r\n        <a href=\"\/contact\" class=\"btn-w\">Start a Conversation \u2192<\/a>\r\n        <a href=\"\/services\" class=\"btn-ow\">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 We Are the Team Behind Your Success SmartBox Media is a full-service digital agency combining world-class technology, creative excellence, and strategic thinking to help businesses grow in the digital age. 12+ Years in Business 500+ Projects Completed 40+ Team Members 25+ Countries Served 98% ClientSatisfaction 2012 Founded Our Story From a Small [&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":13,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/141"}],"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}]}}