Surety IT

About Surety IT

/* --- FONT & RESET --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

.surety-hero-wrapper {
font-family: 'Inter', sans-serif;
/* BACKGROUND IMAGE WITH 90% BLUE OVERLAY */
background: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.9)), url('https://suretyit.com.au/wp-content/uploads/2025/12/Brissie.png');
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
padding: 80px 20px;
box-sizing: border-box;
width: 100%;
min-height: 900px;
display: flex;
align-items: center;
justify-content: center;
}

/* --- BACKGROUND FX --- */
.surety-hero-grid {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-image:
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 1;
pointer-events: none;
}

.surety-hero-glow {
position: absolute;
bottom: -10%;
right: -10%;
width: 700px;
height: 700px;
background: radial-gradient(circle, rgba(30, 58, 138, 0.4) 0%, rgba(15, 23, 42, 0) 70%);
z-index: 1;
filter: blur(80px);
}

/* --- LAYOUT --- */
.surety-container {
max-width: 1300px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 10;
gap: 40px;
}

/* --- LEFT COLUMN (TEXT) --- */
.surety-text-col {
flex: 1;
min-width: 350px;
max-width: 650px;
display: flex;
flex-direction: column;
justify-content: center;
}

/* HERO LOGO STYLING */
.hero-logo {
display: block;
max-width: 240px;
height: auto;
margin-bottom: 40px;
filter: brightness(0) invert(1);
opacity: 0.9;
}

/* Pre-Header */
.surety-pre-header {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a; /* Surety Orange */
margin-bottom: 20px;
display: block;
}

/* Badge */
.surety-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid #cf672a;
border-radius: 50px;
font-size: 15px;
font-weight: 600;
color: #ffffff;
margin-bottom: 30px;
backdrop-filter: blur(5px);
box-shadow: 0 0 15px rgba(207, 103, 42, 0.2);
width: fit-content;
}

/* Headlines */
.surety-h1 {
font-size: 52px;
line-height: 1.1;
font-weight: 700;
color: #ffffff;
margin-bottom: 24px;
letter-spacing: -0.02em;
}

.surety-sub {
font-size: 19px;
line-height: 1.6;
color: #94A3B8;
margin-bottom: 10px;
max-width: 550px;
}

.surety-sub strong {
color: #ffffff;
font-weight: 600;
}

/* Button */
.surety-btn {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
margin-top: 40px;
background-color: #cf672a;
color: #ffffff !important;
text-decoration: none !important;
padding: 18px 36px;
font-size: 17px;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(207, 103, 42, 0.3);
}

.surety-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(207, 103, 42, 0.5);
background-color: #e0783b;
}

/* --- QRL FOOTER (STACKED & CENTERED) --- */
.qrl-wrapper {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
width: 100%;
}

.qrl-link {
display: block;
transition: transform 0.3s ease;
}
.qrl-link:hover {
transform: scale(1.05);
}

.qrl-text {
font-size: 16px;
color: #94A3B8;
line-height: 1.5;
}

.qrl-text strong {
color: white;
font-weight: 700;
font-size: 17px;
}

.qrl-logo {
height: 90px;
width: auto;
filter: brightness(1.1);
}


/* --- RIGHT COLUMN (VISUALS) --- */
.surety-visual-col {
flex: 1;
min-width: 450px;
height: 600px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

/* 3D Floating Animation */
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}

.glass-stack {
position: relative;
width: 550px; /* Widened slightly for 4 cards */
height: 500px;
animation: float 6s ease-in-out infinite;
}

/* Common Card Styles */
.glass-card {
position: absolute;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 20px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
padding: 25px;
color: white;
transition: transform 0.3s ease;
}

/* --- CARD POSITIONS (4 CARDS) --- */

/* 1. TICKETS (Top Left) */
.card-tickets {
top: 40px; left: -20px;
width: 260px;
z-index: 2;
}
.card-tickets .metric {
font-size: 38px;
font-weight: 700;
color: white;
display: block;
margin-top: 5px;
}

/* 2. SPEED (Top Right) */
.card-speed {
top: 0px; right: 0px;
width: 280px;
z-index: 3;
}
.card-speed .metric {
font-size: 52px;
font-weight: 700;
color: #ffffff;
display: block;
margin: 10px 0;
letter-spacing: -1px;
}

/* 3. UPTIME (Bottom Left) */
.card-uptime {
bottom: 20px; left: 0px;
width: 300px;
z-index: 4; /* Highest to pop over */
}

/* 4. MAP (Bottom Right) */
.card-map {
bottom: -20px; right: 20px;
width: 240px;
height: 140px;
z-index: 1; /* Lowest */
overflow: hidden;
}

/* Content Styles */
.label {
font-size: 13px;
color: #94A3B8;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 600;
}
.speed-icon-wrap { width: 40px; height: 40px; background: rgba(207, 103, 42, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.ticket-icon-wrap { width: 40px; height: 40px; background: rgba(34, 197, 94, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }

.uptime-line { width: 100%; height: 6px; background: #334155; border-radius: 3px; margin: 20px 0; position: relative; overflow: hidden; }
.uptime-fill { position: absolute; left:0; top:0; height: 100%; width: 100%; background: linear-gradient(90deg, #cf672a, #22c55e); }
.status-pill { font-size: 13px; background: rgba(34, 197, 94, 0.2); color: #4ade80; padding: 6px 12px; border-radius: 6px; float: right; font-weight: 600; }

.map-dots { width: 100%; height: 100%; background-image: radial-gradient(#94A3B8 1px, transparent 1px); background-size: 18px 18px; opacity: 0.3; }
.map-pin { position: absolute; top: 40%; left: 50%; width: 16px; height: 16px; background: #cf672a; border-radius: 50%; box-shadow: 0 0 15px #cf672a; }
.map-pin::after { content:''; position: absolute; top:-8px; left:-8px; width: 32px; height: 32px; border: 1px solid #cf672a; border-radius: 50%; animation: pulse 2s infinite; }

@keyframes pulse {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(2); opacity: 0; }
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 1100px) {
.glass-stack { transform: scale(0.9); transform-origin: center right; }
.surety-h1 { font-size: 42px; }
}

@media (max-width: 980px) {
.surety-hero-wrapper { flex-direction: column; text-align: center; padding-top: 60px; }
.surety-container { justify-content: center; }
.surety-text-col { margin-bottom: 60px; max-width: 100%; align-items: center; }
.surety-badge, .surety-sub, .surety-btn { margin-left: auto; margin-right: auto; }

.hero-logo { margin-left: auto; margin-right: auto; max-width: 200px; margin-bottom: 30px; }

.qrl-wrapper { justify-content: center; text-align: center; flex-direction: column; gap: 15px; }

/* Reset scale for mobile stack */
.surety-visual-col { height: 500px; min-width: 100%; }
.glass-stack { transform: scale(0.65); width: 100%; margin: 0 auto; left: 0; top: -50px; }

/* Mobile Card Stack Adjustments */
.card-speed { top: 0; right: 0; left: auto; }
.card-tickets { top: 180px; left: -20px; }
.card-uptime { top: auto; bottom: 0; left: 50%; transform: translateX(-50%); }
.card-map { display: none; } /* Hide map on mobile to save space */
}



document.addEventListener('DOMContentLoaded', function() {
// 1. BASE CONFIGURATION
const baseNumber = 132523;

// 2. START DATE
const startDate = new Date("2025-12-18T00:00:00").getTime();

// 3. INCREMENT RATE (7.5 minutes)
const msPerTicket = 450000;

function updateTicketCount() {
const now = Date.now();
const timeDiff = now - startDate;

// Calculate how many 7.5 minute blocks have passed
const ticketsAdded = Math.floor(timeDiff / msPerTicket);

// Add to base
const totalTickets = baseNumber + (ticketsAdded > 0 ? ticketsAdded : 0);

// Update the HTML
const counterElement = document.getElementById('surety-ticket-counter');
if(counterElement) {
counterElement.innerText = totalTickets.toLocaleString();
}
}

// Run immediately and then check every minute
updateTicketCount();
setInterval(updateTicketCount, 60000);
});











Brisbane’s Leading Managed IT Service Provider



60-Minute Response Guaranteed



Stop Letting IT Problems Hurt Your Business.
Start Getting the Performance You Pay For.



Every minute of downtime is a direct cost to your bottom line. We stop the waste with Managed IT Support backed by a 60-minute response guarantee—ensuring your technology drives profit instead of draining it.



⬇ Get The Free IT Health Checklist

Take the assessment online.



Surety IT is the official IT Support team of Queensland Rugby League















Total Issues Resolved
132,523






Avg. Response Time
14m 12s




System Uptime
● 100%




Last 30 Days





BRISBANE ACTIVE












/* --- SECTION RESET --- */
.surety-section-2 {
font-family: 'Inter', sans-serif;
background-color: #0F172A; /* Matches Hero */
padding: 80px 0 120px 0; /* Vertical padding */
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}

/* --- HEADLINES --- */
.section-2-header {
text-align: center;
max-width: 1000px;
margin: 0 auto 70px auto; /* 70px bottom margin separates head from grid */
padding: 0 20px;
}
.s2-h2 {
font-size: 46px;
font-weight: 700;
color: white;
margin-bottom: 24px;
letter-spacing: -1px;
}
.s2-p {
font-size: 20px;
color: #94A3B8;
line-height: 1.6;
}

/* --- BENTO GRID LAYOUT --- */
.bento-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
width: 90%;
max-width: 1800px;
margin: 0 auto;
}

/* --- PROBLEM CARDS --- */
.bento-card {
background: rgba(30, 41, 59, 0.5);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 24px;
padding: 50px;
position: relative;
transition: all 0.4s ease;
cursor: default;
overflow: hidden;
min-height: 440px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.bento-card:hover {
transform: translateY(-5px);
border-color: #cf672a;
box-shadow: 0 10px 40px rgba(207, 103, 42, 0.15);
}

.card-icon {
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 35px;
transition: all 0.3s ease;
flex-shrink: 0;
}
.bento-card:hover .card-icon {
background: #cf672a;
color: white;
}

.card-title {
font-size: 30px;
font-weight: 700;
color: white;
margin-bottom: 15px;
letter-spacing: -0.5px;
}

.card-desc {
font-size: 17px;
color: #94A3B8;
line-height: 1.7;
margin-bottom: 30px;
}

/* Highlighting the stats */
.card-stat-box {
background: rgba(255,255,255,0.03);
border-left: 3px solid #cf672a;
padding: 15px;
margin-bottom: 25px;
border-radius: 0 8px 8px 0;
}
.card-stat-text {
font-size: 14px;
color: #CBD5E1;
font-style: italic;
line-height: 1.5;
}
.card-stat-text strong {
color: white;
font-weight: 700;
}

.solution-text {
margin-top: auto;
font-size: 15px;
font-weight: 700;
color: #cf672a;
display: flex;
align-items: center;
gap: 12px;
opacity: 0.9;
text-transform: uppercase;
letter-spacing: 1px;
}

/* --- RESPONSIVE --- */
@media (max-width: 1400px) {
.bento-grid { width: 95%; gap: 20px; }
.bento-card { padding: 30px; }
}

@media (max-width: 1100px) {
.bento-grid { grid-template-columns: 1fr; max-width: 600px; }
.s2-h2 { font-size: 36px; }
.card-title { font-size: 24px; }
}





The 3 Anchors Dragging Down Your Efficiency.
Bad IT isn’t just annoying—it’s expensive. Most businesses tolerate these three hidden costs without realising how much they are bleeding from the bottom line.








The “Wage Burn”
Every minute your staff waits for a slow computer or a reboot is money wasted. It forces your high-paid experts to do zero-value troubleshooting instead of their actual job.



“The average employee wastes 46 minutes per day on slow technology. That is 24 days of lost productivity per year.”





THE FIX: Proactive Maintenance







Staff Frustration
When IT fails, your team feels unsupported. This “Tech Rage” leads to burnout and higher turnover as staff tire of fighting their own tools to get work done.



“72% of IT professionals report that poor IT support directly lowers staff morale and performance across the firm.”





THE FIX: 60-Minute Response







No Strategic Plan
Without a vCIO, you are just reacting to problems, not planning for growth. You end up buying tech twice because the first solution wasn’t scalable.



“Companies with strong, strategic IT leadership see 23% higher revenue growth compared to those without oversight.”





THE FIX: vCIO Advisory







/* --- SECTION WRAPPER --- */
.sit-calc-outer {
font-family: 'Inter', sans-serif;
background-color: #0F172A;
padding: 100px 20px 140px 20px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}

/* --- HEADERS --- */
.sit-head-wrap {
text-align: center;
max-width: 900px;
margin-bottom: 70px;
}
.sit-main-h2 {
font-size: 46px;
font-weight: 700;
color: #ffffff;
margin-bottom: 24px;
letter-spacing: -1.5px;
line-height: 1.2;
}
.sit-sub-p {
font-size: 20px;
color: #94A3B8;
line-height: 1.6;
}

/* --- BENTO GRID LAYOUT --- */
.sit-calc-grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 30px;
width: 100%;
max-width: 1400px;
}

/* --- INPUT CARD --- */
.sit-input-bento {
background: rgba(30, 41, 59, 0.5);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 28px;
padding: 50px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 35px;
}

.sit-input-field-wrap {
display: flex;
flex-direction: column;
gap: 12px;
}

.sit-input-label {
font-size: 13px;
font-weight: 700;
color: #94A3B8;
text-transform: uppercase;
letter-spacing: 1.2px;
}

.sit-real-input {
background: rgba(15, 23, 42, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 16px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
transition: all 0.3s ease;
}

.sit-real-input:focus {
outline: none;
border-color: #cf672a;
box-shadow: 0 0 15px rgba(207, 103, 42, 0.2);
}

.sit-hint {
font-size: 11px;
color: #475569;
font-style: italic;
}

/* --- RESULTS BENTO --- */
.sit-result-bento {
background: rgba(207, 103, 42, 0.08);
border: 2px solid #cf672a;
border-radius: 28px;
padding: 50px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 400px;
}

.sit-res-title {
font-size: 16px;
font-weight: 700;
color: #cf672a;
text-transform: uppercase;
letter-spacing: 2.5px;
margin-bottom: 5px;
}

.sit-final-value {
font-size: 68px;
font-weight: 800;
color: #ffffff;
margin: 20px 0;
line-height: 0.9;
transition: transform 0.2s ease-out;
}

.sit-res-description {
font-size: 14px;
color: #94A3B8;
line-height: 1.6;
margin-bottom: 35px;
max-width: 320px;
}

.sit-final-cta {
background: #cf672a;
color: #ffffff !important;
text-decoration: none;
padding: 20px 40px;
border-radius: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}

.sit-final-cta:hover {
transform: translateY(-4px);
background: #e67e3a;
box-shadow: 0 15px 35px rgba(207, 103, 42, 0.4);
}

/* --- RESPONSIVE --- */
@media (max-width: 1100px) {
.sit-calc-grid { grid-template-columns: 1fr; }
.sit-input-bento { grid-template-columns: 1fr; padding: 30px; }
.sit-main-h2 { font-size: 34px; }
.sit-final-value { font-size: 54px; }
}




Stop the Invisible Profit Leakage.
Every minute your staff waits for a slow computer or an MSP callback is money bleeding from your bottom line. Use this 2026 data model to quantify your annual “Wage Burn”.





Total Staff Members

Total employees relying on tech


Average Salary ($ P/A)

Based on 2025 AU median rates


Current Response Time

Estimated wait time in hours


Monthly Glitches p/staff

Issues requiring any support wait




Annual Productivity Loss
$0

Factors in your loaded hourly rate plus the 23-minute Focus Tax required to resume deep work after an interruption.

Stop the Bleeding





(function() {
/**
* CORE CALCULATION LOGIC
* Fixes previous syntax errors and ensures zero-handling.
*/
function executeSuretyLogic() {
// Helper to safely grab numeric values
const getVal = (id) => parseFloat(document.getElementById(id).value) || 0;

const val_staff = getVal('sc_staff');
const val_salary = getVal('sc_salary');
const val_wait = getVal('sc_wait');
const val_freq = getVal('sc_frequency');

// Business Logic Constants
const loading_overhead = 1.30; /* AU Super, Payroll Tax, WorkCover */
const total_hours_pa = 1976; /* Standard 38hr AU work week */
const cognitive_focus_tax = 0.3875; /* 23 mins 15s expressed as hours */
const sit_standard = 1.0; /* Surety IT Baseline Goal */

// Math: (Wait time - 1hr standard) + Cognitive refocus time
const loaded_rate = (val_salary / total_hours_pa) * loading_overhead;
const net_waste_per_incident = Math.max(0, val_wait - sit_standard) + cognitive_focus_tax;

// Annual Loss Formula
const annual_loss = (net_waste_per_incident * val_freq * 12) * val_staff * loaded_rate;

// UI Update with Currency Formatting
const output = document.getElementById('sc_display_total');
if (output) {
output.textContent = new Intl.NumberFormat('en-AU', {
style: 'currency',
currency: 'AUD',
maximumFractionDigits: 0
}).format(annual_loss);

// Subtle "jump" animation to draw the eye to the new number
output.style.transform = "scale(1.05)";
setTimeout(() => { output.style.transform = "scale(1)"; }, 100);
}
}

/**
* INITIALIZATION
* Sets up listeners and handles Divi's dynamic rendering.
*/
function initSuretyCalc() {
const inputIds = ['sc_staff', 'sc_salary', 'sc_wait', 'sc_frequency'];

inputIds.forEach(id => {
const el = document.getElementById(id);
if (el) {
// Remove existing to prevent double-firing, then add
el.removeEventListener('input', executeSuretyLogic);
el.addEventListener('input', executeSuretyLogic);
}
});

// Run once on load
executeSuretyLogic();
}

// Standard DOM load
if (document.readyState === 'complete' || document.readyState === 'interactive') {
initSuretyCalc();
} else {
document.addEventListener('DOMContentLoaded', initSuretyCalc);
}

// Backup for Divi Visual Builder / AJAX loading
setTimeout(initSuretyCalc, 1000);
})();



/* --- SECTION RESET --- */
.surety-benefit-section {
font-family: 'Inter', sans-serif;
background-color: ;
padding: 100px 0;
position: relative;
width: 100%;
display: flex;
justify-content: center;
border-bottom: 1px solid rgba(255,255,255,0.05);
}

.benefit-container {
width: 90%;
max-width: 1300px;
display: grid;
grid-template-columns: 1fr 1fr; /* 50/50 Split */
gap: 80px;
align-items: center;
}

/* --- LEFT: THE VISUAL --- */
.benefit-img-wrapper {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
}

.benefit-img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}

.benefit-img-wrapper:hover .benefit-img {
transform: scale(1.03);
}

/* Backdrop Glow */
.benefit-glow {
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(207, 103, 42, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
z-index: 0;
pointer-events: none;
}

/* --- RIGHT: THE CONTENT --- */
.benefit-content {
position: relative;
z-index: 1;
}

.benefit-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
margin-bottom: 20px;
display: block;
font-weight: 800;
}

.benefit-h2 {
font-size: 46px;
font-weight: 800;
color: white;
margin-bottom: 24px;
letter-spacing: -1.5px;
line-height: 1.1;
}

.benefit-h2 span {
color: #cf672a;
}

/* --- SPACING FIX HERE --- */
.benefit-p {
font-size: 18px;
color: #94A3B8;
line-height: 1.6;
/* Forced spacing with !important to override theme defaults */
margin-bottom: 20px !important;
font-weight: 400;
}

/* Benefit List */
.benefit-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 25px;
}

.benefit-item {
display: flex;
align-items: flex-start;
gap: 20px;
}

.b-icon {
width: 28px; height: 28px;
background: rgba(207, 103, 42, 0.15); /* Orange Tint */
border-radius: 6px;
display: flex; align-items: center; justify-content: center;
color: #cf672a;
flex-shrink: 0;
margin-top: 4px;
box-shadow: 0 0 15px rgba(207, 103, 42, 0.2);
}

.b-text h4 {
font-size: 20px;
font-weight: 700;
color: white;
margin: 0 0 8px 0;
}

.b-text p {
font-size: 16px;
color: #CBD5E1;
line-height: 1.5;
margin: 0;
}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.benefit-container { grid-template-columns: 1fr; gap: 50px; }
.benefit-img-wrapper { order: -1; }
.benefit-h2 { font-size: 36px; }
}












Operational Excellence
Stop Tolerating Friction.Start Demanding Performance.
Your technology should propel your business forward, not hold it back. We replace daily frustrations with seamless workflows, ensuring your team has the tools they need to win.








Eliminate Technical Bottlenecks
We optimise your network and systems to remove the lag that slows your team down. Faster systems mean happier staff and higher output.








Defend What You’ve Built
We apply the same Enterprise-Grade security standards used by the QRL to your business. Protect your data, your clients, and your hard-earned reputation.








Strategic vCIO Guidance
We don’t just fix today’s problems; we plan for tomorrow’s growth. We act as your strategic IT and technology partner, ensuring your systems scales effortlessly as you expand.










/* --- SECTION RESET --- */
.surety-industries-section {
font-family: 'Inter', sans-serif;
background-color: #0F172A; /* Restored background color */
padding: 100px 0;
position: relative;
border-top: 1px solid rgba(255,255,255,0.05);
}

.ind-container {
width: 90%;
max-width: 1300px; /* Slight increase to fit 5 cards */
margin: 0 auto;
}

/* --- HEADER --- */
.ind-header {
text-align: center;
margin-bottom: 60px;
}

.ind-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
font-weight: 800;
display: block;
margin-bottom: 20px;
}

.ind-h2 {
font-size: 42px;
font-weight: 700;
color: white;
letter-spacing: -1px;
line-height: 1.2;
}

/* --- INDUSTRY FLEX GRID (Auto-Centers 5 Items) --- */
.ind-grid {
display: flex;
flex-wrap: wrap;
justify-content: center; /* This ensures the 5th item is centered if on a new line */
gap: 25px;
margin-bottom: 60px;
}

.ind-card {
background: rgba(30, 41, 59, 0.3);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 30px 20px;
text-align: center;
transition: all 0.3s ease;

/* Responsive Sizing Logic */
flex: 1 1 200px; /* Grow to fill space, shrink if needed, base width 200px */
max-width: 260px; /* Stop them from getting too wide on huge screens */
min-width: 220px; /* Stop them getting too squashed */
}

.ind-card:hover {
background: rgba(30, 41, 59, 0.6);
border-color: #cf672a;
transform: translateY(-5px);
}

.ind-icon {
width: 50px; height: 50px;
margin: 0 auto 20px auto;
color: #cf672a;
}

.ind-card h3 {
color: white;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}

.ind-card p {
color: #94A3B8;
font-size: 14px;
line-height: 1.5;
}

/* --- CO-MANAGED BANNER --- */
.co-managed-banner {
background: linear-gradient(90deg, rgba(15, 23, 42, 1) 0%, rgba(30, 41, 59, 1) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 50px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
position: relative;
overflow: hidden;
}

.co-managed-banner::before {
content: '';
position: absolute;
top: 0; left: 0; width: 5px; height: 100%;
background: #cf672a;
}

.co-text h3 {
font-size: 28px;
color: white;
font-weight: 700;
margin-bottom: 15px;
}

.co-text p {
font-size: 17px;
color: #CBD5E1;
line-height: 1.6;
max-width: 600px;
}

.co-btn {
padding: 15px 30px;
background: transparent;
border: 1px solid #cf672a;
color: white;
font-weight: 600;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
white-space: nowrap;
}

.co-btn:hover {
background: #cf672a;
color: white;
}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.co-managed-banner { flex-direction: column; text-align: center; padding: 40px 20px; }
.co-managed-banner::before { width: 100%; height: 5px; top: 0; left: 0; }
.ind-h2 { font-size: 32px; }

/* Make cards full width on mobile */
.ind-card { max-width: 100%; }
}






Who We Help
Specialised Expertise forComplex Industries.








Legal & Finance
We secure sensitive client data and streamline document management, meeting strict compliance standards.






Manufacturing
Minimise production downtime. We support ERP systems, CAD workstations, and shop-floor networks.






Agriculture & Rural
Connecting the paddock to the office. We support remote connectivity, ag-tech integration, and rugged on-site systems.






Non-Profit
Strategic IT planning that respects budgets while maximising impact (like our work with QRL).






Construction
From the office to the job site. We ensure your project data is accessible, synced, and backed up anywhere.






Already have an IT Manager?
We don’t have to replace them. Our Co-Managed IT service supports your internal team with extra hands, holiday cover, and high-level security expertise.

Ask About Co-Managed IT












/* --- SECTION RESET --- */
.surety-services-section {
font-family: 'Inter', sans-serif;
background-color: ;
padding: 100px 0;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}

.services-container {
width: 90%;
max-width: 1200px;
}

/* --- HEADER --- */
.services-header {
text-align: center;
margin-bottom: 60px;
}

.svc-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
font-weight: 800;
display: block;
margin-bottom: 20px;
}

.svc-h2 {
font-size: 42px;
font-weight: 700;
color: white;
margin: 0;
letter-spacing: -1px;
}

/* --- GRID LAYOUT --- */
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}

/* --- SERVICE CARD --- */
.service-card {
background: rgba(30, 41, 59, 0.3);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 16px;
padding: 40px 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
group: hover;
}

.service-card:hover {
background: rgba(30, 41, 59, 0.6);
transform: translateY(-5px);
border-color: rgba(207, 103, 42, 0.5);
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

/* Icon */
.svc-icon {
width: 60px; height: 60px;
background: rgba(255,255,255,0.05);
border-radius: 12px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 25px;
color: #cf672a;
transition: all 0.3s ease;
}

.service-card:hover .svc-icon {
background: #cf672a;
color: white;
}

/* Text */
.service-card h3 {
font-size: 22px;
font-weight: 700;
color: white;
margin: 0 0 15px 0;
}

.service-card p {
font-size: 16px;
color: #94A3B8;
line-height: 1.6;
margin: 0;
}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.services-grid { grid-template-columns: 1fr; gap: 20px; }
.svc-h2 { font-size: 32px; }
}






Complete Technology Command
Everything You Need.Nothing You Don’t.








Managed IT Support
Unlimited remote and onsite support for a flat monthly fee. We handle the helpdesk so your staff stop googling errors and start working.






Cyber Security
Advanced threat protection aligned with the Essential 8. We deploy multi-layered defence strategies to lock out ransomware and hackers.






Cloud Solutions
Secure migration and management for Microsoft 365 and Azure. Access your data from anywhere, securely and without lag.






Strategic vCIO
We don’t just fix computers; we plan your future. Get clear budgets, roadmaps, and advice to help you scale without tech growing pains.






Backup & Recovery
Bulletproof backups that actually work when you need them. We ensure your data is redundant, encrypted, and recoverable in minutes.






VoIP & Teams
Modernise your phone system with Microsoft Teams calling. Seamless communication whether you are in the Greenslopes office or working from home.













/* --- SECTION RESET --- */
.surety-section-3 {
font-family: 'Inter', sans-serif;
background-color: ; /* Matches seamless flow */
padding: 100px 0;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}

/* --- BACKGROUND FX --- */
.vertical-guide {
position: absolute;
left: 50%; top: 0; bottom: 0;
width: 1px;
background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.05), transparent);
transform: translateX(-50%);
pointer-events: none;
}

/* --- HEADLINES --- */
.section-3-header {
text-align: center;
max-width: 900px;
margin: 0 auto 80px auto;
padding: 0 20px;
}
.s3-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a; /* Orange */
margin-bottom: 20px;
display: block;
font-weight: 700;
}
.s3-h2 {
font-size: 46px;
font-weight: 700;
color: white;
margin-bottom: 24px;
letter-spacing: -1px;
}
.s3-p {
font-size: 20px;
color: #94A3B8;
line-height: 1.6;
}

/* --- THE 3-PILLAR GRID (WIDE) --- */
.system-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
width: 90%;
max-width: 1800px;
margin: 0 auto;
}

/* --- SYSTEM CARDS --- */
.system-card {
background: linear-gradient(180deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0.4) 100%);
border: 1px solid rgba(255, 255, 255, 0.05);
border-top: 4px solid #334155;
border-radius: 24px;
padding: 50px 40px;
position: relative;
transition: all 0.4s ease;
display: flex;
flex-direction: column;
min-height: 600px; /* Increased height for longer lists */
}

.system-card:hover {
transform: translateY(-10px);
background: linear-gradient(180deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.8) 100%);
box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}

.card-1:hover { border-top-color: #cf672a; } /* Orange */
.card-2:hover { border-top-color: #06b6d4; } /* Cyan */
.card-3:hover { border-top-color: #22c55e; } /* Green */

.sys-icon-wrap {
width: 70px; height: 70px;
border-radius: 50%;
background: rgba(255,255,255,0.05);
display: flex; align-items: center; justify-content: center;
margin-bottom: 35px;
transition: all 0.3s ease;
}

.card-1:hover .sys-icon-wrap { background: rgba(207, 103, 42, 0.2); color: #cf672a; }
.card-2:hover .sys-icon-wrap { background: rgba(6, 182, 212, 0.2); color: #06b6d4; }
.card-3:hover .sys-icon-wrap { background: rgba(34, 197, 94, 0.2); color: #22c55e; }

.sys-title {
font-size: 28px;
font-weight: 700;
color: white;
margin-bottom: 20px;
}

.sys-desc {
font-size: 17px;
color: #94A3B8;
line-height: 1.6;
margin-bottom: 40px;
flex-grow: 0; /* Stopped expanding description to keep lists even */
}

.sys-list {
list-style: none;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255,255,255,0.05);
padding-top: 25px;
margin-top: auto; /* Pushes list to bottom */
}

.sys-list li {
font-size: 15px;
color: #CBD5E1;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 12px;
}

.sys-list li svg {
color: #cf672a;
flex-shrink: 0;
}

/* --- RESPONSIVE --- */
@media (max-width: 1400px) {
.system-grid { width: 95%; gap: 20px; }
.system-card { padding: 40px 30px; }
}

@media (max-width: 1100px) {
.system-grid { grid-template-columns: 1fr; max-width: 600px; }
.s3-h2 { font-size: 36px; }
}






BRISBANE IT SUPPORT SERVICES
Tailored Solutions. Real Impact.
We partner with Brisbane businesses to deliver tailored solutions. From Cyber Security to Cloud Hosting, we provide the specific services you need to stabilise, protect, and grow.








1. Managed IT Support
We take care of managing your IT systems from day to day with proactive management and 24×7 support, allowing you to focus on running your business.

Managed Service Desk
24×7 Monitoring & Support
Reliable Business Internet
Support For Your Team
Unlimited Remote & Onsite
Rapid Issue Resolution







2. Cyber Security & Backup
Protect your business from data destruction. We implement Best Practice Cyber Security and robust backup systems to ensure your critical data is never lost.

Cyber Security Solutions
Disaster Recovery Planning
Data Protection Systems
Best Practice Standards
Threat Detection
Risk Management







3. Cloud & Strategy
Transform the way you work with a tailored cloud hosting solution. We design systems that streamline your processes and power the future of your business.

Cloud Hosted Services
Customised Strategy
Award Winning Agency
Ongoing Partnership
Business Focussed Solutions
Tailored Solutions













/* --- SECTION RESET --- */
.surety-section-4 {
font-family: 'Inter', sans-serif;
background-color: ; /* Seamless flow */
padding: 100px 0;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}

/* --- HEADLINES --- */
.section-4-header {
text-align: center;
max-width: 900px;
margin: 0 auto 60px auto;
padding: 0 20px;
}
.s4-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
margin-bottom: 20px;
display: block;
font-weight: 700;
}
.s4-h2 {
font-size: 42px;
font-weight: 700;
color: white;
margin-bottom: 24px;
letter-spacing: -1px;
}
.s4-p {
font-size: 18px;
color: #94A3B8;
line-height: 1.6;
}

/* --- COMPARISON GRID --- */
.comp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
width: 90%;
max-width: 1200px;
margin: 0 auto;
align-items: stretch;
}

/* --- THE "OLD WAY" CARD (LEFT) --- */
.comp-card-bad {
background: rgba(30, 41, 59, 0.2); /* Very dark/faded */
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 24px;
padding: 50px;
position: relative;
opacity: 0.8; /* Looks "inactive" or dull */
transition: all 0.3s ease;
}
.comp-card-bad:hover { opacity: 1; }

.bad-title {
font-size: 24px;
font-weight: 700;
color: #94A3B8; /* Greyed out text */
margin-bottom: 30px;
border-bottom: 1px solid rgba(255,255,255,0.05);
padding-bottom: 20px;
}

/* --- THE "SURETY WAY" CARD (RIGHT) --- */
.comp-card-good {
background: linear-gradient(145deg, rgba(30, 41, 59, 0.6) 0%, rgba(15, 23, 42, 0.9) 100%);
border: 1px solid #cf672a; /* Orange Border */
border-radius: 24px;
padding: 50px;
position: relative;
box-shadow: 0 0 40px rgba(207, 103, 42, 0.15); /* Orange Glow */
transform: scale(1.02); /* Slightly larger to pop */
}

.good-badge {
position: absolute;
top: -15px; right: 30px;
background: #cf672a;
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 20px;
letter-spacing: 1px;
}

.good-title {
font-size: 24px;
font-weight: 700;
color: white;
margin-bottom: 30px;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: 20px;
}

/* --- LISTS --- */
.comp-list {
list-style: none;
padding: 0;
margin: 0;
}
.comp-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; /* Reduced slightly to fit more items */
font-size: 15px;
color: #CBD5E1;
border-bottom: 1px solid rgba(255,255,255,0.02); /* Subtle divider */
padding-bottom: 12px;
}
.comp-item:last-child { margin-bottom: 0; border-bottom: none; }

.item-label { font-weight: 400; color: #94A3B8; }
.item-val-bad { font-weight: 600; color: #ef4444; /* Red */ display: flex; align-items: center; gap: 8px; text-align: right;}
.item-val-good { font-weight: 700; color: #22c55e; /* Green */ display: flex; align-items: center; gap: 8px; text-align: right;}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.comp-grid { grid-template-columns: 1fr; gap: 30px; }
.comp-card-good { transform: scale(1); }
.s4-h2 { font-size: 32px; }
}





THE SURETY DIFFERENCE
Stop Paying for Downtime.
Traditional IT support models are broken. They profit when you have problems. We flipped the model: we only profit when your systems are running perfectly.





Traditional “Break/Fix”


Response Time
4+ Hours Avg.


Billing Model
Hourly / Unpredictable


Relationship
Transactional


Resolution Quality
Recurring Glitches


Advice
Sales Driven


Strategy
Ad-Hoc / None


Implementation
Quick Fixes


Security
Basic Antivirus


Reputation
Generic Provider





Best Practice
The Surety Standard


Response Time
60-Minute Guarantee


Billing Model
Flat Monthly Rate


Relationship
Ongoing Partnership


Resolution Quality
First Time Right


Advice
Honest & Genuine


Strategy
Customised Strategy


Implementation
Best Practice Solutions


Security
Essential 8 Alignment


Reputation
Award Winning Agency








/* --- SECTION RESET --- */
.surety-section-cta {
font-family: 'Inter', sans-serif;
padding: 80px 20px;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}

/* --- THE GLOWING CONTAINER --- */
.cta-box {
width: 100%;
max-width: 1200px;
background: linear-gradient(90deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);
border: 1px solid rgba(207, 103, 42, 0.3); /* Orange Border */
border-radius: 24px;
padding: 60px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
box-shadow: 0 0 50px rgba(207, 103, 42, 0.05); /* Subtle Orange Glow */
}

/* Background Decoration (Abstract Lines) */
.cta-bg-lines {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 10px);
pointer-events: none;
}

/* --- TEXT CONTENT --- */
.cta-content {
flex: 1;
z-index: 2;
}

.cta-h2 {
font-size: 36px;
font-weight: 700;
color: white;
margin-bottom: 15px;
line-height: 1.2;
}

.cta-p {
font-size: 18px;
color: #94A3B8;
max-width: 600px;
line-height: 1.6;
}

/* --- BUTTON GROUP --- */
.cta-actions {
flex-shrink: 0;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}

.cta-btn-primary {
background-color: #cf672a;
color: #ffffff !important;
text-decoration: none !important;
padding: 18px 40px;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(207, 103, 42, 0.4);
display: inline-flex;
align-items: center;
gap: 10px;
}

.cta-btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(207, 103, 42, 0.6);
background-color: #e0783b;
}

.cta-sub-link {
font-size: 14px;
color: #94A3B8;
text-decoration: none;
border-bottom: 1px solid rgba(148, 163, 184, 0.3);
transition: all 0.3s ease;
}
.cta-sub-link:hover {
color: white;
border-color: white;
}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.cta-box { flex-direction: column; text-align: center; padding: 40px 30px; }
.cta-h2 { font-size: 30px; }
.cta-actions { width: 100%; }
.cta-btn-primary { width: 100%; justify-content: center; }
}







Is your current provider ticking all the boxes?
If you saw more red crosses than green ticks above, it’s time for a change. Take our interactive health check to see exactly where your business stands.




Get Your IT Health Checklist


Or call us on 1300 478 738











/* --- SECTION RESET --- */
.surety-section-6 {
font-family: 'Inter', sans-serif;
background-color: ;
padding: 100px 0;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}

/* --- HEADLINES --- */
.section-6-header {
text-align: center;
max-width: 900px;
margin: 0 auto 80px auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.s6-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
margin-bottom: 20px;
display: block;
font-weight: 700;
}
.s6-h2 {
font-size: 42px;
font-weight: 700;
color: white;
margin-bottom: 24px;
letter-spacing: -1px;
}
.s6-p {
font-size: 18px;
color: #94A3B8;
line-height: 1.6;
}

/* --- PROCESS TIMELINE --- */
.process-wrapper {
width: 90%;
max-width: 1400px;
position: relative;
margin-top: 40px;
}

/* The Connecting Line (Desktop) */
.process-line {
position: absolute;
top: 50px; /* Aligns with icon center */
left: 10%; /* Start inside first card */
right: 10%; /* End inside last card */
height: 2px;
background: linear-gradient(90deg,
rgba(207, 103, 42, 0) 0%,
rgba(207, 103, 42, 0.5) 50%,
rgba(207, 103, 42, 0) 100%);
z-index: 0;
}

.process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
position: relative;
z-index: 1;
}

/* --- STEP CARDS --- */
.process-card {
text-align: center;
padding: 20px;
position: relative;
transition: transform 0.3s ease;
}

.process-card:hover {
transform: translateY(-5px);
}

/* Number Circle */
.step-num-wrap {
width: 100px;
height: 100px;
margin: 0 auto 30px auto;
background: #0F172A; /* Masks the line behind it */
border: 1px solid rgba(255,255,255,0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.process-card:hover .step-num-wrap {
border-color: #cf672a;
box-shadow: 0 0 30px rgba(207, 103, 42, 0.2);
}

.step-num {
font-size: 32px;
font-weight: 700;
color: #cf672a;
}

/* Content */
.step-title {
font-size: 20px;
font-weight: 700;
color: white;
margin-bottom: 15px;
}

.step-desc {
font-size: 15px;
color: #94A3B8;
line-height: 1.6;
}

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.process-line { display: none; } /* Hide line on mobile */
.process-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; gap: 50px; }

/* Add a vertical line for mobile */
.process-grid::before {
content: '';
position: absolute;
top: 0; bottom: 0; left: 50px; /* Align with circle center */
width: 2px;
background: rgba(255,255,255,0.1);
z-index: 0;
}

.process-card {
text-align: left;
display: flex;
gap: 30px;
padding: 0;
align-items: flex-start;
}

.step-num-wrap { margin: 0; flex-shrink: 0; }

.s6-h2 { font-size: 32px; }
}





THE TRANSITION ROADMAP
Switching providers doesn’t mean downtime.
We know that fear of disruption stops businesses from getting the support they deserve. That’s why we developed a “Zero-Friction” onboarding process that happens in the background.









01


The Deep-Dive Audit
We start with a comprehensive audit of your current infrastructure, security, and hardware. We identify risks before we touch a single cable.





02


Strategic Roadmap
We present a tailored transition plan. You see exactly what we will do, when we will do it, and how we will improve your systems from Day 1.





03


The Silent Switch
Once you’ve notified them, we take over the heavy lifting. We liaise directly with your old provider for the technical handover, ensuring a seamless transfer.





04


Performance Live
Go live. Your team gets instant access to our local Service Desk, and we begin the process of stabilising and optimising your environment.














/* --- SECTION RESET --- */
.surety-about-section {
font-family: 'Inter', sans-serif;
background-color: ;
padding: 80px 0;
position: relative;
width: 100%;
display: flex;
justify-content: center;
border-top: 1px solid rgba(255,255,255,0.05);
}

.about-container {
width: 90%;
max-width: 1200px;
display: grid;
grid-template-columns: 1.2fr 0.8fr; /* Text is slightly wider */
gap: 80px;
align-items: center;
}

/* --- LEFT: THE STORY --- */
.about-text h2 {
font-size: 36px;
font-weight: 700;
color: white;
margin-bottom: 24px;
line-height: 1.2;
}

.about-text p {
font-size: 17px;
color: #94A3B8;
line-height: 1.7;
margin-bottom: 25px;
}

.about-quote {
border-left: 3px solid #cf672a;
padding-left: 20px;
margin-top: 30px;
}

.about-quote p {
font-size: 16px;
font-weight: 500;
color: white;
font-style: italic;
margin-bottom: 10px;
}

.quote-author {
font-size: 14px;
color: #cf672a;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}

/* --- RIGHT: TRUST METRICS --- */
.trust-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.trust-card {
background: rgba(30, 41, 59, 0.4);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 30px 20px;
border-radius: 16px;
text-align: center;
transition: transform 0.3s ease;
}

.trust-card:hover {
transform: translateY(-5px);
background: rgba(30, 41, 59, 0.6);
border-color: #cf672a;
}

.trust-metric {
font-size: 42px;
font-weight: 700;
color: white;
display: block;
margin-bottom: 5px;
}

.trust-label {
font-size: 13px;
color: #94A3B8;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}

/* AWARD BADGE */
.award-badge {
grid-column: span 2; /* Spans full width */
background: linear-gradient(90deg, rgba(207, 103, 42, 0.1) 0%, rgba(15, 23, 42, 0.5) 100%);
border: 1px solid #cf672a;
padding: 20px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}

.award-text {
text-align: left;
}
.award-text strong { display: block; color: white; font-size: 16px; }
.award-text span { font-size: 13px; color: #94A3B8; }

/* --- RESPONSIVE --- */
@media (max-width: 980px) {
.about-container { grid-template-columns: 1fr; gap: 40px; }
.about-text { text-align: center; }
.about-quote { text-align: left; display: inline-block; }
}






About Surety IT
Business First.Technology Second.

Launched in Brisbane in 2001 and led by Jason McKenzie, Surety IT was built on a simple observation: too many IT providers are obsessed with “fixing computers” but fail to understand the business behind the screen.


We shifted the focus. We don’t just patch servers; we build strategies. We work closely with you to understand your unique challenges—whether you’re an agriculture business in Dubbo or an accounting practice in Brisbane—and deliver solutions that drive growth, not just uptime.



“We deliver honest advice that makes sense. Our aim is to become your long-term partner, helping your business evolve, not just keeping the lights on.”
Jason McKenzie — Owner






2001
Established



20+
Experts



3
Capital Cities



National
Coverage





CRN Impact Award Winner
Recognised Industry Leaders









.surety-newsletter-section {
font-family: 'Inter', sans-serif;
background-color: #0f172a;
padding: 80px 0;
display: flex;
justify-content: center;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.surety-newsletter-container {
width: 90%;
max-width: 1200px; /* Matches your About section width */
background: rgba(30, 41, 59, 0.4);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}

/* MailerLite Reset & Flex Layout */
#mlb2-37079067.ml-form-embedContainer .ml-form-embedWrapper {
background-color: transparent !important;
width: 100% !important;
}

#mlb2-37079067.ml-form-embedContainer .ml-form-embedBody {
padding: 0 !important;
}

/* Layout: Text on top, Form fields in a wide row */
.ml-block-form {
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
gap: 15px;
width: 100%;
}

.ml-form-formContent {
flex-grow: 1; /* Input takes up the space */
margin-bottom: 0 !important;
}

/* Heading Styling */
.surety-newsletter-container h4 {
color: #cf672a;
font-size: 32px;
font-weight: 700;
margin: 0 0 10px 0;
text-align: center;
}

.surety-newsletter-container p.sub-text {
color: #94A3B8;
font-size: 18px;
margin-bottom: 30px;
text-align: center;
}

/* Input Field Overrides */
#mlb2-37079067.ml-form-embedContainer .ml-form-fieldRow input {
background: #1e293b !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
height: 60px !important; /* Larger, more premium feel */
font-size: 16px !important;
padding: 0 25px !important;
border-radius: 12px !important;
width: 100% !important;
}

/* Button Overrides */
#mlb2-37079067.ml-form-embedContainer .ml-form-embedSubmit {
width: auto !important;
margin: 0 !important;
}

#mlb2-37079067.ml-form-embedContainer .ml-form-embedSubmit button {
background-color: #cf672a !important;
height: 60px !important;
padding: 0 40px !important;
border-radius: 12px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 1px;
border: none !important;
cursor: pointer;
transition: background 0.3s ease;
}

#mlb2-37079067.ml-form-embedContainer .ml-form-embedSubmit button:hover {
background-color: #e87a35 !important;
}

/* Fix for reCAPTCHA alignment */
.ml-form-recaptcha {
margin-top: 15px;
}

/* RESPONSIVE: Stack on Mobile */
@media (max-width: 768px) {
.ml-block-form {
flex-direction: column !important;
}
#mlb2-37079067.ml-form-embedContainer .ml-form-embedSubmit {
width: 100% !important;
}
#mlb2-37079067.ml-form-embedContainer .ml-form-embedSubmit button {
width: 100% !important;
}
}






Join the Inner Circle
Get monthly cyber alerts and IT insights straight from Jason and the team.

















Secure Your Invite

















You’re In!
Check your inbox. We’ve sent you a confirmation email.








function ml_webform_success_37079067() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-37079067 .row-success').show();
$('.ml-subscribe-form-37079067 .row-form').hide();
}










/* --- SECTION RESET --- */
.surety-section-7 {
font-family: 'Inter', sans-serif;
background-color: ;
padding: 100px 0 120px 0;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}

/* --- LAYOUT GRID --- */
.contact-grid {
width: 90%;
max-width: 1200px;
display: grid;
grid-template-columns: 1fr 1fr; /* Split 50/50 */
gap: 60px;
align-items: center;
}

/* --- LEFT COLUMN: TEXT & DETAILS --- */
.contact-text-col {
display: flex;
flex-direction: column;
justify-content: center;
}

.s7-tag {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #cf672a;
margin-bottom: 20px;
display: block;
font-weight: 700;
}

.s7-h2 {
font-size: 42px;
font-weight: 700;
color: white;
margin-bottom: 24px;
letter-spacing: -1px;
line-height: 1.2;
}

.s7-p {
font-size: 18px;
color: #94A3B8;
line-height: 1.6;
margin-bottom: 40px;
}

/* Contact Details Box */
.contact-details {
display: flex;
flex-direction: column;
gap: 40px;
}

.detail-item {
display: flex;
align-items: center;
gap: 20px;
}

.detail-icon {
width: 50px; height: 50px;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
display: flex; align-items: center; justify-content: center;
color: #cf672a;
flex-shrink: 0;
}

/* --- THIS IS WHERE YOU CONTROL THE TEXT POSITION --- */
.detail-content h4 {
font-size: 14px;
color: #94A3B8;
text-transform: uppercase;
letter-spacing: 1px;

/* MOVES THE WORD DOWN (Adds space above) */
margin-top: 15px;

/* Space below the word */
margin-bottom: 5px;

margin-left: 0;
margin-right: 0;
line-height: 1;
}

.detail-content sp