{"id":256,"date":"2026-05-26T10:48:03","date_gmt":"2026-05-26T10:48:03","guid":{"rendered":"https:\/\/marketplace.dbaasltd.com\/?page_id=256"},"modified":"2026-06-25T08:33:13","modified_gmt":"2026-06-25T08:33:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/brithaventech.co.uk\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"256\" class=\"elementor elementor-256\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1e803f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e1e803f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7069667\" data-id=\"7069667\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d40d1c elementor-widget elementor-widget-shortcode\" data-id=\"3d40d1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact BritHaven Tech \u2014 BritHaven Tech<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\n:root{\n  --ink:#0A0F1E;\n  --navy:#0C1A4B;\n  --navy2:#112266;\n  --blue:#1547E8;\n  --blue2:#0F39C8;\n  --blue-lt:#EBF0FF;\n  --sky:#E8F0FE;\n  --white:#FFFFFF;\n  --g50:#F7F8FC;\n  --g100:#EDEEF4;\n  --g200:#D8DAE8;\n  --g400:#9BA3BF;\n  --g600:#5C6480;\n  --g700:#3A405A;\n  --green:#0B7A45;\n  --green-lt:#E6F5EE;\n  --red:#C0272D;\n  --red-lt:#FEF0F0;\n  --amber:#B45309;\n  --amber-lt:#FFF8ED;\n  --purple:#5B21B6;\n  --purple-lt:#F3F0FF;\n  --teal:#0F766E;\n  --teal-lt:#EDFAF8;\n  --shadow-xs:0 1px 2px rgba(10,15,30,0.06);\n  --shadow-sm:0 2px 8px rgba(10,15,30,0.08);\n  --shadow-md:0 6px 20px rgba(10,15,30,0.1);\n  --shadow-lg:0 16px 48px rgba(10,15,30,0.14);\n  --r4:4px;--r6:6px;--r8:8px;--r10:10px;--r12:12px;--r16:16px;\n}\n\nbody{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--ink);line-height:1.5;font-size:14px;min-height:100vh}\n\n\/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\n.topbar{background:var(--navy);padding:7px 24px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:rgba(255,255,255,0.65)}\n.tb-r{display:flex;gap:18px;align-items:center}\n.tb-r span{cursor:pointer;transition:color 0.15s}\n.tb-r span:hover{color:#fff}\n.tb-badge{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.15);border-radius:20px;padding:2px 10px;font-size:10.5px;font-weight:600;letter-spacing:0.03em;color:rgba(255,255,255,0.9)}\ninput[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {\n    border-color: var(--blue);\n}\ninput[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {\n        border: 1.5px solid var(--g200);\n}\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.header{background:#fff;border-bottom:1px solid var(--g100);position:sticky;top:0;z-index:500;box-shadow:var(--shadow-xs)}\n.header-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:64px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}\n.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}\n.logo-mark{width:36px;height:36px;background:var(--navy);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:12px;color:#fff;letter-spacing:-0.02em}\n.logo-text{font-family:'Syne',sans-serif;font-weight:700;font-size:17px;color:var(--navy);letter-spacing:-0.03em}\n.logo-text em{color:var(--blue);font-style:normal}\n.search-wrap{display:flex;background:var(--g50);border:1.5px solid var(--g200);border-radius:var(--r8);overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s}\n.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,71,232,0.08);background:#fff}\n.search-input{flex:1;padding:10px 16px;border:none;background:transparent;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink);outline:none}\n.search-input::placeholder{color:var(--g400)}\n.search-btn{padding:10px 20px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;border:none;cursor:pointer;transition:background 0.2s;display:flex;align-items:center;gap:6px}\n.search-btn:hover{background:var(--blue2)}\n.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}\n.h-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r8);font-size:12.5px;font-weight:500;color:var(--g700);cursor:pointer;transition:all 0.15s;border:none;background:none;font-family:'DM Sans',sans-serif;white-space:nowrap}\n.h-btn:hover{background:var(--g50);color:var(--ink)}\n.cart-chip{display:flex;align-items:center;gap:7px;padding:8px 14px;background:var(--blue);color:#fff;border-radius:var(--r8);font-size:12.5px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:'DM Sans',sans-serif;position:relative;border:none}\n.cart-chip:hover{background:var(--blue2);transform:translateY(-1px)}\n.cart-count{background:rgba(255,255,255,0.25);border-radius:12px;padding:1px 7px;font-size:10px;font-weight:700}\n.h-contact{padding:8px 16px;background:var(--navy);color:#fff;border-radius:var(--r8);font-size:12.5px;font-weight:600;cursor:pointer;transition:background 0.2s;border:none;font-family:'DM Sans',sans-serif;white-space:nowrap}\n.h-contact:hover{background:var(--navy2)}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\n.nav{background:#fff;border-bottom:2px solid var(--navy);position:sticky;top:64px;z-index:400}\n.nav-inner{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:0}\n.nav-item{position:relative}\n.nav-lnk{padding:14px 16px;font-size:13px;font-weight:500;color:var(--g700);cursor:pointer;display:flex;align-items:center;gap:5px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.15s;white-space:nowrap;font-family:'DM Sans',sans-serif}\n.nav-lnk:hover,.nav-lnk.active{color:var(--blue);border-bottom-color:var(--blue)}\n.nav-lnk .chevron{font-size:9px;transition:transform 0.2s;color:var(--g400)}\n.nav-item:hover .chevron{transform:rotate(180deg)}\n.nav-item:hover .mega{display:flex}\n.mega{display:none;position:absolute;top:100%;left:-24px;width:900px;background:#fff;border:1px solid var(--g100);box-shadow:var(--shadow-lg);border-radius:0 0 var(--r12) var(--r12);padding:28px;gap:28px;z-index:600}\n.m-col{flex:1;min-width:140px}\n.m-col-ttl{font-size:10.5px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--blue)}\n.m-lnk{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:12px;color:var(--g600);cursor:pointer;transition:color 0.15s;line-height:1.4}\n.m-lnk::before{content:'';color:var(--g200);font-size:15px;flex-shrink:0}\n.m-lnk:hover{color:var(--blue)}\n.m-lnk:hover::before{color:var(--blue)}\n.nav-deals{color:#B45309 !important;font-weight:700 !important}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{background:var(--navy);padding:0;overflow:hidden;position:relative}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(21,71,232,0.35) 0%,transparent 70%),radial-gradient(ellipse 50% 80% at 20% 80%,rgba(11,7,46,0.8) 0%,transparent 60%);pointer-events:none}\n.hero-grid{max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 480px;gap:40px;align-items:stretch;min-height:460px}\n.hero-left{padding:52px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}\n.hero-flag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:20px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.8);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:20px;width:fit-content}\n.hero-h1{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-0.03em;margin-bottom:16px}\n.hero-h1 em{color:#7CB9FF;font-style:normal}\n.hero-sub{font-size:14.5px;color:rgba(255,255,255,0.68);line-height:1.75;margin-bottom:24px;max-width:460px}\n.hero-checks{margin-bottom:30px;display:flex;flex-direction:column;gap:10px}\n.hero-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,0.78)}\n.hc-dot{width:18px;height:18px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;margin-top:2px}\n.hero-btns{display:flex;gap:10px;flex-wrap:wrap}\n.hb-primary{padding:13px 24px;background:var(--blue);color:#fff;border-radius:var(--r8);font-size:13.5px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:all 0.2s;letter-spacing:-0.01em}\n.hb-primary:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(21,71,232,0.35)}\n.hb-ghost{padding:13px 24px;background:rgba(255,255,255,0.08);color:#fff;border:1.5px solid rgba(255,255,255,0.2);border-radius:var(--r8);font-size:13.5px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;letter-spacing:-0.01em}\n.hb-ghost:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px)}\n.hero-right{background:rgba(255,255,255,0.04);border-left:1px solid rgba(255,255,255,0.08);padding:28px 28px;display:flex;flex-direction:column;position:relative;z-index:1}\n.hr-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px}\n.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;flex:1}\n.pp-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r10);padding:14px;cursor:pointer;transition:all 0.2s}\n.pp-card:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.22);transform:translateY(-2px)}\n.pp-icon{font-size:22px;margin-bottom:8px}\n.pp-vendor{font-size:9px;font-weight:700;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:3px}\n.pp-name{font-size:11.5px;font-weight:600;color:#fff;line-height:1.3}\n.pp-type{font-size:10px;color:rgba(255,255,255,0.4);margin-top:4px}\n.pp-more{text-align:center;font-size:12px;color:rgba(255,255,255,0.5);cursor:pointer;transition:color 0.2s;padding-top:8px;border-top:1px solid rgba(255,255,255,0.07)}\n.pp-more:hover{color:#fff}\n\n\/* Quick cats *\/\n.qcats{background:rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.07)}\n.qcats-inner{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:14px;padding-bottom:14px}\n.qcats-inner::-webkit-scrollbar{display:none}\n.qcat{display:flex;align-items:center;gap:7px;padding:9px 16px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:var(--r8);font-size:12px;font-weight:500;color:rgba(255,255,255,0.8);white-space:nowrap;cursor:pointer;transition:all 0.2s;flex-shrink:0}\n.qcat:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}\n.qcat.active{background:var(--blue);border-color:var(--blue);color:#fff}\n\n\/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\n.section{padding:56px 24px}\n.section-inner{max-width:1440px;margin:0 auto}\n.bg-alt{background:var(--g50)}\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:12px}\n.sec-tag{font-size:10.5px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:5px}\n.sec-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-0.02em}\n.sec-sub{font-size:13px;color:var(--g600);margin-top:4px;line-height:1.5}\n.sec-link{font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;white-space:nowrap;transition:color 0.15s}\n.sec-link:hover{color:var(--blue2)}\nhr.div{border:none;border-top:1px solid var(--g100)}\n\n\/* \u2500\u2500 CATEGORY TILES \u2500\u2500 *\/\n.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}\n.cat-tile{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r10);padding:20px 14px;text-align:center;cursor:pointer;transition:all 0.2s}\n.cat-tile:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}\n.ct-icon{font-size:26px;margin-bottom:10px;line-height:1}\n.ct-name{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:3px;line-height:1.3}\n.ct-count{font-size:10px;color:var(--g400)}\n\n\/* \u2500\u2500 FEATURED PRODUCTS \u2500\u2500 *\/\n.filter-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}\n.ftab{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:500;color:var(--g600);background:var(--g100);border:none;cursor:pointer;transition:all 0.2s;font-family:'DM Sans',sans-serif}\n.ftab:hover{background:var(--g200);color:var(--ink)}\n.ftab.active{background:var(--navy);color:#fff}\n\n.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}\n\n\/* Product card *\/\n.pcard{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r12);overflow:hidden;transition:all 0.22s;display:flex;flex-direction:column}\n.pcard:hover{box-shadow:var(--shadow-md);border-color:var(--g200);transform:translateY(-2px)}\n.pc-img{height:110px;background:var(--g50);display:flex;align-items:center;justify-content:center;font-size:38px;border-bottom:1px solid var(--g100);position:relative;overflow:hidden}\n.pc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(21,71,232,0.04))}\n.pc-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}\n.badge-sw{background:var(--blue-lt);color:var(--blue)}\n.badge-sec{background:var(--red-lt);color:var(--red)}\n.badge-cloud{background:var(--teal-lt);color:var(--teal)}\n.badge-backup{background:var(--purple-lt);color:var(--purple)}\n.badge-hw{background:var(--amber-lt);color:var(--amber)}\n.badge-email{background:var(--green-lt);color:var(--green)}\n.badge-mfa{background:#FFF8E1;color:#92400E}\n.badge-iam{background:#F0FDF4;color:#166534}\n.pc-body{padding:14px;flex:1;display:flex;flex-direction:column}\n.pc-vendor{font-size:10px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}\n.pc-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:6px}\n.pc-desc{font-size:11.5px;color:var(--g600);line-height:1.55;margin-bottom:12px;flex:1}\n.pc-price{font-size:11px;color:var(--g600);margin-bottom:10px}\n.pc-price strong{font-size:13px;color:var(--ink);font-weight:700}\n.pc-btns{display:flex;gap:6px}\n.pc-add{flex:1;padding:9px;background:var(--blue);color:#fff;border:none;border-radius:var(--r6);font-size:11.5px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:'DM Sans',sans-serif}\n.pc-add:hover{background:var(--blue2)}\n.pc-add.added{background:var(--green)}\n.pc-quote{padding:9px 11px;background:#fff;color:var(--ink);border:1.5px solid var(--g200);border-radius:var(--r6);font-size:11.5px;font-weight:600;cursor:pointer;transition:all 0.2s;white-space:nowrap;font-family:'DM Sans',sans-serif}\n.pc-quote:hover{border-color:var(--blue);color:var(--blue)}\n\n\/* \u2500\u2500 BEST SELLERS \u2500\u2500 *\/\n.bs-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}\n.bs-scroll::-webkit-scrollbar{display:none}\n.bs-card{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r10);padding:14px 16px;display:flex;align-items:center;gap:12px;min-width:240px;flex-shrink:0;cursor:pointer;transition:all 0.2s}\n.bs-card:hover{box-shadow:var(--shadow-sm);border-color:var(--g200);transform:translateY(-1px)}\n.bs-rank{width:24px;height:24px;border-radius:var(--r6);background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.bs-rank.g{background:#B8860B}\n.bs-rank.s{background:#6B7280}\n.bs-rank.b{background:#8B4513}\n.bs-icon{font-size:22px;flex-shrink:0}\n.bs-info{flex:1;min-width:0}\n.bs-name{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.bs-meta{font-size:10px;color:var(--g400)}\n.bs-cta{font-size:11.5px;font-weight:600;color:var(--blue);cursor:pointer;white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 SECURITY SPOTLIGHT \u2500\u2500 *\/\n.spotlight{background:linear-gradient(135deg,var(--navy) 0%,#1A2C6B 100%);border-radius:var(--r16);padding:36px;overflow:hidden;position:relative}\n.spotlight::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(21,71,232,0.3) 0%,transparent 70%);pointer-events:none}\n.sl-inner{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;position:relative;z-index:1}\n.sl-tag{font-size:10px;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px}\n.sl-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-0.02em;margin-bottom:10px}\n.sl-sub{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.65;margin-bottom:22px}\n.sl-stats{display:flex;gap:24px;margin-bottom:24px}\n.sl-stat{text-align:left}\n.sl-stat-num{font-family:'Syne',sans-serif;font-size:24px;font-weight:800;color:#7CB9FF;letter-spacing:-0.04em}\n.sl-stat-lbl{font-size:10px;color:rgba(255,255,255,0.5);margin-top:2px}\n.sl-btn{padding:12px 22px;background:var(--blue);color:#fff;border-radius:var(--r8);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:all 0.2s;letter-spacing:-0.01em}\n.sl-btn:hover{background:var(--blue2);transform:translateY(-1px)}\n.sl-products{display:flex;flex-direction:column;gap:8px}\n.sl-prod{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r10);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.2s}\n.sl-prod:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2)}\n.sl-p-icon{font-size:20px;flex-shrink:0}\n.sl-p-info{flex:1;min-width:0}\n.sl-p-name{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.sl-p-vendor{font-size:10px;color:rgba(255,255,255,0.45)}\n.sl-p-add{font-size:11px;font-weight:600;color:rgba(255,255,255,0.6);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color 0.15s}\n.sl-prod:hover .sl-p-add{color:#7CB9FF}\n\n\/* \u2500\u2500 VENDOR GRID \u2500\u2500 *\/\n.vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}\n.vend-card{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r10);padding:18px 12px;text-align:center;cursor:pointer;transition:all 0.2s}\n.vend-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}\n.vc-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 10px}\n.vc-name{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:3px}\n.vc-type{font-size:10px;color:var(--g400)}\n\n\/* \u2500\u2500 SERVICES BANNER \u2500\u2500 *\/\n.srv-banner{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r16);padding:40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}\n.sb-title{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:8px}\n.sb-sub{font-size:13px;color:var(--g600);margin-bottom:20px;max-width:520px;line-height:1.65}\n.sb-chips{display:flex;flex-wrap:wrap;gap:8px}\n.sb-chip{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--g50);border:1.5px solid var(--g100);border-radius:var(--r8);font-size:12px;font-weight:500;color:var(--ink)}\n.sb-chip::before{content:'';width:7px;height:7px;background:var(--blue);border-radius:50%;flex-shrink:0}\n.sb-actions{display:flex;flex-direction:column;gap:10px;min-width:180px}\n.sb-cta1{padding:13px 20px;background:var(--navy);color:#fff;border-radius:var(--r8);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:background 0.2s;text-align:center}\n.sb-cta1:hover{background:var(--navy2)}\n.sb-cta2{padding:13px 20px;background:#fff;color:var(--ink);border:1.5px solid var(--g200);border-radius:var(--r8);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-align:center}\n.sb-cta2:hover{border-color:var(--blue);color:var(--blue)}\n\n\/* \u2500\u2500 WHY GRID \u2500\u2500 *\/\n.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}\n.why-card{padding:22px;border-radius:var(--r10);border:1.5px solid var(--g100);background:#fff;transition:all 0.2s}\n.why-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}\n.wc-icon{font-size:22px;margin-bottom:12px}\n.wc-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:7px;font-family:'Syne',sans-serif;letter-spacing:-0.02em}\n.wc-desc{font-size:12px;color:var(--g600);line-height:1.65}\n\n\/* \u2500\u2500 FINAL CTA \u2500\u2500 *\/\n.fcta{background:var(--navy);padding:64px 24px;position:relative;overflow:hidden}\n.fcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 80% 50%,rgba(21,71,232,0.25) 0%,transparent 60%)}\n.fcta-inner{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:1}\n.fcta-title{font-family:'Syne',sans-serif;font-size:30px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px;letter-spacing:-0.03em}\n.fcta-sub{font-size:14.5px;color:rgba(255,255,255,0.65);margin-bottom:32px;line-height:1.7}\n.fcta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\n.fb1{padding:14px 28px;background:var(--blue);color:#fff;border-radius:var(--r8);font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.fb1:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(21,71,232,0.4)}\n.fb2{padding:14px 28px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.25);border-radius:var(--r8);font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.fb2:hover{background:rgba(255,255,255,0.08);transform:translateY(-1px)}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n.footer{background:var(--ink);padding:48px 24px 24px}\n.footer-inner{max-width:1440px;margin:0 auto}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}\n.fg-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}\n.fg-brand{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.75;margin-bottom:14px}\n.fg-contact{font-size:11px;color:rgba(255,255,255,0.35);line-height:1.8}\n.fc-ttl{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;color:#fff;margin-bottom:14px;text-transform:uppercase;letter-spacing:0.07em}\n.fc-lnk{display:block;font-size:11.5px;color:rgba(255,255,255,0.45);margin-bottom:8px;cursor:pointer;transition:color 0.15s;text-decoration:none}\n.fc-lnk:hover{color:rgba(255,255,255,0.85)}\n.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}\n.fb-left{font-size:11px;color:rgba(255,255,255,0.3)}\n.fb-certs{display:flex;gap:6px;flex-wrap:wrap}\n.fb-cert{padding:3px 9px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:4px;font-size:9px;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:0.04em}\n.fb-links{display:flex;gap:14px;font-size:11px;color:rgba(255,255,255,0.3)}\n.fb-links a{cursor:pointer;transition:color 0.15s}\n.fb-links a:hover{color:rgba(255,255,255,0.65)}\n\n\/* \u2500\u2500 BASKET DRAWER \u2500\u2500 *\/\n.overlay{position:fixed;inset:0;background:rgba(10,15,30,0.5);z-index:800;opacity:0;pointer-events:none;transition:opacity 0.25s;backdrop-filter:blur(3px)}\n.overlay.open{opacity:1;pointer-events:all}\n.drawer{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:100vw;background:#fff;z-index:900;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}\n.drawer.open{transform:translateX(0)}\n.dr-head{padding:20px 24px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}\n.dr-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;color:var(--navy)}\n.dr-close{width:32px;height:32px;background:var(--g50);border-radius:var(--r6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;border:none;color:var(--g600);transition:all 0.15s}\n.dr-close:hover{background:var(--g100);color:var(--ink)}\n.dr-body{flex:1;overflow-y:auto;padding:20px 24px}\n.dr-empty{text-align:center;padding:60px 20px;color:var(--g400)}\n.dr-empty-icon{font-size:40px;margin-bottom:12px}\n.dr-empty-txt{font-size:13px}\n.cart-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--g100)}\n.ci-icon{width:40px;height:40px;background:var(--g50);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}\n.ci-info{flex:1;min-width:0}\n.ci-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:2px}\n.ci-vendor{font-size:10.5px;color:var(--g400);margin-bottom:8px}\n.ci-qty{display:flex;align-items:center;gap:8px}\n.qty-btn{width:24px;height:24px;background:var(--g100);border:none;border-radius:var(--r4);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g600);transition:all 0.15s;font-family:'DM Sans',sans-serif}\n.qty-btn:hover{background:var(--g200);color:var(--ink)}\n.qty-val{font-size:13px;font-weight:600;color:var(--ink);min-width:20px;text-align:center}\n.ci-remove{width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--g400);font-size:14px;flex-shrink:0;transition:color 0.15s;display:flex;align-items:center;justify-content:center;border-radius:var(--r4)}\n.ci-remove:hover{color:var(--red);background:var(--red-lt)}\n.dr-foot{padding:20px 24px;border-top:1px solid var(--g100);flex-shrink:0;background:#fff}\n.dr-summary{margin-bottom:16px}\n.dr-sum-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--g600);margin-bottom:6px}\n.dr-sum-row.total{font-size:14px;font-weight:700;color:var(--ink);border-top:1px solid var(--g100);padding-top:10px;margin-top:10px}\n.dr-checkout{width:100%;padding:14px;background:var(--blue);color:#fff;border:none;border-radius:var(--r8);font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;margin-bottom:8px}\n.dr-checkout:hover{background:var(--blue2)}\n.dr-req-quote{width:100%;padding:12px;background:#fff;color:var(--ink);border:1.5px solid var(--g200);border-radius:var(--r8);font-size:13.5px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.dr-req-quote:hover{border-color:var(--blue);color:var(--blue)}\n\n\/* \u2500\u2500 QUOTE MODAL \u2500\u2500 *\/\n.modal-overlay{position:fixed;inset:0;background:rgba(10,15,30,0.6);z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}\n.modal-overlay.open{display:flex}\n.modal{background:#fff;border-radius:var(--r16);width:100%;max-width:540px;overflow:hidden;box-shadow:var(--shadow-lg)}\n.modal-head{padding:24px 28px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between}\n.modal-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--navy)}\n.modal-close{width:32px;height:32px;background:var(--g50);border-radius:var(--r6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;border:none;color:var(--g600)}\n.modal-body{padding:28px}\n.modal-body p{font-size:13px;color:var(--g600);margin-bottom:20px;line-height:1.6}\n.form-row{margin-bottom:16px}\n.form-label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:6px}\n.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--g200);border-radius:var(--r8);font-size:13px;font-family:'DM Sans',sans-serif;color:var(--ink);outline:none;transition:border-color 0.2s;background:#fff}\n.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,71,232,0.07)}\n.form-textarea{min-height:90px;resize:vertical}\n.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}\n.modal-foot{padding:20px 28px;background:var(--g50);border-top:1px solid var(--g100);display:flex;gap:10px;justify-content:flex-end}\n.modal-cancel{padding:10px 20px;background:#fff;color:var(--ink);border:1.5px solid var(--g200);border-radius:var(--r8);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.modal-cancel:hover{border-color:var(--g400)}\n.modal-submit{padding:10px 24px;background:var(--blue);color:#fff;border-radius:var(--r8);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.modal-submit:hover{background:var(--blue2)}\n\n\/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n.page-hero{background:var(--navy);padding:52px 24px;position:relative;overflow:hidden}\n.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(21,71,232,0.3) 0%,transparent 65%);pointer-events:none}\n.page-hero-inner{max-width:1440px;margin:0 auto;position:relative;z-index:1}\n.ph-breadcrumb{font-size:11.5px;color:rgba(255,255,255,0.4);margin-bottom:14px;display:flex;align-items:center;gap:6px}\n.ph-breadcrumb a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.15s}\n.ph-breadcrumb a:hover{color:rgba(255,255,255,0.8)}\n.ph-flag{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:20px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:16px}\n.ph-title{font-family:'Syne',sans-serif;font-size:34px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-0.03em;margin-bottom:12px}\n.ph-title em{color:#7CB9FF;font-style:normal}\n.ph-sub{font-size:14.5px;color:rgba(255,255,255,0.65);max-width:580px;line-height:1.75;margin-bottom:24px}\n.ph-stats{display:flex;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}\n.ph-stat-num{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:#7CB9FF}\n.ph-stat-lbl{font-size:11px;color:rgba(255,255,255,0.5);margin-top:2px}\n\n\/* \u2500\u2500 CARD GRID \u2500\u2500 *\/\n.card-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}\n.card-grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}\n.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.info-card{background:#fff;border:1.5px solid var(--g100);border-radius:var(--r12);padding:24px;transition:all 0.22s}\n.info-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(21,71,232,0.08);transform:translateY(-2px)}\n.ic-icon{font-size:28px;margin-bottom:14px}\n.ic-tag{font-size:9.5px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:6px}\n.ic-title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;letter-spacing:-0.01em}\n.ic-desc{font-size:12.5px;color:var(--g600);line-height:1.7;margin-bottom:14px}\n.ic-list{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:16px}\n.ic-list li{font-size:12px;color:var(--g600);display:flex;align-items:flex-start;gap:7px;line-height:1.5}\n.ic-list li::before{content:'\u2713';color:var(--green);font-weight:700;font-size:11px;flex-shrink:0;margin-top:2px}\n.ic-btn{padding:9px 16px;background:var(--blue-lt);color:var(--blue);border:none;border-radius:var(--r6);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.ic-btn:hover{background:var(--blue);color:#fff}\n.ic-btn-outline{padding:9px 16px;background:#fff;color:var(--ink);border:1.5px solid var(--g200);border-radius:var(--r6);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}\n.ic-btn-outline:hover{border-color:var(--blue);color:var(--blue)}\n\n\/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:32px}\n.contact-info-card{background:var(--navy);border-radius:var(--r16);padding:32px;color:#fff;position:sticky;top:96px}\n.ci-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.1)}\n.ci-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}\n.ci-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:10px}\n.ci-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;color:rgba(255,255,255,0.75)}\n.ci-item a{color:rgba(255,255,255,0.75);text-decoration:none;transition:color 0.15s}\n.ci-item a:hover{color:#fff}\n.ci-item-icon{font-size:15px;flex-shrink:0;margin-top:1px}\n\n\/* \u2705 Error message - red *\/\n.error-msg {\n  color: #C0272D;\n  font-size: 11px;\n  margin-top: 4px;\n}\n\n\/* \u2705 Input error border *\/\n.input-error {\n  border-color: #C0272D !important;\n}\n\n\/* \u2705 Placeholder light gray *\/\n.form-input::placeholder,\n.form-textarea::placeholder {\n  color: #9BA3BF;\n  opacity: 1;\n}\n\n.form-select {\n  color: #3A405A;\n}\n.form-submit {\n    width: 100%;\n    padding: 13px;\n    background: var(--blue);\n    color: #fff;\n    border: none;\n    border-radius: var(--r8);\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: 'DM Sans', sans-serif;\n    transition: all 0.2s;\n    margin-top: 4px;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page-hero\">\n  <div class=\"page-hero-inner\">\n    <div class=\"ph-breadcrumb\"><a href=\"#\">Home<\/a> \u203a Contact<\/div>\n    <div class=\"ph-flag\">Get in Touch<\/div>\n    <h1 class=\"ph-title\">Contact <em>BritHaven Tech<\/em><\/h1>\n    <p class=\"ph-sub\">Whether you need a product quote, want to discuss a managed services engagement, have a technical question or simply want to understand which solution is right for your organisation \u2014 our team is ready to assist. We commit to responding to every enquiry within four business hours.<\/p>\n    <div class=\"ph-stats\">\n      <div><div class=\"ph-stat-num\">4hr<\/div><div class=\"ph-stat-lbl\">Quote Response<\/div><\/div>\n      <div><div class=\"ph-stat-num\">Mon\u2013Fri<\/div><div class=\"ph-stat-lbl\">8am\u20136pm<\/div><\/div>\n      <div><div class=\"ph-stat-num\">EC2V<\/div><div class=\"ph-stat-lbl\">City of London<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"section\">\n  <div class=\"section-inner\">\n    <div class=\"contact-grid\">\n\n      <div>\n        <div style=\"background:#fff;border:1.5px solid var(--g100);border-radius:var(--r16);padding:32px\">\n          <div style=\"font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px\">Send Us a Message<\/div>\n          <div style=\"font-size:13px;color:var(--g600);margin-bottom:24px\">Complete the form below and a member of our sales or engineering team will respond within four business hours with a clear, personalised reply to your enquiry.<\/div>\n\n          <div class=\"form-row-2\">\n            <div><label class=\"form-label\">First Name *<\/label>\n              <input id=\"firstName\" class=\"form-input\" placeholder=\"Jane\">\n              <small class=\"error-msg\"><\/small>\n            <\/div>\n            <div><label class=\"form-label\">Last Name *<\/label>\n              <input id=\"lastName\" class=\"form-input\" placeholder=\"Smith\">\n              <small class=\"error-msg\"><\/small>\n            <\/div>\n          <\/div>\n          <div class=\"form-row-2\">\n            <div><label class=\"form-label\">Work Email *<\/label>\n              <div style=\"display:flex; gap: 8px;\">\n                <input id=\"email\" class=\"form-input\" type=\"email\" style=\"flex:1;\">\n                <button type=\"button\" id=\"verifyEmailBtn\" class=\"pc-add\" style=\"max-width:90px; padding:0 10px;\" onclick=\"sendEmailOTP()\">Verify<\/button>\n              <\/div>\n              <small class=\"error-msg\"><\/small>\n            <\/div>\n            <div><label class=\"form-label\">Phone<\/label>\n              <input id=\"phone\" class=\"form-input\" placeholder=\"0800 000 0000\" disabled>\n              <small class=\"error-msg\"><\/small>\n            <\/div>\n          <\/div>\n          \n          <!-- Hidden OTP entry field that shows up only when OTP is sent -->\n          <div class=\"form-row\" id=\"otpRow\" style=\"display:none;\"><label class=\"form-label\">Enter OTP Code *<\/label>\n            <div style=\"display:flex; gap: 8px;\">\n              <input id=\"otpCode\" class=\"form-input\" placeholder=\"Enter Code Sent via Email\" style=\"flex:1;\">\n              <button type=\"button\" class=\"pc-addadded pc-add\" style=\"max-width:140px; padding:0 10px; background:var(--green);\" onclick=\"verifyEmailOTP()\">Confirm OTP<\/button>\n            <\/div>\n            <small class=\"error-msg\"><\/small>\n          <\/div>\n\n          <div class=\"form-row\"><label class=\"form-label\">Company Name *<\/label>\n            <input id=\"company\" class=\"form-input\" placeholder=\"Company Ltd\" disabled>\n            <small class=\"error-msg\"><\/small>\n          <\/div>\n          <div class=\"form-row\">\n            <label class=\"form-label\">Enquiry Type<\/label>\n            <select id=\"enquiryType\" class=\"form-select\" disabled>\n              <option>Product \/ Licence Quote<\/option>\n              <option>Managed IT Services<\/option>\n              <option>Cloud Migration Project<\/option>\n              <option>Cybersecurity Assessment<\/option>\n              <option>Technical Support<\/option>\n              <option>Partnership \/ Reseller Enquiry<\/option>\n              <option>General Enquiry<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-row\"><label class=\"form-label\">Products \/ Solutions of Interest<\/label><input id=\"productsOfInterest\" class=\"form-input\" placeholder=\"e.g. Microsoft 365, CrowdStrike, Managed IT Support\u2026\" disabled><\/div>\n          <div class=\"form-row\"><label class=\"form-label\">Number of Users \/ Company Size<\/label>\n            <select id=\"companySize\" class=\"form-select\" disabled>\n              <option>1\u201310 users<\/option>\n              <option>11\u201350 users<\/option>\n              <option>51\u2013200 users<\/option>\n              <option>201\u2013500 users<\/option>\n              <option>500+ users<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-row\"><label class=\"form-label\">Message *<\/label>\n            <textarea id=\"message\" class=\"form-textarea\" placeholder=\"Tell us about your requirements, timeline, or any specific questions\u2026\" disabled><\/textarea>\n            <small class=\"error-msg\"><\/small>\n          <\/div>\n          <button id=\"submitBtn\" class=\"form-submit\" onclick=\"submitContact()\" disabled>Send Message \u2192 Within 4 Hours<\/button>\n        <\/div>\n      <\/div>\n\n      <div>\n        <div class=\"contact-info-card\">\n          <div class=\"ci-section\">\n            <div class=\"ci-label\">Email Us<\/div>\n            <div class=\"ci-item\"><span class=\"ci-item-icon\">\ud83d\udccb<\/span><div><div style=\"font-size:11px;color:rgba(255,255,255,0.45);margin-bottom:3px\">Sales & Quotes<\/div><a href=\"mailto:sales@brithaventech.co.uk\">sales@brithaventech.co.uk<\/a><\/div><\/div>\n            <div class=\"ci-item\"><span class=\"ci-item-icon\">\ud83c\udd98<\/span><div><div style=\"font-size:11px;color:rgba(255,255,255,0.45);margin-bottom:3px\">Technical Support<\/div><a href=\"mailto:support@brithaventech.co.uk\">support@brithaventech.co.uk<\/a><\/div><\/div>\n            <div class=\"ci-item\"><span class=\"ci-item-icon\">\ud83e\udd1d<\/span><div><div style=\"font-size:11px;color:rgba(255,255,255,0.45);margin-bottom:3px\">Partnerships<\/div><a href=\"mailto:partners@brithaventech.co.uk\">partners@brithaventech.co.uk<\/a><\/div><\/div>\n          <\/div>\n          <div class=\"ci-section\">\n            <div class=\"ci-label\">Our Office Location<\/div>\n            <div class=\"ci-item\">\n              <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=One+Canada+Square+London+United+Kingdom\" target=\"_blank\">\n                <span class=\"ci-item-icon\">\ud83d\udccd<\/span>\n              <\/a>\n              <span>\n                BritHaven Tech Ltd<br>\n                One Canada Square<br>\n                City of London, EC2V 8RF<br>\n                United Kingdom\n              <\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ci-section\">\n            <div class=\"ci-label\">Support Hours<\/div>\n            <div class=\"ci-item\"><span class=\"ci-item-icon\">\ud83d\udd50<\/span><span>Monday \u2013 Friday<br>8:00am \u2013 6:00pm GMT<\/span><\/div>\n            <div class=\"ci-item\"><span class=\"ci-item-icon\">\ud83d\udea8<\/span><span>24\/7 emergency line for managed IT clients<\/span><\/div>\n          <\/div>\n          <div class=\"ci-section\">\n            <div class=\"ci-label\">Response Times<\/div>\n            <div style=\"display:flex;flex-direction:column;gap:6px\">\n              <div style=\"display:flex;justify-content:space-between;font-size:12px\"><span style=\"color:rgba(255,255,255,0.6)\">Sales quotes<\/span><span style=\"font-weight:600\">4 business hours<\/span><\/div>\n              <div style=\"display:flex;justify-content:space-between;font-size:12px\"><span style=\"color:rgba(255,255,255,0.6)\">Support tickets<\/span><span style=\"font-weight:600\">4 business hours<\/span><\/div>\n              <div style=\"display:flex;justify-content:space-between;font-size:12px\"><span style=\"color:rgba(255,255,255,0.6)\">P1 incidents (MSP)<\/span><span style=\"font-weight:600\">1 hour<\/span><\/div>\n              <div style=\"display:flex;justify-content:space-between;font-size:12px\"><span style=\"color:rgba(255,255,255,0.6)\">Licence activation<\/span><span style=\"font-weight:600\">2\u20134 hours<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<div id=\"contactToast\" style=\"position:fixed;bottom:24px;right:24px;background:#0B7A45;color:#fff;padding:14px 22px;border-radius:10px;font-size:13px;font-weight:500;z-index:2000;transform:translateY(80px);opacity:0;transition:all 0.35s;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,0.15)\">\n  \u2713 Message sent! We'll reply within 4 business hours.\n<\/div>\n\n<script>\ndocument.querySelectorAll('.nav-item').forEach(item => {\n  const mega = item.querySelector('.mega');\n  if (mega) {\n    item.addEventListener('mouseenter', () => mega.style.display = 'flex');\n    item.addEventListener('mouseleave', () => mega.style.display = 'none');\n  }\n});\n\n\/* \u2705 PHONE VALIDATION *\/\nfunction validatePhone(phone) {\n  return \/^[+]?[\\d\\s\\-]{8,15}$\/.test(phone);\n}\n\n\/* \u2705 ERROR FUNCTIONS *\/\nfunction setError(input, message) {\n  const error = input.nextElementSibling;\n  input.classList.add('input-error');\n  if (error) error.textContent = message;\n}\n\nfunction clearError(input) {\n  const error = input.nextElementSibling;\n  input.classList.remove('input-error');\n  if (error) error.textContent = \"\";\n}\n\n\/* \u2705 EMAIL VALIDATION *\/\nfunction validateEmail(email) {\n  return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n}\n\n\/* \u2705 OTP GENERATION & TRACKING *\/\nlet generatedOTP = null;\nlet isEmailVerified = false;\n\nfunction sendEmailOTP() {\n  const emailInput = document.getElementById('email');\n  clearError(emailInput);\n\n  if (!emailInput.value.trim()) {\n    setError(emailInput, \"Email is required\");\n    return;\n  } else if (!validateEmail(emailInput.value.trim())) {\n    setError(emailInput, \"Enter a valid email\");\n    return;\n  }\n\n  generatedOTP = Math.floor(100000 + Math.random() * 900000).toString();\n  \n  const verifyBtn = document.getElementById('verifyEmailBtn');\n  verifyBtn.textContent = 'Sending...';\n  verifyBtn.disabled = true;\n\n  const formData = new FormData();\n  formData.append('action', 'send_otp_action');\n  formData.append('email', emailInput.value.trim());\n  formData.append('otp', generatedOTP);\n\n  fetch('\/wp-admin\/admin-ajax.php', {\n    method: 'POST',\n    body: formData\n  })\n  .then(response => {\n    \/\/ Catch server errors (like 500 Internal Server Error or 404)\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n    return response.text(); \/\/ Read as text first to avoid breaking on bad JSON\n  })\n  .then(text => {\n    try {\n      const data = JSON.parse(text);\n      if (data.success) {\n        alert(\"A security verification code has been sent to your email inbox.\");\n        document.getElementById('otpRow').style.display = 'block';\n      } else {\n        alert(\"Failed to route mail. Server message: \" + (data.data || \"Unknown error\"));\n        verifyBtn.textContent = 'Verify';\n        verifyBtn.disabled = false;\n      }\n    } catch (e) {\n      \/\/ This happens if WordPress outputs a PHP warning\/error instead of clean JSON\n      console.error(\"Server output was not valid JSON:\", text);\n      alert(\"Server configuration error. Check console logs.\");\n      verifyBtn.textContent = 'Verify';\n      verifyBtn.disabled = false;\n    }\n  })\n  .catch(error => {\n    console.error(\"Network Error:\", error);\n    alert(\"Connection error: \" + error.message);\n    verifyBtn.textContent = 'Verify';\n    verifyBtn.disabled = false;\n  });\n}\nfunction verifyEmailOTP() {\n  const otpInput = document.getElementById('otpCode');\n  const otpError = otpInput.parentElement.nextElementSibling;\n  \n  if (otpInput.value.trim() === generatedOTP && generatedOTP !== null) {\n    isEmailVerified = true;\n    otpInput.classList.remove('input-error');\n    if(otpError) otpError.textContent = \"\";\n    \n    \/\/ Disable primary controls to prevent altering verified data\n    document.getElementById('email').disabled = true;\n    document.getElementById('verifyEmailBtn').disabled = true;\n    document.getElementById('verifyEmailBtn').style.background = 'var(--green)';\n    document.getElementById('verifyEmailBtn').textContent = 'Verified';\n    document.getElementById('otpRow').style.display = 'none';\n\n    \/\/ \u2705 ENABLE REMAINING FIELDS (Added 'submitBtn' match to fixed HTML ID)\n    const itemsToEnable = ['phone', 'company', 'enquiryType', 'productsOfInterest', 'companySize', 'message', 'submitBtn'];\n    itemsToEnable.forEach(id => {\n      document.getElementById(id).disabled = false;\n    });\n\n    alert(\"Email verification successful! Remaining fields are now unlocked.\");\n  } else {\n    otpInput.classList.add('input-error');\n    if(otpError) otpError.textContent = \"Invalid OTP verification code\";\n  }\n}\n\n\/* \u2705 MAIN FUNCTION *\/\nfunction submitContact() {\n  let valid = true;\n\n  const firstName = document.getElementById('firstName');\n  const lastName = document.getElementById('lastName');\n  const email = document.getElementById('email');\n  const phone = document.getElementById('phone');\n  const company = document.getElementById('company');\n  const message = document.getElementById('message');\n\n  \/\/ clear all errors\n  [firstName, lastName, email, phone, company, message].forEach(clearError);\n\n  \/\/ Additional check to prevent submissions bypassing early setup\n  if (!isEmailVerified) {\n    setError(email, \"Please verify your email before submitting\");\n    valid = false;\n  }\n\n  \/\/ \u2705 VALIDATION\n  if (!firstName.value.trim()) {\n    setError(firstName, \"First name is required\");\n    valid = false;\n  }\n\n  if (!lastName.value.trim()) {\n    setError(lastName, \"Last name is required\");\n    valid = false;\n  }\n\n  if (!email.value.trim()) {\n    setError(email, \"Email is required\");\n    valid = false;\n  } else if (!validateEmail(email.value.trim())) {\n    setError(email, \"Enter a valid email\");\n    valid = false;\n  }\n\n  \/* \u2705 PHONE VALIDATION (optional field) *\/\n  if (phone.value.trim()) {\n    if (!validatePhone(phone.value.trim())) {\n      setError(phone, \"Enter valid phone number\");\n      valid = false;\n    }\n  }\n\n  if (!company.value.trim()) {\n    setError(company, \"Company name is required\");\n    valid = false;\n  }\n\n  if (!message.value.trim()) {\n    setError(message, \"Message is required\");\n    valid = false;\n  }\n\n  \/\/ \u2705 SUCCESS TOAST & FORM RESET\n  if (valid) {\n    const t = document.getElementById('contactToast');\n\n    t.style.transform = 'translateY(0)';\n    t.style.opacity = '1';\n\n    setTimeout(() => {\n      t.style.transform = 'translateY(80px)';\n      t.style.opacity = '0';\n      \n      \/\/ Clear form field input content strings\n      firstName.value = '';\n      lastName.value = '';\n      email.value = '';\n      phone.value = '';\n      company.value = '';\n      document.getElementById('productsOfInterest').value = '';\n      message.value = '';\n      document.getElementById('otpCode').value = '';\n      \n      \/\/ Restore initial interactive elements states\n      email.disabled = false;\n      \n      const verifyBtn = document.getElementById('verifyEmailBtn');\n      verifyBtn.disabled = false;\n      verifyBtn.style.background = 'var(--blue)';\n      verifyBtn.textContent = 'Verify';\n      \n      \/\/ Re-disable non-verified form inputs\n      const itemsToDisable = ['phone', 'company', 'enquiryType', 'productsOfInterest', 'companySize', 'message', 'submitBtn'];\n      itemsToDisable.forEach(id => {\n        document.getElementById(id).disabled = true;\n      });\n      \n      \/\/ Reset logic controllers\n      isEmailVerified = false;\n      generatedOTP = null;\n    }, 4000);\n  }\n}\n<\/script>\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact BritHaven Tech \u2014 BritHaven Tech Home \u203a Contact Get in Touch Contact BritHaven Tech Whether you need a product quote, want to discuss a managed services engagement, have a technical question or simply want to understand which solution is right for your organisation \u2014 our team is ready to assist. We commit to responding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-256","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact BritHaven Tech \u2502 Get in Touch with Our Team<\/title>\n<meta name=\"description\" content=\"Contact BritHaven Tech for vendor partnerships, buyer enquiries, platform support, and sales. Our -based team is ready to assist businesses and IT professionals.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brithaventech.co.uk\/index.php\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get in Touch with BritHaven Tech \u2014 IT Marketplace\" \/>\n<meta property=\"og:description\" content=\"Contact BritHaven Tech for vendor partnerships, buyer enquiries, or platform support. Serving businesses and public sector organisations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brithaventech.co.uk\/index.php\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Brithaventech\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-25T08:33:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brithaventech.co.uk\\\/index.php\\\/contact\\\/\",\"url\":\"https:\\\/\\\/brithaventech.co.uk\\\/index.php\\\/contact\\\/\",\"name\":\"Contact BritHaven Tech \u2502 Get in Touch with Our Team\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brithaventech.co.uk\\\/#website\"},\"datePublished\":\"2026-05-26T10:48:03+00:00\",\"dateModified\":\"2026-06-25T08:33:13+00:00\",\"description\":\"Contact BritHaven Tech for vendor partnerships, buyer enquiries, platform support, and sales. Our -based team is ready to assist businesses and IT professionals.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brithaventech.co.uk\\\/index.php\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brithaventech.co.uk\\\/index.php\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brithaventech.co.uk\\\/index.php\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brithaventech.co.uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brithaventech.co.uk\\\/#website\",\"url\":\"https:\\\/\\\/brithaventech.co.uk\\\/\",\"name\":\"Brithaventech\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brithaventech.co.uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact BritHaven Tech \u2502 Get in Touch with Our Team","description":"Contact BritHaven Tech for vendor partnerships, buyer enquiries, platform support, and sales. Our -based team is ready to assist businesses and IT professionals.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brithaventech.co.uk\/index.php\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Get in Touch with BritHaven Tech \u2014 IT Marketplace","og_description":"Contact BritHaven Tech for vendor partnerships, buyer enquiries, or platform support. Serving businesses and public sector organisations.","og_url":"https:\/\/brithaventech.co.uk\/index.php\/contact\/","og_site_name":"Brithaventech","article_modified_time":"2026-06-25T08:33:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brithaventech.co.uk\/index.php\/contact\/","url":"https:\/\/brithaventech.co.uk\/index.php\/contact\/","name":"Contact BritHaven Tech \u2502 Get in Touch with Our Team","isPartOf":{"@id":"https:\/\/brithaventech.co.uk\/#website"},"datePublished":"2026-05-26T10:48:03+00:00","dateModified":"2026-06-25T08:33:13+00:00","description":"Contact BritHaven Tech for vendor partnerships, buyer enquiries, platform support, and sales. Our -based team is ready to assist businesses and IT professionals.","breadcrumb":{"@id":"https:\/\/brithaventech.co.uk\/index.php\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brithaventech.co.uk\/index.php\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brithaventech.co.uk\/index.php\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brithaventech.co.uk\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/brithaventech.co.uk\/#website","url":"https:\/\/brithaventech.co.uk\/","name":"Brithaventech","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brithaventech.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":75,"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions"}],"predecessor-version":[{"id":1445,"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions\/1445"}],"wp:attachment":[{"href":"https:\/\/brithaventech.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}